:root{--sale:#E5243B;--sale2:#c41a2f;--navy:#192853;--navy2:#111c3d;--amber:#FFAA00;--amber2:#e69900;--ink:#0B1020;--muted:#5b6478;--line:#e6e8ee;--alt:#f6f7fa;--ok:#12803c;--err:#b42318;--r:8px;--wa:#1faa59;--w:1240px}
*{box-sizing:border-box}[hidden]{display:none!important}html{scroll-behavior:smooth}
body{margin:0;font:16px/1.55 Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--ink);background:#fff;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}a{color:var(--navy)}h1,h2,h3,h4{line-height:1.2;margin:0 0 .5em;letter-spacing:-.01em}
.wrap{max-width:var(--w);margin:0 auto;padding:0 20px}.narrow{max-width:520px}.muted{color:var(--muted)}.sm{font-size:14px}
.skip{position:absolute;left:-999px;top:0;background:#fff;padding:10px;z-index:99}.skip:focus{left:10px}
:focus-visible{outline:3px solid var(--amber);outline-offset:2px}
/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 22px;border-radius:var(--r);border:2px solid var(--navy);background:var(--navy);color:#fff;font:600 15px Inter,sans-serif;text-decoration:none;cursor:pointer;transition:.15s;line-height:1.2}
.btn:hover{background:var(--navy2)}.btn.navy{background:var(--navy)}.btn.amber{background:var(--amber);border-color:var(--amber);color:var(--ink)}.btn.amber:hover{background:var(--amber2);border-color:var(--amber2)}
.btn.ghost{background:#fff;color:var(--navy)}.btn.ghost:hover{background:var(--alt)}.btn.white{background:#fff;border-color:#fff;color:var(--navy)}.btn.white:hover{background:#eef}
.btn.wa{background:var(--wa);border-color:var(--wa);color:#fff}.btn.wa:hover{background:#178a48}
.btn.sm{padding:9px 14px;font-size:14px}.btn.lg{padding:15px 28px;font-size:16px}.btn.block{display:flex;width:100%;margin-top:10px}.btn[disabled]{opacity:.5;cursor:not-allowed}
/* ticker + header */
.ticker{background:var(--navy);color:#fff;font-size:13.5px}.ticker .wrap{display:flex;justify-content:center;gap:16px;padding-top:8px;padding-bottom:8px;align-items:center}.ticker a{color:var(--amber);font-weight:600;text-decoration:none;white-space:nowrap}
header.site{position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid var(--line)}
.hrow{display:flex;align-items:center;gap:18px;height:72px}.brand img{height:56px;width:auto}
.search{position:relative;flex:1;max-width:560px}.search input{width:100%;height:46px;border:1.5px solid var(--line);border-radius:999px;padding:0 52px 0 20px;font:15px Inter,sans-serif;background:var(--alt)}.search input:focus{outline:none;border-color:var(--navy);background:#fff}
.search button{position:absolute;right:4px;top:4px;width:38px;height:38px;border:0;border-radius:50%;background:var(--navy);color:#fff;cursor:pointer;display:grid;place-items:center}
.sugg{position:absolute;left:0;right:0;top:52px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 32px rgba(11,16,32,.15);overflow:hidden;z-index:60}
.sugg a{display:flex;gap:12px;align-items:center;padding:10px 14px;text-decoration:none;color:var(--ink);border-bottom:1px solid var(--line);font-size:14px}.sugg a:hover{background:var(--alt)}.sugg img{width:44px;height:44px;object-fit:cover;border-radius:6px;background:var(--alt)}.sugg small{display:block;color:var(--muted)}.sugg .all{justify-content:center;font-weight:600;color:var(--navy)}
.hact{display:flex;align-items:center;gap:18px;margin-left:auto}.hlink{font-size:14px;font-weight:500;color:var(--ink);text-decoration:none;white-space:nowrap}.hlink:hover{color:var(--navy);text-decoration:underline}
.cartlink{position:relative;color:var(--navy);padding:8px;display:grid;place-items:center}.cartlink i{position:absolute;top:0;right:-2px;min-width:20px;height:20px;border-radius:10px;background:var(--amber);color:var(--ink);font:700 12px/20px Inter;text-align:center;padding:0 5px}
.burger{display:none;background:none;border:0;padding:8px;cursor:pointer}.burger i{display:block;width:22px;height:2px;background:var(--navy);margin:5px 0}
.dd{position:relative}.ddb{background:none;border:0;font:600 15px Inter;color:var(--navy);cursor:pointer;display:flex;gap:6px;align-items:center;padding:10px 4px;white-space:nowrap}
.ddm{display:none;position:absolute;top:100%;left:0;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 16px 40px rgba(11,16,32,.16);padding:10px;min-width:300px;z-index:60}.dd.open .ddm{display:block}
.ddi{padding:10px 12px;border-radius:8px}.ddi:hover{background:var(--alt)}.ddt{display:flex;align-items:center;gap:10px;font-weight:700;margin-bottom:4px}.ddl{display:flex;gap:6px 14px;flex-wrap:wrap;padding-left:42px}.ddl a{font-size:14px;text-decoration:none;color:var(--muted)}.ddl a:hover{color:var(--navy);text-decoration:underline}
.crest-sm,.ddt .slot{width:32px;height:32px;border-radius:50%;object-fit:cover}.crest-fallback{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--navy);color:#fff;font:700 12px Inter}
nav.cats{border-top:1px solid var(--line);background:#fff}nav.cats .wrap{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none}nav.cats a{padding:11px 14px;font-size:14.5px;font-weight:500;text-decoration:none;color:var(--ink);white-space:nowrap;border-bottom:2px solid transparent}nav.cats a:hover,nav.cats a.on{border-color:var(--amber);color:var(--navy)}nav.cats a.all{margin-left:auto;color:var(--navy);font-weight:600}.mschools{display:none}
.flash{margin:14px 0;padding:12px 16px;border-radius:var(--r);background:#e8f6ee;color:#0d5c2b;font-weight:500}.flash.err,.errs{background:#fdecea;color:var(--err)}.errs{padding:12px 16px;border-radius:var(--r);margin-bottom:14px;font-size:14.5px}
/* image slots */
.slot{background:repeating-linear-gradient(45deg,#eef0f6,#eef0f6 12px,#e6e9f2 12px,#e6e9f2 24px);border:2px dashed #aab2c8;border-radius:inherit;display:grid;place-items:center;width:100%;color:#5b6478;text-align:center;font-size:12px;overflow:hidden}.slot span{padding:10px;display:grid;gap:3px}.slot b{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--navy)}.slot i{font-style:normal;opacity:.7}
/* hero */
.hero{position:relative;background:var(--navy);color:#fff;overflow:hidden}.heroimg{position:absolute;inset:0}.heroimg img,.heroimg .slot{width:100%;height:100%;object-fit:cover;border-radius:0;aspect-ratio:auto!important}.heroimg:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(17,28,61,.92) 0%,rgba(17,28,61,.6) 55%,rgba(17,28,61,.15) 100%)}
.heroimg .slot{border:0;background:repeating-linear-gradient(45deg,#1f3170,#1f3170 14px,#223876 14px,#223876 28px);color:#9fb0e6}.heroimg .slot span{position:absolute;right:24px;bottom:16px;text-align:right}.heroimg .slot b{color:#cfd8ff}
.herotxt{position:relative;z-index:2;padding:84px 0 92px;max-width:600px}.herotxt h1{font-size:clamp(32px,5vw,56px);font-weight:800;margin:10px 0 16px}.herotxt p{font-size:18px;opacity:.92;margin:0 0 26px}.cta{display:flex;gap:12px;flex-wrap:wrap}
.eyebrow{display:inline-block;font-size:12.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--amber)}.eyebrow.dark{color:var(--navy);opacity:.7}
.strip{background:var(--alt);border-bottom:1px solid var(--line)}.strip .wrap{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding-top:18px;padding-bottom:18px}.strip div{display:grid;grid-template-columns:auto 1fr;column-gap:12px;align-items:center}.strip svg{grid-row:span 2;color:var(--navy)}.strip b{font-size:14.5px}.strip span{font-size:13px;color:var(--muted)}
/* sections */
.blk{padding:56px 0}.blk.alt{background:var(--alt)}.blk.nopad{padding:30px 0 10px}.sechead{display:flex;align-items:baseline;justify-content:space-between;gap:14px;margin-bottom:22px}.sechead h2{font-size:clamp(22px,3vw,30px);margin:0;font-weight:800}.sechead a{font-weight:600;text-decoration:none;white-space:nowrap}.sechead h2 a{color:inherit;white-space:normal}.sechead small{color:var(--muted);font-weight:500;font-size:.6em}
.circles{display:grid;grid-template-columns:repeat(5,1fr);gap:26px 18px}.circ{text-align:center;text-decoration:none;color:var(--ink)}.cimg{display:block;width:100%;max-width:170px;margin:0 auto 12px;aspect-ratio:1;border-radius:50%;overflow:hidden;background:var(--alt);border:3px solid #fff;box-shadow:0 0 0 2px var(--line);transition:.2s}.circ:hover .cimg{box-shadow:0 0 0 3px var(--amber);transform:translateY(-3px)}.cimg img,.cimg .slot,.cimg .crest-fallback{width:100%;height:100%;object-fit:cover;border-radius:50%}.cimg .crest-fallback{font-size:34px}.cimg .slot{aspect-ratio:1!important}.cimg .slot b,.cimg .slot i{display:none}.cimg .slot span{font-size:10.5px;padding:6px}.cl{font-weight:600;font-size:15px}
/* cards, rails */
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.grid.g5{grid-template-columns:repeat(5,1fr)}
.card{position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden;transition:.18s}.card:hover{box-shadow:0 10px 28px rgba(11,16,32,.1);transform:translateY(-2px)}
.card .ph{display:block;aspect-ratio:1;background:var(--alt);overflow:hidden}.card .ph img{width:100%;height:100%;object-fit:contain;padding:10px}.card .bd{padding:12px 14px 14px;display:flex;flex-direction:column;flex:1}.card .vn{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:3px}
.card .ti{font-weight:600;font-size:14.5px;line-height:1.35;color:var(--ink);text-decoration:none;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.7em}.card .ti:hover{color:var(--navy)}
.price{font-weight:700;color:var(--ink);margin:8px 0 10px}.price small{font-weight:500;color:var(--muted);font-size:.8em}.price s{color:var(--muted);font-weight:400;margin-left:8px;font-size:.88em}.card .bd .btn{margin-top:auto}
.badge{position:absolute;top:10px;left:10px;z-index:2;background:var(--amber);color:var(--ink);font:700 12px Inter;padding:4px 9px;border-radius:999px}.badge.out{background:#e9ebf1;color:var(--muted)}
.rail{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:12px;scrollbar-width:thin}.rc{flex:0 0 232px;scroll-snap-align:start;display:flex}.rc .card{width:100%}
/* finder */
.finder{background:var(--navy);color:#fff;border-radius:20px;padding:44px 40px;position:relative;overflow:hidden}.finder:after{content:"";position:absolute;right:-80px;top:-80px;width:280px;height:280px;border-radius:50%;background:rgba(255,170,0,.14)}.fhead h2{font-size:clamp(24px,3.4vw,34px);font-weight:800;color:#fff}.fhead p{margin:0 0 26px;opacity:.85}.fhead .eyebrow{color:var(--amber)}
.fsteps{position:relative;z-index:1;display:grid;gap:22px}.fstep label{display:flex;align-items:center;gap:10px;font-weight:600;margin-bottom:10px}.fstep label i{font-style:normal;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--amber);color:var(--ink);font-size:13px;font-weight:800}
.fchips,.subchips{display:flex;gap:10px;flex-wrap:wrap}.subchips{margin:0 0 22px}.chip{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border-radius:999px;border:1.5px solid var(--line);background:#fff;color:var(--ink);font:500 14.5px Inter;text-decoration:none;cursor:pointer}.chip:hover{border-color:var(--navy)}
.fchips .chip{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.28);color:#fff}.fchips .chip:hover{background:rgba(255,255,255,.18)}.fchips .chip.on{background:var(--amber);border-color:var(--amber);color:var(--ink);font-weight:700}.fchips .chip img,.fchips .chip .crest-fallback{width:26px;height:26px;border-radius:50%;object-fit:cover;font-size:10px}
.fhelp{position:relative;z-index:1;margin:22px 0 0;font-size:14px;opacity:.85}.fhelp a{color:var(--amber)}
.student{position:relative;background:var(--navy);color:#fff;overflow:hidden}.studentbg{position:absolute;inset:0}.studentbg img,.studentbg .slot{width:100%;height:100%;object-fit:cover;border-radius:0;aspect-ratio:auto!important;border:0}.studentbg:after{content:"";position:absolute;inset:0;background:rgba(17,28,61,.82)}.studentbg .slot{background:#16224a}.studentbg .slot span{position:absolute;right:20px;bottom:10px}
.student .wrap{position:relative;z-index:2;padding-top:54px;padding-bottom:54px}.student h2{font-size:clamp(26px,4vw,40px);font-weight:800;color:#fff;margin:8px 0}.student p{margin:0 0 20px;max-width:520px;opacity:.9}.pill{display:inline-block;background:var(--amber);color:var(--ink);font:700 12px Inter;letter-spacing:.08em;text-transform:uppercase;padding:5px 12px;border-radius:999px}.pill.dark{background:var(--navy);color:#fff}
.duo{display:grid;grid-template-columns:1fr 1fr;gap:24px}.promo{display:grid;grid-template-columns:1.1fr 1fr;border-radius:18px;overflow:hidden;text-decoration:none;min-height:280px}.promo.navy{background:var(--navy);color:#fff}.promo.amber{background:var(--amber);color:var(--ink)}.promo>div:first-child{padding:30px;display:flex;flex-direction:column;align-items:flex-start;gap:6px}.promo h3{font-size:24px;font-weight:800;margin:10px 0 4px}.promo p{margin:0 0 14px;opacity:.9;font-size:15px}.promo .btn{margin-top:auto}.pimg{min-height:200px}.pimg img,.pimg .slot{width:100%;height:100%;object-fit:cover;border-radius:0;aspect-ratio:auto!important;border:0}
.faqwrap{display:grid;grid-template-columns:1fr 1.6fr;gap:44px}.faqwrap h2{font-size:30px;font-weight:800}.faq details{border-bottom:1px solid var(--line);padding:16px 0}.faq summary{font-weight:600;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:12px}.faq summary:after{content:"+";font-size:22px;line-height:1;color:var(--navy)}.faq details[open] summary:after{content:"−"}.faq p{margin:10px 0 0;color:var(--muted)}
.visit h2{font-size:30px;font-weight:800}.map iframe{width:100%;height:100%;min-height:360px;border:0;border-radius:16px}.map.sm iframe{min-height:260px}.storefront{margin-top:18px;border-radius:14px;overflow:hidden}.storefront img,.storefront .slot{border-radius:14px;width:100%}.storefront.wide{margin:22px 0}
/* breadcrumbs, listing */
.crumbs{display:flex;flex-wrap:wrap;gap:8px;font-size:13.5px;color:var(--muted);padding:18px 0 6px}.crumbs a{color:var(--muted);text-decoration:none}.crumbs a:hover{color:var(--navy);text-decoration:underline}.crumbs b{color:var(--ink);font-weight:500}
.lhead{margin:6px 0 18px}.lhead h1,.ph1{font-size:clamp(26px,3.6vw,36px);font-weight:800;margin:6px 0 8px}.ph1{margin-top:26px}.intro{color:var(--muted);max-width:760px;margin:0}
.lay{display:grid;grid-template-columns:250px 1fr;gap:30px;padding-bottom:50px}.filters{align-self:start;position:sticky;top:130px}.fh{display:none}
.fg2{border-top:1px solid var(--line);padding:14px 0}.fg2 h4{font-size:13px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:0 0 10px}.ck{display:flex;gap:8px;align-items:center;font-size:14.5px;margin-bottom:7px;cursor:pointer}.ck small{color:var(--muted)}.ck input{accent-color:var(--navy);width:16px;height:16px}
.pr2{display:flex;gap:8px;align-items:center}.pr2 input,.filters select,.fld input,.fld textarea,.fld select,.subr input{width:100%;padding:11px 12px;border:1.5px solid var(--line);border-radius:var(--r);font:15px Inter,sans-serif;background:#fff}.pr2 input:focus,.fld input:focus,.fld textarea:focus,.filters select:focus{outline:none;border-color:var(--navy)}.clear{display:block;text-align:center;margin-top:10px;font-size:14px}
.tbar{display:flex;align-items:center;gap:14px;margin-bottom:18px;padding-bottom:14px;border-bottom:1px solid var(--line)}.cnt{color:var(--muted);font-size:14.5px}.sort{margin-left:auto;display:flex;align-items:center;gap:8px;font-size:14px;color:var(--muted)}.sort select{padding:8px 10px;border:1.5px solid var(--line);border-radius:var(--r);font:14px Inter;background:#fff}.fbtn{display:none}
.results .grid{grid-template-columns:repeat(3,1fr)}.pager{display:flex;gap:6px;justify-content:center;margin-top:34px;flex-wrap:wrap}.pager a{min-width:42px;padding:10px 14px;text-align:center;border:1.5px solid var(--line);border-radius:var(--r);text-decoration:none;font-weight:600;color:var(--ink)}.pager a.on{background:var(--navy);border-color:var(--navy);color:#fff}.pager a:hover:not(.on){border-color:var(--navy)}
.empty{text-align:center;padding:60px 20px;background:var(--alt);border-radius:16px}.empty h2{margin-bottom:6px}.empty p{color:var(--muted);margin:0 0 18px}.catblk{margin-bottom:30px;padding-bottom:10px;border-bottom:1px solid var(--line)}
/* product */
.pd{display:grid;grid-template-columns:1.05fr 1fr;gap:48px;padding:14px 0 30px}.gal .main{background:var(--alt);border-radius:16px;aspect-ratio:1;display:grid;place-items:center;overflow:hidden;border:1px solid var(--line)}.gal .main img{width:100%;height:100%;object-fit:contain;padding:18px}.thumbs{display:flex;gap:10px;margin-top:12px;overflow-x:auto}.thumbs button{flex:0 0 72px;height:72px;border:2px solid var(--line);border-radius:10px;background:#fff;padding:3px;cursor:pointer}.thumbs button.on{border-color:var(--navy)}.thumbs img{width:100%;height:100%;object-fit:contain}
.info h1{font-size:clamp(24px,3vw,32px);font-weight:800;margin-bottom:10px}.info .vn{font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}.prow{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.pr{font-size:28px;font-weight:800;margin:0}.pr s{font-size:18px}.meta{color:var(--muted);font-size:13.5px;margin:6px 0 16px}
.stock{font:600 13px Inter;padding:5px 11px;border-radius:999px;background:#e8f6ee;color:var(--ok)}.stock.no{background:#fdecea;color:var(--err)}.stock.low{background:#fff4de;color:#9a6500}
.opts{margin:14px 0}.opts label{display:block;font-weight:600;font-size:14px;margin-bottom:8px}.optrow{display:flex;gap:8px;flex-wrap:wrap}.opt{padding:9px 16px;border:1.5px solid var(--line);border-radius:var(--r);background:#fff;font:500 14.5px Inter;cursor:pointer}.opt:hover{border-color:var(--navy)}.opt.on{background:var(--navy);border-color:var(--navy);color:#fff}
.buy{display:flex;gap:12px;margin:18px 0 0}.buy .btn{flex:1}.qty{display:inline-flex;border:1.5px solid var(--line);border-radius:var(--r);overflow:hidden;background:#fff}.qty button{width:40px;border:0;background:none;font-size:20px;cursor:pointer}.qty button:hover{background:var(--alt)}.qty input{width:48px;border:0;text-align:center;font:600 16px Inter;-moz-appearance:textfield}.qty input::-webkit-outer-spin-button,.qty input::-webkit-inner-spin-button{-webkit-appearance:none}.qty.sm button{width:30px;height:30px;font-size:17px}.qty.sm{align-items:center}.qty.sm b{min-width:28px;text-align:center;font-size:14px}
.trust{list-style:none;padding:16px 18px;margin:22px 0;background:var(--alt);border-radius:12px;display:grid;gap:8px;font-size:14.5px}.trust li:before{content:"✓";color:var(--ok);font-weight:800;margin-right:10px}.desc{margin-top:26px;border-top:1px solid var(--line);padding-top:18px}.desc h2{font-size:18px}.desc img{margin:10px 0}.desc table{border-collapse:collapse;max-width:100%}.desc td,.desc th{border:1px solid var(--line);padding:6px 10px}
.sticky{position:fixed;left:0;right:0;bottom:0;background:#fff;border-top:1px solid var(--line);box-shadow:0 -8px 24px rgba(11,16,32,.1);z-index:45;transform:translateY(110%);transition:.25s;display:none}.sticky.show{transform:none}.sticky .wrap{display:flex;gap:14px;align-items:center;padding-top:10px;padding-bottom:10px}.sp{flex:1;min-width:0;display:grid}.sp b{font-size:17px}.sp span{font-size:12.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* cart/checkout */
.two{display:grid;grid-template-columns:1.6fr 1fr;gap:26px;align-items:start;padding-bottom:50px}.box{border:1px solid var(--line);border-radius:14px;padding:22px;background:#fff}.box.cream{background:var(--alt)}.sum>div{display:flex;justify-content:space-between;gap:12px;padding:7px 0}.tot{border-top:1px solid var(--line);margin-top:8px;padding-top:12px!important;font-size:19px;font-weight:800}
.cartrow{display:grid;grid-template-columns:84px 1fr 78px 100px;gap:16px;align-items:center;padding:16px 0;border-bottom:1px solid var(--line)}.cartrow img{width:84px;height:84px;object-fit:contain;background:var(--alt);border-radius:10px}.cartrow .t{font-weight:600;text-decoration:none;color:var(--ink)}.cartrow .v{color:var(--muted);font-size:14px}.cartrow input{width:100%;padding:10px;border:1.5px solid var(--line);border-radius:var(--r);font:600 15px Inter;text-align:center}.cartrow .lt{text-align:right;margin:0}.cartrow .price{margin:4px 0 0}.cartact{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;align-items:center;margin:16px 0 0}.cartact span{color:var(--muted);font-size:14px}
.fld{margin-bottom:14px}.fld label{display:block;font-weight:600;font-size:14px;margin-bottom:6px}.fld .opt,.opt-t{font-weight:400;color:var(--muted)}.fr2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.radios{display:grid;grid-template-columns:1fr 1fr;gap:12px}.radios label{display:flex;gap:10px;align-items:flex-start;border:1.5px solid var(--line);border-radius:10px;padding:14px;cursor:pointer;font-weight:600}.radios label:has(input:checked){border-color:var(--navy);background:#f3f5fb}.radios span{display:block;font-weight:400;color:var(--muted);font-size:13px}.radios input{margin-top:4px;accent-color:var(--navy)}.hp{position:absolute;left:-9999px}
.tbl{width:100%;border-collapse:collapse}.tbl td{padding:8px 0;border-bottom:1px solid var(--line)}
.prose{padding-bottom:50px;max-width:820px}.prose.wideprose{max-width:var(--w)}.prose h1{font-size:clamp(28px,4vw,38px);font-weight:800}.prose h2{font-size:20px;margin-top:26px}.prose .lead{font-size:19px;color:var(--muted)}.ct{align-items:start}
/* drawer */
.drawer{position:fixed;inset:0;z-index:100;pointer-events:none}.dscrim{position:absolute;inset:0;background:rgba(11,16,32,.5);opacity:0;transition:.25s}.dpanel{position:absolute;right:0;top:0;bottom:0;width:min(420px,100%);background:#fff;transform:translateX(100%);transition:.28s;display:flex;flex-direction:column}.drawer.open{pointer-events:auto}.drawer.open .dscrim{opacity:1}.drawer.open .dpanel{transform:none}
#drawerbody{display:flex;flex-direction:column;height:100%;min-height:0}.dhead{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;border-bottom:1px solid var(--line)}.dhead h2{margin:0;font-size:20px}.dhead small{color:var(--muted);font-weight:500}.x{background:none;border:0;font-size:30px;line-height:1;cursor:pointer;color:var(--muted)}
.ditems{flex:1;overflow-y:auto;padding:6px 20px}.ditem{display:grid;grid-template-columns:64px 1fr 24px;gap:12px;padding:14px 0;border-bottom:1px solid var(--line)}.ditem img{width:64px;height:64px;object-fit:contain;background:var(--alt);border-radius:8px}.ditem .t{font-weight:600;font-size:14px;text-decoration:none;color:var(--ink);display:block;line-height:1.3}.ditem .v{font-size:13px;color:var(--muted)}.ditem .r{display:flex;justify-content:space-between;align-items:center;margin-top:8px;font-size:14px}.rm{background:none;border:0;font-size:22px;color:var(--muted);cursor:pointer;align-self:start}
.dfoot{padding:16px 20px;border-top:1px solid var(--line);background:#fff}.drow{display:flex;justify-content:space-between;font-size:18px}.note{margin:4px 0 12px;font-size:13px;color:var(--muted)}.dempty{margin:auto;text-align:center;padding:30px}.dempty p{color:var(--muted)}
/* footer */
footer.site{background:var(--navy);color:#cfd5e6;margin-top:0}footer.site .wrap{padding-top:54px;padding-bottom:22px}.fg{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr 1.2fr;gap:30px}footer h4{color:#fff;font-size:15px;margin-bottom:14px}footer a{display:block;color:#cfd5e6;text-decoration:none;padding:4px 0;font-size:14.5px}footer a:hover{color:var(--amber)}footer p{margin:0 0 8px;font-size:14.5px}.flogo{height:80px;width:auto;filter:brightness(0) invert(1);margin-bottom:14px}.soc{display:flex;gap:16px;margin-top:10px}.soc a{display:inline;font-weight:600;color:#fff}
.subs{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;margin:40px 0 0;padding:22px 26px;background:rgba(255,255,255,.07);border-radius:14px}.subs b{display:block;color:#fff;font-size:17px}.subs span{font-size:14px}.subr{display:flex;gap:10px;flex:1;max-width:460px;min-width:260px}.subr input{flex:1;border-radius:var(--r);border:0}
.copy{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;border-top:1px solid rgba(255,255,255,.14);margin-top:30px;padding-top:18px;font-size:13px;color:#98a2c2}
.wafab{position:fixed;right:18px;bottom:18px;z-index:40;width:56px;height:56px;border-radius:50%;background:var(--wa);color:#fff;display:grid;place-items:center;box-shadow:0 8px 22px rgba(0,0,0,.3)}.wafab:hover{background:#178a48}
.toast{position:fixed;left:50%;bottom:90px;transform:translateX(-50%);background:var(--ink);color:#fff;padding:12px 20px;border-radius:999px;z-index:120;font-size:14.5px}
/* responsive */
/* ===== 11.11 campaign ===== */
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.ticker.sale{background:var(--sale);display:flex;align-items:center;overflow:hidden;position:relative;font-weight:600}
.tk-track{display:flex;gap:48px;white-space:nowrap;animation:marq 32s linear infinite;padding:9px 0;flex:1}.tk-track span{flex:none}
@keyframes marq{to{transform:translateX(-50%)}}
.tk-cd{flex:none;background:var(--ink);color:#fff;text-decoration:none;padding:9px 16px;font-size:13px;display:flex;gap:6px;align-items:center;z-index:2}.tk-cd b{color:var(--amber)}
nav.mainnav a.deals{color:var(--sale);font-weight:800;display:flex;align-items:center;gap:7px}nav.mainnav a.deals i{width:8px;height:8px;border-radius:50%;background:var(--sale);box-shadow:0 0 0 0 rgba(229,36,59,.6);animation:ping 1.6s infinite}
@keyframes ping{70%{box-shadow:0 0 0 8px rgba(229,36,59,0)}100%{box-shadow:0 0 0 0 rgba(229,36,59,0)}}
.salehero{position:relative;overflow:hidden;color:#fff;background:radial-gradient(1200px 500px at 85% 20%,#2a3f86 0%,transparent 60%),linear-gradient(135deg,#0f1838 0%,#192853 55%,#22336b 100%)}
.salehero .wrap{position:relative;z-index:2;display:grid;grid-template-columns:1.15fr 1fr;gap:30px;align-items:center;padding-top:64px;padding-bottom:70px}
.salehero.sm .wrap{padding-top:38px;padding-bottom:40px;grid-template-columns:1fr auto}.salehero.sm h1{font-size:clamp(28px,4vw,44px)}
.sh-bg{position:absolute;inset:0;pointer-events:none}.sh-bg .big{position:absolute;right:-2%;bottom:-18%;font:900 clamp(160px,26vw,380px)/1 Inter;letter-spacing:-.06em;color:transparent;-webkit-text-stroke:2px rgba(255,170,0,.22)}
.sh-bg .o{position:absolute;border-radius:50%;filter:blur(2px)}.o1{width:220px;height:220px;background:rgba(229,36,59,.35);left:-60px;top:-60px;animation:float 9s ease-in-out infinite}.o2{width:120px;height:120px;background:rgba(255,170,0,.35);right:30%;top:12%;animation:float 7s ease-in-out infinite reverse}.o3{width:60px;height:60px;background:rgba(255,255,255,.18);left:45%;bottom:12%;animation:float 6s ease-in-out infinite}
@keyframes float{50%{transform:translateY(-18px)}}
.sh-tag{display:inline-block;background:var(--sale);color:#fff;font:800 12.5px Inter;letter-spacing:.1em;text-transform:uppercase;padding:7px 14px;border-radius:999px}
.salehero h1{font-size:clamp(34px,5.4vw,62px);font-weight:900;line-height:1.04;letter-spacing:-.03em;margin:16px 0 14px}.salehero h1 em{font-style:normal;color:var(--amber);background:linear-gradient(90deg,#FFAA00,#ffd466,#FFAA00);background-size:200% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:shine 3s linear infinite}
@keyframes shine{to{background-position:200% center}}
.salehero p{font-size:17.5px;opacity:.92;max-width:560px;margin:0 0 24px}.salehero p b{color:#fff}
.btn.pulse{animation:pbtn 2.2s infinite}@keyframes pbtn{0%,100%{box-shadow:0 0 0 0 rgba(255,170,0,.55)}60%{box-shadow:0 0 0 14px rgba(255,170,0,0)}}
.cd{display:flex;align-items:center;gap:8px;margin-top:26px;flex-wrap:wrap}.cdl{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;opacity:.8;margin-right:4px}.cdb{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);border-radius:10px;min-width:62px;padding:8px 6px;text-align:center}.cdb b{display:block;font:800 26px/1 Inter;font-variant-numeric:tabular-nums}.cdb i{font-style:normal;font-size:11px;opacity:.75;text-transform:uppercase;letter-spacing:.06em}
.cdb b.tick{animation:tick .35s}@keyframes tick{0%{transform:translateY(-6px);opacity:.3}}
.salehero.sm .cd{margin-top:0}
.sh-r{position:relative;min-height:320px}.sh-photo{border-radius:18px;overflow:hidden;box-shadow:0 30px 60px rgba(0,0,0,.35)}.sh-photo img{width:100%;height:100%;object-fit:cover}
.chips3d{position:absolute;inset:0}.sh-photo+.chips3d .fchip{transform:scale(.85)}
.fchip{position:absolute;display:flex;flex-direction:column;background:#fff;color:var(--ink);text-decoration:none;border-radius:16px;padding:12px 18px;box-shadow:0 18px 40px rgba(0,0,0,.3);animation:float 6s ease-in-out infinite;min-width:150px}
.fchip b{font:900 30px/1 Inter;color:var(--sale)}.fchip span{font-size:13px;font-weight:600;margin-top:3px}
.f0{left:4%;top:4%}.f1{right:2%;top:14%;animation-delay:-1.5s;background:var(--amber)}.f1 b{color:var(--ink)}.f2{left:22%;top:40%;animation-delay:-3s}.f3{right:12%;top:52%;animation-delay:-2s;background:var(--sale);color:#fff}.f3 b{color:#fff}.f4{left:0;bottom:4%;animation-delay:-4s}.f5{right:24%;bottom:0;animation-delay:-.7s}
.mini-cd{font-variant-numeric:tabular-nums;font-weight:700}.sechead .mini-cd{background:var(--sale);color:#fff;padding:7px 14px;border-radius:999px;font-size:14px;white-space:nowrap}
.sechead .eyebrow{display:block;margin-bottom:4px}
.tiles{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
.tile{position:relative;overflow:hidden;border-radius:18px;min-height:190px;padding:18px;display:flex;flex-direction:column;justify-content:space-between;text-decoration:none;color:#fff;background:var(--navy);transition:.25s;isolation:isolate}
.tile.t1{background:var(--sale)}.tile.t2{background:var(--amber);color:var(--ink)}.tile.t3{background:#0f1838}
.tile img{position:absolute;right:-14px;bottom:-14px;width:58%;aspect-ratio:1;object-fit:contain;background:#fff;border-radius:50%;padding:12px;z-index:-1;transition:.35s;box-shadow:0 10px 30px rgba(0,0,0,.25)}
.tile:hover{transform:translateY(-4px);box-shadow:0 18px 36px rgba(11,16,32,.22)}.tile:hover img{transform:scale(1.08) rotate(-4deg)}
.tp{font:900 38px/1 Inter;letter-spacing:-.03em}.tp small{display:block;font-size:11px;letter-spacing:.12em;font-weight:700;opacity:.85;margin-bottom:4px}.tl{font-weight:700;font-size:16px;max-width:62%;line-height:1.25}.tl small{display:block;font-weight:500;font-size:12.5px;opacity:.85;margin-top:4px}
.badge.sale{background:var(--sale);color:#fff;display:flex;flex-direction:column;align-items:center;line-height:1;padding:6px 9px;border-radius:10px;font-size:15px;font-weight:900;overflow:hidden}.badge.sale small{font-size:9px;letter-spacing:.08em;opacity:.9;margin-bottom:2px}
.badge.sale:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.45) 50%,transparent 70%);transform:translateX(-120%);animation:sweep 3.2s infinite}@keyframes sweep{40%,100%{transform:translateX(120%)}}
.card.onsale .now{color:var(--sale)}.save{font-size:12.5px;font-weight:700;color:var(--ok);margin:-6px 0 10px;background:#e8f6ee;display:inline-block;align-self:flex-start;padding:3px 8px;border-radius:6px}
.addbtn{gap:6px}.addbtn.ok{background:var(--ok);border-color:var(--ok)}
.railwrap{position:relative}.rnav{position:absolute;top:38%;z-index:3;width:42px;height:42px;border-radius:50%;border:1px solid var(--line);background:#fff;box-shadow:0 6px 18px rgba(11,16,32,.14);font-size:26px;line-height:1;cursor:pointer;color:var(--navy);display:grid;place-items:center}.rnav.prev{left:-18px}.rnav.next{right:-18px}.rnav:hover{background:var(--navy);color:#fff}
.freebanner{background:linear-gradient(90deg,var(--amber),#ffc94d);padding:30px 0}.freebanner .wrap{display:grid;grid-template-columns:auto 1fr auto;gap:22px;align-items:center}.freebanner h2{font-size:clamp(22px,3vw,30px);font-weight:900;margin:0 0 4px}.freebanner p{margin:0;max-width:620px}.fb-ic{width:74px;height:74px;border-radius:50%;background:var(--navy);color:#fff;display:grid;place-items:center;animation:drive 3s ease-in-out infinite}
@keyframes drive{50%{transform:translateX(8px)}}
.pimg.art{display:grid;place-items:center;font-size:90px;background:rgba(255,255,255,.12)}.promo.amber .pimg.art{background:rgba(255,255,255,.35)}
.saletabs{display:flex;gap:8px;overflow-x:auto;padding:18px 0 4px;scrollbar-width:none}.saletabs a{flex:none;padding:10px 16px;border-radius:999px;border:1.5px solid var(--line);text-decoration:none;color:var(--ink);font-weight:600;font-size:14.5px;background:#fff;transition:.15s}.saletabs a b{color:var(--sale);margin-left:4px}.saletabs a:hover{border-color:var(--navy)}.saletabs a.on{background:var(--navy);border-color:var(--navy);color:#fff}.saletabs a.on b{color:var(--amber)}
.psale{display:flex;gap:14px;align-items:center;background:#fff1f2;border:1px solid #ffd0d6;border-radius:12px;padding:10px 14px;margin:10px 0 4px}.psale .badge{position:static}.psale div{display:grid}.psale b{color:var(--ok)}.psale .mini-cd{font-size:13px;color:var(--sale)}
/* free delivery bar */
.ship{padding:14px 18px;background:#fff8e6;border:1px solid #ffe3a3;border-radius:12px;font-size:14.5px;transition:.3s}.ship.drawerbar{margin:12px 20px 0}.ship.page{margin-bottom:18px}.ship.co{margin-bottom:14px;background:#fff}
.shipt{display:flex;gap:9px;align-items:center}.shipt svg{color:var(--navy);flex:none}
.bar{position:relative;height:10px;background:#ffe9b8;border-radius:6px;margin:12px 0 4px;overflow:visible}.bar i{display:block;height:100%;border-radius:6px;background:linear-gradient(90deg,var(--amber),#ff7a00);background-size:40px 40px;transition:width .8s cubic-bezier(.2,.8,.2,1);position:relative;overflow:hidden}
.bar i:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(45deg,rgba(255,255,255,.25) 0 10px,transparent 10px 20px);animation:stripes 1s linear infinite}@keyframes stripes{to{background-position:28px 0}}
.truck{position:absolute;top:50%;transform:translate(-50%,-55%) scaleX(-1);font-size:20px;transition:left .8s cubic-bezier(.2,.8,.2,1)}
.shipm{display:flex;justify-content:space-between;font-size:11.5px;color:var(--muted)}
.ship.done{background:#e8f6ee;border-color:#b6e2c6}.ship.done .bar{background:#cdeed9}.ship.done .bar i{background:var(--ok)}.ship.done .truck{transform:translate(-80%,-55%) scaleX(-1)}
.ups{margin:14px 0;padding:14px;background:var(--alt);border-radius:12px}.ups h3{font-size:14px;margin:0 0 10px}.upi{display:grid;grid-template-columns:52px 1fr auto;gap:10px;align-items:center;padding:8px 0;border-top:1px solid var(--line)}.upi:first-of-type{border-top:0}.upi img{width:52px;height:52px;object-fit:contain;background:#fff;border-radius:8px}.upi a{font-size:13px;font-weight:600;color:var(--ink);text-decoration:none;display:block;line-height:1.3}.upi span{font-size:13px;font-weight:700}.upi s{color:var(--muted);font-weight:400}.upi em{color:var(--sale);font-style:normal}
.saved{color:var(--ok);font-weight:700}.drow.saved{font-size:15px;margin-bottom:4px}.minisale{display:inline-block;background:var(--sale);color:#fff;font:800 10.5px Inter;padding:2px 7px;border-radius:5px;margin:4px 0 0}.lp{display:flex;gap:8px;align-items:baseline}.lp s{color:var(--muted);font-size:12.5px}.cartrow .price s{color:var(--muted);font-weight:400;margin-left:8px;font-size:.9em}
.trust.sm{font-size:13.5px;padding:12px 14px;margin:14px 0 0;gap:6px}.emptyic{font-size:54px;margin-bottom:6px}
/* confetti */
.confetti{position:fixed;inset:0;pointer-events:none;z-index:200;overflow:hidden}.confetti i{position:absolute;top:-12px;width:9px;height:14px;border-radius:2px;animation:fall 1.8s cubic-bezier(.25,.6,.4,1) forwards}@keyframes fall{to{transform:translate3d(var(--x),105vh,0) rotate(var(--r));opacity:.9}}
/* popup */
.popup{position:fixed;inset:0;z-index:180;display:grid;place-items:center;padding:16px}.pscrim{position:absolute;inset:0;background:rgba(11,16,32,.6);animation:fadein .3s}
.pcard{position:relative;width:min(440px,100%);background:#fff;border-radius:22px;overflow:hidden;box-shadow:0 40px 80px rgba(0,0,0,.4);animation:pop .45s cubic-bezier(.2,1.3,.4,1)}@keyframes pop{from{transform:translateY(30px) scale(.92);opacity:0}}@keyframes fadein{from{opacity:0}}
.pcard .x{position:absolute;right:12px;top:8px;color:#fff;z-index:2}.ptop{background:linear-gradient(135deg,#0f1838,#192853);padding:26px 24px 20px;position:relative;overflow:hidden}.ptop .big{display:block;font:900 72px/1 Inter;letter-spacing:-.05em;color:var(--amber)}.ptop .sh-tag{margin-top:8px}
.pbody{padding:22px 24px 20px}.pbody h2{font-size:30px;font-weight:900;margin:0 0 10px}.pbody h2 em{font-style:normal;color:var(--sale)}.pbody ul{list-style:none;padding:0;margin:0 0 6px;display:grid;gap:6px;font-size:15px}.pbody li:before{content:"✓";color:var(--ok);font-weight:900;margin-right:8px}
.pbody .cd{margin:14px 0 6px}.pbody .cdb{background:var(--alt);border-color:var(--line);min-width:56px}.pbody .cdb b{font-size:22px;color:var(--navy)}.pbody .cdl{color:var(--muted)}
.nothx{display:block;margin:12px auto 0;background:none;border:0;color:var(--muted);font:500 13.5px Inter;cursor:pointer;text-decoration:underline}
/* motion */
html.rv [data-reveal]{opacity:0;transform:translateY(22px);transition:opacity .6s ease,transform .6s cubic-bezier(.2,.8,.2,1);transition-delay:var(--d,0ms)}html.rv [data-reveal].in{opacity:1;transform:none}
.cartlink.bump{animation:bump .5s}@keyframes bump{30%{transform:scale(1.25) rotate(-8deg)}60%{transform:scale(.95)}}
.flyimg{position:fixed;z-index:300;border-radius:12px;pointer-events:none;transition:transform .7s cubic-bezier(.5,-.3,.6,1),opacity .7s;object-fit:cover;box-shadow:0 10px 30px rgba(0,0,0,.25)}
@media(max-width:1100px){.tiles{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.salehero .wrap{grid-template-columns:1fr;padding-top:40px;padding-bottom:44px}.salehero.sm .wrap{grid-template-columns:1fr}.sh-r{min-height:0}.chips3d{position:static;display:flex;gap:10px;overflow-x:auto;padding-bottom:6px}.fchip{position:static;animation:none;min-width:130px;flex:none;box-shadow:none}.sh-photo{display:none}.freebanner .wrap{grid-template-columns:1fr;text-align:center;justify-items:center}.rnav{display:none}.tk-cd{padding:9px 10px;font-size:12px}}
@media(max-width:560px){.tiles{grid-template-columns:repeat(2,1fr);gap:10px}.tile{min-height:160px;padding:14px}.tp{font-size:30px}.tl{font-size:14px;max-width:70%}.cdb{min-width:54px}.cdb b{font-size:21px}.salehero h1{font-size:34px}.sh-bg .big{font-size:150px;bottom:-4%}}
@media(prefers-reduced-motion:reduce){[data-reveal]{opacity:1;transform:none}.tk-track,.fchip,.o,.badge.sale:after,.btn.pulse,.fb-ic,.salehero h1 em,.bar i:after,nav.mainnav a.deals i{animation:none!important}}
@media(max-width:1100px){.grid{grid-template-columns:repeat(3,1fr)}.grid.g5{grid-template-columns:repeat(3,1fr)}.circles{grid-template-columns:repeat(5,1fr)}}
@media(max-width:900px){
 .hide-m{display:none!important}.burger{display:block;margin-left:-8px}.hrow{gap:8px;height:auto;flex-wrap:wrap;padding-top:8px;padding-bottom:10px}.brand img{height:32px}.search{order:3;flex:1 1 100%;max-width:none}.search input{height:42px}.search button{width:34px;height:34px}
 .hrow .hact{margin-left:auto}
 .strip .wrap{grid-template-columns:1fr 1fr}.circles{grid-template-columns:repeat(3,1fr)}.herotxt{padding:56px 0 64px}.blk{padding:38px 0}.finder{padding:28px 22px;border-radius:16px}.duo,.faqwrap,.pd,.two{grid-template-columns:1fr}.pd{gap:22px}.promo{grid-template-columns:1fr 1fr}
 .lay{grid-template-columns:1fr}.filters{position:fixed;inset:0;z-index:150;background:#fff;padding:0 20px 20px;overflow-y:auto;transform:translateX(-100%);transition:.25s;top:0}.filters.open{transform:none}.fh{display:flex;justify-content:space-between;align-items:center;padding:16px 0}.fbtn{display:inline-flex}
 .results .grid{grid-template-columns:repeat(2,1fr);gap:12px}.fg{grid-template-columns:1fr 1fr}.sticky{display:block}body.pdp{padding-bottom:70px}.wafab{bottom:76px}
}
@media(max-width:560px){.wrap{padding:0 16px}.grid,.grid.g5{grid-template-columns:repeat(2,1fr);gap:12px}.rc{flex-basis:170px}.promo{grid-template-columns:1fr}.pimg{min-height:160px;order:-1}.cartrow{grid-template-columns:64px 1fr 64px;gap:10px}.cartrow img{width:64px;height:64px}.cartrow .lt{grid-column:2/4;text-align:left}.fr2,.radios{grid-template-columns:1fr}.fg{grid-template-columns:1fr}.strip .wrap{gap:12px}.buy{flex-wrap:wrap}.ticker .wrap{font-size:12.5px;justify-content:space-between}.circles{gap:18px 10px}.cl{font-size:13.5px}.card .bd{padding:10px}.card .ti{font-size:13.5px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
.salehero .wrap>*{min-width:0}body{overflow-x:hidden}
@media(max-width:560px){.salehero .cta .btn{flex:1 1 100%}.pbody .cd{gap:6px}.pbody .cdb{min-width:0;flex:1;padding:6px 2px}.pbody .cdl{width:100%}.ptop .big{font-size:56px}.pbody h2{font-size:26px}.strip div{grid-template-columns:auto 1fr;font-size:13px}}

/* ===== v3: header nav, school pages, home blocks ===== */
.ic{flex:none;vertical-align:middle}
.hlink{display:flex;align-items:center;gap:8px}.hlink span{display:grid;line-height:1.15}.hlink small{font-size:11px;color:var(--muted);font-weight:500}.hlink .ic{color:var(--navy)}
.burger{display:none;color:var(--navy)}
nav.mainnav{border-top:1px solid var(--line);background:#fff}nav.mainnav .wrap{display:flex;align-items:center;gap:2px}
nav.mainnav .wrap>a,.mmb{display:flex;align-items:center;gap:7px;padding:12px 13px;font:600 14.5px Inter;color:var(--ink);text-decoration:none;white-space:nowrap;border:0;background:none;cursor:pointer;border-bottom:2.5px solid transparent}
nav.mainnav .wrap>a .ic,.mmb .ic{color:var(--navy)}nav.mainnav .wrap>a:hover,nav.mainnav .wrap>a.on,.mm:hover .mmb,.mm.open .mmb{border-color:var(--amber);color:var(--navy)}
.navsp{flex:1}.mmb .cv{transition:.2s}.mm.open .cv{transform:rotate(180deg)}
.mm{position:relative}.mmp{display:none;position:absolute;top:100%;left:0;z-index:70;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 22px 50px rgba(11,16,32,.18);padding:16px;animation:ddin .2s ease}
@keyframes ddin{from{opacity:0;transform:translateY(8px)}}
.mm.open .mmp{display:block}@media(hover:hover) and (min-width:901px){.mm:hover .mmp{display:block}}
.mmp.mega{width:min(980px,92vw)}.megagrid{display:grid;grid-template-columns:repeat(5,1fr);gap:18px 22px}.megacol a{display:block;font-size:13.5px;color:var(--muted);text-decoration:none;padding:3px 0}.megacol a:hover{color:var(--navy);text-decoration:underline}.megacol .mh{font-weight:800;color:var(--ink);font-size:14.5px;margin-bottom:4px}.megacol .mh small{color:var(--muted);font-weight:500}
.megaall{display:flex;justify-content:center;align-items:center;gap:6px;margin-top:14px;padding-top:12px;border-top:1px solid var(--line);font-weight:700;text-decoration:none}
.mmp.schools{width:340px;padding:8px}.mmp .ddi{display:block;text-decoration:none;color:var(--ink)}.mmp .ddl{padding-left:42px;font-size:13px;color:var(--muted)}
/* hero orbs + photo */
.sh-r{position:relative;min-height:380px;display:grid;place-items:center}
.sh-photo{position:relative;z-index:1;width:100%;max-width:520px;aspect-ratio:9/8;border-radius:28px;overflow:hidden;box-shadow:0 30px 70px rgba(0,0,0,.4)}
.sh-photo img,.sh-photo .slot{width:100%;height:100%;object-fit:cover;aspect-ratio:auto!important;border-radius:28px}
.sh-photo .slot{background:rgba(255,255,255,.08);border:2px dashed rgba(255,255,255,.4);color:#cfd8ff}.sh-photo .slot b{color:#fff}
.orbs{position:absolute;inset:-30px;z-index:0;pointer-events:none}
.ob{position:absolute;border-radius:50%;animation:drift 9s ease-in-out infinite}
.ob.r1{width:110px;height:110px;background:var(--sale);left:-4%;top:6%;z-index:2}.ob.y1{width:150px;height:150px;background:var(--amber);right:-6%;top:-4%;animation-duration:11s;animation-delay:-3s}.ob.w1{width:64px;height:64px;background:#fff;right:8%;bottom:4%;z-index:2;animation-duration:7s}
.ob.r2{width:40px;height:40px;background:var(--sale);right:30%;top:-2%;animation-duration:6s;animation-delay:-2s;z-index:2}.ob.y2{width:80px;height:80px;background:var(--amber);left:6%;bottom:-2%;animation-duration:10s;animation-delay:-5s;z-index:2}.ob.w2{width:26px;height:26px;background:#fff;left:42%;top:4%;animation-duration:5s;z-index:2}.ob.r3{width:18px;height:18px;background:var(--sale);left:20%;bottom:30%;animation-duration:4.5s;z-index:2}
@keyframes drift{0%,100%{transform:translate(0,0)}33%{transform:translate(14px,-18px)}66%{transform:translate(-10px,12px)}}
.chips3d{position:absolute;inset:0;z-index:3;pointer-events:none}.fchip{pointer-events:auto;flex-direction:row;align-items:center;gap:10px;min-width:0;padding:10px 14px 10px 10px}
.fchip .fci{width:36px;height:36px;border-radius:50%;background:var(--alt);display:grid;place-items:center;color:var(--navy)}.fchip b{font-size:22px}.fchip small{display:block;font-size:12px;font-weight:600}
.fchip.f0{left:-6%;top:22%}.fchip.f1{right:-4%;top:30%}.fchip.f2{left:2%;bottom:6%}.fchip.f3{right:4%;bottom:-2%}.fchip.f3 .fci,.fchip.f1 .fci{background:rgba(255,255,255,.3);color:inherit}
.strip .ic{grid-row:span 2;color:var(--navy)}.strip .hl .ic{color:var(--sale)}
/* shop by school */
.schgrid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
.schbig{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px;transition:.2s}.schbig:hover{box-shadow:0 14px 34px rgba(11,16,32,.1);transform:translateY(-3px);border-color:var(--amber)}
.sbh{display:flex;flex-direction:column;align-items:center;gap:10px;text-decoration:none;color:var(--ink);text-align:center;margin-bottom:12px}.sbh b{font-size:16px}
.sch-crest{width:84px;height:84px;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:var(--alt);box-shadow:0 0 0 3px #fff,0 0 0 4px var(--line)}.sch-crest img,.sch-crest .crest-fallback{width:100%;height:100%;object-fit:cover;font-size:24px}.sch-crest.sm{width:44px;height:44px}.sch-crest.sm .crest-fallback{font-size:13px}
.sbn{display:grid;gap:6px}.sbn a{display:flex;align-items:center;gap:8px;padding:9px 12px;border-radius:10px;background:var(--alt);color:var(--ink);text-decoration:none;font-size:14px;font-weight:600;transition:.15s}.sbn a .ic{color:var(--navy)}.sbn a:hover{background:var(--navy);color:#fff}.sbn a:hover .ic{color:var(--amber)}
/* school page */
.schoolhead{background:linear-gradient(135deg,#0f1838,#192853);color:#fff;padding:6px 0 26px}.crumbs.light,.crumbs.light a{color:#b9c3e6}.crumbs.light b{color:#fff}
.sch-id{display:flex;align-items:center;gap:20px;margin:12px 0 20px}.sch-id h1{font-size:clamp(28px,4vw,42px);font-weight:900;margin:4px 0}.sch-id p{margin:0;opacity:.85}.sch-id .sch-crest{width:96px;height:96px;box-shadow:0 0 0 4px rgba(255,255,255,.2)}
.steps{list-style:none;display:flex;gap:10px;padding:0;margin:0;flex-wrap:wrap}.steps li{display:flex;align-items:center;gap:8px;padding:8px 14px 8px 8px;border-radius:999px;background:rgba(255,255,255,.08);font-weight:600;font-size:14px;opacity:.7}.steps li i{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-style:normal;background:rgba(255,255,255,.18);font-size:13px}
.steps li.on{opacity:1;background:var(--amber);color:var(--ink)}.steps li.on i{background:var(--navy);color:#fff}.steps li.done{opacity:1}.steps li.done i{background:var(--ok)}
.schoolbody{padding-bottom:50px}.qh{font-size:22px;font-weight:800;margin:30px 0 14px}
.needs{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.need{position:relative;display:flex;flex-direction:column;gap:4px;padding:20px;border:2px solid var(--line);border-radius:16px;text-decoration:none;color:var(--ink);transition:.18s;background:#fff}.need:hover{border-color:var(--navy);transform:translateY(-2px)}
.need .nic{width:54px;height:54px;border-radius:14px;background:var(--alt);display:grid;place-items:center;color:var(--navy);margin-bottom:8px;transition:.2s}.need:hover .nic{background:var(--amber)}
.need b{font-size:17px}.need small{color:var(--muted);font-size:13.5px}.need em{font-style:normal;font-size:12.5px;font-weight:700;color:var(--navy);margin-top:6px}
.need.on{border-color:var(--navy);background:#f3f5fb;box-shadow:0 0 0 3px rgba(25,40,83,.12)}.need.on .nic{background:var(--navy);color:var(--amber)}.tickc{position:absolute;right:12px;top:12px;width:24px;height:24px;border-radius:50%;background:var(--ok);color:#fff;display:grid;place-items:center}
.clschips{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px}.clsc{display:flex;flex-direction:column;align-items:center;padding:14px 10px;border:2px solid var(--line);border-radius:12px;text-decoration:none;color:var(--ink);transition:.15s}.clsc b{font-size:15px}.clsc small{color:var(--muted);font-size:12px}.clsc:hover{border-color:var(--navy)}.clsc.on{background:var(--navy);border-color:var(--navy);color:#fff}.clsc.on small{color:#cfd5e6}
.pickhint{display:flex;align-items:center;gap:8px;margin:20px 0;padding:14px 18px;background:#fff8e6;border-radius:12px;font-weight:600}
.classlist{margin-top:30px;scroll-margin-top:140px}.clhead{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:14px}.clhead h2{font-size:26px;font-weight:900;margin:4px 0}
.lrows{border:1px solid var(--line);border-radius:14px;overflow:hidden}
.lrow{display:grid;grid-template-columns:22px 56px 1fr auto;gap:14px;align-items:center;padding:12px 16px;border-bottom:1px solid var(--line);cursor:pointer;transition:background .15s}.lrow:last-child{border-bottom:0}.lrow:hover{background:var(--alt)}
.lrow input{width:20px;height:20px;accent-color:var(--navy)}.lrow img{width:56px;height:56px;object-fit:contain;background:var(--alt);border-radius:8px}.lrow .lt a{color:var(--ink);font-weight:600;text-decoration:none;font-size:14.5px}.lrow .lt small{display:block;color:var(--muted);font-size:12.5px}.lrow .oos{color:var(--sale)!important}
.lrow .lp{display:flex;gap:8px;align-items:center;white-space:nowrap}.lrow .lp s{color:var(--muted);font-size:13px}.lrow .minisale{margin:0}.lrow.na{opacity:.6;cursor:default}.nobox{width:20px}
.lrow:has(input:not(:checked)){opacity:.55}
.listbar{position:sticky;bottom:0;z-index:20;display:flex;justify-content:space-between;align-items:center;gap:14px;margin-top:14px;padding:14px 18px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 -10px 30px rgba(11,16,32,.1)}.listbar>div{display:grid}.listbar b{font-size:22px;font-weight:900}.lsave{color:var(--ok);font-weight:700;font-size:13.5px}
.othersch{margin-top:40px}.schcards{display:flex;gap:12px;flex-wrap:wrap}.schcard{display:flex;align-items:center;gap:10px;padding:10px 16px 10px 10px;border:1px solid var(--line);border-radius:999px;text-decoration:none;color:var(--ink);font-weight:600}.schcard:hover{border-color:var(--navy)}
/* category rows on home */
.cbx{display:grid;grid-template-columns:280px 1fr;gap:26px;align-items:start}.cbl h2{font-size:30px;font-weight:900;margin:6px 0 2px}.cbl p{margin:0 0 14px}
.cbsubs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:18px}.cbsubs a{font-size:13px;padding:6px 11px;border-radius:999px;background:#fff;border:1px solid var(--line);color:var(--ink);text-decoration:none}.cbsubs a:hover{border-color:var(--navy);color:var(--navy)}
.blk.catrow{padding:40px 0}.catrow.alt .cbsubs a{background:#fff}.grid.cbg{grid-template-columns:repeat(4,1fr)}
.unibox{display:grid;grid-template-columns:320px 1fr;gap:26px;align-items:start}.unil{background:var(--navy);color:#fff;border-radius:18px;padding:24px;overflow:hidden}.unil h2{color:#fff;font-size:26px;font-weight:900;margin:10px 0 6px}.unil p{opacity:.85;font-size:14.5px}.unisch{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0}.unisch a{color:#fff;border:1px solid rgba(255,255,255,.3);border-radius:999px;padding:6px 12px;font-size:13px;text-decoration:none}.unisch a:hover{background:var(--amber);color:var(--ink);border-color:var(--amber)}.uniimg{margin:14px -24px -24px}.uniimg img,.uniimg .slot{border-radius:0;width:100%;border:0}.unir{min-width:0}
/* product price box */
.pricebox{border:1px solid var(--line);border-radius:14px;padding:14px 16px;margin:6px 0 4px}.pricebox.onsale{border-color:#ffd0d6;background:linear-gradient(180deg,#fff5f6,#fff)}
.pdisc{display:flex;gap:12px;align-items:center;margin:10px 0}.pdisc .badge{position:static}.pdisc div{display:grid;font-size:14px}.pdisc #psave{color:var(--ok);font-size:16px}.pdisc s{color:var(--muted)}
.pcd{display:flex;align-items:center;gap:12px;flex-wrap:wrap;border-top:1px dashed #ffc2cb;padding-top:10px}.pcdl{display:flex;align-items:center;gap:6px;font-weight:700;color:var(--sale);font-size:14px}
.cd.sm{margin:0;gap:6px}.cd.sm .cdb{background:var(--navy);border:0;color:#fff;min-width:50px;padding:6px 4px}.cd.sm .cdb b{font-size:19px}.cd.sm .cdb i{font-size:9.5px}
.trust.ic li:before{content:none}.trust.ic li{display:flex;gap:10px;align-items:center}.trust.ic .ic{color:var(--navy)}
.addednote{display:flex;gap:12px;align-items:flex-start;margin:12px 20px 0;padding:12px 14px;border-radius:12px;background:#e8f6ee;border:1px solid #b6e2c6;animation:pop .4s cubic-bezier(.2,1.3,.4,1)}.addednote .ok{color:var(--ok)}.addednote div{display:grid;font-size:13.5px}.addednote b{font-size:14.5px}.addednote em{font-style:normal;font-weight:700;color:var(--ok);display:flex;align-items:center;gap:5px;margin-top:3px}
.saved span{display:inline-flex;align-items:center;gap:6px}.emptyic{color:var(--muted)}
.pbody li{display:flex;gap:8px;align-items:center}.pbody li:before{content:none!important}.pbody li .ic{color:var(--ok)}
.tk-track span{display:inline-flex;align-items:center;gap:7px}.tk-cd{gap:6px}
.btn .ic{margin:-2px 0}
.truck{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--navy);color:#fff;transform:translate(-50%,-50%)!important;box-shadow:0 2px 6px rgba(0,0,0,.2)}.ship.done .truck{background:var(--ok);transform:translate(-90%,-50%)!important}
.shipt .ic{color:var(--navy)}.ship.done .shipt .ic{color:var(--ok)}
@media(max-width:1100px){.schgrid{grid-template-columns:repeat(3,1fr)}.megagrid{grid-template-columns:repeat(4,1fr)}nav.mainnav .wrap>a,.mmb{padding:12px 9px;font-size:14px}}
@media(max-width:900px){
 .burger{display:grid;place-items:center;background:none;border:0;padding:6px}
 nav.mainnav{display:none;position:absolute;left:0;right:0;top:100%;max-height:80vh;overflow-y:auto;box-shadow:0 20px 40px rgba(0,0,0,.15)}nav.mainnav.open{display:block}
 nav.mainnav .wrap{flex-direction:column;align-items:stretch;padding-bottom:10px}nav.mainnav .wrap>a,.mmb{padding:14px 4px;border-bottom:1px solid var(--line);width:100%}.navsp{display:none}.mmb .cv{margin-left:auto}
 .mmp,.mmp.mega,.mmp.schools{position:static;width:auto;box-shadow:none;border:0;padding:6px 0 10px 14px;animation:none}.megagrid{grid-template-columns:1fr 1fr;gap:12px}
 .sh-r{min-height:0;margin-top:10px}.sh-photo{display:block;max-width:none;aspect-ratio:16/10}.orbs{inset:-10px}.chips3d{position:static;display:flex;gap:10px;overflow-x:auto;margin-top:14px;pointer-events:auto}.fchip{position:static!important}
 .schgrid{grid-template-columns:1fr 1fr}.needs{grid-template-columns:1fr 1fr}.cbx,.unibox{grid-template-columns:1fr}.grid.cbg{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:560px){.schgrid{grid-template-columns:1fr 1fr;gap:10px}.schbig{padding:12px}.sch-crest{width:64px;height:64px}.sbn a{font-size:13px;padding:8px}.needs{gap:10px}.need{padding:14px}.lrow{grid-template-columns:22px 48px 1fr;gap:10px}.lrow .lp{grid-column:3}.lrow img{width:48px;height:48px}.listbar{flex-direction:column;align-items:stretch}.sch-id .sch-crest{width:70px;height:70px}.hlink{display:none}}
@media(prefers-reduced-motion:reduce){.ob{animation:none}}
.chips3d .fchip{top:auto;bottom:auto;left:auto;right:auto;min-width:0;background:#fff;color:var(--ink)}.chips3d .fchip b{color:var(--sale)}
.chips3d .fchip.f0{left:-5%;top:14%}.chips3d .fchip.f1{right:-5%;top:8%;background:var(--amber)}.chips3d .fchip.f1 b{color:var(--ink)}.chips3d .fchip.f2{left:-3%;bottom:10%}.chips3d .fchip.f3{right:-4%;bottom:16%;background:var(--sale);color:#fff}.chips3d .fchip.f3 b{color:#fff}
@media(max-width:900px){.chips3d .fchip{position:static!important}}
@media(max-width:900px){.sh-r{display:block}.chips3d{width:100%}}

/* ===== content pages ===== */
.pagehero{background:linear-gradient(135deg,#0f1838,#192853);color:#fff;padding:6px 0 44px;position:relative;overflow:hidden}.pagehero:after{content:"";position:absolute;right:-60px;top:-60px;width:240px;height:240px;border-radius:50%;background:rgba(255,170,0,.16)}
.pagehero h1{font-size:clamp(30px,4.6vw,48px);font-weight:900;margin:8px 0 10px;color:#fff}.pagehero p{max-width:640px;opacity:.88;font-size:17px;margin:0 0 18px}
.policy{display:grid;grid-template-columns:250px 1fr;gap:40px;padding-bottom:60px}.pnav{position:sticky;top:130px;align-self:start;display:grid;gap:2px}.pnav>b{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:8px}
.pnav>a{padding:10px 14px;border-radius:10px;text-decoration:none;color:var(--ink);font-weight:600;font-size:14.5px}.pnav>a:hover{background:var(--alt)}.pnav>a.on{background:var(--navy);color:#fff}
.phelp{display:flex;gap:10px;margin-top:18px;padding:14px;border-radius:12px;background:#e8f6ee;color:#0d5c2b;font-size:13.5px}.phelp div{display:grid}.phelp a{color:#0d5c2b;font-weight:700}
.ptext{max-width:780px}.ptext h1{margin-top:0}.ptext h2{font-size:19px;margin-top:28px}.ptext li{margin-bottom:6px}
.pcards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0 6px}.pcards div{display:grid;gap:4px;padding:16px;border:1px solid var(--line);border-radius:14px;background:var(--alt)}.pcards .ic{color:var(--navy);margin-bottom:4px}.pcards span{font-size:13.5px;color:var(--muted)}
.about2{display:grid;grid-template-columns:1.1fr 1fr;gap:40px;align-items:center;padding:44px 0}.about2 .prose{padding:0}.aimg{border-radius:18px;overflow:hidden}.aimg img,.aimg .slot{width:100%;border-radius:18px}
.vals{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding:30px 0}.vals div{padding:22px;border:1px solid var(--line);border-radius:16px;transition:.2s}.vals div:hover{border-color:var(--amber);transform:translateY(-3px)}.vals .ic{color:var(--navy);margin-bottom:10px}.vals b{display:block;font-size:17px;margin-bottom:6px}.vals p{margin:0;color:var(--muted);font-size:14.5px}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding:10px 0 30px}.stats div{text-align:center;padding:22px;background:var(--alt);border-radius:16px}.stats b{display:block;font-size:34px;font-weight:900;color:var(--navy)}.stats span{color:var(--muted)}
.aboutcta{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;margin:10px 0 60px;padding:30px;border-radius:20px;background:var(--navy);color:#fff}.aboutcta h2{color:#fff;margin:0 0 4px}.aboutcta p{margin:0;opacity:.85}
.ccards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:-26px 0 30px;position:relative;z-index:2}.ccard{display:grid;gap:3px;padding:20px;background:#fff;border:1px solid var(--line);border-radius:16px;text-decoration:none;color:var(--ink);box-shadow:0 10px 30px rgba(11,16,32,.08);transition:.2s}.ccard:hover{transform:translateY(-3px);border-color:var(--navy)}.ccard .ic{color:var(--navy);margin-bottom:6px}.ccard span{font-size:14px}.ccard em{font-style:normal;font-size:12.5px;color:var(--muted)}.ccard.wa{background:var(--wa);color:#fff;border-color:var(--wa)}.ccard.wa .ic,.ccard.wa em{color:#fff}
.sup{align-items:start;padding:20px 0}.cklist{display:grid;grid-template-columns:1fr 1fr;gap:2px 12px}.fld select{width:100%;padding:11px 12px;border:1.5px solid var(--line);border-radius:var(--r);font:15px Inter;background:#fff}
@media(max-width:900px){.policy{grid-template-columns:1fr}.pnav{position:static;display:flex;flex-wrap:wrap;gap:6px}.pnav>b,.phelp{width:100%}.pnav>a{border:1px solid var(--line)}.pcards,.vals,.ccards{grid-template-columns:1fr 1fr}.about2{grid-template-columns:1fr}.stats{grid-template-columns:1fr 1fr}.fg{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.pcards,.cklist{grid-template-columns:1fr}.vals,.ccards{grid-template-columns:1fr}}
.fld .cklist label.ck{display:flex;font-weight:500;font-size:14px;margin:0;padding:5px 0}
.fld label .opt{border:0;padding:0;background:none;font:400 13px Inter;color:var(--muted);cursor:default}

.sch-crest{background:#fff}.sch-crest img{object-fit:contain!important}.crest-sm{background:#fff;object-fit:contain!important;box-shadow:0 0 0 1px var(--line)}
.schgrid{grid-template-columns:repeat(4,1fr)}
.reqlist{display:flex;gap:20px;align-items:flex-start;margin:30px 0;padding:26px;border:2px dashed var(--line);border-radius:18px;background:var(--alt)}.reqlist .nic{width:60px;height:60px;border-radius:16px;background:var(--navy);color:var(--amber);display:grid;place-items:center;flex:none}.reqlist h2{margin:0 0 6px}.reqlist p{color:var(--muted);max-width:640px}
@media(max-width:900px){.schgrid{grid-template-columns:1fr 1fr}.reqlist{flex-direction:column}}

/* hero with wide photo background */
.salehero.hasbg{background:#0e1a45}.salehero.hasbg .sh-img{position:absolute;inset:0;z-index:0}.salehero.hasbg .sh-img img{width:100%;height:100%;object-fit:cover;object-position:right center}
.salehero.hasbg .sh-img:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(14,26,69,.92) 0%,rgba(14,26,69,.75) 35%,rgba(14,26,69,0) 60%)}
.salehero.hasbg .sh-bg .big{opacity:.35}.salehero.hasbg .wrap{grid-template-columns:1fr;min-height:520px;padding-top:56px;padding-bottom:60px}.salehero.hasbg .sh-l{max-width:620px}
@media(max-width:900px){.salehero.hasbg .sh-img{position:relative;height:220px;order:2}.salehero.hasbg .sh-img:after{background:linear-gradient(180deg,rgba(14,26,69,1) 0%,rgba(14,26,69,0) 40%)}.salehero.hasbg{display:flex;flex-direction:column-reverse}.salehero.hasbg .wrap{min-height:0;padding-bottom:20px}}
.salehero.hasbg .wrap{min-height:0;padding-top:46px;padding-bottom:50px}.salehero.hasbg h1{font-size:clamp(32px,4vw,52px)}.salehero.hasbg .sh-l{max-width:540px}.salehero.hasbg p{font-size:16.5px}
.salehero.hasbg .sh-img:after{background:linear-gradient(90deg,rgba(14,26,69,.97) 0%,rgba(14,26,69,.9) 34%,rgba(14,26,69,.35) 50%,rgba(14,26,69,0) 62%)}
@media(min-width:1500px){.salehero.hasbg .sh-img img{object-position:center center}}
.salehero.hasbg .o2,.salehero.hasbg .o3{display:none}
/* checkout alignment fixes */
.fld input[type=radio],.fld input[type=checkbox],.radios input{width:auto!important;flex:none;margin:3px 0 0}
.radios label{display:flex;align-items:flex-start;gap:12px;text-align:left;font-size:15px}.radios label>div{flex:1;line-height:1.35}.radios span{margin-top:3px}
.radios label:has(input:disabled){cursor:default}
.sum>.ship{display:block;padding:12px 14px}.ship.co .shipt{font-size:14px;align-items:flex-start}.ship.co .shipt span{line-height:1.35}
.cohd{font-size:16px;margin:4px 0 4px}
.sum>.coitem{display:grid;grid-template-columns:52px 1fr auto;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line)}
.coimg{position:relative;width:52px;height:52px;border-radius:10px;background:#fff;border:1px solid var(--line)}.coimg img{width:100%;height:100%;object-fit:contain;border-radius:10px;padding:3px}
.coimg i{position:absolute;top:-7px;right:-7px;min-width:20px;height:20px;padding:0 5px;border-radius:10px;background:var(--navy);color:#fff;font:700 11.5px/20px Inter;text-align:center;font-style:normal}
.cot{font-size:14px;font-weight:600;line-height:1.3;min-width:0}.cot small{display:block;font-weight:500;font-size:12.5px;color:var(--muted);margin-top:2px}.cot .cosale{color:var(--sale);font-weight:700}
.sum>.coitem b,.sum>div b{white-space:nowrap}
.sum>.cocode{display:flex;gap:8px;padding:12px 0}.cocode input{flex:1;min-width:0;padding:11px 12px;border:1.5px solid var(--line);border-radius:var(--r);font:15px Inter;background:#fff;text-transform:uppercase}.cocode input::placeholder{text-transform:none}.cocode .btn{flex:none;padding:10px 18px}
.sum hr{display:none}
.sum>.saved{color:var(--ok)}
.two{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr)}.two>*{min-width:0}
@media(max-width:900px){.two{grid-template-columns:minmax(0,1fr)}.box{padding:16px}.radios{grid-template-columns:1fr}}

/* class lists + sets */
.lkind{display:flex;align-items:center;gap:8px;font-size:16px;margin:22px 0 10px}.lkind .ic{color:var(--navy)}.lkind small{color:var(--muted);font-weight:500}
.noimg{width:56px;height:56px;border-radius:8px;background:var(--alt);display:grid;place-items:center;color:var(--muted)}.lnm{font-weight:600;font-size:14.5px}
.setbox{display:grid;grid-template-columns:auto 1fr auto auto;gap:16px;align-items:center;padding:16px 18px;margin:6px 0 10px;border-radius:16px;background:var(--navy);color:#fff;text-decoration:none;transition:.2s}.setbox:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(11,16,32,.2)}
.setbox .nic{width:52px;height:52px;border-radius:14px;background:rgba(255,255,255,.12);display:grid;place-items:center;color:var(--amber)}.setbox div{display:grid}.setbox div span{font-size:13.5px;opacity:.85}.setbox em{font-style:normal;font-size:20px;font-weight:800;display:grid;text-align:right}.setbox em s{font-size:13px;font-weight:500;opacity:.7}
.askline{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:14px;padding:12px 16px;border-radius:12px;background:#e8f6ee;color:#0d5c2b;font-size:14px}.askline a{font-weight:700;color:#0d5c2b}
.setlist{margin-top:22px;border:1px solid var(--line);border-radius:14px;padding:16px 18px}.setlist h2{display:flex;align-items:center;gap:8px;font-size:17px;margin:0 0 10px}.setlist h2 small{color:var(--muted);font-weight:500}
.setrow{display:flex;justify-content:space-between;gap:12px;padding:7px 0;border-bottom:1px dashed var(--line);font-size:14px}.setrow s{color:var(--muted);font-size:12.5px}.setrow.tot{border:0;font-size:16px;font-weight:700;padding-top:12px}
@media(max-width:560px){.setbox{grid-template-columns:auto 1fr;}.setbox em{text-align:left}.setbox .btn{grid-column:1/-1}}
.setrow>span:last-child{white-space:nowrap}
.askphoto{position:absolute;left:10px;right:10px;top:calc(50% - 40px);z-index:2;display:flex;justify-content:center;align-items:center;gap:6px;margin:0 auto;width:max-content;max-width:calc(100% - 20px);padding:7px 12px;border-radius:999px;background:var(--wa);color:#fff;font:600 12.5px Inter;text-decoration:none;box-shadow:0 4px 12px rgba(0,0,0,.15)}.askphoto:hover{background:#178a48}
.card{position:relative}.photoask{margin-top:12px}
.opt.dim{opacity:.45;border-style:dashed}
.pwel{display:flex;gap:8px;align-items:flex-start;margin:4px 0 12px;padding:10px 12px;border-radius:12px;background:#fff4e6;color:#7a3e00;font-size:14px;line-height:1.35}.pwel svg{flex:none;color:#e8590c;margin-top:1px}
.welbar{position:fixed;left:50%;bottom:16px;transform:translateX(-50%);z-index:90;display:flex;align-items:center;gap:8px;max-width:calc(100% - 100px);padding:10px 16px;border-radius:999px;background:#111827;color:#fff;font-size:13.5px;box-shadow:0 10px 30px rgba(0,0,0,.25);animation:fadein .4s}.welbar svg{color:#fbbf24;flex:none}.welbar code{background:#fbbf24;color:#111;padding:2px 8px;border-radius:6px;font-weight:700;font-size:12px}
@media(max-width:640px){.welbar{left:12px;right:76px;transform:none;max-width:none;border-radius:14px;font-size:12.5px}.welbar code{display:none}}