:root{--bg: #f1f5f9;--surface: #ffffff;--border: #e2e8f0;--text: #0f172a;--text-muted: #64748b;--primary: #2563eb;--primary-hover: #1d4ed8;--success: #16a34a;--warning: #d97706;--danger: #dc2626;--radius: 10px;--shadow: 0 1px 3px rgba(0,0,0,.08), 0 1px 2px rgba(0,0,0,.04);--shadow-md: 0 4px 6px rgba(0,0,0,.07), 0 2px 4px rgba(0,0,0,.05)}[data-theme=dark]{--bg: #0f172a;--surface: #1e293b;--border: #334155;--text: #f1f5f9;--text-muted: #94a3b8;--primary: #60a5fa;--primary-hover: #93c5fd;--shadow: 0 1px 3px rgba(0,0,0,.35), 0 1px 2px rgba(0,0,0,.25);--shadow-md: 0 4px 8px rgba(0,0,0,.4), 0 2px 4px rgba(0,0,0,.3)}[data-theme=dark] nav button.active,[data-theme=dark] .pill-active,[data-theme=dark] .period-active{background:#1e3a5f}[data-theme=dark] th,[data-theme=dark] tr:hover td{background:#263548}[data-theme=dark] .inf-card-main{background:#1e3a5f;border-color:#2563eb}[data-theme=dark] .fav-btn{background:#1e293be6}[data-theme=dark] .badge-discount{background:#422006;color:#fbbf24}[data-theme=dark] .badge-deal{background:#052e16;color:#4ade80}[data-theme=dark] .badge-attention{background:#450a0a;color:#fca5a5}[data-theme=dark] .badge-ok{background:#052e16;color:#4ade80;border-color:#166534}[data-theme=dark] .badge-up{background:#450a0a;color:#fca5a5}[data-theme=dark] .badge-down{background:#052e16;color:#4ade80}.theme-toggle{background:none;border:1px solid var(--border);border-radius:6px;width:34px;height:34px;cursor:pointer;font-size:1rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:border-color .15s,background .15s;color:var(--text-muted)}.theme-toggle:hover{border-color:var(--primary);background:var(--bg)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;display:flex;flex-direction:column}main{flex:1}header{background:var(--surface);border-bottom:1px solid var(--border);padding:0 1.5rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:60px;position:sticky;top:0;z-index:100;box-shadow:var(--shadow)}.header-brand{display:flex;align-items:center;flex-shrink:0;text-decoration:none}.logo-wrap{display:flex;align-items:center;gap:.6rem}.logo-icon{width:34px;height:34px;flex-shrink:0;border-radius:8px}.logo{font-weight:800;font-size:1.2rem;color:var(--text);white-space:nowrap;line-height:1.1}.logo span{color:var(--primary)}.tagline{font-size:.68rem;color:var(--text-muted);white-space:nowrap;letter-spacing:.01em;line-height:1}nav{display:flex;gap:.25rem;flex-wrap:nowrap;overflow-x:auto}nav button{background:none;border:none;padding:.4rem .85rem;border-radius:6px;cursor:pointer;font-size:.9rem;color:var(--text-muted);font-weight:500;transition:background .15s,color .15s}nav button:hover{background:var(--bg);color:var(--text)}nav button.active{background:#dbeafe;color:var(--primary)}.nav-fav-btn{position:relative;color:#be123c!important}.nav-badge{display:inline-flex;align-items:center;justify-content:center;background:var(--danger);color:#fff;font-size:.65rem;font-weight:700;min-width:16px;height:16px;border-radius:8px;padding:0 4px;margin-left:4px;vertical-align:middle;line-height:1}main{width:100%;max-width:1600px;margin:0 auto;padding:1rem 1.25rem}.view{display:none}.view.active{display:block;min-height:70vh}.search-bar{display:flex;gap:.75rem;margin-bottom:.75rem;flex-wrap:wrap}.search-bar input,.search-bar select{border:1px solid var(--border);border-radius:var(--radius);padding:.55rem .9rem;font-size:.95rem;background:var(--surface);color:var(--text);outline:none;transition:border-color .15s}.search-bar input{flex:1;min-width:200px}.search-bar input:focus,.search-bar select:focus{border-color:var(--primary)}.category-pills{display:flex;gap:.4rem;flex-wrap:wrap;margin-bottom:1.25rem}.pill{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:.3rem .85rem;font-size:.82rem;font-weight:500;cursor:pointer;color:var(--text-muted);transition:background .15s,color .15s,border-color .15s;white-space:nowrap;text-transform:capitalize}.pill:hover{border-color:var(--primary);color:var(--primary)}.pill-active{background:#dbeafe;border-color:var(--primary);color:var(--primary)}.results-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:.85rem;gap:.75rem;flex-wrap:wrap}.results-count{font-size:.85rem;color:var(--text-muted);font-weight:500}.sort-select{border:1px solid var(--border);border-radius:var(--radius);padding:.4rem .75rem;font-size:.85rem;background:var(--surface);color:var(--text);cursor:pointer;outline:none;transition:border-color .15s}.sort-select:focus{border-color:var(--primary)}.products-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}@media(min-width:480px){.products-grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:680px){.products-grid{grid-template-columns:repeat(4,1fr);gap:1rem}}@media(min-width:900px){.products-grid{grid-template-columns:repeat(5,1fr)}}@media(min-width:1200px){.products-grid{grid-template-columns:repeat(6,1fr)}}.product-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1rem;cursor:pointer;transition:box-shadow .15s,transform .1s;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:.5rem}.product-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.card-out-of-stock{opacity:.6}.card-out-of-stock:hover{opacity:.8}.card-img{width:100%;height:150px;object-fit:contain;border-radius:6px;background:var(--bg);display:block}.card-img-placeholder{width:100%;height:90px;display:flex;align-items:center;justify-content:center;font-size:2.2rem;font-weight:800;color:var(--border);background:var(--bg);border-radius:6px;user-select:none}.fav-btn{position:absolute;top:.5rem;right:.5rem;background:#ffffffd9;border:1px solid var(--border);border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.95rem;color:#94a3b8;line-height:1;padding:0;transition:color .15s,transform .1s,background .15s,border-color .15s;z-index:1;box-shadow:0 1px 3px #0000001a}.fav-btn:hover{color:#f43f5e;border-color:#fda4af;background:#fff1f2;transform:scale(1.1)}.fav-btn.fav-active{color:#f43f5e;border-color:#fda4af;background:#fff1f2}.product-card{position:relative}.card-store{font-size:.75rem;font-weight:600;color:var(--primary);text-transform:uppercase;letter-spacing:.04em}.card-name{font-size:.9rem;font-weight:500;line-height:1.3;flex:1;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-price-row{display:flex;align-items:baseline;gap:.5rem;flex-wrap:wrap;margin-top:auto}.card-price{font-size:1.15rem;font-weight:700;color:var(--text)}.card-original{font-size:.8rem;color:var(--text-muted);text-decoration:line-through}.badge{font-size:.72rem;font-weight:700;padding:.15rem .45rem;border-radius:4px;white-space:nowrap}.badge-discount{background:#fef3c7;color:#92400e}.badge-deal{background:#dcfce7;color:#15803d}.badge-attention{background:#fee2e2;color:#991b1b}.badge-ok{background:#f0fdf4;color:#166534;border:1px solid #bbf7d0}.badge-up{background:#fee2e2;color:#991b1b;font-weight:700}.badge-down{background:#dcfce7;color:#15803d;font-weight:700}.badge-saved{font-size:.68rem;margin-top:.1rem}.card-footer{display:flex;align-items:center;justify-content:space-between;font-size:.78rem;color:var(--text-muted)}.dot{width:7px;height:7px;border-radius:50%;display:inline-block}.dot-green{background:var(--success)}.dot-gray{background:#94a3b8}.table-wrap{overflow-x:auto;border-radius:var(--radius);box-shadow:var(--shadow)}table{width:100%;border-collapse:collapse;background:var(--surface);font-size:.875rem}th{background:#f8fafc;padding:.65rem 1rem;text-align:left;font-weight:600;color:var(--text-muted);border-bottom:1px solid var(--border);white-space:nowrap}td{padding:.7rem 1rem;border-bottom:1px solid var(--border);vertical-align:middle}tr:last-child td{border-bottom:none}tr:hover td{background:#f8fafc}.td-name{max-width:300px}.td-name a{color:var(--primary);text-decoration:none;font-weight:500}.td-name a:hover{text-decoration:underline}.td-name small{display:block;color:var(--text-muted);font-size:.78rem}.gap-high{color:var(--danger);font-weight:700}.gap-medium{color:var(--warning);font-weight:600}.gap-low{color:var(--text-muted)}.stores-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:1rem}.store-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem;box-shadow:var(--shadow)}.store-card h3{font-size:1rem;margin-bottom:.4rem}.store-card p{font-size:.82rem;color:var(--text-muted);margin:.15rem 0}.store-card p a{color:var(--primary);text-decoration:none;word-break:break-all}.store-card p a:hover{text-decoration:underline}.store-meta{margin-top:.75rem;display:flex;gap:.5rem;flex-wrap:wrap}.modal-overlay{display:none;position:fixed;inset:0;background:#00000073;z-index:200;align-items:center;justify-content:center;padding:1rem}.modal-overlay.open{display:flex}.modal{background:var(--surface);border-radius:var(--radius);width:100%;max-width:720px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 40px #0003}.modal-header{padding:1.25rem 1.5rem .75rem;border-bottom:1px solid var(--border);display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.modal-header h2{font-size:1rem;line-height:1.35}.modal-header small{color:var(--text-muted);font-size:.8rem;font-weight:400}.modal-actions{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.modal-share{display:flex;align-items:center;gap:.35rem;background:none;border:1px solid var(--border);border-radius:6px;padding:.3rem .65rem;cursor:pointer;font-size:.78rem;color:var(--text-muted);transition:border-color .15s,color .15s;white-space:nowrap}.modal-share:hover{border-color:var(--primary);color:var(--primary)}.modal-close{background:none;border:none;cursor:pointer;font-size:1.4rem;color:var(--text-muted);line-height:1;padding:0 .25rem;flex-shrink:0}.modal-close:hover{color:var(--text)}.modal-body{padding:1.25rem 1.5rem}.stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem;margin-bottom:1.25rem}.stat-box{background:var(--bg);border-radius:8px;padding:.65rem .75rem;text-align:center}.stat-box .val{font-size:1.1rem;font-weight:700}.stat-box .lbl{font-size:.72rem;color:var(--text-muted);margin-top:.1rem}.chart-wrap{position:relative;height:240px;margin-bottom:1rem}.history-note{margin:.5rem 0 1rem;font-size:.8rem;color:var(--text-muted);display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.modal-cta{padding:.75rem 0 .25rem;border-top:1px solid var(--border);margin-top:.5rem}.btn-store{display:inline-block;padding:.5rem 1.1rem;background:var(--primary);color:#fff;border-radius:6px;font-size:.85rem;font-weight:600;text-decoration:none;transition:background .15s}.btn-store:hover{background:#1d4ed8}.inflation-banner{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.1rem 1.25rem;margin:1.5rem 0;box-shadow:var(--shadow)}.inflation-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.9rem;flex-wrap:wrap}.inflation-title{font-weight:700;font-size:.95rem}.inflation-period-btns{display:flex;gap:.3rem}.period-btn{background:none;border:1px solid var(--border);border-radius:6px;padding:.2rem .6rem;font-size:.78rem;cursor:pointer;color:var(--text-muted);transition:background .15s,color .15s,border-color .15s}.period-btn:hover{border-color:var(--primary);color:var(--primary)}.period-active{background:#dbeafe;border-color:var(--primary);color:var(--primary);font-weight:600}.inflation-cards{display:flex;gap:.75rem;flex-wrap:wrap;margin-bottom:1rem}.inf-card{background:var(--bg);border-radius:8px;padding:.7rem 1rem;min-width:110px;text-align:center;flex:1}.inf-card-main{background:#eff6ff;border:1px solid #bfdbfe}.inf-val{font-size:1.4rem;font-weight:800;line-height:1.1}.inf-up{color:var(--danger)}.inf-down{color:var(--success)}.inf-flat{color:var(--text-muted)}.inf-label{font-size:.78rem;font-weight:600;color:var(--text);margin-top:.2rem;text-transform:capitalize}.inf-count{font-size:.7rem;color:#475569;margin-top:.1rem}.inf-card .inf-up{color:#b91c1c}.inf-card .inf-down{color:#166534}.inf-card .inf-flat{color:#475569}.inflation-chart-wrap{position:relative;height:130px}.inflation-chart-wrap canvas,.chart-wrap canvas{max-width:100%}#trending-grid{min-height:320px}.section-heading{font-size:1.05rem;font-weight:700;color:var(--text);margin-bottom:1rem;display:flex;align-items:center;gap:.4rem}.heading-icon{font-size:1.15rem}.hidden{display:none!important}.section-title{font-size:1rem;font-weight:600;margin-bottom:1rem;color:var(--text-muted)}.empty{text-align:center;padding:3rem 1rem;color:var(--text-muted);font-size:.95rem}.spinner{text-align:center;padding:2rem;color:var(--text-muted)}footer{background:#0f172a;color:#94a3b8;margin-top:3rem;font-size:.85rem}.footer-inner{max-width:1200px;margin:0 auto;padding:2.5rem 1.5rem 1.5rem;display:grid;grid-template-columns:1.4fr 1.4fr 1fr;gap:2.5rem}.footer-col h3{color:#f1f5f9;font-size:.85rem;font-weight:700;margin-bottom:.6rem;text-transform:uppercase;letter-spacing:.05em}.footer-col p{line-height:1.6}.footer-logo-wrap{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.footer-logo-icon{width:32px;height:32px;border-radius:7px}.footer-logo{font-weight:800;font-size:1.15rem;color:#f1f5f9}.footer-logo span{color:#60a5fa}.footer-stores-list{list-style:none;display:flex;flex-direction:column;gap:.3rem}.footer-stores-list li:before{content:"\2192  ";color:#60a5fa}.footer-bottom{border-top:1px solid #1e293b;padding:1rem 1.5rem;text-align:center;font-size:.78rem;max-width:1200px;margin:0 auto}.detail-nav{display:flex;align-items:center;gap:1rem;margin-bottom:1.25rem;flex-wrap:wrap}.btn-back{background:none;border:1px solid var(--border);border-radius:6px;padding:.4rem .85rem;font-size:.875rem;cursor:pointer;color:var(--text-muted);transition:border-color .15s,color .15s;white-space:nowrap;flex-shrink:0}.btn-back:hover{border-color:var(--primary);color:var(--primary)}.detail-title{font-size:1.1rem;font-weight:700;line-height:1.3}.detail-wrap{max-width:800px}.detail-store-row{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;flex-wrap:wrap}.price-history-section{margin-top:1.5rem}.price-history-section h3{font-weight:700;margin-bottom:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:.8rem}.history-table{font-size:.85rem}.history-table td.price-cell{font-weight:600}.history-table td.change-up{color:var(--danger);font-weight:600}.history-table td.change-down{color:var(--success);font-weight:600}.history-table td.change-flat{color:var(--text-muted)}.modal-full-link{display:flex;align-items:center;gap:.35rem;border:1px solid var(--border);border-radius:6px;padding:.3rem .65rem;font-size:.78rem;color:var(--text-muted);text-decoration:none;white-space:nowrap;transition:border-color .15s,color .15s}.modal-full-link:hover{border-color:var(--primary);color:var(--primary)}@media(max-width:768px){header{padding:.65rem 1rem;flex-wrap:wrap;min-height:auto;gap:.5rem}.header-brand{flex:1}.logo-icon{width:28px;height:28px}.logo-wrap{gap:.45rem}.logo{font-size:1.05rem}.tagline{display:none}nav{width:100%;gap:.2rem;padding-bottom:2px;-webkit-overflow-scrolling:touch}nav::-webkit-scrollbar{display:none}nav button{font-size:.78rem;padding:.35rem .6rem;white-space:nowrap}main{padding:1rem}.search-bar{gap:.5rem}.search-bar input{min-width:0}#filter-store{width:100%}.card-img{height:120px}.card-img-placeholder{height:70px;font-size:1.8rem}.card-price{font-size:1rem}.inflation-cards{gap:.5rem}.inf-card{min-width:80px;padding:.5rem .6rem}.inf-val{font-size:1.1rem}.inf-label{font-size:.72rem}.inflation-chart-wrap{height:100px}.fav-btn{width:36px;height:36px;top:.4rem;right:.4rem}.pill{padding:.35rem 1rem;font-size:.8rem}#share-label{display:none}.modal-share{padding:.3rem .4rem}table{font-size:.78rem}th,td{padding:.5rem .65rem}th:nth-child(3),td:nth-child(3),th:nth-child(6),td:nth-child(6),th:nth-child(7),td:nth-child(7){display:none}.stores-grid{grid-template-columns:1fr}.modal-overlay{align-items:flex-end;padding:0}.modal{max-width:100%;max-height:92vh;border-radius:var(--radius) var(--radius) 0 0}.stats-row{grid-template-columns:repeat(2,1fr)}.chart-wrap{height:200px}.footer-inner{grid-template-columns:1fr;gap:1.5rem;padding:2rem 1.25rem 1.25rem}}@media(max-width:400px){.products-grid{grid-template-columns:repeat(2,1fr)}.inf-card-main .inf-val{font-size:1.3rem}}[data-theme=dark] .nav-fav-btn{color:#fb7185!important}[data-theme=dark] .inf-card .inf-up{color:#fca5a5}[data-theme=dark] .inf-card .inf-down{color:#4ade80}[data-theme=dark] .inf-card .inf-flat{color:#94a3b8}[data-theme=dark] .inf-count{color:#a5b2c4}