/* Layout: a marketplace. Catalog button and search lead the header, shelves of products fill the home page,
   checkbox facets sit in a left rail, and the enquiry list takes the place of a cart.
   Colour comes from anodised wheelchair frames. */
:root{
  --bg:#EEF2F1; --surface:#FFFFFF; --ink:#10241F; --muted:#4A5F59; --line:#C9D4D0;
  --accent:#A8124A; --accent-ink:#FFFFFF; --link:#0B5F58; --tint:#E4ECEA; --ok:#0B6B3A; --bad:#A3200F;
  --band:#0E6B63; --band-ink:#FFFFFF; --photo:#FFFFFF;
  --display:"Bricolage Grotesque","Trebuchet MS",Verdana,sans-serif;
  --body:"Atkinson Hyperlegible",Verdana,"Segoe UI",sans-serif;
  --mono:"Atkinson Hyperlegible Mono",ui-monospace,Menlo,Consolas,monospace;
  --r:12px; --gap:16px;
}
@media (prefers-color-scheme: dark){ :root:not([data-theme="light"]){
  --bg:#0E1513; --surface:#17211E; --ink:#E9F0ED; --muted:#A6B8B2; --line:#34443F;
  --band:#0B4F49; --band-ink:#F2FBF9; --accent:#FF86AE; --accent-ink:#2A0513; --link:#6FD8CA; --tint:#1F2C28; --ok:#6FD99B; --bad:#FF9C8C; color-scheme:dark } }
:root[data-theme="dark"]{
  --bg:#0E1513; --surface:#17211E; --ink:#E9F0ED; --muted:#A6B8B2; --line:#34443F;
  --band:#0B4F49; --band-ink:#F2FBF9; --accent:#FF86AE; --accent-ink:#2A0513; --link:#6FD8CA; --tint:#1F2C28; --ok:#6FD99B; --bad:#FF9C8C; color-scheme:dark }

*{box-sizing:border-box}
body{background:var(--bg);color:var(--ink);font-family:var(--body);font-size:16px;line-height:1.45}
a{color:var(--link);text-underline-offset:3px}
h1,h2,h3{font-family:var(--display);line-height:1.15;text-wrap:balance;margin:0}
h1{font-size:clamp(1.5rem,3.6vw,2.1rem);font-weight:700}
h2{font-size:1.3rem;font-weight:700}
h3{font-size:1rem;font-weight:700;font-family:var(--body);line-height:1.3}
p{margin:0}
:focus-visible{outline:3px solid var(--accent);outline-offset:2px;border-radius:4px}
.wrap{max-width:1320px;margin-inline:auto;padding-inline:16px}
.skip{position:absolute;left:-999px}
.skip:focus{left:16px;top:8px;background:var(--surface);padding:10px 14px;z-index:40}
.mono{font-family:var(--mono);font-size:.8rem;letter-spacing:.02em}
.label{font-size:.74rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:700}
.muted{color:var(--muted)}
.stack{display:flex;flex-direction:column;gap:var(--gap)}
.row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.between{justify-content:space-between}

.btn{font:inherit;font-weight:700;min-height:44px;padding:8px 16px;border-radius:var(--r);border:2px solid var(--ink);background:transparent;color:var(--ink);cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px}
.btn:hover{background:var(--tint)}
.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}
.btn.primary:hover{filter:brightness(1.08)}
.btn.quiet{border-color:var(--line)}
.btn.small{min-height:40px;padding:6px 12px;font-size:.9rem}
.btn.wide{width:100%}
.btn[aria-pressed="true"]:not(.primary){background:var(--ink);color:var(--bg);border-color:var(--ink)}
.linkbtn{font:inherit;background:none;border:0;padding:0;color:var(--link);text-decoration:underline;text-underline-offset:3px;cursor:pointer;min-height:24px;text-align:left}

/* header */
.topbar{background:var(--surface);font-size:.88rem;padding-block:6px;border-bottom:1px solid var(--line)}
.toplinks{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:2px 4px}
.toplinks a{display:inline-flex;align-items:center;min-height:32px;padding:0 10px;color:var(--ink);text-decoration:none}
.toplinks a:hover{text-decoration:underline}
header.site{background:var(--band);color:var(--band-ink)}
@media (min-width:900px){ header.site{position:sticky;top:env(safe-area-inset-top,0px);z-index:20} }
.head{display:flex;flex-wrap:wrap;gap:10px 22px;align-items:flex-start;padding-block:14px 10px}
.brand{font-family:var(--display);font-weight:700;font-size:1.45rem;color:var(--band-ink);text-decoration:none;display:inline-flex;align-items:center;gap:8px;min-height:48px}
.searchcol{flex:1 1 320px;min-width:0;display:flex;flex-direction:column;gap:6px}
.searchbox{position:relative}
.searchbox form{display:flex;gap:0}
.searchbox input{flex:1;min-width:0;min-height:48px;border-radius:99px 0 0 99px;border:2px solid var(--surface);border-right:0;padding-inline:20px}
.sbtn{border-radius:0 99px 99px 0;min-height:48px;background:var(--ink);border-color:var(--ink);color:var(--bg);padding-inline:18px}
.sbtn:hover{background:var(--ink);filter:brightness(1.25)}
.hotbrands{list-style:none;margin:0;padding:0 8px;display:flex;flex-wrap:wrap;gap:0 4px;font-size:.86rem}
.hotbrands button,.hotbrands a{font:inherit;background:none;border:0;color:var(--band-ink);min-height:28px;padding:2px 8px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;border-radius:6px}
.hotbrands button:hover,.hotbrands a:hover{text-decoration:underline}
.hotbrands a{text-decoration:underline}
#sugg{position:absolute;left:0;right:0;top:calc(100% + 4px);background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:var(--r);box-shadow:0 10px 30px color-mix(in oklab,var(--ink) 18%,transparent);z-index:30;padding:8px;max-height:70vh;overflow:auto}
#sugg ul{list-style:none;margin:0;padding:0}
#sugg a{display:flex;gap:10px;align-items:baseline;justify-content:space-between;padding:9px 10px;border-radius:8px;color:var(--ink);text-decoration:none;min-height:40px}
#sugg a:hover,#sugg a:focus{background:var(--tint)}
.tools{display:flex;gap:4px;flex-wrap:wrap}
.tool{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;min-width:64px;min-height:48px;padding:4px 8px;border-radius:10px;color:var(--band-ink);text-decoration:none;font-size:.8rem;font-weight:700}
.tool:hover{background:color-mix(in oklab,var(--band-ink) 14%,transparent)}
.tool .n{font-family:var(--mono);font-size:.78rem;background:var(--surface);color:var(--ink);border-radius:99px;min-width:22px;padding:0 6px;text-align:center}
.tool .n.zero{background:color-mix(in oklab,var(--band-ink) 18%,transparent);color:var(--band-ink)}
header.site :focus-visible{outline-color:var(--band-ink)}
nav.strip{background:var(--surface);border-bottom:1px solid var(--line);font-size:.97rem;position:relative}
nav.strip ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:2px}
nav.strip a,.navbtn{font:inherit;font-weight:700;display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 12px;color:var(--ink);text-decoration:none;border:0;border-bottom:3px solid transparent;background:none;cursor:pointer}
nav.strip a:hover,.navbtn:hover{background:var(--tint)}
nav.strip a[aria-current="page"],.navbtn[aria-expanded="true"]{border-bottom-color:var(--accent)}
#mega{position:absolute;left:0;right:0;top:100%;z-index:25;background:var(--surface);border-bottom:1px solid var(--line);box-shadow:0 14px 30px color-mix(in oklab,var(--ink) 14%,transparent);max-height:70vh;overflow:auto}
#mega .cols{columns:4 230px;column-gap:28px;padding-block:18px}
#mega section{break-inside:avoid;margin-bottom:16px}
#mega h3 a{color:var(--ink);font-family:var(--display);font-size:1.02rem;border:0;min-height:0;padding:0;display:inline}
#mega ul{display:block;margin:4px 0 0}
#mega li a{display:block;padding:4px 0;min-height:0;font-weight:400;border:0;font-size:.93rem}
#mega li a:hover,#mega h3 a:hover{background:none;text-decoration:underline}

input,select,textarea{font:inherit;color:var(--ink);background:var(--surface);border:2px solid var(--muted);border-radius:8px;min-height:44px;padding:8px 10px;max-width:100%}
textarea{min-height:110px;width:100%;resize:vertical}
.field{display:flex;flex-direction:column;gap:4px;min-width:0}
.field label{font-weight:700}
.field input,.field select{width:100%}
.hint{font-size:.88rem;color:var(--muted)}
.err{color:var(--bad);font-weight:700;font-size:.92rem}
.errbox{border:2px solid var(--bad);border-radius:var(--r);padding:14px 16px;background:var(--surface)}
.errbox ul{margin:6px 0 0;padding-left:20px}
.check{display:flex;gap:10px;align-items:flex-start}
.check input{min-height:0;width:22px;height:22px;flex:none;margin:1px 0 0;accent-color:var(--accent)}

main{padding-block:20px 56px}
.banner{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:22px;display:grid;gap:14px}
.banner p{max-width:70ch;font-size:1.05rem}
.rail{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));list-style:none;margin:0;padding:0}
.tile{display:flex;flex-direction:column;gap:4px;height:100%;padding:12px 14px;border-radius:var(--r);text-decoration:none;color:var(--ink);background:color-mix(in oklab,hsl(var(--h) 75% 45%) 14%,var(--surface));border:1px solid var(--line)}
.tile:hover{border-color:var(--ink)}
.tile strong{font-family:var(--display);font-size:1rem;line-height:1.2}
.tile .n{margin-top:auto;font-family:var(--mono);font-size:.8rem;color:var(--muted)}
.shelf{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:16px;min-width:0}
.shelfrow{display:flex;gap:12px;overflow-x:auto;list-style:none;margin:12px 0 0;padding:4px 2px 10px;scroll-snap-type:x proximity}
.shelfrow>li{flex:0 0 232px;scroll-snap-align:start;min-width:0}
.steps{list-style:none;margin:0;padding:0;display:grid;gap:var(--gap);grid-template-columns:repeat(auto-fit,minmax(230px,1fr));counter-reset:s}
.steps li{counter-increment:s;border-top:3px solid var(--ink);padding-top:10px}
.steps li::before{content:counter(s);font-family:var(--display);font-weight:700;font-size:1.5rem;display:block}

