/* Shared storefront tokens; the existing responsive layout and order flow are retained. */
:root{--bg:#f7f5fc;--surface:#fff;--text:#29213c;--border:#e5deef;--muted:#82768e;--primary:#7951c7;--primary-soft:#eee6fb;--accent:#cf883a;--shadow:0 8px 28px #47306609;--glow:0 0 0 3px #9568dd12;--input:#fcfaff;--hero:#eee5fc}
html[data-theme=dark]{--bg:#111020;--surface:#1d1b30;--text:#eee9fa;--border:#343048;--muted:#aaa0bd;--primary:#b38aee;--primary-soft:#302341;--accent:#edb565;--shadow:0 8px 28px #00000025;--glow:0 0 0 3px #b38aee10;--input:#181628;--hero:#25203a}
*{box-sizing:border-box}body{font:15px/1.6 system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text)}button,input,select,textarea{font:inherit}button,a,input,select{ -webkit-tap-highlight-color:transparent}button{border:1px solid var(--border);border-radius:12px;padding:9px 15px;background:var(--surface);color:var(--text);transition:border-color .16s,background .16s,transform .16s,box-shadow .16s}button:disabled{opacity:.38}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--primary);outline-offset:3px}.primary{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 3px 10px #7951c71b}html[data-theme=dark] .primary{background:#9065d4;border-color:#9065d4;color:#fff}a{color:var(--primary);text-underline-offset:4px}h1,h2,h3{line-height:1.3;letter-spacing:-.02em}h1{font-size:28px;font-weight:750;margin:24px 0 12px}h2{font-size:21px}h3{font-size:15px}p{line-height:1.7}.muted{color:var(--muted);font-size:13px}
header{padding:16px 24px;background:var(--surface);border-bottom:1px solid var(--border);gap:22px}header .brand{border:0;background:transparent;padding:0;display:flex;align-items:center;gap:10px;font-size:23px;font-weight:800;letter-spacing:-.04em;color:var(--text);white-space:nowrap}.brand img{width:38px;height:38px;object-fit:contain}.brand-icon-slot{height:34px;width:30px;border:1px dashed var(--border);border-radius:9px;display:block;background:var(--primary-soft)}header .desktop-nav{margin-right:auto;margin-left:15px;gap:22px}header .nav-link,.mobile-nav .nav-link{background:transparent;border:0;box-shadow:none;padding:4px 0;border-radius:0;color:var(--muted);font-size:14px;white-space:nowrap}header .nav-link.active{color:var(--primary);font-weight:650}header select{padding:7px 28px 7px 12px;border-radius:10px;background:var(--input);font-size:13px}header .theme-toggle{font-size:13px;padding:7px 12px;background:var(--input)}main{margin:28px auto;padding-bottom:48px}main>button:first-child,.selection-content>button:first-child{background:transparent;border:0;color:var(--muted);padding:0;margin-bottom:4px;font-size:13px}section{margin:26px 0}.tabs{gap:8px}.tabs button{background:var(--surface);border:1px solid transparent;border-radius:999px;font-size:13px;padding:8px 16px;color:var(--muted)}.tabs .primary{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:0 3px 14px #9568dd25}
.seasonal-hero{position:relative;display:grid;grid-template-columns:1.25fr 1fr;gap:20px;align-items:center;min-height:285px;padding:38px 42px 48px;border:1px solid var(--border);border-radius:24px;overflow:hidden;background:radial-gradient(ellipse at 85% 80%,#ffc46c1f,transparent 45%),radial-gradient(ellipse at 65% 15%,#af82e32b,transparent 65%),var(--hero);box-shadow:var(--shadow)}.hero-copy{position:relative;z-index:1}.hero-eyebrow{font-size:10px;font-weight:700;letter-spacing:.18em;color:var(--accent);margin:0 0 15px}.seasonal-hero h2{font-size:32px;letter-spacing:-.035em;margin:0 0 12px;max-width:440px}.hero-description{font-size:14px;color:var(--muted);margin-bottom:22px}.hero-cta{font-size:13px;border-radius:10px;padding:10px 18px}.hero-cta span{padding-left:12px}.hero-art{position:relative;height:220px;display:flex;align-items:center;justify-content:center}.hero-art img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 12px 22px #8462ab20)}.mascot-slot{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;width:150px;height:185px;border:1px dashed #ad93c659;border-radius:75px 75px 30px 30px;color:var(--muted);background:#ffffff0b;font-size:12px}.mascot-slot small{font-size:10px;opacity:.65}.hero-star{position:absolute;color:var(--accent);font-size:28px;opacity:.55}.star-one{top:10px;right:15%}.star-two{bottom:22px;left:9%;font-size:20px}.hero-pagination{position:absolute;left:42px;bottom:16px;display:flex;gap:6px}.hero-pagination button{width:22px;height:22px;padding:0;background:transparent;border:0;font-size:10px;color:var(--muted)}.hero-pagination button.primary{background:var(--primary);color:white;border-radius:50%;box-shadow:none}
.grid{gap:18px;margin:24px 0}.card{background:var(--surface);border:1px solid var(--border);border-radius:17px;box-shadow:var(--shadow);transition:transform .16s,border-color .16s,box-shadow .16s;display:flex;flex-direction:column}.card img{height:auto;aspect-ratio:16/10;object-fit:contain;background:var(--input);padding:15px;width:100%}.card strong{font-size:15px;line-height:1.4;padding:14px 18px;font-weight:650;flex:1;min-height:49px}.grid+.muted{margin:20px 0 38px;text-align:center}
.selection-layout{gap:26px}.account-tabs{display:flex;gap:8px;align-items:center;overflow-x:auto;max-width:100%;padding:4px 2px 10px;scrollbar-width:thin;margin:18px 0 0}.account-tab-wrap{display:flex;align-items:center;flex-shrink:0;border-radius:12px;background:var(--surface);border:1px solid var(--border)}.account-tab-wrap:has([aria-selected=true]){background:var(--primary-soft);border-color:var(--primary);box-shadow:var(--glow)}.account-tab-wrap [role=tab]{background:transparent;color:var(--muted);border:0;box-shadow:none;padding:9px 12px;font-size:13px;border-radius:11px}.account-tab-wrap [role=tab][aria-selected=true]{color:var(--primary);font-weight:700}.account-remove{background:transparent;border:0;padding:4px 8px 4px 0;color:var(--muted);font-size:17px;box-shadow:none}.account-tabs>#add{padding:7px 12px;flex-shrink:0;font-size:17px;border-radius:11px}.account-panel{margin-top:8px}.account-panel>p{font-size:13px;font-weight:600;color:var(--muted);margin:22px 0 10px}.account-panel>button{font-size:13px;padding:7px 12px;border-radius:10px;margin:0 4px 7px 0}.price-notice{line-height:1.65;font-size:12px;margin:10px 0 20px;max-width:640px}.price-notice a{color:var(--primary)}input[type=text],input[type=search],input[type=password]{display:block;box-sizing:border-box;width:100%;padding:10px 13px;margin-top:7px;border:1px solid var(--border);border-radius:11px;color:var(--text);background:var(--input);font-size:14px}label{font-size:13px;color:var(--muted)}.product-grid{gap:13px;grid-auto-rows:1fr}.product-card{background:var(--surface);border:1px solid var(--border);border-radius:15px;box-shadow:var(--shadow);display:flex;flex-direction:column;transition:box-shadow .16s,border-color .16s,transform .16s}.product-card.selected{border:1px solid var(--primary);box-shadow:var(--glow),var(--shadow)}.product-pick{border-radius:0;box-shadow:none;flex:1;background:transparent}.product-pick img{aspect-ratio:1;object-fit:cover;border-bottom:1px solid var(--border)}.product-pick strong{font-size:14px;font-weight:650;line-height:1.4;margin:10px 12px 5px;overflow-wrap:anywhere}.product-pick p{color:var(--muted);font-size:13px;font-weight:550;margin:5px 12px 10px}.product-card .quantity{padding:0 10px 10px;gap:8px;font-size:13px;min-height:38px}.product-card .quantity button{width:30px;height:30px;padding:0;border-radius:8px;background:var(--input);font-size:15px}.product-card .quantity span{min-width:20px;text-align:center}.compact-products .product-pick strong{margin:8px 10px 4px;font-size:13px}.compact-products .product-pick p{margin:4px 10px 7px;font-size:12px}.compact-products .quantity{padding:0 8px 8px;min-height:34px}.compact-products .quantity button{width:28px;height:28px;min-width:28px;min-height:28px;line-height:26px;padding:0}
.order-side{background:var(--surface);border:1px solid var(--border);border-radius:17px;padding:20px;box-shadow:var(--shadow);top:20px}.order-side h2{font-size:16px;margin:0 0 18px}.summary-group{border-bottom:1px solid var(--border);padding:0 0 12px;margin:0 0 13px}.summary-group h3{color:var(--primary);font-size:12px;font-weight:650;margin:0 0 9px}.summary-group p{font-size:12px;margin:7px 0;display:flex;justify-content:space-between;gap:8px}.summary-group p span{white-space:nowrap;color:var(--muted)}.summary-total-label{font-size:11px;color:var(--muted);display:block}.order-side>strong{font-size:23px;font-weight:750;display:block;margin-top:5px}.order-side>p{font-size:12px;color:var(--muted);margin:6px 0 18px}.order-side>.primary{width:100%;font-size:13px}.mobile-account-summary summary{padding:0;font-size:12px;white-space:nowrap;color:var(--muted)}.mobile-summary-list{position:absolute;bottom:calc(100% + 1px);left:0;right:0;max-height:40vh;overflow:auto;padding:20px;background:var(--surface);border:1px solid var(--border);border-radius:16px 16px 0 0;box-shadow:var(--shadow)}
#payments{border-top:1px solid var(--border);padding:28px 0 12px}#payments>p{font-size:13px;color:var(--muted);max-width:730px;margin-bottom:22px}.payment-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:20px 0}.payment-card{display:flex;align-items:center;gap:10px;background:var(--surface);border:1px solid var(--border);border-radius:13px;padding:18px 14px;box-shadow:var(--shadow)}.payment-card>span{display:flex;align-items:center;justify-content:center;width:25px;height:25px;flex-shrink:0;border-radius:8px;background:var(--primary-soft);color:var(--primary)}.payment-card strong{font-size:12px;font-weight:550}.contact{border:1px solid var(--border);border-radius:16px;background:var(--surface);box-shadow:var(--shadow);padding:24px}.contact h2{font-size:19px}.contact p{font-size:13px;color:var(--muted)}.contact a{text-decoration:none}.contact button{font-size:13px}pre{border:1px solid var(--border);border-radius:16px;background:var(--surface);color:var(--text);font-size:14px;line-height:1.85;padding:24px;overflow-wrap:anywhere}.actions button{font-size:13px}.actions a{font-size:13px;align-self:center}dialog{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:18px;padding:26px;max-width:min(90vw,500px);box-shadow:0 20px 70px #00000035}dialog::backdrop{background:#16102680}dialog p{white-space:pre-wrap;font-size:14px}.announcement-link{background:transparent;border:0;color:var(--primary);font-size:12px;padding:0}
footer{background:var(--surface);border-top:1px solid var(--border);padding:30px 24px;color:var(--muted)}.footer-inner{max-width:1000px;margin:auto;display:flex;justify-content:space-between;gap:30px}.footer-brand strong{color:var(--text);font-size:16px}.footer-brand p{font-size:11px;margin:10px 0 0}.footer-links{display:flex;gap:45px}.footer-links>div{display:flex;flex-direction:column;gap:9px}.footer-links small{font-size:10px;font-weight:650;color:var(--muted);letter-spacing:.12em}.footer-links a{font-size:12px;color:var(--muted);text-decoration:none}.footer-links a:hover{color:var(--primary)}
@media(hover:hover){button:not(:disabled):hover{border-color:var(--primary)}.primary:not(:disabled):hover{filter:brightness(1.06)}.card:hover{transform:translateY(-3px);border-color:var(--primary);box-shadow:0 10px 26px #7951c713}.product-card:hover{border-color:var(--primary)}header .nav-link:hover{color:var(--primary)}}
@media(max-width:900px){header .desktop-nav{gap:16px;margin-left:0}header{gap:14px}.payment-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.seasonal-hero{padding:30px 28px 45px}.hero-pagination{left:28px}.seasonal-hero h2{font-size:28px}}
@media(max-width:700px){.order-mobile{background:var(--surface);border-top:1px solid var(--border);padding:12px 16px;box-shadow:0 -6px 20px #4730660a;gap:12px}.order-mobile>strong{font-size:18px;white-space:nowrap}.order-mobile>p{font-size:12px;color:var(--muted)}.order-mobile>.primary{font-size:13px;padding:9px 16px;border-radius:10px}.product-grid{gap:11px}.selection-content{padding-bottom:80px}.product-card .quantity button{width:32px;height:32px}.account-tabs{gap:6px}.account-tab-wrap [role=tab]{font-size:12px;padding:8px 9px}.account-remove{padding-right:6px}.account-tabs>#add{padding:6px 9px}.footer-inner{flex-direction:column;gap:24px}.footer-links{gap:35px}.product-pick strong{font-size:13px;margin:9px 10px 4px}.product-pick p{font-size:12px;margin:4px 10px 8px}}
@media(max-width:600px){header{padding:13px 16px;gap:11px;flex-wrap:nowrap}header .brand{font-size:21px;margin-right:auto;gap:7px}.brand-icon-slot{width:25px;height:29px}.brand img{width:30px;height:30px}header .desktop-nav{display:none}header select{font-size:12px;padding:6px 18px 6px 9px}header .theme-toggle{font-size:12px;padding:6px 9px}.mobile-nav{position:relative;font-size:12px}.mobile-nav summary{padding:4px;white-space:nowrap}.mobile-nav nav{position:absolute;right:0;top:30px;z-index:10;min-width:125px;padding:13px 17px;background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow);flex-direction:column}.mobile-nav .nav-link{text-align:left;padding:4px 0}main{margin:18px auto;padding:0 16px 28px}h1{font-size:25px}.seasonal-hero{grid-template-columns:1.2fr .8fr;min-height:230px;padding:24px 22px 42px;gap:0;margin:10px 0 24px;border-radius:19px}.seasonal-hero h2{font-size:24px;line-height:1.25;max-width:220px}.hero-eyebrow{font-size:8px;letter-spacing:.13em;margin-bottom:10px}.hero-description{font-size:12px;max-width:170px;margin-bottom:17px}.hero-cta{font-size:11px;padding:8px 12px}.hero-cta span{padding-left:3px}.hero-art{height:150px}.mascot-slot{width:95px;height:130px;border-radius:45px 45px 20px 20px;font-size:10px;text-align:center}.mascot-slot small{font-size:8px}.hero-star{font-size:20px}.star-one{right:0;top:0}.star-two{left:0;bottom:8px;font-size:16px}.hero-pagination{left:22px;bottom:12px}.tabs{gap:6px}.tabs button{font-size:11px;padding:7px 10px}.grid{gap:12px;margin:18px 0}.card{border-radius:13px}.card img{padding:12px;aspect-ratio:16/11}.card strong{font-size:12px;padding:11px 12px;min-height:42px}.grid+.muted{font-size:11px;margin-bottom:27px}#payments{padding-top:22px}.payment-cards{gap:9px}.payment-card{padding:13px 10px;gap:8px}.payment-card strong{font-size:11px}.payment-card>span{width:22px;height:22px}.price-notice{font-size:11px;margin-bottom:16px}footer{padding:26px 20px}.contact{padding:20px}.footer-links{justify-content:space-between;gap:15px}.footer-links a{font-size:11px}}
@media(max-width:350px){header{gap:7px}.brand-icon-slot{display:none}.seasonal-hero{grid-template-columns:1fr;padding:23px 20px 40px}.hero-art{height:130px;margin-top:10px}.hero-description{max-width:none}.seasonal-hero h2{max-width:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important}.card:hover{transform:none}}
/* Keep image tops aligned whether quantity controls are visible or not. */
.product-pick{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start}
html[data-theme=dark] .account-tab-wrap [role=tab][aria-selected=true]{background:#9065d4;color:#fff}

.checkout-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;max-width:720px;margin:24px 0}.checkout-options button{padding:24px 16px;text-align:center;border-radius:14px;font-weight:650}.checkout-options button[aria-pressed=true]{outline:2px solid var(--primary);outline-offset:2px}.checkout-summary{border:1px solid var(--border);border-radius:14px;background:var(--surface);padding:20px;max-width:680px}.checkout-summary strong{font-size:24px}.checkout-summary h2{font-size:18px}@media(max-width:600px){.checkout-options{gap:12px}.checkout-options button{padding:20px 10px;font-size:15px}}
input[data-key="code"]::placeholder{color:var(--muted);opacity:.65}

.sky-product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:20px 0;align-items:start}.sky-product{border:1px solid var(--border);border-radius:14px;background:var(--surface);overflow:hidden}.sky-product.selected{border-color:var(--primary)}.sky-product-title{width:100%;display:flex;justify-content:space-between;align-items:center;gap:12px;text-align:left;border:0;border-radius:0;padding:20px;box-shadow:none;background:transparent}.sky-product-title span{font-size:13px;color:var(--muted)}.sky-product-options{padding:0 16px 16px}.sky-product-options label{display:block;margin:14px 0}.sky-product-options input:not([type=checkbox]){width:100%;box-sizing:border-box;padding:10px;border:1px solid var(--border);border-radius:9px;margin-top:6px}.sky-product-options input::placeholder{color:var(--muted);opacity:.65}.sky-picked{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;font-size:13px}.sky-picked .quantity{display:flex;align-items:center;gap:8px}.sky-picked button{padding:4px 9px}@media(max-width:600px){.sky-product-grid{grid-template-columns:1fr}.sky-product-title{padding:16px}.sky-product-options .tabs button{font-size:13px;padding:9px}}

/* Sky delivery choices remain visibly clickable before selection. */
.sky-product-options>.tabs>button[aria-pressed="false"]{border:1px solid color-mix(in srgb,var(--primary) 45%,transparent);background:var(--primary-soft);color:var(--text);box-shadow:none}
.sky-product-options>.tabs>button[aria-pressed="true"]{border:1px solid var(--primary)}