:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--color-sunrise-primary: #2b6fe2;--color-sunrise-secondary: #5a8ff0;--color-sunrise-glow: #dce8ff;--color-mint-fresh: #2f8fb8;--color-sand-base: #f2f6fb;--color-ink-primary: #102132;--color-ink-muted: #4b5c6b;--color-sky-soft: #f7faff;--color-border-light: #d7e1ee;--color-midnight-ink: #070b14;--color-midnight-panel: #0f1624;--color-midnight-elevated: #182235;--color-sunrise-night: #7fb4ff;--color-mint-night: #4aa3ff;--color-ink-inverse: #e6eefc;--color-ink-inverse-muted: #a8b9d8;--color-border-dark: #223049;--color-glow-night: #0b1322;--color-header-ink: #0d1b2a;--color-header-panel: #14273f;--color-header-text: #eef4fb;--color-header-muted: #b9c7da;--surface-base: var(--color-sand-base);--surface-panel: var(--color-sky-soft);--surface-header: var(--color-header-ink);--surface-header-sub: var(--color-header-panel);--text-primary: var(--color-ink-primary);--text-muted: var(--color-ink-muted);--text-header: var(--color-header-text);--text-header-muted: var(--color-header-muted);--accent-primary: var(--color-sunrise-primary);--accent-secondary: var(--color-sunrise-secondary);--accent-glow: var(--color-sunrise-glow);--success: var(--color-mint-fresh);--border-soft: var(--color-border-light);--text-on-accent: var(--color-ink-primary);--shadow-soft: 0 24px 48px rgba(31, 42, 36, .12);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 3rem;--space-8: 4rem;--radius-1: .5rem;--radius-2: .9rem;--radius-3: 1.4rem;--layout-max: 72rem}:root[data-theme=dark]{--surface-base: var(--color-midnight-ink);--surface-panel: var(--color-midnight-panel);--surface-header: var(--color-midnight-ink);--surface-header-sub: var(--color-midnight-panel);--text-primary: var(--color-ink-inverse);--text-muted: var(--color-ink-inverse-muted);--text-header: var(--color-ink-inverse);--text-header-muted: var(--color-ink-inverse-muted);--accent-primary: var(--color-sunrise-night);--accent-secondary: var(--color-sunrise-secondary);--accent-glow: var(--color-glow-night);--success: var(--color-mint-night);--border-soft: var(--color-border-dark);--text-on-accent: var(--color-midnight-ink);--shadow-soft: 0 18px 36px rgba(0, 0, 0, .45)}:root[data-theme=light]{--surface-base: var(--color-sand-base);--surface-panel: var(--color-sky-soft);--surface-header: var(--color-header-ink);--surface-header-sub: var(--color-header-panel);--text-primary: var(--color-ink-primary);--text-muted: var(--color-ink-muted);--text-header: var(--color-header-text);--text-header-muted: var(--color-header-muted);--accent-primary: var(--color-sunrise-primary);--accent-secondary: var(--color-sunrise-secondary);--accent-glow: var(--color-sunrise-glow);--success: var(--color-mint-fresh);--border-soft: var(--color-border-light);--text-on-accent: var(--color-ink-primary);--shadow-soft: 0 24px 48px rgba(31, 42, 36, .12)}@media(prefers-color-scheme:dark){:root:not([data-theme]){--surface-base: var(--color-midnight-ink);--surface-panel: var(--color-midnight-panel);--surface-header: var(--color-midnight-ink);--surface-header-sub: var(--color-midnight-panel);--text-primary: var(--color-ink-inverse);--text-muted: var(--color-ink-inverse-muted);--text-header: var(--color-ink-inverse);--text-header-muted: var(--color-ink-inverse-muted);--accent-primary: var(--color-sunrise-night);--accent-secondary: var(--color-sunrise-secondary);--accent-glow: var(--color-glow-night);--success: var(--color-mint-night);--border-soft: var(--color-border-dark);--text-on-accent: var(--color-midnight-ink);--shadow-soft: 0 18px 36px rgba(0, 0, 0, .45)}}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(160deg,var(--surface-base),var(--accent-glow));color:var(--text-primary)}html,body,#app{min-height:100%}#app{width:100%}a{color:inherit;text-decoration:none}button,input{font-family:inherit}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.25rem}.text-xl{font-size:2rem}.muted{color:var(--text-muted)}.header-muted{color:var(--text-header-muted)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.shell{display:flex;flex-direction:column;min-height:100vh}.nav{background:var(--surface-header);color:var(--text-header)}.nav-top{padding:var(--space-3) 0}.nav-bottom{background:var(--surface-header-sub);border-top:1px solid var(--border-soft)}.nav-inner{max-width:none;width:100%;padding:0 var(--space-4);display:flex;align-items:center;gap:var(--space-4)}.nav-top .nav-inner{align-items:flex-start}.nav p{margin:0}.nav-left{display:flex;align-items:center;gap:var(--space-5)}.logo{display:flex;align-items:center;gap:var(--space-3)}.logo-mark{width:var(--space-6);height:var(--space-6);border-radius:var(--radius-2);background:linear-gradient(140deg,var(--accent-primary),var(--accent-secondary))}.logo-title{margin:0;font-weight:700}.logo-subtitle{margin:0;color:var(--text-header-muted)}.deliver{display:grid;gap:var(--space-1);color:var(--text-header)}.deliver-destination{margin:0;font-weight:600}.nav-search{flex:1;display:grid;gap:var(--space-2)}.search-bar{display:grid;grid-template-columns:auto 1fr auto;background:var(--surface-panel);border-radius:var(--radius-2);overflow:hidden;border:1px solid var(--border-soft)}.search-select{border:none;background:var(--surface-panel);color:var(--text-primary);padding:var(--space-3)}.search-input{width:100%;border:none;padding:var(--space-3);background:transparent;color:var(--text-primary)}.search-input::placeholder{color:var(--text-muted)}.search-input:focus-visible{outline:2px solid var(--accent-primary);outline-offset:-2px}.search-select:focus-visible{outline:2px solid var(--accent-primary);outline-offset:-2px}.search-button{border:none;background:var(--accent-primary);color:var(--text-on-accent);padding:var(--space-3) var(--space-4);cursor:pointer;font-weight:600}.search-button:focus-visible{outline:2px solid var(--accent-secondary);outline-offset:-2px}.search-hint{color:var(--text-header-muted)}.nav-right{display:flex;align-items:center;gap:var(--space-3)}.theme-toggle{border:1px solid var(--border-soft);background:var(--surface-header-sub);color:var(--text-header);border-radius:var(--radius-2);padding:var(--space-2) var(--space-3);display:flex;align-items:center;gap:var(--space-2);cursor:pointer}.toggle-track{width:2.5rem;height:1.25rem;border-radius:var(--radius-2);background:var(--surface-panel);position:relative;display:inline-flex;align-items:center;padding:0 var(--space-1);border:1px solid var(--border-soft);transition:background .2s ease}.toggle-thumb{width:1rem;height:1rem;border-radius:999px;background:var(--accent-primary);transform:translate(0);transition:transform .2s ease}.theme-toggle[aria-checked=true] .toggle-track{background:var(--accent-primary)}.theme-toggle[aria-checked=true] .toggle-thumb{background:var(--text-on-accent);transform:translate(1.1rem)}.toggle-label{font-weight:600;color:var(--text-header)}.nav-link{border:none;background:transparent;color:var(--text-header);text-align:left;display:grid;gap:var(--space-1);cursor:pointer}.nav-link-top{color:var(--text-header-muted)}.nav-link-bottom{font-weight:600}.nav-cart{border:none;background:transparent;color:var(--text-header);display:flex;align-items:center;gap:var(--space-2);cursor:pointer}.cart-count{background:var(--accent-primary);color:var(--text-on-accent);border-radius:var(--radius-1);padding:var(--space-1) var(--space-2);font-weight:700}.departments{display:flex;flex-wrap:wrap;gap:var(--space-2)}.department{border:none;background:transparent;color:var(--text-header);padding:var(--space-2) var(--space-3);cursor:pointer;border-radius:var(--radius-1)}.department-active{background:var(--accent-primary);color:var(--text-on-accent)}.nav-deals{margin-left:auto;display:flex;gap:var(--space-3);color:var(--text-header-muted)}.page{max-width:var(--layout-max);margin:0 auto;padding:var(--space-6) var(--space-4) var(--space-8);display:flex;flex-direction:column;gap:var(--space-7);flex:1}.hero{display:grid;gap:var(--space-5)}.hero-banner{background:var(--surface-panel);border-radius:var(--radius-3);padding:var(--space-6);border:1px solid var(--border-soft);display:grid;gap:var(--space-3);box-shadow:var(--shadow-soft)}.hero-eyebrow{text-transform:uppercase;letter-spacing:.12em;color:var(--accent-primary);font-weight:600}.hero-title{margin:0}.hero-copy{margin:0;max-width:32rem}.hero-actions{display:flex;flex-wrap:wrap;gap:var(--space-3)}.primary-button{border:none;border-radius:var(--radius-2);background:var(--accent-primary);color:var(--text-on-accent);padding:var(--space-3) var(--space-4);font-weight:600;cursor:pointer}.ghost-button{border-radius:var(--radius-2);padding:var(--space-2) var(--space-4);border:1px solid var(--border-soft);background:transparent;color:var(--text-primary);cursor:pointer;transition:transform .2s ease,border-color .2s ease}.ghost-button:hover{border-color:var(--accent-primary);transform:translateY(-1px)}.ghost-button:focus-visible,.primary-button:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.hero-cards{display:grid;gap:var(--space-4)}.promo-card{background:var(--surface-panel);border-radius:var(--radius-2);padding:var(--space-4);border:1px solid var(--border-soft);display:grid;gap:var(--space-2)}.promo-title{text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted)}.promo-highlight{margin:0;font-weight:600}.results{display:grid;gap:var(--space-5)}.results-header{display:flex;flex-direction:column;gap:var(--space-2)}.results-meta{color:var(--text-muted)}.grid{display:grid;gap:var(--space-4)}.card{background:var(--surface-panel);border-radius:var(--radius-3);overflow:hidden;border:1px solid var(--border-soft);box-shadow:var(--shadow-soft);display:grid;gap:var(--space-3);animation:rise-in .5s ease both;animation-delay:calc(var(--stagger) * .05s)}.card-media{padding:var(--space-4);display:grid;gap:var(--space-3)}.badge{width:fit-content;padding:var(--space-1) var(--space-3);border-radius:var(--radius-2);background:var(--accent-secondary);color:var(--text-primary);font-weight:600}.image-placeholder{height:9rem;border-radius:var(--radius-2);background:linear-gradient(160deg,var(--accent-glow),var(--surface-base));border:1px solid var(--border-soft)}.card-body{padding:0 var(--space-4) var(--space-4);display:grid;gap:var(--space-3)}.card-title{margin:0;font-weight:600}.card-footer{display:flex;justify-content:space-between;gap:var(--space-3);color:var(--text-muted)}.price{font-weight:600;color:var(--text-primary)}.empty-state{padding:var(--space-6);text-align:center;background:var(--surface-panel);border-radius:var(--radius-3);border:1px solid var(--border-soft)}@keyframes rise-in{0%{transform:translateY(var(--space-2));opacity:0}to{transform:translateY(0);opacity:1}}@media(max-width:64rem){.nav-inner{flex-wrap:wrap;justify-content:space-between}.nav-right{width:100%;justify-content:space-between}.nav-deals{display:none}}@media(min-width:48rem){.page{padding:var(--space-7) var(--space-6) var(--space-8)}.hero{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);align-items:center}.hero-cards{grid-template-columns:repeat(3,minmax(0,1fr))}.results-header{flex-direction:row;justify-content:space-between;align-items:center}.grid{grid-template-columns:repeat(3,minmax(0,1fr))}}