:root{--color-text: #1f2937;--color-text-muted: #6b7280;--color-text-light: #9ca3af;--color-border: #f3f4f6;--color-surface: #ffffff;--color-best: #059669;--color-best-bg: #ecfdf5;--color-best-border: #a7f3d0;--radius: 16px;--radius-sm: 12px;--radius-xs: 8px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:linear-gradient(135deg,#f8fafc,#fff,#fffbeb4d);color:var(--color-text);line-height:1.6;min-height:100vh}.header{position:sticky;top:0;z-index:30;background:#1e3a5f}.header-inner{max-width:720px;margin:0 auto;padding:.875rem 1rem;display:flex;align-items:center;justify-content:space-between}.header-left{display:flex;align-items:center;gap:.75rem}.header-logo{display:none}.header-title{font-size:1.125rem;font-weight:800;color:#fff;letter-spacing:.05em;text-transform:uppercase}.header-subtitle{font-size:.75rem;color:#fff9;font-weight:500}.header-right{text-align:right}.header-date-label{font-size:.75rem;color:#ffffff80}.header-date{font-size:.875rem;font-weight:600;color:#ffffffd9}.guide{max-width:720px;margin:0 auto;padding:0 1rem}.guide-toggle{width:100%;display:flex;align-items:center;gap:.625rem;padding:.875rem 0;background:none;border:none;border-bottom:2px solid #f97316;cursor:pointer;text-align:left;font-family:inherit}.guide-toggle-icon{width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;background:#f97316;color:#fff;border-radius:50%;flex-shrink:0;transition:transform .2s ease}.guide-toggle-icon--open{transform:rotate(180deg)}.guide-toggle-text{font-size:.875rem;font-weight:700;color:#f97316}.guide-content{padding:1.25rem 0 .5rem}.guide-columns{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}@media(max-width:580px){.guide-columns{grid-template-columns:1fr;gap:1.25rem}}.guide-block-title{font-size:.8rem;font-weight:700;color:var(--color-text);text-transform:uppercase;letter-spacing:.03em;margin-bottom:.625rem;padding-left:.625rem;border-left:3px solid #f97316}.guide-list{list-style:none;display:flex;flex-direction:column;gap:.5rem}.guide-list li{font-size:.8125rem;line-height:1.55;color:var(--color-text-muted)}.guide-list li strong{color:var(--color-text);font-weight:600}.main{max-width:720px;margin:0 auto;padding:1.5rem 1rem}.stats-bar{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-bottom:1.5rem}.stat-card{background:var(--color-surface);border-radius:var(--radius-sm);border:1px solid var(--color-border);padding:.875rem;text-align:center}.stat-card--best{border-color:var(--color-best-border)}.stat-value{font-size:1.5rem;font-weight:800;color:var(--color-text)}.stat-value--best{color:var(--color-best)}.stat-label{font-size:.75rem;color:var(--color-text-light);font-weight:500}.filter-bar{background:var(--color-surface);border-radius:var(--radius);border:1px solid var(--color-border);padding:1.25rem;margin-bottom:1.5rem}.filter-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.filter-title{font-size:.8rem;font-weight:700;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.filter-reset{font-size:.75rem;color:#ef4444;font-weight:500;background:none;border:none;cursor:pointer}.filter-reset:hover{color:#dc2626}.filter-columns{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}@media(max-width:580px){.filter-columns{grid-template-columns:1fr;gap:0}}.filter-col{display:flex;flex-direction:column}.filter-section{margin-bottom:1rem}.filter-section:last-child{margin-bottom:0}.filter-label{font-size:.75rem;font-weight:500;color:var(--color-text-light);margin-bottom:.5rem;display:block}.filter-chips{display:flex;flex-wrap:wrap;gap:.5rem}.chip{padding:.375rem .875rem;border-radius:9999px;font-size:.875rem;font-weight:500;border:none;cursor:pointer;transition:all .15s ease;background:#f3f4f6;color:var(--color-text-muted)}.chip:hover{background:#e5e7eb}.chip--active{background:var(--color-text);color:#fff;box-shadow:0 1px 2px #0000001a}.filter-select{font-size:.875rem;font-weight:500;color:var(--color-text-muted);background:#f9fafb;border:1px solid #e5e7eb;border-radius:var(--radius-xs);padding:.375rem .75rem;cursor:pointer}.filter-select:focus{outline:none;box-shadow:0 0 0 2px #fbbf2466}.product-list{display:flex;flex-direction:column;gap:.75rem}.product-card{position:relative;background:var(--color-surface);border-radius:var(--radius);border:2px solid var(--color-border);transition:all .2s ease}.product-card:hover{box-shadow:0 4px 12px #00000014;transform:translateY(-1px)}.product-card--best{border-color:var(--color-best-border);box-shadow:0 4px 12px #05966914}.product-card--best .card-body{padding-top:1.5rem}.best-badge{position:absolute;top:-.75rem;left:1rem;background:var(--color-best);color:#fff;font-size:.75rem;font-weight:700;padding:.25rem .75rem;border-radius:9999px;box-shadow:0 1px 3px #0596694d}.card-body{padding:1rem}.card-top{display:flex;gap:.75rem;margin-bottom:.75rem}.card-icon{width:3rem;height:3rem;background:linear-gradient(135deg,#fffbeb,#fff7ed);border-radius:var(--radius-xs);display:flex;align-items:center;justify-content:center;flex-shrink:0;border:1px solid #fef3c7;font-size:1.25rem}.card-info{flex:1;min-width:0}.card-brand{display:block;font-size:.7rem;font-weight:600;color:var(--color-text-light);text-transform:uppercase;letter-spacing:.05em}.card-name{font-weight:700;line-height:1.3}.card-name a{color:var(--color-text);text-decoration:none}.card-name a:hover{color:#1a56db;text-decoration:underline}.card-prices{display:flex;flex-direction:column;gap:.5rem}a.price-option{display:flex;align-items:center;justify-content:space-between;padding:.625rem .75rem;background:#f9fafb;border-radius:var(--radius-xs);text-decoration:none;color:inherit;cursor:pointer}a.price-option:hover{background:#f3f4f6}.price-option--best{background:var(--color-best-bg)}a.price-option--best:hover{background:#d1fae5}.price-main{display:flex;align-items:baseline;gap:.375rem}.price-per-ball{font-size:1.375rem;font-weight:800;color:var(--color-text)}.price-option--best .price-per-ball{color:var(--color-best)}.price-per-ball-label{font-size:.875rem;color:var(--color-text-light)}.price-right{display:flex;flex-direction:column;align-items:flex-end;gap:.125rem}.price-provider{font-size:.7rem;font-weight:600;color:var(--color-text-light);text-transform:uppercase;letter-spacing:.03em}.discount-badge{font-size:.625rem;font-weight:700;color:#dc2626;background:#fef2f2;border:1px solid #fecaca;padding:.0625rem .375rem;border-radius:9999px;line-height:1.4}.price-details{font-size:.8rem;color:var(--color-text-muted)}.price-total{font-weight:600}.empty-state{background:var(--color-surface);border-radius:var(--radius);border:1px solid var(--color-border);padding:3rem;text-align:center}.empty-icon{font-size:2.5rem;display:block;margin-bottom:.75rem}.empty-title{color:var(--color-text-muted);font-weight:500}.empty-subtitle{color:var(--color-text-light);font-size:.875rem;margin-top:.25rem}.loading,.error{text-align:center;padding:3rem;color:var(--color-text-muted)}.error{color:#dc2626}.brands-section{max-width:720px;margin:0 auto;padding:.5rem 1rem;text-align:center}.brands-label{font-size:.75rem;color:var(--color-text-light);display:inline}.brands-list{display:inline;list-style:none}.brands-item{display:inline;font-size:.75rem;color:var(--color-text-light)}.brands-item:after{content:" · "}.brands-item:last-child:after{content:""}.disclaimer{margin-top:2rem;padding:1rem;background:#f9fafb;border-radius:var(--radius-sm);border:1px solid var(--color-border)}.disclaimer p{font-size:.75rem;color:var(--color-text-light);line-height:1.6;text-align:center}