@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap";
:root{--primary:#66de6f;--primary-dim:#66de6f26;--secondary:#c4c0ff;--bg:#141020;--surface:#1d172b;--surface-var:#3c3451;--surface-h:#251b38;--on-surface:#e9e4ff;--on-muted:#b9b1d1;--outline:#948baa;--outline-var:#48425a;--error:#ffb4ab;--radius-sm:8px;--radius-md:12px;--radius-card:16px;--radius-xl:24px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{max-width:100vw;overflow-x:hidden}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--on-surface);-webkit-font-smoothing:antialiased;font-family:Inter,system-ui,sans-serif;font-size:15px;line-height:1.5}.page{flex-direction:column;min-height:100vh;display:flex}.content{flex:1;width:100%;max-width:1440px;margin:0 auto;padding:12px 16px 48px}.header{z-index:50;-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--outline-var);background:#141020e0;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;gap:16px;max-width:1440px;margin:0 auto;padding:12px 20px;display:flex}.logo{flex-shrink:0;align-items:center;gap:10px;display:flex}.logo-img{object-fit:contain;width:32px;height:32px}.logo-text{letter-spacing:-.4px;color:var(--on-surface);white-space:nowrap;font-size:20px;font-weight:800}.logo-sub{color:var(--primary)}.header-cta-center{flex:1;justify-content:center;min-width:0;display:flex}.header-controls{flex-shrink:0;align-items:center;gap:10px;display:flex}.download-app-btn{color:#03250c;white-space:nowrap;background:linear-gradient(135deg,#66de6f 0%,#79ec82 100%);border:1px solid #ffffff2e;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:8px 14px;font-size:13px;font-weight:800;text-decoration:none;transition:transform .16s,box-shadow .16s,filter .16s;display:inline-flex;box-shadow:0 8px 20px #66de6f52}.download-app-btn:hover{filter:brightness(1.02);transform:translateY(-1px);box-shadow:0 10px 24px #66de6f66}.download-btn-icon{flex-shrink:0;width:16px;height:16px}.show-on-mobile{display:none!important}@media (max-width:550px){.header-inner{gap:8px;padding:10px 14px}.logo{gap:8px}.logo-text{display:none}.header-controls{gap:6px}.header-cta-center{justify-content:center}.download-app-btn{padding:7px 10px;font-size:12px}.hide-on-mobile{display:none!important}.show-on-mobile{display:inline-flex!important}.canton-select{text-overflow:ellipsis;background-position:right 6px center;background-size:10px;max-width:75px;padding:6px 18px 6px 8px;font-size:13px}}.lang-selector{background:var(--surface);border:1.5px solid var(--outline-var);border-radius:10px;align-items:stretch;display:flex;overflow:hidden}.lang-btn{border:none;border-right:1px solid var(--outline-var);min-width:36px;color:var(--on-muted);cursor:pointer;letter-spacing:.6px;white-space:nowrap;background:0 0;padding:6px 11px;font-family:inherit;font-size:11px;font-weight:700;transition:background .12s,color .12s}.lang-btn:last-child{border-right:none}.lang-btn--active{background:var(--primary);color:#003910}.lang-btn:not(.lang-btn--active):hover{background:var(--surface-var);color:var(--on-surface)}.canton-wrap{align-items:center;gap:8px;display:flex}.canton-label{font-size:15px}.canton-select{background:var(--surface);color:var(--on-surface);border:1.5px solid var(--outline-var);border-radius:var(--radius-md);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23948BAA' stroke-width='2.5'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;padding:7px 30px 7px 12px;font-family:inherit;font-size:14px;font-weight:500;transition:border-color .15s}.canton-select:hover{border-color:var(--primary)}.canton-select:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-dim);outline:none}.sticky-bar{z-index:40;-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--outline-var);background:#141020d1;padding:12px 0 0;position:sticky;top:57px}.sticky-bar-inner{flex-direction:column;gap:10px;max-width:1440px;margin:0 auto;padding:0 16px;display:flex}.search-bar{background:var(--surface);border:1.5px solid var(--outline-var);border-radius:var(--radius-xl);align-items:center;gap:10px;padding:10px 18px;transition:border-color .15s,box-shadow .15s;display:flex}.search-bar:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-dim)}.search-icon{color:var(--on-muted);flex-shrink:0;display:flex}.search-input{color:var(--on-surface);background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:15px}.search-input::placeholder{color:var(--outline)}.search-clear{background:var(--outline-var);width:24px;height:24px;color:var(--on-muted);cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:background .12s;display:flex}.search-clear:hover{background:var(--surface-var);color:var(--on-surface)}.spinner{border:2px solid var(--primary-dim);border-top-color:var(--primary);border-radius:50%;width:16px;height:16px;animation:.7s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.filter-bar-wrap{-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:12px;overflow-x:auto}.filter-bar-wrap::-webkit-scrollbar{display:none}.filter-bar{align-items:center;gap:6px;width:max-content;min-width:100%;display:flex}.filter-divider{background:var(--outline-var);flex-shrink:0;width:1px;height:18px;margin:0 2px}.filter-chip{border:1px solid var(--outline-var);background:var(--surface-var);color:var(--on-muted);cursor:pointer;white-space:nowrap;border-radius:14px;flex-shrink:0;align-items:center;gap:5px;padding:5px 13px;font-family:inherit;font-size:13px;font-weight:500;transition:background .2s,border-color .2s,color .15s,transform .15s cubic-bezier(.25,.46,.45,.94),box-shadow .2s;display:inline-flex}.filter-chip:hover{border-color:var(--outline);color:var(--on-surface);background:var(--surface-h)}.filter-chip:active{transition-duration:60ms;transform:scale(.95)}.filter-chip--active{background:var(--primary);border-color:var(--primary);color:#003910;font-weight:700;box-shadow:0 0 12px #66de6f4d}.filter-chip--active:hover{background:#7fe887;border-color:#7fe887}.filter-chip--active:active{transform:scale(.95);box-shadow:0 0 6px #66de6f33}.filter-bar-divider{background:var(--outline-var);flex-shrink:0;align-self:stretch;width:1px;margin:4px 6px}.active-filter-tag{background:color-mix(in srgb,var(--tag-accent,var(--primary))15%,var(--surface));border:1.5px solid color-mix(in srgb,var(--tag-accent,var(--primary))55%,transparent);white-space:nowrap;border-radius:100px;flex-shrink:0;align-items:center;gap:6px;padding:4px 6px 4px 5px;transition:box-shadow .15s;display:inline-flex}.active-filter-tag:hover{box-shadow:0 0 0 3px color-mix(in srgb,var(--tag-accent,var(--primary))18%,transparent)}.aft-logo{background:#fff;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:20px;padding:2px 4px;display:flex;overflow:hidden}.aft-emoji{flex-shrink:0;font-size:14px;line-height:1}.aft-label{color:var(--tag-accent,var(--primary));letter-spacing:.1px;font-size:12px;font-weight:600}.aft-remove{background:color-mix(in srgb,var(--tag-accent,var(--primary))22%,transparent);width:16px;height:16px;color:var(--tag-accent,var(--primary));cursor:pointer;border:none;border-radius:100px;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:background .12s;display:flex}.aft-remove:hover{background:color-mix(in srgb,var(--tag-accent,var(--primary))42%,transparent)}.filter-chip--reset{color:var(--error);border-color:#ffb4ab59;flex-shrink:0;font-size:11px}.filter-chip--reset:hover{border-color:var(--error);background:#ffb4ab1a}.price-popover{z-index:100;background:var(--surface);border:1px solid var(--outline-var);border-radius:var(--radius-card);width:220px;padding:16px;position:absolute;top:calc(100% + 8px);left:0;box-shadow:0 16px 40px #0009}.price-popover-label{color:var(--on-muted);text-transform:uppercase;letter-spacing:.6px;margin-bottom:8px;font-size:11px;font-weight:700}.price-input{background:var(--surface-var);border:1px solid var(--outline-var);border-radius:var(--radius-sm);color:var(--on-surface);flex:1;width:100%;padding:7px 10px;font-family:inherit;font-size:14px}.price-input::-webkit-outer-spin-button{-webkit-appearance:none}.price-input::-webkit-inner-spin-button{-webkit-appearance:none}.discount-slider{width:100%;accent-color:var(--primary);cursor:pointer}.discount-slider-value{color:var(--primary);text-align:center;margin-top:4px;font-size:13px;font-weight:600}.price-popover-clear{border-radius:var(--radius-sm);border:1px solid var(--outline-var);width:100%;color:var(--on-muted);cursor:pointer;background:0 0;margin-top:12px;padding:7px;font-family:inherit;font-size:13px}.price-popover-clear:hover{border-color:var(--outline);color:var(--on-surface)}.results-count{color:var(--on-muted);margin-bottom:14px;padding-top:4px;font-size:13px}.offer-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;display:grid}@media (min-width:480px){.offer-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}}@media (min-width:768px){.offer-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px}}@media (min-width:1200px){.offer-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}}.offer-card{background:var(--surface);border-radius:var(--radius-card);cursor:pointer;border:1px solid #48425a80;flex-direction:column;height:100%;transition:transform .18s,box-shadow .18s,border-color .18s;display:flex;overflow:hidden}.offer-card:hover{border-color:var(--outline);transform:translateY(-3px);box-shadow:0 8px 32px #00000080}.offer-card-image-wrap{aspect-ratio:1;background:var(--surface-var);flex-shrink:0;width:100%;position:relative;overflow:hidden}.offer-card-image{object-fit:cover;width:100%;height:100%;transition:transform .3s;display:block;position:absolute;inset:0}.offer-card:hover .offer-card-image{transform:scale(1.04)}.offer-card-gradient{pointer-events:none;background:linear-gradient(#0000 40%,#0000008c 100%);position:absolute;inset:0}.offer-card-image-placeholder{color:var(--outline);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.discount-badge{background:var(--primary);color:#003910;letter-spacing:.2px;z-index:3;border-radius:16px;align-items:baseline;gap:1px;padding:4px 10px;font-size:12px;font-weight:900;display:flex;position:absolute;top:8px;right:8px;box-shadow:0 3px 8px #0000004d}.supermarket-logo-wrap{z-index:3;background:#fff;border-radius:8px;justify-content:center;align-items:center;width:48px;height:28px;padding:4px;display:flex;position:absolute;bottom:8px;left:8px;box-shadow:0 2px 6px #00000040}.supermarket-logo-wrap img{object-fit:contain;width:100%;height:100%;display:block}.supermarket-logo-text{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;z-index:3;background:#000000a6;border-radius:8px;padding:3px 8px;font-size:11px;font-weight:700;position:absolute;bottom:8px;left:8px}.offer-card-body{flex-direction:column;flex:1;gap:2px;padding:10px 12px 12px;display:flex}.offer-card-header-row{justify-content:space-between;align-items:center;gap:4px;margin-bottom:2px;display:flex}.offer-card-brand{letter-spacing:.7px;color:var(--on-muted);text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:600;overflow:hidden}.offer-type-badge{border:.5px solid;border-radius:6px;flex-shrink:0;padding:2px 6px;font-size:9px;font-weight:700}.offer-type-badge--multi{color:#86dad1;background:#86dad126;border-color:#86dad166}.offer-card-name{color:var(--on-surface);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;font-size:13.5px;font-weight:700;line-height:1.3;display:-webkit-box;overflow:hidden}.offer-card-price-row{align-items:baseline;gap:6px;margin-top:auto;padding-top:6px;display:flex}.offer-card-price{color:var(--on-surface);font-size:20px;font-weight:900;line-height:1}.offer-card-price-unit{color:var(--on-surface);font-size:12px;font-weight:700}.offer-card-original{color:var(--outline);font-size:13px;text-decoration:line-through}.offer-card-no-price{color:var(--on-muted);font-size:13px;font-style:italic}.offer-card-meta-row{flex-wrap:wrap;align-items:center;gap:6px;margin-top:6px;display:flex}.offer-card-qty{background:var(--surface-var);color:var(--on-muted);border-radius:12px;padding:3px 8px;font-size:11px;font-weight:700}.offer-card-unit-price{color:var(--on-muted);font-size:11px;font-weight:600}.offer-card-tags{flex-wrap:wrap;gap:4px;margin-top:6px;display:flex}.dietary-badge{border-radius:100px;padding:2px 7px;font-size:11px;font-weight:600}.dietary-badge--vegan{color:var(--primary);background:#66de6f21;border:1px solid #66de6f40}.dietary-badge--veg{color:#86dad1;background:#86dad121;border:1px solid #86dad140}.dietary-badge--bio{color:var(--primary);background:#66de6f1a;border:1px solid #66de6f33}.dietary-badge--proteic{color:var(--secondary);background:#c4c0ff21;border:1px solid #c4c0ff40}.offer-card--skeleton{aspect-ratio:3/5;background:linear-gradient(90deg,var(--surface)25%,var(--surface-h)50%,var(--surface)75%);border:1px solid var(--outline-var);background-size:400% 100%;animation:1.5s infinite shimmer}@keyframes shimmer{to{background-position:-400% 0}}.offer-grid-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:40vh;display:flex}.offer-grid-error{color:var(--error);font-size:16px}.offer-grid-empty{color:var(--on-muted);font-size:18px;font-weight:600}.offer-grid-empty-sub{color:var(--outline);font-size:14px}.btn-retry{background:var(--primary);color:#003910;cursor:pointer;border:none;border-radius:18px;padding:10px 24px;font-family:inherit;font-size:14px;font-weight:700;transition:opacity .15s,transform .1s}.btn-retry:hover{opacity:.88;transform:translateY(-1px)}.sections-list{flex-direction:column;gap:8px;display:flex}.offer-section{border-bottom:1px solid var(--outline-var);padding:16px 0 4px}.offer-section:last-child{border-bottom:none}.offer-section-header{justify-content:space-between;align-items:center;margin-bottom:12px;padding:0 2px;display:flex}.offer-section-title-btn{cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;padding:0;display:flex}.offer-section-emoji{font-size:20px;line-height:1}.offer-section-title{color:var(--on-surface);letter-spacing:-.2px;font-size:16px;font-weight:700}.offer-section-view-all{color:var(--primary);cursor:pointer;background:0 0;border:none;flex-shrink:0;align-items:center;gap:2px;padding:4px 0;font-family:inherit;font-size:13px;font-weight:600;transition:opacity .15s;display:flex}.offer-section-view-all:hover{opacity:.75}.offer-section-scroll{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-direction:row;gap:10px;padding-bottom:4px;display:flex;overflow-x:auto}.offer-section-scroll::-webkit-scrollbar{display:none}.offer-section-scrollbar{cursor:pointer;background:#ffffff14;border-radius:999px;width:100%;height:8px;margin-top:6px;position:relative}.offer-section-scrollbar-thumb{cursor:grab;background:#66de6f8c;border-radius:999px;min-width:36px;height:100%;transition:background .15s;position:absolute;top:0;left:0}.offer-section-scrollbar-thumb:hover{background:#66de6fcc}.offer-section-scrollbar-thumb:active{cursor:grabbing;background:#66de6fe6}.offer-section-card-wrap{flex-shrink:0;width:170px}@media (min-width:480px){.offer-section-card-wrap{width:185px}}@media (min-width:768px){.offer-section-card-wrap{width:200px}}.offer-section-error{color:var(--error);align-items:center;gap:10px;padding:16px;font-size:14px;display:flex}.offer-section-retry{border:1px solid var(--error);color:var(--error);cursor:pointer;background:0 0;border-radius:100px;padding:4px 12px;font-family:inherit;font-size:13px}.view-all-header{flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:18px;display:flex}.view-all-back{background:var(--surface-var);border:1px solid var(--outline-var);color:var(--on-muted);cursor:pointer;border-radius:100px;padding:7px 14px;font-family:inherit;font-size:13px;font-weight:600;transition:border-color .12s,color .12s}.view-all-back:hover{border-color:var(--outline);color:var(--on-surface)}.view-all-title{color:var(--on-surface);letter-spacing:-.4px;font-size:22px;font-weight:800}.filter-chip-arrow{opacity:.6;margin-left:2px;font-size:10px}.filter-chip--active .filter-chip-arrow{opacity:1}.filter-chip-group{flex-shrink:0;display:inline-flex;position:relative}.dropdown-panel{z-index:200;background:var(--surface);border:1px solid var(--outline-var);transform-origin:0 0;border-radius:16px;flex-direction:column;min-width:280px;max-width:420px;max-height:70vh;animation:.18s cubic-bezier(.25,.46,.45,.94) dropdown-in;display:flex;position:fixed;overflow:hidden;box-shadow:0 8px 32px #00000059,0 2px 8px #0003}@keyframes dropdown-in{0%{opacity:0;transform:scale(.95)translateY(-4px)}to{opacity:1;transform:scale(1)translateY(0)}}.dropdown-header{flex-shrink:0;justify-content:space-between;align-items:flex-start;padding:14px 16px 8px;display:flex}.dropdown-title{color:var(--on-surface);letter-spacing:-.2px;font-size:15px;font-weight:700}.dropdown-subtitle{color:var(--primary);margin-top:2px;font-size:12px;font-weight:500}.dropdown-close{background:var(--surface-var);cursor:pointer;width:28px;height:28px;color:var(--on-muted);border:none;border-radius:100px;flex-shrink:0;justify-content:center;align-items:center;transition:background .1s;display:flex}.dropdown-close:hover{background:var(--outline-var)}.dropdown-body{flex-direction:column;flex:1;gap:0;padding:4px 16px 8px;display:flex;overflow-y:auto}.dropdown-actions{border-top:1px solid var(--outline-var);flex-shrink:0;justify-content:flex-end;gap:8px;padding:8px 16px 12px;display:flex}@media (max-width:600px){.dropdown-panel{min-width:unset;max-width:unset;transform-origin:bottom;border-radius:20px 20px 0 0;max-height:70vh;animation:.22s cubic-bezier(.25,.46,.45,.94) dropdown-in-mobile;position:fixed;inset:auto 0 0}@keyframes dropdown-in-mobile{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}}.sheet-list{flex-direction:column;flex:1;gap:4px;display:flex;overflow-y:auto}.sheet-list-item{background:var(--surface-var);cursor:pointer;color:var(--on-surface);text-align:left;border:1.5px solid #0000;border-radius:14px;align-items:center;gap:14px;padding:12px 14px;font-family:inherit;transition:background .12s,border-color .12s;display:flex}.sheet-list-item:hover{background:var(--surface-h)}.sheet-list-item--active{background:color-mix(in srgb,var(--primary)12%,var(--surface));border-color:var(--primary)}.sheet-list-logo{background:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:30px;padding:4px;display:flex}.sheet-list-emoji{background:var(--surface);padding:0;font-size:20px}.sheet-list-label{color:var(--on-surface);flex:1;font-size:15px;font-weight:600}.sheet-list-desc{color:var(--on-muted);margin-top:1px;font-size:12px;font-weight:400}.sheet-list-check{border:2px solid var(--outline-var);border-radius:100px;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;transition:background .12s,border-color .12s;display:flex}.sheet-list-check--on{background:var(--primary);border-color:var(--primary);color:#003910}.sheet-cat-grid{flex:1;grid-template-columns:1fr 1fr;gap:10px;display:grid;overflow-y:auto}.sheet-cat-card{border:2px solid var(--outline-var);background:var(--surface-var);cursor:pointer;color:var(--on-surface);border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:18px 12px;font-family:inherit;transition:border-color .12s,background .12s;display:flex;position:relative}.sheet-cat-card:hover{background:var(--surface-h)}.sheet-cat-card--active{border-color:var(--primary);background:color-mix(in srgb,var(--primary)12%,var(--surface))}.sheet-cat-emoji{font-size:26px;line-height:1}.sheet-cat-label{text-align:center;line-clamp:2;-webkit-line-clamp:2;font-size:12px;font-weight:600;overflow:hidden}.sheet-cat-check{background:var(--primary);color:#003910;border-radius:100px;justify-content:center;align-items:center;width:18px;height:18px;font-size:11px;font-weight:900;display:flex;position:absolute;top:8px;right:8px}.sheet-price-body{flex-direction:column;gap:20px;display:flex}.price-inputs{align-items:center;gap:12px;display:flex}.price-input-group{flex-direction:column;flex:1;gap:4px;display:flex}.price-label{color:var(--on-muted);text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:600}.price-sep{color:var(--on-muted);flex-shrink:0;margin-top:16px;font-size:16px}.price-input{background:var(--surface-var);border:1.5px solid var(--outline-var);width:100%;color:var(--on-surface);border-radius:12px;padding:10px 12px;font-family:inherit;font-size:15px;transition:border-color .12s}.price-input:focus{border-color:var(--primary);outline:none}.sheet-price-discount{flex-direction:column;gap:8px;display:flex}.discount-slider{width:100%;accent-color:var(--primary)}.discount-slider-value{color:var(--primary);font-size:13px;font-weight:600}.sheet-actions{border-top:1px solid var(--outline-var);flex-shrink:0;justify-content:flex-end;align-items:center;gap:12px;margin-top:16px;padding:16px 0 20px;display:flex}.sheet-btn-reset{color:var(--on-muted);cursor:pointer;background:0 0;border:none;border-radius:10px;padding:8px 12px;font-family:inherit;font-size:14px;font-weight:600;transition:color .1s,background .1s}.sheet-btn-reset:hover{color:var(--on-surface);background:var(--surface-var)}.sheet-btn-apply{background:var(--primary);color:#003910;cursor:pointer;border:none;border-radius:12px;padding:10px 24px;font-family:inherit;font-size:14px;font-weight:700;transition:opacity .1s}.sheet-btn-apply:hover{opacity:.85}.footer{text-align:center;color:var(--outline);border-top:1px solid var(--outline-var);padding:20px;font-size:12px}.detail-page{background:var(--bg);max-width:1440px;min-height:100vh;margin:0 auto}.detail-topbar{z-index:50;-webkit-backdrop-filter:blur(24px);background:#141020d9;border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;gap:8px;padding:8px 16px;display:flex;position:sticky;top:0}.detail-back-btn-bar{color:var(--on-surface);cursor:pointer;background:0 0;border:none;border-radius:10px;flex-shrink:0;align-items:center;gap:6px;padding:6px 8px;font-size:14px;font-weight:600;transition:background .15s;display:flex}.detail-back-btn-bar span{display:none}.detail-back-btn-bar:hover{background:#ffffff14}.detail-topbar-center{flex:1;justify-content:center;min-width:0;display:flex}.detail-topbar-controls{flex-shrink:0;align-items:center;gap:6px;min-width:0;display:flex}.detail-download-btn{color:#03250c;white-space:nowrap;background:linear-gradient(135deg,#66de6f 0%,#79ec82 100%);border:1px solid #ffffff2e;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:7px 12px;font-size:12px;font-weight:800;text-decoration:none;transition:transform .16s,box-shadow .16s,filter .16s;display:inline-flex;box-shadow:0 8px 20px #66de6f4d}.detail-download-btn:hover{filter:brightness(1.02);transform:translateY(-1px);box-shadow:0 10px 24px #66de6f61}.detail-select{color:var(--on-surface);cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:10px;min-width:0;max-width:120px;padding:5px 8px;font-family:inherit;font-size:12px}@media (min-width:600px){.detail-topbar{padding:10px 24px}.detail-back-btn-bar{gap:8px;padding:6px 12px}.detail-back-btn-bar span{display:inline}.detail-topbar-controls{gap:8px}.detail-download-btn{padding:8px 14px;font-size:13px}@media (max-width:700px){.detail-download-btn span{display:none}.detail-download-btn{border-radius:10px;padding:7px}}.detail-select{max-width:none;padding:6px 10px;font-size:13px}}.detail-layout{flex-direction:column;width:100%;padding:0;display:flex}.detail-col-image{width:100%}.detail-hero{width:100%;padding:16px;position:relative}.detail-hero-image-wrap{background:#ffffff0a;border:1px solid #ffffff0f;border-radius:20px;justify-content:center;align-items:center;width:100%;height:240px;display:flex;position:relative;overflow:hidden}.detail-hero-image{object-fit:contain;width:82%;height:82%;margin:0 auto;transition:transform .3s;display:block}.detail-hero-image:hover{transform:scale(1.04)}.detail-hero-placeholder{width:100%;height:100%;color:var(--outline);justify-content:center;align-items:center;display:flex}.detail-discount-badge{color:#000;z-index:2;letter-spacing:-.3px;background:linear-gradient(135deg,#66de6f,#4cd964);border-radius:12px;padding:6px 14px;font-size:15px;font-weight:900;position:absolute;top:28px;right:28px;box-shadow:0 4px 16px #66de6f66}.detail-supermarket-logo{z-index:2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffff2;border-radius:10px;padding:4px 10px;position:absolute;bottom:28px;left:28px;box-shadow:0 2px 12px #0000004d}.detail-supermarket-logo img{object-fit:contain;width:auto;height:22px;display:block}.detail-col-info{width:100%}.detail-section{padding:20px}.detail-section+.detail-section{border-top:1px solid #ffffff0d}.detail-brand{color:var(--primary);letter-spacing:1.2px;text-transform:uppercase;margin-bottom:6px;font-size:11px;font-weight:700}.detail-title{color:var(--on-surface);letter-spacing:-.4px;margin-bottom:12px;font-size:24px;font-weight:800;line-height:1.2}.detail-date-row{color:var(--on-muted);flex-wrap:wrap;align-items:center;gap:6px;font-size:13px;font-weight:500;display:flex}.detail-section-title{color:var(--on-muted);text-transform:uppercase;letter-spacing:.8px;margin-bottom:12px;font-size:13px;font-weight:700}.detail-price-row{background:linear-gradient(135deg,#66de6f1a 0%,#66de6f08 100%);border:1px solid #66de6f26;border-radius:16px;align-items:baseline;gap:8px;margin-bottom:16px;padding:20px 24px;display:flex}.detail-price-current{color:var(--on-surface);letter-spacing:-1px;font-size:36px;font-weight:900;line-height:1}.detail-price-currency{color:var(--on-muted);font-size:16px;font-weight:700}.detail-price-original{color:var(--outline);margin-left:4px;font-size:18px;text-decoration:line-through}.detail-meta-chips{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.detail-chip{color:var(--on-surface);white-space:nowrap;background:#ffffff0f;border:1px solid #ffffff14;border-radius:10px;align-items:center;gap:6px;padding:6px 14px;font-size:13px;font-weight:600;transition:background .15s;display:inline-flex}.detail-chip:hover{background:#ffffff1a}.detail-chip--online{color:var(--primary);background:#66de6f1a;border:1px solid #66de6f33}.detail-fidelity{color:var(--primary);background:linear-gradient(135deg,#66de6f14 0%,#66de6f05 100%);border:1px solid #66de6f26;border-radius:14px;align-items:center;gap:12px;margin-bottom:16px;padding:14px 18px;display:inline-flex}.detail-fidelity-label{opacity:.7;text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px;font-size:11px;font-weight:600}.detail-fidelity-value{font-size:14px;font-weight:800}.detail-actions{gap:12px;margin-top:8px;display:flex}.detail-website-btn{color:#000;background:linear-gradient(135deg,#66de6f 0%,#56d464 100%);border-radius:14px;flex:1;justify-content:center;align-items:center;gap:8px;padding:14px 24px;font-size:14px;font-weight:700;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-flex;box-shadow:0 4px 16px #66de6f4d}.detail-website-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #66de6f66}.detail-share-btn{color:var(--on-surface);cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:14px 20px;font-family:inherit;font-size:14px;font-weight:700;transition:background .2s,border-color .2s;display:inline-flex}.detail-share-btn:hover{background:#ffffff1a;border-color:#ffffff2e}.detail-description{color:var(--on-muted);letter-spacing:.1px;font-size:15px;line-height:1.7}.detail-tags{flex-wrap:wrap;gap:8px;display:flex}.detail-tag{color:var(--on-surface);background:#ffffff0d;border:1px solid #ffffff14;border-radius:10px;padding:6px 14px;font-size:13px;font-weight:500;transition:background .15s}.detail-tag:hover{background:#ffffff17}.detail-tag--generic{color:#c4c0ff;background:#c4c0ff14;border-color:#c4c0ff26}.detail-similar-section{border-top:1px solid #ffffff0d;padding:24px 20px}.detail-similar-scroll{-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:16px;padding-bottom:4px;display:flex;overflow-x:auto}.detail-similar-scroll::-webkit-scrollbar{display:none}.detail-similar-scrollbar{cursor:pointer;background:#ffffff0f;border-radius:999px;width:100%;height:6px;margin-top:10px;position:relative}.detail-similar-scrollbar-thumb{cursor:grab;background:#66de6f73;border-radius:999px;min-width:36px;height:100%;transition:background .15s;position:absolute;top:0;left:0}.detail-similar-scrollbar-thumb:hover{background:#66de6fb3}.detail-similar-scrollbar-thumb:active{cursor:grabbing;background:#66de6fd9}.detail-similar-card-wrap{flex:0 0 180px}@media (min-width:900px){.detail-layout{flex-direction:row;align-items:flex-start;gap:0}.detail-col-image{align-self:flex-start;width:40%;padding:24px;position:sticky;top:56px}.detail-hero{padding:0}.detail-hero-image-wrap{background:#ffffff0a;border-radius:24px;height:380px}.detail-hero-image{width:85%;height:85%}.detail-col-info{width:60%;padding-top:8px}.detail-section{padding:24px 32px}.detail-title{font-size:30px}.detail-price-current{font-size:44px}.detail-similar-section{padding:24px 32px}.detail-similar-card-wrap{flex:0 0 200px}}@media (min-width:1200px){.detail-col-image{width:42%;padding:32px}.detail-col-info{width:58%}.detail-hero-image-wrap{height:440px}.detail-section{padding:28px 40px}.detail-title{font-size:34px}.detail-similar-section{padding:28px 40px}}