/* Local storefront design preview. */
body.shop { --bg:#0b0d0e; --bg-2:#101314; --surface:#131718; --surface-2:#1a1f20; --text-2:#bbc3c3; --muted:#929e9e; --violet:var(--acid); --r:18px; background-image:none; }
.shop .container { max-width:1240px; }
.shop .announce { background:#131718; border-bottom:1px solid var(--line); font-size:12px; letter-spacing:.02em; }
.shop .locale-bar { padding-top:12px; padding-bottom:12px; }
.shop .site-header { padding-top:0; }
.shop .nav-pill { border-radius:16px; background:#131718; box-shadow:none; }
.shop .brand { letter-spacing:-.04em; }
.shop .nav-search { background:#0b0d0e; }
.shop .btn { border-radius:10px; box-shadow:none; font-weight:600; }
.shop .btn:hover { box-shadow:0 6px 24px rgba(210,255,77,.1); }
.shop .home-hero { padding:55px 0 48px; background:none; }
.shop .home-hero::before,.shop .home-hero::after { display:none; }
.shop .home-hero .hero-inner { min-height:0; gap:64px; align-items:center; grid-template-columns:1.25fr 1fr; }
.shop .hero h1 { font-size:clamp(2.7rem,5.3vw,4.8rem); line-height:1.06; letter-spacing:-.055em; margin:22px 0; }
.shop .grad { color:var(--acid); background:none; -webkit-text-fill-color:var(--acid); }
.shop .hero .eyebrow { font-size:11px; letter-spacing:.1em; text-transform:uppercase; color:var(--text-2); }
.shop .hero .lead { max-width:490px; font-size:1.05rem; line-height:1.75; }
.shop .hero-cta { margin:26px 0; gap:18px; }
.shop .hero-secondary { font-size:.9rem; color:var(--text-2); }
.shop .hero-checks { font-size:.8rem; gap:10px 16px; }
.shop .home-spotlight { height:430px; max-width:440px; width:100%; justify-self:end; border-radius:24px; overflow:hidden; background:#101415; box-shadow:0 20px 60px rgba(0,0,0,.2); }
.shop .home-spotlight>img { width:100%; height:100%; object-fit:contain; object-position:center; }
.shop .spotlight-caption { background:linear-gradient(transparent,rgba(8,10,11,.96) 30%); padding:42px 24px 22px; }
.shop .spotlight-caption strong { font-size:1.1rem; }
.shop .home-benefits { border-radius:16px; background:#131718; box-shadow:none; }
.shop .home-benefits>div { padding:20px; }
.shop .home-benefits strong { font-size:.92rem; }
.shop .home-benefits small { font-size:.8rem; }
.shop .section { padding-top:48px; padding-bottom:20px; }
.shop .sec-head { margin-bottom:26px; align-items:end; }
.shop .sec-head h2 { font-size:clamp(1.6rem,3vw,2.4rem); letter-spacing:-.045em; }
.shop .sec-index { font-size:.7rem; letter-spacing:.12em; text-transform:uppercase; }
.shop .how li { background:#131718; padding:24px; border-radius:16px; }
.shop .how-num { border-radius:8px; width:34px; height:34px; font-size:1rem; }
.shop .how h3 { font-size:1.1rem; }
.shop .how p { font-size:.9rem; }
.shop .how li::after { display:none; }
.shop .cta-band { border-radius:20px; background:#151c15; }
@media(max-width:980px) { .shop .home-hero .hero-inner { gap:30px; } .shop .home-spotlight { height:380px; } }
@media(max-width:600px) { .shop .home-hero { padding:28px 0; } .shop .home-hero .hero-inner { grid-template-columns:1fr; gap:28px; } .shop .hero h1 { font-size:2.75rem; } .shop .hero .lead { font-size:.95rem; } .shop .hero-checks { font-size:.75rem; } .shop .home-spotlight { justify-self:center; height:350px; max-width:100%; } .shop .section { padding-top:34px; } .shop .home-benefits>div { padding:15px; } .shop .sec-head { align-items:start; } }
.purchase-shipping{font-size:.8rem;color:var(--text-2);line-height:1.6;margin:10px 0 14px}.buy-box>.purchase-shipping{padding:10px 12px;background:var(--surface-2);border-radius:8px}.buy-box>.payment-help{margin:16px 0}.summary>.payment-help{margin-bottom:16px}.free-ship progress{display:block;width:100%;height:7px;accent-color:var(--acid);margin-top:10px}.mobile-buy [data-mobile-total]{color:var(--text);font-size:1.1rem;font-weight:600}.mobile-buy [data-mobile-pack]{display:block}.mobile-buy{border-top:1px solid var(--line-2);background:rgba(13,17,18,.97)}
.shop .catalog-filters .check { display:flex; align-items:center; gap:10px; }
.shop .catalog-filters .check input[type=checkbox] { width:20px; height:20px; min-width:20px; flex:0 0 20px; padding:0; }
.shop .catalog-filters .check span { min-width:0; }
/* Desktop navigation: search and cart above a separate row of links. */
.shop .nav-search { background:transparent; }
@media(min-width:981px) {
 .shop .nav-pill { display:grid; grid-template-columns:auto minmax(180px,1fr) auto; gap:12px 24px; padding:14px 20px; }
 .shop .brand { grid-column:1; grid-row:1; margin-right:0; }
 .shop .nav-search { grid-column:2; grid-row:1; width:100%; max-width:420px; min-width:0; justify-self:end; margin:0; }
 .shop .nav-search input { width:100%; min-width:0; }
 .shop .nav-cart { grid-column:3; grid-row:1; white-space:nowrap; }
 .shop .nav-links { grid-column:1 / -1; grid-row:2; flex-wrap:wrap; justify-content:center; gap:4px 12px; border-top:1px solid var(--line); padding-top:10px; }
 .shop .nav-links a { white-space:nowrap; }
 .shop .menu-toggle { display:none; }
}

/* Wide screens have room for a single navigation row. */
@media(min-width:1440px) {
 .shop .site-header > .container { max-width:1600px; }
 .shop .nav-pill { grid-template-columns:auto minmax(0,1fr) minmax(180px,220px) auto; gap:16px; padding:14px 20px; }
 .shop .nav-links { grid-column:2; grid-row:1; min-width:0; border-top:0; padding-top:0; gap:2px; }
 .shop .nav-links a { padding:10px 12px; }
 .shop .nav-search { grid-column:3; max-width:none; }
 .shop .nav-cart { grid-column:4; }
}
.shop .payment-help h3 { margin:24px 0 12px; font-size:1rem; }
.shop .payment-help p { line-height:1.7; }
.shop .payment-glossary { display:grid; grid-template-columns:minmax(0,1fr); gap:12px; margin:16px 0; }
.shop .payment-glossary dt { font-weight:600; color:var(--text); }
.shop .payment-glossary dd { margin:4px 0 0; color:var(--text-2); line-height:1.6; }
.shop .payment-example,.shop .payment-checklist { padding:16px; margin:16px 0; background:var(--surface-2); border-radius:10px; overflow-wrap:anywhere; }
.shop .payment-checklist ul { padding-left:20px; margin:8px 0 0; }