.quick{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0}
.quick a{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:6px 14px;border-radius:99px;background:var(--surface);border:1px solid var(--line);color:var(--ink);text-decoration:none;font-weight:700;font-size:.93rem}
.quick a:hover{border-color:var(--ink)}
.quick .d{width:12px;height:12px;border-radius:50%;background:hsl(var(--h) 70% 45%);flex:none}
.statline{background:var(--tint);border-radius:var(--r);padding:10px 16px;font-weight:700}
.tabs{display:flex;flex-wrap:wrap;gap:4px;border-bottom:2px solid var(--line)}
.tab{font:inherit;font-weight:700;min-height:44px;padding:8px 16px;background:none;border:0;border-bottom:3px solid transparent;margin-bottom:-2px;color:var(--muted);cursor:pointer}
.tab:hover{color:var(--ink)}
.tab[aria-selected="true"]{color:var(--ink);border-bottom-color:var(--accent)}
.brands{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));list-style:none;margin:0;padding:0}
.brandtile{font:inherit;width:100%;height:100%;min-height:72px;display:flex;flex-direction:column;gap:2px;align-items:flex-start;justify-content:center;padding:10px 14px;border-radius:var(--r);background:var(--surface);border:1px solid var(--line);color:var(--ink);cursor:pointer;text-align:left}
.brandtile:hover{border-color:var(--ink)}
.brandtile b{font-family:var(--display);font-size:1rem;line-height:1.2}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:0 28px;margin:0}
.stats div{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid var(--line)}
.stats dt{color:var(--muted)}
.stats dd{margin:0;font-weight:700;font-variant-numeric:tabular-nums}
.meta{font-size:.82rem;color:var(--muted)}
.lead{text-align:center;display:grid;gap:8px;padding-block:14px 4px}
.lead p{color:var(--muted);font-size:1.08rem}
.big{display:grid;gap:14px;grid-template-columns:repeat(5,minmax(0,1fr));list-style:none;margin:0;padding:0}
@media (max-width:980px){ .big{grid-template-columns:repeat(3,minmax(0,1fr))} }
@media (max-width:560px){ .big{grid-template-columns:repeat(2,minmax(0,1fr))} }
.bigtile{font:inherit;width:100%;height:100%;min-height:124px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:16px 10px;border-radius:16px;background:var(--tint);border:1px solid transparent;color:var(--ink);text-decoration:none;font-weight:700;text-align:center;cursor:pointer}
.bigtile:hover{border-color:var(--ink)}
.bigtile svg{width:52px;height:52px;fill:none;stroke:var(--accent);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.bigtile svg .f{fill:color-mix(in oklab,var(--accent) 18%,transparent)}
.finder{background:var(--tint);border-radius:16px;padding:20px}
.finder form{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));align-items:end;margin-top:12px}
.fcols{display:grid;gap:28px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
.fcols section:first-child{grid-column:span 1}
@media (min-width:900px){ .fcols{grid-template-columns:1.5fr 1fr 1fr 1fr} }
footer h2{font-size:1.05rem;margin-bottom:10px}
footer .fcols ul{display:block}
footer .fcols li a,footer .fcols li button{display:inline-flex;min-height:32px;align-items:center;color:var(--ink);text-decoration:none;font:inherit;background:none;border:0;padding:0;cursor:pointer;text-align:left}
footer .fcols li a:hover,footer .fcols li button:hover{text-decoration:underline}
/* catalog */
.cat{display:grid;gap:20px;grid-template-columns:minmax(0,1fr)}
@media (min-width:900px){ .cat{grid-template-columns:280px minmax(0,1fr)} }
.facets{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:6px 14px;align-self:start}
.facets>summary{font-weight:700;min-height:44px;display:flex;align-items:center;cursor:pointer}
@media (min-width:900px){ .facets>summary{display:none} }
fieldset{border:0;border-top:1px solid var(--line);margin:0;padding:12px 0;min-width:0}
fieldset:first-of-type{border-top:0}
legend{font-weight:700;padding:0;margin-bottom:6px;float:left;width:100%}
fieldset .opts{clear:both}
.opts{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}
.opts label{display:flex;gap:10px;align-items:flex-start;min-height:32px;padding:4px 0;cursor:pointer}
.opts input{min-height:0;width:20px;height:20px;flex:none;margin:1px 0 0;accent-color:var(--accent)}
.opts .c{margin-left:auto;font-family:var(--mono);font-size:.78rem;color:var(--muted);padding-left:8px}
.toolbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between}
.chips{display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin:0;padding:0}
.chipbtn{font:inherit;font-size:.86rem;min-height:32px;padding:2px 10px;border-radius:99px;border:1px solid var(--muted);background:var(--surface);color:var(--ink);cursor:pointer}
.chipbtn:hover{background:var(--tint)}
.grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(228px,1fr));list-style:none;margin:0;padding:0}
.grid.list{grid-template-columns:minmax(0,1fr)}
.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:12px;display:flex;flex-direction:column;gap:6px;height:100%;min-width:0;position:relative}
.card:hover{border-color:var(--muted)}
.pic{aspect-ratio:4/3;max-width:100%;border-radius:8px;display:grid;place-items:center;text-align:center;background:color-mix(in oklab,hsl(var(--h) 75% 45%) 14%,var(--surface));color:var(--ink);text-decoration:none;font-family:var(--display);font-weight:700;font-size:1.9rem;letter-spacing:.02em}
.pic{position:relative;overflow:hidden}
.pic img,.photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:var(--photo);padding:6px;opacity:0}
.pic img.ok,.photo img.ok{opacity:1}
.photo{position:relative;overflow:hidden}
.heart{z-index:2;position:absolute;top:18px;right:18px;width:40px;height:40px;border-radius:50%;border:1px solid var(--line);background:var(--surface);color:var(--ink);cursor:pointer;display:grid;place-items:center;padding:0}
.heart svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2}
.heart[aria-pressed="true"]{color:var(--accent)}
.heart[aria-pressed="true"] svg{fill:currentColor}
.card h3 a{color:var(--ink);text-decoration:none}
.card h3 a:hover{text-decoration:underline}
.price{font-weight:700;font-size:1.02rem;overflow-wrap:anywhere}
.clamp2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.tag{display:inline-block;font-size:.74rem;font-weight:700;padding:1px 8px;border-radius:99px;border:1px solid var(--muted)}
.card .body{display:flex;flex-direction:column;gap:6px;min-width:0}
.card .foot{margin-top:auto;display:flex;flex-direction:column;gap:6px;padding-top:6px}
.grid.list .card{flex-direction:row;flex-wrap:wrap;gap:14px;align-items:flex-start}
.grid.list .pic{flex:0 0 150px;font-size:1.4rem}
.grid.list .body{flex:1 1 260px}
.grid.list .foot{flex:0 0 200px;margin-top:0}

/* product */
.crumbs{font-size:.9rem;display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin:0;padding:0}
.crumbs li+li::before{content:"/";margin-right:6px;color:var(--muted)}
.prod{display:grid;gap:20px;grid-template-columns:minmax(0,1fr)}
@media (min-width:900px){ .prod{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr) 320px;align-items:start} .buybox{position:sticky;top:calc(env(safe-area-inset-top,0px) + 130px)} }
.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:16px}
.photo{aspect-ratio:1/1;max-width:100%;border-radius:var(--r);display:grid;place-items:center;text-align:center;padding:12px;background:color-mix(in oklab,hsl(var(--h) 75% 45%) 14%,var(--surface));border:1px dashed var(--muted)}
.photo b{font-family:var(--display);font-size:clamp(1.4rem,4vw,2.2rem)}
.bullets{margin:0;padding-left:20px}
table{border-collapse:collapse;width:100%}
th,td{text-align:left;vertical-align:top;padding:9px 10px;border-bottom:1px solid var(--line)}
.specs th{width:34%;color:var(--muted);font-weight:400}
.specs ul{margin:0;padding-left:18px}
.scroll{overflow-x:auto}
.note{border-left:4px solid var(--link);padding:8px 14px;background:var(--tint);border-radius:0 8px 8px 0}
.prose{max-width:68ch}
.prose ul{margin:0;padding-left:22px}
.list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.list li{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:12px 14px}
.cols3{columns:4 200px;column-gap:28px;list-style:none;margin:0;padding:0}
.cols3 li{break-inside:avoid;padding:3px 0}
pre{font-family:var(--mono);font-size:.85rem;white-space:pre-wrap;overflow-wrap:anywhere;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:14px;margin:0}
footer{border-top:1px solid var(--line);background:var(--surface);padding-block:22px;font-size:.93rem}
footer ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px 18px}
footer a{display:inline-flex;min-height:32px;align-items:center}
@media (prefers-reduced-motion:no-preference){ .btn,.tile,.card{transition:background .15s,border-color .15s} }

/* layout pass, 5 Oct 2026 */
.grid.arts{grid-template-columns:repeat(3,minmax(0,1fr))}
.grid.arts .card{padding:16px}
@media (max-width:900px){.grid.arts{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){
 .grid.arts{grid-template-columns:minmax(0,1fr)}
 .topbar .toplinks{display:none}
 .topbar{font-size:.8rem;padding-block:4px}
 .head{gap:8px 8px;padding-block:10px 8px;align-items:center}
 .head .brand{flex:1 1 110px;min-width:0;font-size:1.05rem;gap:6px;min-height:44px;white-space:nowrap}
 .head .brand svg{width:24px;height:24px}
 .head .tools{order:2;flex-wrap:nowrap;gap:0;margin-left:auto}
 .head .searchcol{order:3;flex:1 1 100%}
 .tool{min-width:0;min-height:44px;padding:2px 5px;font-size:.7rem}
 .searchbox input{min-height:44px;padding-inline:14px}
 .hotbrands{flex-wrap:nowrap;overflow-x:auto;white-space:nowrap;scrollbar-width:none;padding:0}
 .hotbrands::-webkit-scrollbar{display:none}
 nav.strip>.wrap{flex-wrap:nowrap}
 nav.strip ul{flex-wrap:nowrap;overflow-x:auto;white-space:nowrap;flex:1;min-width:0;scrollbar-width:none}
 nav.strip ul::-webkit-scrollbar{display:none}
 nav.strip a,.navbtn{padding:0 10px;font-size:.92rem}
 .grid:not(.list):not(.arts){grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 .grid:not(.list):not(.arts) .card{padding:8px;gap:4px}
 .grid:not(.list):not(.arts) .card h3{font-size:.95rem}
 .grid:not(.list):not(.arts) .card .price{font-size:.9rem}
 .grid:not(.list):not(.arts) .card .btn{padding-inline:6px;font-size:.84rem}
 .grid:not(.list):not(.arts) .card .clamp2{display:none}
}
@media (min-width:641px) and (max-width:980px){
 .big{grid-template-columns:repeat(5,minmax(0,1fr))}
 .head .searchcol{flex-basis:220px}
 .hotbrands{flex-wrap:nowrap;overflow-x:auto;white-space:nowrap;scrollbar-width:none;padding:0}
 .hotbrands::-webkit-scrollbar{display:none}
 .head .tools{flex-wrap:nowrap}
 .tool{min-width:0;padding:4px 6px}
 nav.strip>.wrap{flex-wrap:nowrap}
 nav.strip ul{flex-wrap:nowrap;overflow-x:auto;white-space:nowrap;flex:1;min-width:0;scrollbar-width:none}
 nav.strip ul::-webkit-scrollbar{display:none}
 nav.strip a,.navbtn{padding:0 9px;font-size:.93rem}
}
.avail{font-size:.74rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:var(--muted);margin:0}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
fieldset.smart{border:1px solid var(--line);border-radius:var(--r);padding:12px 14px;display:flex;flex-direction:column;gap:12px;margin:0}
fieldset.smart legend{font-weight:700;padding:0 6px}
.opts input{width:24px;height:24px}
.crumbs a,.plainlist a{display:inline-block;min-height:24px;padding-block:2px}

/* static pages */
body{margin:0}img{max-width:100%}[hidden]{display:none!important}
.navdrop{position:relative}.navdrop summary{list-style:none}.navdrop summary::-webkit-details-marker{display:none}
.droplist{position:absolute;left:0;top:100%;z-index:25;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);box-shadow:0 14px 30px color-mix(in oklab,var(--ink) 14%,transparent);padding:8px;min-width:300px;display:block!important}
.droplist a{display:flex!important;justify-content:space-between;gap:12px;font-weight:400!important;width:100%}
.hotbrands a.plain{text-decoration:none}.hotbrands a.plain:hover{text-decoration:underline}
.listing{display:grid;gap:22px;grid-template-columns:minmax(0,1fr)}
@media (min-width:980px){.listing{grid-template-columns:270px minmax(0,1fr);align-items:start}}
@media (max-width:979px){.listing>aside{order:2}}
.plainlist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px;font-size:.93rem}
.plainlist li{display:flex;justify-content:space-between;gap:10px}
.prod h2,.panel h2{font-size:1.15rem}
.facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px;margin:0}
.facts div{background:var(--tint);border-radius:10px;padding:10px 12px}
.facts dt{font-size:.74rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-weight:700}
.facts dd{margin:2px 0 0;font-weight:700;overflow-wrap:anywhere}
.jump{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px 14px;font-size:.93rem}
.jump a{display:inline-flex;min-height:28px;align-items:center}
[id]{scroll-margin-top:140px}
.plainlist a,.crumbs a,.label a,.cols3 a,.sources a,.toc a{display:inline-block;min-height:24px;padding-block:2px}
.opts input{width:24px;height:24px}
.aboutnav li{display:block}.aboutnav a{display:block;padding:6px 8px;border-radius:8px;text-decoration:none;color:var(--ink)}.aboutnav a:hover{background:var(--tint)}.aboutnav a[aria-current]{background:var(--tint);font-weight:700}
.avail{font-size:.74rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:var(--muted);margin:0}
.availnote{font-size:.9rem;margin:0}
.article{max-width:820px;margin-inline:auto;width:100%}.article h1{font-size:clamp(1.7rem,4vw,2.4rem);line-height:1.15}
.artbody{max-width:none;display:flex;flex-direction:column;gap:26px;font-size:1.06rem;line-height:1.65}
.artbody section{display:flex;flex-direction:column;gap:12px}.artbody h2{font-size:1.45rem;margin:0}.artbody h3{font-size:1.12rem;margin:6px 0 0}
.artbody p{margin:0}.artbody ul,.artbody ol{margin:0;padding-left:24px;display:flex;flex-direction:column;gap:6px}
.keypoints{border-left:5px solid var(--band)}
.toc{margin:0;padding-left:22px;display:flex;flex-direction:column;gap:4px}
.specs.art th{text-align:left;background:var(--tint)}.specs.art td,.specs.art th{padding:8px 10px;vertical-align:top}
.sources{margin:0;padding-left:22px;display:flex;flex-direction:column;gap:4px;font-size:.95rem;overflow-wrap:anywhere}
.label a{color:inherit}
.cta-bar{display:none}
@media (max-width:899px){.cta-bar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:15;gap:12px;align-items:center;justify-content:space-between;background:var(--surface);border-top:1px solid var(--line);padding:10px 16px calc(10px + env(safe-area-inset-bottom,0px))}.cta-bar .price{font-size:.95rem;min-width:0}body[data-pid] footer{padding-bottom:90px}}