:root{--ink:#262A31;--ink2:#3D434C;--mute:#5C6470;--line:#E6E9ED;--soft:#F4F6F7;--soft2:#EEF2F3;--acc:#0E7C72;--acc2:#0B675F;--ok:#047857;--warn:#b45309;--sale:#be123c;--r:14px;--wrap:1320px;
--font:-apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Roboto,"Helvetica Neue",Arial,sans-serif}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font-family:var(--font);color:var(--ink);background:#fff;font-size:15px;line-height:1.45;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}img,svg{display:block;max-width:100%}
.skip{position:absolute;left:-999px}.skip:focus{left:8px;top:8px;background:#fff;padding:8px 12px;z-index:99;border-radius:8px}
:focus-visible{outline:3px solid #7DC9BF;outline-offset:2px;border-radius:6px}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 20px}
svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.topbar{background:var(--ink);color:#C9CFD7;font-size:12.5px}.topbar .wrap{display:flex;gap:24px;justify-content:center;padding-top:7px;padding-bottom:7px}.topbar a{color:#fff;text-decoration:underline;text-underline-offset:2px}
.site-header{position:sticky;top:0;z-index:40;background:rgba(255,255,255,.97);backdrop-filter:saturate(1.4) blur(8px);border-bottom:1px solid var(--line)}
.hrow{display:flex;align-items:center;gap:18px;height:74px}
.logo{display:flex;align-items:center;gap:10px;flex-shrink:0}.mark{width:38px;height:38px;border-radius:11px;background:linear-gradient(145deg,#30353D,#262A31);color:#E6E9ED;display:grid;place-items:center;font-weight:800;font-size:20px;box-shadow:inset 0 1px 0 rgba(255,255,255,.15)}
.wm{display:flex;flex-direction:column;line-height:1}.wm b{font-size:21px;letter-spacing:-.02em;background:linear-gradient(90deg,#262A31,#5C6470);-webkit-background-clip:text;background-clip:text;color:transparent}.wm small{font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--mute);margin-top:3px;font-weight:600}
.logo.light .wm b{background:linear-gradient(90deg,#fff,#C9CFD7);-webkit-background-clip:text;background-clip:text}.logo.light .wm small{color:#A2AAB5}
.search{position:relative;flex:1;display:flex;align-items:center;max-width:720px}
.search input{width:100%;height:48px;border:1.5px solid #D5DADF;border-radius:12px;padding:0 112px 0 44px;background:var(--soft);font-size:15.5px;transition:.15s}
.search input:focus{outline:none;border-color:var(--acc);background:#fff;box-shadow:0 0 0 4px rgba(14,124,114,.12)}
.search input::-webkit-search-cancel-button{-webkit-appearance:none}
.sicon{position:absolute;left:14px;width:20px;height:20px;color:var(--mute);pointer-events:none}
.sbtn{position:absolute;right:5px;height:38px;padding:0 18px;border:0;border-radius:9px;background:var(--ink);color:#fff;font-weight:650;cursor:pointer}.sbtn:hover{background:#30353D}
.hicons{display:flex;align-items:center;gap:6px;margin-left:auto}
.hlink{display:flex;align-items:center;gap:7px;padding:8px 10px;border-radius:10px;font-size:13.5px;font-weight:600;color:var(--ink2);position:relative;white-space:nowrap}.hlink:hover{background:var(--soft)}.hlink svg{width:22px;height:22px}
.badge{position:absolute;top:1px;left:24px;background:var(--acc);color:#fff;font-size:11px;min-width:18px;height:18px;border-radius:9px;display:grid;place-items:center;padding:0 5px}
.iconbtn{border:0;background:none;width:42px;height:42px;display:grid;place-items:center;border-radius:10px;cursor:pointer}.iconbtn svg{width:24px;height:24px}.iconbtn:hover{background:var(--soft)}
.menu-btn{display:none}
.catnav{border-top:1px solid #F1F4F5}.catnav .wrap{display:flex;gap:2px;overflow-x:auto;scrollbar-width:none}.catnav .wrap::-webkit-scrollbar{display:none}
.catnav a{padding:11px 12px;font-size:14px;font-weight:600;color:var(--ink2);white-space:nowrap;border-bottom:2px solid transparent}.catnav a:hover,.catnav a.on{color:var(--ink);border-bottom-color:var(--ink)}
.catnav a.all{display:flex;gap:7px;align-items:center}.catnav a.all svg{width:16px;height:16px}
.mega{position:absolute;left:0;right:0;top:100%;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 24px 40px -20px rgba(20,24,30,.25)}
.mega .wrap{display:grid;grid-template-columns:1fr 1fr 1fr 300px;gap:28px;padding-top:26px;padding-bottom:30px}
.mega h3{margin:0 0 12px;font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:var(--mute)}
.mega a.sub{display:flex;justify-content:space-between;padding:7px 0;font-size:15px;color:var(--ink);border-bottom:1px solid #f3f4f6}.mega a.sub:hover{color:var(--acc)}.mega a.sub span{color:var(--mute);font-size:12.5px}
.mega .promo{background:var(--soft);border-radius:var(--r);padding:18px;display:flex;flex-direction:column;gap:8px}.mega .promo .art{background:#fff;border-radius:12px;aspect-ratio:1.6;overflow:hidden;display:grid;place-items:center}.mega .promo .art svg{height:100%}
.mega .brands{display:flex;flex-wrap:wrap;gap:6px}.chip{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border:1px solid var(--line);border-radius:999px;font-size:13.5px;font-weight:550;background:#fff;cursor:pointer;white-space:nowrap}.chip:hover{border-color:#A2AAB5}.chip.on{background:var(--ink);color:#fff;border-color:var(--ink)}
/* suggest */
.suggest{position:absolute;top:56px;left:0;right:0;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 24px 50px -12px rgba(20,24,30,.28);overflow:hidden;z-index:60;max-height:min(70vh,620px);overflow-y:auto}
.sg-sec{padding:8px 0;border-bottom:1px solid #F1F4F5}.sg-sec:last-child{border:0}.sg-h{font-size:11.5px;text-transform:uppercase;letter-spacing:.08em;color:var(--mute);padding:6px 16px;font-weight:700}
.sg-row{display:flex;align-items:center;gap:12px;padding:8px 16px;cursor:pointer}.sg-row:hover,.sg-row.act{background:var(--soft)}
.sg-row .th{width:48px;height:48px;border:1px solid #ECEFF1;border-radius:8px;overflow:hidden;flex-shrink:0;background:#fff}.sg-row .t{flex:1;min-width:0}.sg-row .t b{display:block;font-weight:600;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sg-row .t small{color:var(--mute);font-size:12.5px}.sg-row .pr{font-weight:700;font-size:14px}
.sg-row mark{background:#fef08a;color:inherit;border-radius:2px}
.sg-exact{background:#E8F4F2}.sg-exact .tag{font-size:11px;font-weight:700;color:var(--acc);background:#D2EAE6;border-radius:6px;padding:2px 6px;margin-right:6px}
.sg-terms{display:flex;flex-wrap:wrap;gap:6px;padding:4px 16px 8px}
.sg-foot{display:block;padding:12px 16px;font-weight:650;color:var(--acc);font-size:14px}
/* drawer */
.drawer{position:fixed;inset:0;background:rgba(20,24,30,.45);z-index:80}.drawer-panel{position:absolute;left:0;top:0;bottom:0;width:min(88vw,380px);background:#fff;overflow-y:auto;padding:12px 0 40px}
.drawer-head{display:flex;justify-content:space-between;align-items:center;padding:4px 16px 12px;border-bottom:1px solid var(--line)}
.dcat{border-bottom:1px solid #F1F4F5}.dcat summary{list-style:none;display:flex;justify-content:space-between;padding:15px 18px;font-weight:650;font-size:16px;cursor:pointer}.dcat summary::-webkit-details-marker{display:none}.dcat summary:after{content:"+";color:var(--mute);font-size:20px;line-height:1}.dcat[open] summary:after{content:"–"}
.dcat a{display:block;padding:10px 30px;font-size:15px;color:var(--ink2)}.dlinks a{display:block;padding:14px 18px;font-weight:600;border-bottom:1px solid #F1F4F5}
/* home */
.hero{background:radial-gradient(1200px 400px at 85% -10%,#D2EAE6 0,transparent 60%),linear-gradient(180deg,#F7F9FA,#fff);border-bottom:1px solid #F1F4F5}
.hero .wrap{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center;padding-top:56px;padding-bottom:56px}
.eyebrow{font-size:12.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--acc)}
.hero h1{font-size:clamp(34px,4.6vw,58px);line-height:1.02;letter-spacing:-.035em;margin:12px 0 16px;font-weight:800}
.hero p.lead{font-size:18px;color:var(--ink2);max-width:540px;margin:0 0 24px}
.quick{display:flex;flex-wrap:wrap;gap:8px}.quick .chip{padding:9px 14px}
.hero-art{display:grid;grid-template-columns:1fr 1fr;gap:14px}.hero-art .tile{background:#fff;border:1px solid #ECEFF1;border-radius:18px;aspect-ratio:1;overflow:hidden;box-shadow:0 10px 30px -18px rgba(20,24,30,.3);position:relative}.hero-art .tile:nth-child(2){transform:translateY(24px)}.hero-art .tile:nth-child(3){transform:translateY(-10px)}.hero-art .tile span{position:absolute;left:12px;bottom:10px;font-size:12px;font-weight:700;background:rgba(255,255,255,.9);padding:4px 8px;border-radius:7px}
.sec{padding:44px 0}.sec-h{display:flex;justify-content:space-between;align-items:end;margin-bottom:18px;gap:16px}.sec-h h2{font-size:26px;letter-spacing:-.02em;margin:0}.sec-h a{font-weight:650;color:var(--acc);font-size:14.5px;white-space:nowrap}
.cats{display:grid;grid-template-columns:repeat(9,1fr);gap:12px}.cat{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 6px 14px;border-radius:16px;background:var(--soft);text-align:center;font-weight:650;font-size:13.5px;transition:.15s}.cat:hover{background:var(--soft2);transform:translateY(-2px)}.cat .ci{width:100%;aspect-ratio:1;background:#fff;border-radius:12px;overflow:hidden}
.promo-row{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:16px}.pcard{border-radius:20px;padding:26px;min-height:200px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}
.pcard h3{font-size:24px;letter-spacing:-.02em;margin:6px 0 8px;line-height:1.1}.pcard p{margin:0 0 14px;color:inherit;opacity:.85}.pcard .btn{align-self:flex-start}
.pcard.dark{background:linear-gradient(135deg,#262A31,#0B675F);color:#fff}.pcard.light{background:#fff7ed}.pcard.mint{background:#ecfdf5}
.pcard .pa{position:absolute;right:-20px;bottom:-30px;width:190px;opacity:.95}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:46px;padding:0 20px;border-radius:11px;border:1.5px solid var(--ink);background:var(--ink);color:#fff;font-weight:700;cursor:pointer;font-size:15px;transition:.15s;white-space:nowrap}.btn:hover{background:#30353D}
.btn.ghost{background:#fff;color:var(--ink);border-color:#d1d5db}.btn.ghost:hover{border-color:var(--ink)}.btn.white{background:#fff;color:var(--ink);border-color:#fff}.btn.acc{background:var(--acc);border-color:var(--acc)}.btn.acc:hover{background:var(--acc2)}.btn.block{width:100%}.btn.sm{height:38px;padding:0 14px;font-size:14px;border-radius:9px}
.brands-strip{display:flex;flex-wrap:wrap;gap:10px 34px;justify-content:center;align-items:center;padding:8px 0;color:#A2AAB5;font-weight:800;font-size:20px;letter-spacing:-.01em}.brands-strip a:hover{color:var(--ink)}
.vp{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.vp div{padding:18px;border:1px solid var(--line);border-radius:16px}.vp b{display:block;margin:8px 0 2px}.vp p{margin:0;color:var(--mute);font-size:14px}.vp svg{width:26px;height:26px;color:var(--acc)}
/* grid & cards */
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:18px}
.card{display:flex;flex-direction:column;border:1px solid #ECEFF1;border-radius:16px;overflow:hidden;background:#fff;transition:.15s;position:relative}.card:hover{box-shadow:0 14px 34px -18px rgba(20,24,30,.35);border-color:#E6E9ED}
.card .img{aspect-ratio:1;background:#fff;border-bottom:1px solid #f3f4f6;display:block;padding:6px}.card .body{padding:12px 14px 14px;display:flex;flex-direction:column;gap:5px;flex:1}
.card .brand{font-size:12px;font-weight:700;color:var(--mute);text-transform:uppercase;letter-spacing:.05em}.card .name{font-size:14.5px;font-weight:550;line-height:1.35;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;min-height:58px}
.card .meta{font-size:12px;color:var(--mute)}.stars{color:#f59e0b;font-size:12.5px;letter-spacing:1px}.stars small{color:var(--mute);letter-spacing:0;margin-left:4px}
.price{font-size:20px;font-weight:800;letter-spacing:-.02em}.price small{font-size:12.5px;font-weight:500;color:var(--mute);margin-left:3px;letter-spacing:0}.was{font-size:13px;color:var(--mute);text-decoration:line-through;margin-left:6px;font-weight:500}
.prow{display:flex;align-items:baseline;flex-wrap:wrap;margin-top:auto;padding-top:4px}
.stock{font-size:12.5px;font-weight:650;color:var(--ok)}.stock.out{color:var(--warn)}
.card .add{margin-top:8px}.tagx{position:absolute;top:10px;left:10px;font-size:11px;font-weight:800;padding:4px 8px;border-radius:7px;background:#fff1f2;color:var(--sale);z-index:2}.tagx.val{background:#ecfdf5;color:var(--ok)}
.hscroll{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(220px,1fr);gap:18px;overflow-x:auto;padding-bottom:6px;scroll-snap-type:x mandatory}.hscroll .card{scroll-snap-align:start}
/* listing */
.crumbs{font-size:13px;color:var(--mute);padding:18px 0 4px;display:flex;flex-wrap:wrap;gap:6px}.crumbs a:hover{color:var(--ink)}
.ptitle{font-size:32px;letter-spacing:-.025em;margin:4px 0 6px}.psub{color:var(--mute);margin:0 0 16px}
.subchips{display:flex;gap:8px;overflow-x:auto;padding:4px 0 16px;scrollbar-width:none}
.listing{display:grid;grid-template-columns:260px 1fr;gap:30px;padding-bottom:50px}
.filters{position:sticky;top:140px;align-self:start;max-height:calc(100vh - 160px);overflow-y:auto;padding-right:6px}
.fgroup{border-bottom:1px solid var(--line);padding:14px 0}.fgroup h4{margin:0 0 10px;font-size:14px;display:flex;justify-content:space-between}
.fopt{display:flex;align-items:center;gap:10px;padding:5px 0;font-size:14px;cursor:pointer}.fopt input{width:18px;height:18px;accent-color:var(--ink)}.fopt span{flex:1}.fopt small{color:var(--mute)}
.swatches{display:flex;flex-wrap:wrap;gap:8px}.sw{width:30px;height:30px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px #d1d5db;cursor:pointer}.sw.on{box-shadow:0 0 0 2px var(--ink)}
.toolbar{display:flex;align-items:center;gap:10px;margin-bottom:16px;flex-wrap:wrap}.toolbar .count{color:var(--mute);font-size:14px;margin-right:auto}
select.sel{height:40px;border:1px solid #d1d5db;border-radius:10px;padding:0 12px;background:#fff;font-weight:550}
.fbtn{display:none}.active-f{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.active-f .chip{background:var(--soft)}
.dym{background:#fffbeb;border:1px solid #fde68a;border-radius:12px;padding:10px 14px;margin-bottom:14px;font-size:14px}
.empty{text-align:center;padding:60px 20px;color:var(--mute)}.empty h3{color:var(--ink)}
.more{display:flex;justify-content:center;margin-top:24px}
/* product */
.pd{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;padding:10px 0 40px}
.gal{display:grid;grid-template-columns:84px 1fr;gap:14px;position:sticky;top:140px;align-self:start}.thumbs{display:flex;flex-direction:column;gap:10px}.thumbs button{border:1.5px solid var(--line);border-radius:12px;padding:3px;background:#fff;cursor:pointer;aspect-ratio:1}.thumbs button.on{border-color:var(--ink)}
.mainimg{border:1px solid #ECEFF1;border-radius:20px;overflow:hidden;aspect-ratio:1;background:#fff;padding:20px}
.pinfo .brand{font-weight:700;color:var(--acc);font-size:14px}.pinfo h1{font-size:28px;line-height:1.2;letter-spacing:-.02em;margin:6px 0 10px}
.ids{display:flex;flex-wrap:wrap;gap:6px 18px;font-size:13px;color:var(--mute);margin-bottom:12px}.ids b{color:var(--ink2);font-weight:600}
.buybox{border:1px solid var(--line);border-radius:18px;padding:20px;margin:18px 0;display:flex;flex-direction:column;gap:14px}
.buybox .price{font-size:32px}.qty{display:flex;align-items:center;border:1.5px solid #d1d5db;border-radius:11px;height:46px}.qty button{width:44px;height:100%;border:0;background:none;font-size:20px;cursor:pointer}.qty input{width:48px;text-align:center;border:0;height:100%;font-weight:700}
.buyrow{display:flex;gap:10px}.buyrow .btn{flex:1}
.perks{display:grid;gap:8px;font-size:14px;color:var(--ink2)}.perks div{display:flex;gap:10px;align-items:center}.perks svg{width:20px;height:20px;color:var(--ok);flex-shrink:0}
.tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);margin-top:10px;overflow-x:auto}.tabs button{border:0;background:none;padding:12px 14px;font-weight:650;color:var(--mute);border-bottom:2px solid transparent;cursor:pointer;white-space:nowrap}.tabs button.on{color:var(--ink);border-bottom-color:var(--ink)}
.tabp{padding:16px 0}.tabp ul{padding-left:18px;margin:8px 0}.tabp li{margin:5px 0}
table.spec{width:100%;border-collapse:collapse;font-size:14px}table.spec th,table.spec td{text-align:left;padding:10px 12px;border-bottom:1px solid #F1F4F5;vertical-align:top}table.spec th{width:42%;color:var(--mute);font-weight:550;background:#fafafa}
.compat{display:flex;flex-wrap:wrap;gap:6px}
/* cart */
.cartg{display:grid;grid-template-columns:1fr 360px;gap:30px;padding:10px 0 50px}.cline{display:grid;grid-template-columns:96px 1fr auto;gap:16px;padding:16px 0;border-bottom:1px solid var(--line);align-items:center}.cline .img{border:1px solid #ECEFF1;border-radius:12px;overflow:hidden}
.cline .nm{font-weight:600;font-size:14.5px}.cline .sm{font-size:12.5px;color:var(--mute)}.cline .ctl{display:flex;gap:12px;align-items:center;margin-top:8px}.link{border:0;background:none;color:var(--acc);font-weight:600;cursor:pointer;padding:0;font-size:13.5px}
.summary{border:1px solid var(--line);border-radius:18px;padding:20px;align-self:start;position:sticky;top:140px}.summary .r{display:flex;justify-content:space-between;padding:6px 0;font-size:14.5px}.summary .t{font-size:18px;font-weight:800;border-top:1px solid var(--line);margin-top:8px;padding-top:12px}
.note{font-size:13px;color:var(--mute);background:var(--soft);border-radius:10px;padding:10px 12px}
.form{display:grid;gap:12px}.form .two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form label{display:grid;gap:5px;font-size:13px;font-weight:600;color:var(--ink2)}.form input,.form select,.form textarea{height:46px;border:1.5px solid #d1d5db;border-radius:10px;padding:0 12px;font-size:15px;background:#fff}.form textarea{height:110px;padding:10px 12px}
.panel{border:1px solid var(--line);border-radius:18px;padding:22px;margin-bottom:16px}.panel h3{margin:0 0 14px;font-size:18px}
.steps{display:flex;gap:8px;margin:6px 0 20px;font-size:13px;font-weight:650;color:var(--mute)}.steps span.on{color:var(--ink)}
.ok-hero{text-align:center;padding:50px 20px}.ok-hero .ck{width:68px;height:68px;border-radius:50%;background:#ecfdf5;color:var(--ok);display:grid;place-items:center;margin:0 auto 14px}.ok-hero .ck svg{width:36px;height:36px}
.acct{display:grid;grid-template-columns:240px 1fr;gap:28px;padding:10px 0 50px}.acct nav a{display:block;padding:11px 14px;border-radius:10px;font-weight:600;color:var(--ink2)}.acct nav a.on,.acct nav a:hover{background:var(--soft);color:var(--ink)}
table.orders{width:100%;border-collapse:collapse;font-size:14px}table.orders td,table.orders th{padding:12px 8px;border-bottom:1px solid #F1F4F5;text-align:left}
.finder{display:grid;grid-template-columns:1fr 1fr auto;gap:12px;align-items:end;background:var(--soft);border-radius:18px;padding:20px}
.site-footer{background:#0b1220;color:#A2AAB5;margin-top:30px;font-size:14px}.fgrid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:30px;padding-top:44px;padding-bottom:30px}.site-footer h4{color:#fff;margin:4px 0 12px;font-size:14px}.site-footer a{display:block;padding:4px 0}.site-footer a:hover{color:#fff}.site-footer p{max-width:340px}
.fnote{border-top:1px solid #30353D;padding-top:18px;padding-bottom:26px;font-size:12.5px}.demo-note{color:#5C6470}
.toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%) translateY(120px);background:var(--ink);color:#fff;padding:12px 18px;border-radius:12px;font-weight:600;font-size:14px;transition:.25s;z-index:90;display:flex;gap:12px;align-items:center;max-width:92vw}.toast.show{transform:translateX(-50%) translateY(0)}.toast a{color:#7DC9BF}
.fsheet{position:fixed;inset:0;background:rgba(20,24,30,.45);z-index:85;display:flex;align-items:flex-end}.fsheet .in{background:#fff;width:100%;max-height:86vh;overflow-y:auto;border-radius:20px 20px 0 0;padding:16px 18px 90px}.fsheet .bar{position:fixed;left:0;right:0;bottom:0;padding:12px 18px;background:#fff;border-top:1px solid var(--line);display:flex;gap:10px}
@media (max-width:1180px){.cats{grid-template-columns:repeat(5,1fr)}.hide-md{display:none}.mega .wrap{grid-template-columns:1fr 1fr 260px}.mega .wrap>div:nth-child(3){display:none}}
@media (max-width:900px){
 .hrow{flex-wrap:wrap;height:auto;padding-top:10px;padding-bottom:10px;gap:8px 10px}.menu-btn{display:grid;margin-left:-8px}.search{order:5;flex-basis:100%;max-width:none}.search input{height:46px}.hide-sm{display:none}.hlink{padding:8px}
 .catnav{display:none}.mega{display:none!important}
 .hero .wrap{grid-template-columns:1fr;padding-top:28px;padding-bottom:32px;gap:24px}.hero-art{grid-template-columns:repeat(4,1fr);gap:8px}.hero-art .tile{transform:none!important;border-radius:12px}.hero-art .tile span{display:none}.hero p.lead{font-size:16px}
 .cats{grid-template-columns:repeat(3,1fr);gap:10px}.promo-row{grid-template-columns:1fr}.vp{grid-template-columns:1fr 1fr}
 .listing{grid-template-columns:1fr}.filters{display:none}.fbtn{display:inline-flex}
 .grid{grid-template-columns:repeat(2,1fr);gap:10px}.card .body{padding:10px 10px 12px}.card .name{font-size:13.5px;min-height:54px}.price{font-size:18px}.card .add .btn{height:40px;font-size:14px}
 .hscroll{grid-auto-columns:46%;gap:10px}
 .pd{grid-template-columns:1fr;gap:18px}.gal{grid-template-columns:1fr;position:static}.thumbs{flex-direction:row;order:2}.thumbs button{width:64px}.mainimg{padding:10px;border-radius:16px}.pinfo h1{font-size:22px}
 .cartg,.acct{grid-template-columns:1fr}.summary{position:static}.fgrid{grid-template-columns:1fr 1fr}.ptitle{font-size:26px}.sec{padding:30px 0}.sec-h h2{font-size:21px}.finder{grid-template-columns:1fr}
 .topbar .wrap{font-size:12px}.form .two{grid-template-columns:1fr}.suggest{top:52px;left:-6px;right:-6px;max-height:68vh;border-radius:14px}.sg-row .t b{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13.5px}.sg-row .th{width:52px;height:52px}
 .buyrow{flex-direction:column}
}

svg.art{stroke:none;width:100%;height:100%}

.card .img img,.sg-row .th img,.cat .ci img,.hero-art .tile img,.mega .promo .art img,.cline .img img,.thumbs button img,.mainimg img{width:100%;height:100%;object-fit:contain;display:block}
.mega .promo .art img{object-fit:contain}
.mainimg{padding:0}.zoomv{width:100%;height:100%;overflow:hidden}.zoomv img{transform:scale(1.9);transform-origin:50% 45%}
.thumbs button{overflow:hidden}.imgnote{grid-column:1/-1;margin:2px 0 0;font-size:12px;color:var(--mute);text-align:center}
.cat .ci{padding:4px}
@media (max-width:900px){.imgnote{grid-column:auto;order:3}}

/* ===== v3 additions ===== */
.skel{background:linear-gradient(90deg,#F1F4F5 25%,#E6EBED 37%,#F1F4F5 63%);background-size:400% 100%;animation:sk 1.3s ease infinite}
@keyframes sk{0%{background-position:100% 50%}100%{background-position:0 50%}}
.card.skel{background:#fff;animation:none}.card.skel .img{aspect-ratio:1;border-radius:10px}.card.skel .img,.card.skel i{display:block;background:linear-gradient(90deg,#F1F4F5 25%,#E6EBED 37%,#F1F4F5 63%);background-size:400% 100%;animation:sk 1.3s ease infinite}
.card.skel i{height:12px;border-radius:6px;margin:10px 0}.card.skel i.s{width:40%}
.hero-art .tile.skel{display:block;aspect-ratio:1;border-radius:16px}
.noimg{display:flex;align-items:center;justify-content:center;width:100%;height:100%;aspect-ratio:1;background:var(--soft);color:var(--mute);font-weight:700;font-size:13px;border-radius:10px;text-align:center;padding:8px}
.fcount{background:var(--acc);color:#fff;border-radius:99px;font-size:11px;padding:1px 6px;margin-left:4px}
.fsearch{width:100%;height:36px;border:1px solid var(--line);border-radius:9px;padding:0 10px;margin:2px 0 8px;font:inherit;font-size:14px}
.prange{display:flex;align-items:center;gap:6px}.prange input{width:72px;height:36px;border:1px solid var(--line);border-radius:9px;padding:0 8px;font:inherit;font-size:14px}.prange span{color:var(--mute)}
.fsh-h{display:flex;justify-content:space-between;align-items:center}.fsh-h h3{margin:6px 0}
body.noscroll{overflow:hidden}
.dym.exact{background:#E8F4F2;border-color:#A8D8D0}.dym.exact a{font-weight:700;color:var(--acc)}
.allcats{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px;padding:10px 0 50px}.allcats h3 small{color:var(--mute);font-weight:500}
.allcats .sub{display:flex;justify-content:space-between;padding:7px 0;border-bottom:1px solid #f3f4f6}.allcats .sub span{color:var(--mute);font-size:13px}
.pinfo .ids{margin-top:10px}.pline{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.save{color:var(--sale);font-weight:700;font-size:14px}
.packline{color:var(--mute);font-size:14px;margin-top:2px}
.buyrow.two{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.buybar{position:fixed;left:0;right:0;bottom:0;z-index:40;display:none;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:rgba(255,255,255,.96);backdrop-filter:saturate(1.4) blur(10px);border-top:1px solid var(--line);box-shadow:0 -6px 20px rgba(20,24,30,.06);transform:translateY(110%);transition:transform .2s ease}
.buybar b{font-size:19px}.buybar small{color:var(--mute);margin-left:3px;font-size:13px}.buybar .btn{min-width:150px}
.buybar.cartbar small{display:block;margin:0}
@media (max-width:860px){.buybar{display:flex}.buybar.show{transform:none}main{padding-bottom:76px}}
.freebar{position:relative;background:var(--soft);border-radius:12px;padding:12px 14px 16px;margin-bottom:12px;font-size:14px;overflow:hidden}.freebar i{position:absolute;left:0;bottom:0;height:4px;background:var(--acc);border-radius:0 4px 4px 0}
.freebar.ok{color:var(--ok)}.freebar.ok i{background:var(--ok)}.freebar svg{width:16px;height:16px;vertical-align:-3px;stroke:currentColor;fill:none;stroke-width:2.4}
.ptitle .cnt{font-size:16px;color:var(--mute);font-weight:500}
.cline .lt{white-space:nowrap}.cline .qty{height:38px}.cline .qty input{width:46px;text-align:center}
.summary h3{margin:0 0 12px}.summary .note,.form .note{display:flex;gap:8px;align-items:flex-start;font-size:13px;color:var(--mute);margin-top:12px;line-height:1.45}
.note svg{width:16px;height:16px;flex:0 0 16px;stroke:currentColor;fill:none;stroke-width:2;margin-top:1px}
.form .three{display:grid;grid-template-columns:1fr 1.3fr .8fr;gap:12px;margin-top:12px}.form .two+.two{margin-top:12px}.form label i{color:var(--mute);font-style:normal;font-weight:400}
.form .panel>label{margin-top:12px}.form .panel>label:first-of-type{margin-top:0}
.stp{display:inline-flex;width:26px;height:26px;border-radius:50%;background:var(--ink);color:#fff;align-items:center;justify-content:center;font-size:13px;margin-right:10px;vertical-align:1px}
.payopts{display:grid;gap:8px;margin-bottom:12px}.popt{display:flex;gap:10px;align-items:center;border:1.5px solid var(--line);border-radius:12px;padding:12px 14px;cursor:pointer;font-weight:600;font-size:14px}.popt:has(input:checked){border-color:var(--acc);background:#F3F8F7}
.fopt.keep{margin:4px 2px 14px}
.err{background:#fff1f2;border:1px solid #fecdd3;color:#9f1239;border-radius:10px;padding:10px 12px;font-size:14px;margin:0 0 12px}
.hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;opacity:0}
.btn.big{height:54px;font-size:16px}
.slines{max-height:340px;overflow:auto;margin:0 -4px 10px;padding:0 4px}
.sl{display:grid;grid-template-columns:52px 1fr auto;gap:10px;align-items:center;padding:8px 0;border-bottom:1px solid #F1F4F5;font-size:13px}
.sl .th{position:relative;width:52px;height:52px;border-radius:10px;background:var(--soft);overflow:hidden;display:block}.sl .th img,.sl .th svg{width:100%;height:100%;object-fit:contain}
.sl .th b{position:absolute;top:2px;right:2px;background:var(--ink);color:#fff;border-radius:99px;font-size:11px;min-width:18px;height:18px;display:flex;align-items:center;justify-content:center;padding:0 5px}
.sl .n{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.acct-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px}.acct-cards a{background:var(--soft);border-radius:12px;padding:14px;display:flex;flex-direction:column}.acct-cards b{font-size:24px}.acct-cards span{color:var(--mute);font-size:13px}
.cline.rl{grid-template-columns:72px 1fr auto}
.finder .lb{font-size:13px;font-weight:600}.finder .sel{height:46px}
.buildnote{background:#fef3c7;color:#78350f;font-size:13px;text-align:center;padding:6px 10px}.buildnote a{text-decoration:underline}
.ok-hero .ck svg{stroke:currentColor;fill:none}
@media (max-width:600px){.form .three{grid-template-columns:1fr 1fr}.form .three label:first-child{grid-column:1/-1}.buyrow.two .btn{font-size:13px}.acct-cards{grid-template-columns:repeat(3,1fr)}.acct-cards b{font-size:20px}}

.toast svg{width:18px;height:18px;stroke:#86efac;fill:none;stroke-width:2.6;flex:0 0 18px}
.form input[type=radio],.form input[type=checkbox]{height:18px;width:18px;padding:0;accent-color:var(--acc);flex:0 0 18px}
.fopt.keep{display:flex;gap:10px;align-items:center;font-weight:500;font-size:14px}
.cartg>*,.cline>div{min-width:0}
@media (max-width:600px){.cline{grid-template-columns:72px 1fr auto;gap:12px}.cline .nm{font-size:14px}.cline .lt{align-self:start;font-size:14px}.ptitle{font-size:26px}}
.toast:not(.show){visibility:hidden;opacity:0}
@media (max-width:860px){.toast{bottom:calc(86px + env(safe-area-inset-bottom))}}

/* ===== v4 category system: departments > categories > sub-categories ===== */
.dic{width:40px;height:40px;border-radius:12px;background:var(--tb,#E8F4F2);color:var(--tf,#0E7C72);display:inline-grid;place-items:center;flex-shrink:0}
.dic svg{width:22px;height:22px;stroke-width:1.7}
.dic.sm{width:30px;height:30px;border-radius:9px}.dic.sm svg{width:17px;height:17px}
.dic.xs{width:20px;height:20px;border-radius:6px}.dic.xs svg{width:13px;height:13px;stroke-width:2}
.dic.lg{width:48px;height:48px;border-radius:14px;vertical-align:middle;margin-right:12px}.dic.lg svg{width:26px;height:26px}
.catnav .wrap{align-items:center}
.catnav .alld{display:flex;align-items:center;gap:8px;margin-right:8px;padding:8px 14px;border:0;border-radius:10px;background:var(--ink);color:#fff;font-weight:650;font-size:14px;cursor:pointer;white-space:nowrap}
.catnav .alld svg{width:17px;height:17px}.catnav .alld:hover,.catnav .alld[aria-expanded="true"]{background:#30353D}
.catnav a{padding:11px 9px;font-size:13.5px}
.mega{max-height:calc(100vh - 150px);overflow-y:auto}
.mega .wrap.mwrap{display:grid;grid-template-columns:270px 1fr 250px;gap:0;padding-top:0;padding-bottom:0}
.mrail{border-right:1px solid var(--line);padding:12px 10px 16px 0;display:flex;flex-direction:column}
.mrail a{display:flex;align-items:center;gap:10px;padding:6px 10px;border-radius:10px;font-size:14px;font-weight:600;color:var(--ink2)}
.mrail a .ml{flex:1}.mrail a .chev{width:15px;height:15px;color:#C9CFD7}
.mrail a:hover,.mrail a.on{background:var(--soft);color:var(--ink)}.mrail a.on .chev{color:var(--ink)}
.mpanel{padding:20px 28px 26px}
.mhead{display:flex;align-items:center;gap:14px;margin-bottom:14px}.mhead h3{margin:0;font-size:20px;letter-spacing:-.01em;text-transform:none;color:var(--ink)}
.mall{font-size:13.5px;color:var(--acc);font-weight:650}
.mcols{columns:3 200px;column-gap:28px}
.mcol{break-inside:avoid;margin-bottom:18px}
.mcat{display:flex;justify-content:space-between;gap:8px;font-weight:700;font-size:14.5px;padding:4px 0 6px;border-bottom:1px solid var(--line);margin-bottom:4px}.mcat span{color:var(--mute);font-weight:500;font-size:12.5px}
.msub{display:flex;justify-content:space-between;gap:8px;padding:5px 0;font-size:14px;color:var(--ink2)}.msub span{color:#A2AAB5;font-size:12px}
.mcat:hover,.msub:hover{color:var(--acc)}
.mega .mwrap .promo{margin:18px 0 18px 18px;align-self:start}
/* phone drawer: department tiles then drill-down */
.dsec{padding:14px 16px 6px}.dsec h3{margin:0 0 12px;font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:var(--mute)}
.dtiles{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.dtile{display:flex;align-items:center;gap:10px;padding:10px;border:1px solid var(--line);border-radius:14px;background:#fff;text-align:left;font-weight:650;font-size:14px;cursor:pointer;min-height:58px}
.dtile .dic{width:36px;height:36px}
.dback{display:flex;align-items:center;gap:6px;border:0;background:none;padding:14px 16px 6px;font-weight:650;color:var(--acc);cursor:pointer;font-size:15px}.dback svg{width:18px;height:18px}
.ddept{display:flex;align-items:center;gap:12px;padding:8px 16px 14px;border-bottom:1px solid var(--line)}.ddept h3{margin:0;font-size:19px}.ddept a{font-size:14px;color:var(--acc);font-weight:600}
.dgrp{padding:10px 0 6px;border-bottom:1px solid #F1F4F5}
.dgh{display:flex;justify-content:space-between;padding:8px 18px;font-weight:700;font-size:15.5px}
.dsub{display:flex;justify-content:space-between;padding:10px 18px 10px 30px;font-size:15px;color:var(--ink2)}
.dgh span,.dsub span{color:var(--mute);font-weight:500;font-size:13px}
/* home: departments */
.depts{display:grid;grid-template-columns:repeat(7,1fr);gap:12px}
.dept{display:flex;flex-direction:column;gap:8px;padding:16px 14px;border:1px solid var(--line);border-radius:16px;background:#fff;transition:.15s;min-height:132px}
.dept:hover{border-color:#A2AAB5;box-shadow:0 10px 24px -14px rgba(20,24,30,.35);transform:translateY(-1px)}
.dept b{font-size:14.5px;line-height:1.25}.dept small{color:var(--mute);font-size:12px;line-height:1.35}
.cats{grid-template-columns:repeat(8,1fr)}
/* breadcrumbs */
.crumbs{align-items:center}.crumbs span[aria-hidden]{color:#C9CFD7}.crumbs [aria-current]{color:var(--ink2);font-weight:550}
/* landing page */
.ptitle{display:flex;align-items:center;flex-wrap:wrap;gap:4px 10px}.ptitle .dic.lg{margin-right:4px}
.ptitle .cnt{font-size:15px;color:var(--mute);font-weight:500;letter-spacing:0}
.landing{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px;margin:14px 0 8px}
.lcard{border:1px solid var(--line);border-radius:16px;padding:14px 16px 12px;background:#fff}
.lh{display:flex;justify-content:space-between;align-items:baseline;gap:8px;padding-bottom:8px;border-bottom:1px solid var(--line);margin-bottom:6px}.lh b{font-size:16px}.lh small{color:var(--mute)}
.lcard ul{list-style:none;margin:0;padding:0}.lcard li a{display:flex;justify-content:space-between;padding:5px 0;font-size:14.5px;color:var(--ink2)}.lcard li a span{color:#A2AAB5;font-size:12.5px}
.lcard a:hover{color:var(--acc)}.lmore{display:inline-block;margin-top:6px;font-size:13.5px;font-weight:650;color:var(--acc)}
.lsec{font-size:20px;margin:22px 0 4px}
.subchips a.chip small,.subchips .chip small{opacity:.65;font-weight:500}
.alsoin{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:2px 0 14px;font-size:13.5px}.alsoin>span{color:var(--mute);font-weight:600}
.alsoin .chip{padding:5px 10px 5px 6px;font-size:13px}.alsoin.p{margin:6px 0 10px}
/* left filters: category navigation */
.fnav .flink{display:flex;justify-content:space-between;gap:8px;width:100%;padding:6px 8px;margin:0 -8px;border:0;background:none;border-radius:8px;font-size:14px;color:var(--ink2);text-align:left;cursor:pointer;box-sizing:content-box}
.fnav .flink small{color:#A2AAB5}.fnav .flink:hover{background:var(--soft);color:var(--ink)}.fnav .flink.on{font-weight:700;color:var(--ink);background:var(--soft2)}
.fnav .fup{display:block;font-size:13px;color:var(--acc);font-weight:600;margin:-4px 0 6px}
/* all categories directory */
.allcats{display:block;columns:3 320px;column-gap:18px}
.allcats .dpanel{break-inside:avoid;display:inline-block;width:100%;margin:0 0 18px}
.dpanel h2{display:flex;align-items:center;justify-content:space-between;margin:0 0 10px;font-size:18px}.dpanel h2 a{display:flex;align-items:center;gap:10px}.dpanel h2 small{color:var(--mute);font-weight:500;font-size:13px}
.agrp{padding:8px 0;border-top:1px solid #F1F4F5}.agh{font-weight:700;font-size:14.5px}.agh small{color:var(--mute);font-weight:500}
.asubs{display:flex;flex-wrap:wrap;gap:2px 14px;margin-top:4px}.asubs a{font-size:13.5px;color:var(--ink2)}.asubs a:hover,.agh:hover{color:var(--acc)}
@media (max-width:1180px){.depts{grid-template-columns:repeat(5,1fr)}.mega .wrap.mwrap{grid-template-columns:250px 1fr}.mega .mwrap .promo{display:none}.cats{grid-template-columns:repeat(4,1fr)}}
@media (max-width:900px){.depts{grid-template-columns:repeat(2,1fr);gap:8px}.dept{flex-direction:row;align-items:center;min-height:0;padding:10px 12px;gap:10px}.dept small{display:none}.dept b{font-size:14px}
 .cats{grid-template-columns:repeat(4,1fr);gap:8px}.cat{font-size:12px}.landing{grid-template-columns:1fr 1fr;gap:10px}.lcard{padding:12px}.lcard li:nth-child(n+5){display:none}.lh b{font-size:15px}
 .dic.lg{width:40px;height:40px}.ptitle .cnt{font-size:14px;flex-basis:100%}}
@media (max-width:520px){.landing{grid-template-columns:1fr}.lcard li:nth-child(n+4){display:none}}

/* ===== v4 store info: logo, top bar, contact / shipping / about ===== */
.logoimg{height:46px;width:auto;display:block}.drawer-head .logoimg{height:36px}.site-footer .logoimg{height:40px;margin-bottom:6px}
.topbar .wrap{align-items:center;flex-wrap:wrap}.topbar .tbl{display:inline-flex;align-items:center;gap:6px;color:#fff;text-decoration:none;font-weight:600}.topbar .tbl svg{width:14px;height:14px}
.fcontact{font-style:normal;font-size:13.5px;line-height:1.7;color:#C9CFD7;margin-top:12px}.site-footer .fcontact a{color:#fff;display:inline;padding:0;margin:0}
.info{padding-bottom:50px}.infogrid{display:grid;grid-template-columns:1.1fr 1fr;gap:18px;margin-top:10px}.infogrid.one{grid-template-columns:1fr;max-width:860px}
.info .panel h2{margin:0 0 10px;font-size:20px}.info .panel p{color:var(--ink2);line-height:1.6}
.addr{font-style:normal;font-size:17px;line-height:1.5;margin-bottom:14px}
.cbtns{display:flex;flex-wrap:wrap;gap:10px;margin:6px 0 16px}.cbtns .btn svg{width:18px;height:18px}
.clist{display:grid;grid-template-columns:90px 1fr;gap:8px 12px;margin:0 0 14px;font-size:15px}.clist dt{color:var(--mute);font-weight:600}.clist dd{margin:0}.clist a,.facts a{color:var(--acc);font-weight:600}
.mapp{display:flex;flex-direction:column;gap:12px}.mapp iframe{width:100%;min-height:340px;border:0;border-radius:12px;background:var(--soft)}
.facts{margin:0;padding-left:20px;line-height:1.6;color:var(--ink2)}.facts li{margin-bottom:8px}
.quotes{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px}
.quotes figure{margin:0;padding:20px 22px;border-radius:16px;background:var(--soft)}.quotes blockquote{margin:0 0 10px;font-size:16px;line-height:1.5}.quotes figcaption{font-weight:700;color:var(--ink2)}
@media (max-width:900px){.logoimg{height:34px}.infogrid{grid-template-columns:1fr}.topbar .wrap{gap:14px}}

/* ===== v5: search + fast ordering ===== */
.qty.sm{height:38px;border-radius:9px;border-width:1.5px;flex-shrink:0}.qty.sm button{width:30px;font-size:17px;color:var(--ink2)}.qty.sm input{width:34px;font-size:14px;padding:0;background:transparent}
.qadd{display:flex;gap:8px;margin-top:10px;align-items:center}.qadd .btn{flex:1;min-width:64px}.btn.done{background:var(--ok)!important;border-color:var(--ok)!important;color:#fff!important}
.card .fav{position:absolute;top:8px;right:8px;z-index:3;width:36px;height:36px;border-radius:50%;border:1px solid #E6E9ED;background:rgba(255,255,255,.92);display:grid;place-items:center;cursor:pointer;color:#A2AAB5;transition:.15s}
.fav svg{width:19px;height:19px}.fav:hover{color:var(--sale);border-color:#fecdd3}.fav.on{color:var(--sale);border-color:#fecdd3;background:#fff1f2}.fav.on svg,.favt.on svg{fill:currentColor}
.favt svg{width:17px;height:17px}.favt.on{color:var(--sale);border-color:#fecdd3;background:#fff1f2}
/* list view (fast ordering) */
.vtog{display:flex;border:1px solid var(--line);border-radius:10px;overflow:hidden}.vtog .iconbtn{width:38px;height:36px;border-radius:0;color:var(--mute)}.vtog .iconbtn svg{width:19px;height:19px}.vtog .iconbtn.on{background:var(--ink);color:#fff}
.grid.list{grid-template-columns:1fr;gap:0;border:1px solid #ECEFF1;border-radius:16px;overflow:hidden}
.grid.list .card{flex-direction:row;align-items:center;border:0;border-bottom:1px solid #ECEFF1;border-radius:0;padding:10px 14px;gap:14px}.grid.list .card:last-child{border-bottom:0}.grid.list .card:hover{box-shadow:none;background:#fafbfc}
.grid.list .card .img{width:84px;height:84px;flex-shrink:0;border:1px solid #f1f2f4;border-radius:10px;aspect-ratio:auto;padding:4px}
.grid.list .card .body{flex:1;display:grid;grid-template-columns:1fr auto;grid-template-areas:"brand price" "name price" "meta stock" "rate add";column-gap:20px;row-gap:2px;padding:0;align-items:center}
.grid.list .card .brand{grid-area:brand}.grid.list .card .name{grid-area:name;-webkit-line-clamp:2}.grid.list .card .meta{grid-area:meta}.grid.list .card .stars,.grid.list .card .rate{grid-area:rate}
.grid.list .card .prow{grid-area:price;justify-self:end;text-align:right;margin:0}.grid.list .card .stock{grid-area:stock;justify-self:end;margin:0}.grid.list .card .qadd{grid-area:add;justify-self:end;margin:4px 0 0;width:auto}.grid.list .card .qadd .btn{flex:none;padding:0 18px}
.grid.list .card .tagx{display:none}.grid.list .card .fav{position:static;order:3;flex-shrink:0;width:34px;height:34px}
.grid.list .skel{flex-direction:row}
/* sticky cart */
.sbar{position:fixed;z-index:45;right:24px;bottom:24px;display:flex;align-items:center;gap:14px;padding:8px 8px 8px 16px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 18px 40px -14px rgba(20,24,30,.35)}
.sbar[hidden]{display:none}.sb-cart{display:flex;align-items:center;gap:10px}.sb-cart svg{width:24px;height:24px;color:var(--acc)}.sb-cart span{display:grid;line-height:1.15}.sb-cart b{font-size:13px;color:var(--ink2);font-weight:600}.sb-cart small{font-size:17px;font-weight:800;color:var(--ink)}
body.has-sbar .toast{bottom:96px}
.ctot{font-variant-numeric:tabular-nums}
.hlink.qlink{background:#E8F4F2;color:var(--acc)}.hlink.qlink:hover{background:#D2EAE6}
/* search dropdown */
.search.busy::after{content:"";position:absolute;left:14px;right:14px;bottom:-1px;height:2px;border-radius:2px;background:linear-gradient(90deg,transparent,var(--acc),transparent);background-size:200% 100%;animation:sgbusy .9s linear infinite}
@keyframes sgbusy{from{background-position:100% 0}to{background-position:-100% 0}}
.sg-prod{padding:6px 10px 6px 16px}.sg-prod .sg-main{display:flex;align-items:center;gap:12px;flex:1;min-width:0}
.sg-prod .pr{display:grid;justify-items:end;line-height:1.1}.sg-prod .pr small{font-size:11px;color:var(--mute);font-weight:500}
.sg-add{flex-shrink:0;height:34px;padding:0 14px;border-radius:9px;border:1.5px solid var(--acc);background:#fff;color:var(--acc);font-weight:700;font-size:13.5px;cursor:pointer}.sg-add:hover{background:var(--acc);color:#fff}.sg-add.done{background:var(--ok);border-color:var(--ok);color:#fff}
.sg-n{float:right;text-transform:none;letter-spacing:0;font-weight:600;color:var(--mute)}
.sg-chips{display:flex;flex-wrap:wrap;gap:8px;padding:6px 16px 4px}.sg-chip{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;padding:7px 12px;border-radius:999px;background:var(--soft);font-size:13.5px;font-weight:550;color:var(--ink2)}.sg-chip:hover,.sg-chip.act{background:#E6E9ED}.sg-chip svg{width:15px;height:15px;color:var(--mute)}.sg-chip small{display:inline;color:var(--mute);font-weight:600;font-size:12px}.sg-chip.cat{background:#E8F4F2;color:var(--acc2)}
.sg-clr{float:right;font-size:12px;text-transform:none;letter-spacing:0}
.sg-tools{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:10px 16px 14px}.sg-tool{display:flex;gap:10px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:12px}.sg-tool:hover{border-color:#A2AAB5}.sg-tool svg{width:22px;height:22px;color:var(--acc);flex-shrink:0}.sg-tool span{display:grid}.sg-tool b{font-size:14px}.sg-tool small{font-size:12px;color:var(--mute)}
.sg-foot{justify-content:center;font-weight:700;color:var(--acc);padding:12px 16px}
.hero-cta{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.hero-cta svg{width:18px;height:18px}
/* quick order */
.qo-top .ptitle{display:flex;align-items:center;gap:10px}.qo-top .ptitle svg{width:30px;height:30px;color:var(--acc)}
.qo{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:22px;align-items:start;margin-bottom:48px}
.qo-side{display:grid;gap:16px}.qo-side textarea{width:100%;border:1.5px solid #d1d5db;border-radius:11px;padding:12px;font:14px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;resize:vertical;margin-bottom:10px}
.qo-lines{padding:6px 18px 0}
.qo-head{display:grid;grid-template-columns:180px minmax(0,1fr) 112px 92px 40px;gap:14px;padding:12px 0 8px;font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--mute);font-weight:700;border-bottom:1px solid var(--line)}
.qrow{display:grid;grid-template-columns:180px minmax(0,1fr) 112px 92px 40px;gap:14px;align-items:center;padding:10px 0;border-bottom:1px solid #F1F4F5}
.qcode{height:42px;border:1.5px solid #d1d5db;border-radius:10px;padding:0 12px;font-weight:650;letter-spacing:.02em;width:100%;text-transform:uppercase}.qcode::placeholder{text-transform:none;letter-spacing:0;font-weight:400}
.qrow.ok .qcode{border-color:#86efac;background:#f0fdf4}.qrow.miss .qcode{border-color:#fca5a5;background:#fef2f2}
.qp{display:flex;gap:10px;align-items:center;min-width:0}.qp .th{width:44px;height:44px;border:1px solid #ECEFF1;border-radius:8px;overflow:hidden;flex-shrink:0}.qp span:last-child{display:grid;min-width:0}.qp b{font-size:13.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.qp small{font-size:12px;color:var(--mute)}
i.in{color:var(--ok);font-style:normal}i.out,.out{color:var(--warn);font-style:normal}
.qmiss b{display:block;font-size:13.5px;color:#b91c1c}.qmiss small{font-size:12.5px;color:var(--ink2)}.qmiss .link{font-size:12.5px;text-align:left}
.qhint,.qbusy{font-size:13px;color:#A2AAB5}.qlt{text-align:right;font-variant-numeric:tabular-nums}.qrow .qty.sm{width:112px}.qrow .qty.sm input{flex:1}
.qrm{width:36px;height:36px;color:#A2AAB5}.qrm svg{width:18px;height:18px}
.qo-more{margin:12px 0}
.qo-foot{position:sticky;bottom:0;display:flex;align-items:center;gap:10px;padding:14px 0 16px;background:#fff;border-top:1px solid var(--line);margin-top:4px}.qo-sum{margin-right:auto;display:grid}.qo-sum small{color:var(--mute);font-size:13px}.qo-sum b{font-size:22px;font-variant-numeric:tabular-nums}
.qo-foot .btn.acc:disabled{opacity:.45;cursor:not-allowed}
.drop{display:grid;justify-items:center;text-align:center;gap:4px;padding:22px 14px;border:2px dashed #C9CFD7;border-radius:14px;cursor:pointer;background:var(--soft)}.drop:hover,.drop.over{border-color:var(--acc);background:#E8F4F2}.drop svg{width:28px;height:28px;color:var(--acc)}.drop small{color:var(--mute);font-size:12.5px}.drop input{position:absolute;width:1px;height:1px;opacity:0}
.drop:focus-within{outline:3px solid #7DC9BF}
/* past orders */
.olist{display:grid}.orow{display:grid;grid-template-columns:1fr auto auto;gap:16px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line)}.orow small{display:block;color:var(--mute);font-size:13px}.ot{font-weight:700}
.othumbs{display:flex;gap:6px;margin-top:8px}.othumbs .th{position:relative;width:40px;height:40px;border:1px solid #ECEFF1;border-radius:8px;overflow:hidden}.othumbs .th b{position:absolute;right:0;bottom:0;background:var(--ink);color:#fff;font-size:10px;padding:0 4px;border-radius:6px 0 0 0}.othumbs .more{align-self:center;font-size:12px;color:var(--mute)}
.cline.rl{grid-template-columns:72px 1fr auto}.cline.rl .qadd{margin:0}
/* drawer quick actions */
.dquick{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:14px 16px 4px}.dquick a{display:grid;justify-items:center;gap:6px;padding:12px 6px;border-radius:12px;background:#E8F4F2;color:var(--acc2);font-size:13px;text-align:center}.dquick svg{width:22px;height:22px}
/* no results */
.nores{padding:8px 0 10px}.nores .quick{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 16px}.nores-act{display:flex;flex-wrap:wrap;gap:10px}.nores-act svg{width:18px;height:18px}
.depts.sm{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.depts.sm .dept{padding:14px}
/* checkout (fewer fields) */
.form .hint{margin:-4px 0 12px;font-size:12.5px;color:var(--mute)}.panel h3 .saved{font-size:12.5px;font-weight:600;color:var(--ok);display:inline-flex;gap:4px;align-items:center}.panel h3 .saved svg{width:14px;height:14px}
.two.addr{grid-template-columns:1fr 140px}
details.more{margin:6px 0 12px;border:1px solid var(--line);border-radius:12px;padding:10px 14px}details.more summary{cursor:pointer;font-weight:600;font-size:14px;color:var(--ink2)}details.more[open] summary{margin-bottom:10px}details.more i{font-weight:400;color:var(--mute)}
@media (max-width:1180px){.hide-md2{display:none}}
@media (max-width:900px){
 .qo{grid-template-columns:1fr}.qo-head{display:none}
 .qrow{grid-template-columns:minmax(0,1fr) 112px 36px;grid-template-areas:"code qty rm" "prod prod lt";row-gap:8px}
 .qrow .qcode{grid-area:code}.qrow .qty{grid-area:qty}.qrow .qrm{grid-area:rm}.qrow .qprod{grid-area:prod;min-width:0}.qrow .qlt{grid-area:lt;align-self:center}
 .qo-lines{padding:4px 14px 0}.qo-foot{flex-wrap:wrap;bottom:0}.qo-foot .btn.acc{flex:1}
 .sg-tools{grid-template-columns:1fr}
 .sbar{left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom));justify-content:space-between;border-radius:14px}
 body.has-sbar main{padding-bottom:76px}
 .hlink.qlink span{display:none}.hlink.qlink{padding:8px}
}
@media (max-width:600px){
 .suggest{left:-14px;right:-14px;top:54px;border-radius:0 0 16px 16px;max-height:calc(100dvh - 175px);border-left:0;border-right:0}
 body.sg-open #main,body.sg-open .site-footer{opacity:.35;pointer-events:none}
 .sg-prod{padding:6px 10px 6px 12px}.sg-row .th{width:44px;height:44px}.sg-prod .t b{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13.5px}
 .grid.list .card{padding:10px 10px;gap:10px;align-items:flex-start}.grid.list .card .img{width:72px;height:72px}
 .grid.list .card .body{grid-template-columns:1fr auto;grid-template-areas:"brand brand" "name name" "meta meta" "price stock" "add add"}
 .grid.list .card .prow{justify-self:start;text-align:left}.grid.list .card .stars,.grid.list .card .rate{display:none}
 .grid.list .card .qadd{justify-self:stretch}.grid.list .card .qadd .btn{flex:1}.grid.list .card .fav{width:32px;height:32px}
 .two.addr{grid-template-columns:1fr 110px}
 .orow{grid-template-columns:1fr auto}.orow .btn{grid-column:1/-1}
 .cline.rl{grid-template-columns:60px 1fr;row-gap:6px}.cline.rl .qadd{grid-column:1/-1}
 .grid:not(.list) .qadd .qty.sm button{width:26px}.grid:not(.list) .qadd .qty.sm input{width:28px}
}

.toast{width:max-content;flex-wrap:wrap;row-gap:2px;line-height:1.35}.qo-jump{display:none;gap:8px;margin:-4px 0 14px}.qo-jump .btn svg{width:18px;height:18px}
@media (max-width:900px){.qo-jump{display:flex}.qo-jump .btn{flex:1}}
.two>label,.three>label{min-width:0}.two input,.three input{min-width:0;width:100%}

/* desktop: search gets the room; secondary header links go icon-only */
@media (min-width:901px){.search{min-width:420px}.suggest{min-width:min(700px,calc(100vw - 40px))}.hicons{gap:2px;flex-shrink:0}}
@media (min-width:901px) and (max-width:1560px){.hlink.ic span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.hlink.ic{padding:8px}}
.hlink.cartlink .ctot{font-weight:700;color:var(--ink)}
.qp .th img,.othumbs .th img,.th>img{width:100%;height:100%;object-fit:contain;display:block}.qp .th .noimg,.othumbs .noimg{font-size:9px}
.suggest .sg-chip small{display:inline;margin:0}
.cartg>*,.form{min-width:0}.form select,.form .sel{width:100%;max-width:100%;min-width:0;text-overflow:ellipsis}
@media (max-width:900px){.qrow{grid-template-areas:"code qty rm" "prod lt lt"}.qo-sum{flex-basis:100%;margin-right:0}.qo-foot .btn.ghost{flex:0 0 auto}}
.suggest .sg-chips a.sg-chip{display:inline-flex;flex-direction:row;align-items:center}.suggest .sg-chips a.sg-chip small{display:inline;width:auto}
@media (max-width:900px){.qp b{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}}
@media (max-width:900px){.qrow{grid-template-areas:"code qty rm" "prod prod lt"}.qrow .qprod{padding-right:70px}.qrow .qlt{justify-self:end;white-space:nowrap;align-self:end;padding-bottom:4px}}

/* ---------- v6: Which kind? chooser, compatibles, compare, recently viewed, lists ---------- */
.kind{border:1px solid var(--line);background:linear-gradient(180deg,#F7F9FA,#fff);border-radius:var(--r);padding:14px 16px;margin:4px 0 16px}
.kind-h{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;margin-bottom:8px}.kind-h b{font-size:16px}.kind-h span{color:var(--mute);font-size:13px}.kind-h a{color:var(--acc);text-decoration:underline}
.kind-g{display:flex;align-items:center;gap:10px;padding:5px 0}.kind-n{flex:0 0 92px;font-size:12.5px;font-weight:600;color:var(--ink2);text-transform:uppercase;letter-spacing:.03em}
.kind-chips{display:flex;gap:8px;flex-wrap:wrap}
.kchip{display:inline-flex;align-items:center;gap:6px;min-height:38px;padding:7px 14px;border:1px solid #C9CFD7;border-radius:999px;background:#fff;font-size:14px;font-weight:500;white-space:nowrap;transition:border-color .15s,background .15s}
.kchip:hover{border-color:var(--acc);color:var(--acc)}.kchip small{color:var(--mute);font-weight:400;font-size:12px}.kchip small:empty{display:none}
.kchip svg{width:15px;height:15px;stroke-width:2.6}.kchip.on{background:var(--acc);border-color:var(--acc);color:#fff}.kchip.on small{color:#D2EAE6}
.kchip.tool{border-style:dashed;color:var(--acc)}.kchip.zero{display:none}
.sg-kind .sg-chips{margin-bottom:6px}.sg-kind .kchip{min-height:34px;padding:5px 12px;font-size:13.5px}
.sg-rv{display:flex;gap:8px;overflow-x:auto;padding:2px 0 4px}.sg-rv .sg-row{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:3px;width:76px;padding:6px;border-radius:10px}
.sg-rv .th{width:56px;height:56px;border-radius:8px;overflow:hidden;background:var(--soft);display:block}.sg-rv small{font-size:12px;color:var(--ink2)}
.cmptray[hidden]{display:none}
@media(max-width:720px){.kind{padding:10px 12px;margin-left:-4px;margin-right:-4px}.kind-h{margin-bottom:4px}.kind-h span{display:none}.kind-h span:has(a){display:inline}.kind-g{gap:8px;padding:4px 0}.kind-n{flex:0 0 54px;font-size:11px;line-height:1.15;white-space:normal}
 .kchip{min-height:36px;padding:6px 12px;font-size:13.5px}
 .kind-chips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding-bottom:2px;margin-right:-12px;padding-right:12px}.kind-chips::-webkit-scrollbar{display:none}}
.cpl{display:inline-flex;align-items:center;gap:5px;font-size:12.5px;color:var(--ok);font-weight:600;margin:3px 0 2px;line-height:1.3}.cpl svg{width:14px;height:14px;stroke-width:2.6;flex:none}.cpl b{font-weight:700}
.cpl.alt{color:var(--acc);font-weight:500}
.cbox{border-radius:var(--r);padding:14px 16px;margin:6px 0 14px;border:1px solid #bbf7d0;background:#f0fdf4}.cbox b{font-size:15px}.cbox p{margin:4px 0 8px;color:var(--ink2);font-size:14px}
.cbox.cbcmp{border-color:#A8D8D0;background:#E8F4F2}.cbox .link{color:var(--acc);font-weight:600}
.crow{display:grid;grid-template-columns:48px 1fr auto auto;gap:10px;align-items:center;padding:8px 0;border-top:1px solid #dcfce7}
.crow .th{width:48px;height:48px;border-radius:8px;overflow:hidden;background:#fff;display:block}.crow .t{font-weight:600;font-size:14px;line-height:1.25}.crow .t small{display:block;color:var(--mute);font-weight:400;font-size:12px}
.crow .pr{text-align:right;font-weight:700}.crow .pr small{display:block;color:var(--ok);font-size:12px;font-weight:600}
.fgrp{margin-top:18px}.fgrp h3{display:flex;align-items:center;gap:10px;font-size:17px;margin:0 0 12px}.fgrp h3 small{color:var(--mute);font-weight:400}
.pill{display:inline-block;padding:3px 10px;border-radius:999px;background:var(--soft2);color:var(--ink2);font-size:12px;font-weight:700;letter-spacing:.02em;text-transform:uppercase}.pill.ok{background:#dcfce7;color:var(--ok)}
.cmpb{display:inline-flex;align-items:center;gap:5px;background:none;border:0;padding:6px 0 0;font-size:12.5px;color:var(--mute);cursor:pointer}.cmpb:hover{color:var(--acc)}.cmpb.on{color:var(--acc);font-weight:600}.cmpb svg{width:14px;height:14px}
.plinks{display:flex;gap:18px;margin-top:10px}.plinks .cmpb{font-size:14px;padding:4px 0}
.cmptray{position:fixed;z-index:45;left:50%;transform:translateX(-50%);bottom:18px;display:flex;align-items:center;gap:14px;background:var(--ink);color:#fff;border-radius:999px;padding:8px 10px 8px 18px;box-shadow:0 10px 30px rgba(20,24,30,.25);font-size:14px}
.cmptray .btn{background:#fff;color:var(--ink)}.cmptray .link{color:#C9CFD7}
body.has-sbar .cmptray{bottom:84px}@media(min-width:900px){body.has-sbar .cmptray{bottom:18px;left:auto;right:auto;transform:translateX(-50%)}}
.cmpwrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--r);margin:10px 0 40px}
.cmpt{border-collapse:collapse;width:100%;min-width:560px;font-size:14px}.cmpt th,.cmpt td{border-bottom:1px solid var(--line);padding:10px 12px;text-align:left;vertical-align:top}
.cmpt th{position:sticky;left:0;background:#fff;width:150px;color:var(--mute);font-weight:600;font-size:13px}.cmpt thead td{min-width:190px}
.cmpt .img{display:block;width:120px;height:120px;border-radius:10px;overflow:hidden;background:var(--soft);margin-bottom:8px}.cmpt .nm{font-weight:600;display:block;line-height:1.3;margin-bottom:4px}
.cmpt .pr{font-size:18px;font-weight:800;margin:6px 0}.cmpt .pr small{font-size:12px;color:var(--mute);font-weight:400}.cmpt tr.diff td{background:#fffbeb}
.card.mini{min-width:170px;max-width:190px}.card.mini .name{font-size:13px}.card.mini .price{font-weight:700;display:block;margin:4px 0}
.tiers{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:8px 0;font-size:13px}.tiers b{width:100%;font-size:13px}.tiers span{border:1px solid var(--line);border-radius:10px;padding:5px 10px;font-weight:700}.tiers small{display:block;font-weight:400;color:var(--mute);font-size:11.5px}
.sumlinks{display:flex;justify-content:space-between;gap:10px;margin-top:12px;font-size:13.5px}.sumlinks .link{display:inline-flex;align-items:center;gap:5px}.sumlinks svg{width:15px;height:15px}
dialog.sheet{border:0;border-radius:18px;padding:22px;width:min(440px,92vw);box-shadow:0 20px 60px rgba(20,24,30,.3)}dialog.sheet::backdrop{background:rgba(20,24,30,.45)}
dialog.sheet h3{margin:0 0 4px}.lpick{display:grid;gap:8px;margin:12px 0}.lpick label{display:flex;gap:10px;align-items:center;padding:10px 12px;border:1px solid var(--line);border-radius:12px}.lpick small{margin-left:auto;color:var(--mute)}
.lst-h{display:flex;justify-content:space-between;align-items:baseline;gap:10px;flex-wrap:wrap}.lst-h h3 small{color:var(--mute);font-weight:400;font-size:13px}.lst{margin-bottom:16px}
@media(max-width:600px){dialog.sheet{margin:auto auto 0;width:100vw;max-width:100vw;border-radius:18px 18px 0 0}}
@media print{.site-header,.topbar,footer,.sbar,.cmptray,.buybar,.sumlinks,.ctl,.btn,.crumbs,#suggest,.mega{display:none!important}.cartg{display:block}body{font-size:12px}}

.cbox,.cbox b,.cbox .t{color:var(--ink)}.cbox.cbsave b:first-child{color:var(--ok)}
.vfs{display:flex;align-items:center;gap:4px;flex-wrap:wrap;margin:4px 0 2px;font-size:12.5px;color:var(--ink2)}.vfs span{margin-left:2px}
.sw{display:inline-block;width:14px;height:14px;border-radius:50%;border:1px solid rgba(20,24,30,.25);flex:none}
.variants{margin:12px 0 4px;display:grid;gap:12px}.vlab{font-size:13.5px;color:var(--ink2);margin-bottom:6px}.vlab b{color:var(--ink)}
.vopts{display:flex;flex-wrap:wrap;gap:8px}
.vopt{display:inline-flex;align-items:center;gap:7px;min-height:42px;padding:7px 14px;border:1.5px solid #C9CFD7;border-radius:12px;background:#fff;font-size:14px;font-weight:500;line-height:1.15}
.vopt small{display:block;color:var(--mute);font-size:11.5px;font-weight:400}.vopt:hover{border-color:var(--acc)}
.vopt.on{border-color:var(--acc);box-shadow:inset 0 0 0 1px var(--acc);background:#E8F4F2;font-weight:700}.vopt.alt{border-style:dashed}
.vopt.col .sw{width:20px;height:20px}.vnote{margin:0;font-size:12px;color:var(--mute)}
@media(max-width:600px){.cmpt th{width:92px;font-size:12px;padding:8px}.cmpt thead td{min-width:160px}.cmpt .img{width:96px;height:96px}}

/* v7: call-for-price items */
.price.cfp{font-size:.95em;color:var(--ink,#111)}.card .price.cfp{font-size:15px}.quoteb{margin-top:6px;white-space:nowrap}.cfpnote{font-size:13px;color:#555;margin:6px 0 10px;line-height:1.4}.sg-add[href]{text-decoration:none;display:inline-flex;align-items:center}

/* v7: owner pricing page */
.own .own-h{display:flex;align-items:center;justify-content:space-between;gap:12px}.own-grid{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:20px;align-items:start}
.own-sec h3{margin:0 0 4px}.own-sec h4{margin:18px 0 6px;font-size:14px;color:#444}.own-sec .psub{margin:0 0 12px}
.own-row{display:grid;grid-template-columns:minmax(0,1fr) 90px 20px auto;gap:8px;align-items:center;padding:6px 0;border-bottom:1px solid #eee}.own-row.big{grid-template-columns:auto 110px 20px minmax(0,1fr);border:0;padding:4px 0 10px}.own-row.big>span:first-child{font-weight:600}
.own-row input,.own-add input,.own-add select,.own-find input,.own-row select{font:inherit;padding:8px 10px;border:1px solid #cfd4da;border-radius:8px;min-width:0;background:#fff}.own-row .unit{color:#666}.own-row .muted,.own .muted{color:#666;font-size:13px}
.own-add{display:grid;grid-template-columns:minmax(0,1fr) 90px auto;gap:8px;margin-top:8px}
.own-modes{display:grid;gap:10px}.own-mode{display:grid;grid-template-columns:auto 1fr;gap:4px 10px;align-items:start;padding:12px;border:1px solid #d9dee3;border-radius:10px;cursor:pointer}.own-mode.on{border-color:var(--acc,#0a6);background:#f3fbf7}.own-mode input{margin-top:3px}.own-mode small{grid-column:2;color:#555;line-height:1.4}
.own-check{display:flex;gap:10px;align-items:flex-start;line-height:1.4;margin-bottom:12px}
.own-find{position:relative;margin-bottom:12px}.own-find input{width:100%}.own-hits{display:grid;gap:6px;margin-top:8px}.own-hits button{display:grid;grid-template-columns:48px 1fr;gap:10px;align-items:center;text-align:left;font:inherit;background:#fff;border:1px solid #e3e6ea;border-radius:10px;padding:6px 8px;cursor:pointer}.own-hits .th{width:48px;height:48px;display:block;overflow:hidden;border-radius:6px}.own-hits .th img{width:100%;height:100%;object-fit:contain}.own-hits small{display:block;color:#666}
.own-tbl{width:100%;border-collapse:collapse;font-size:14px}.own-tbl th{text-align:left;font-weight:600;color:#555;font-size:12px;text-transform:uppercase;letter-spacing:.02em;padding:6px 4px;border-bottom:1px solid #ddd}.own-tbl td{padding:8px 4px;border-bottom:1px solid #eee;vertical-align:top}.own-tbl td small{display:block;color:#666;font-size:12px}.own-tbl input[type=number]{width:96px;font:inherit;padding:6px 8px;border:1px solid #cfd4da;border-radius:8px}
.own-side{position:sticky;top:90px}.own-preview .own-actions{display:grid;gap:8px;margin:14px 0 8px}.own-preview .btn{width:100%}
.own-login{max-width:460px}
@media(max-width:900px){.own-grid{grid-template-columns:1fr}.own-side{position:static}.own-row{grid-template-columns:minmax(0,1fr) 80px 18px auto}.own-row.big{grid-template-columns:1fr 100px 18px;}.own-row.big>.muted{grid-column:1/-1}.own-add{grid-template-columns:1fr 80px auto}}

.own-item{margin:10px 0 14px;padding:10px 12px;border:1px solid #e3e6ea;border-radius:10px;background:#fafbfc}.own-item>small{display:block;color:#666;margin:2px 0 8px}

/* ---------- v8s: smart search + recommendations ---------- */
.unitp{font-size:12px;color:var(--mute);font-weight:500;margin-left:6px;white-space:nowrap}
.pline .unitp{font-size:13.5px}
.ctiles{margin:6px 0 14px}.ct-h{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--mute);font-weight:700;margin:0 0 8px}
.ct-row{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(132px,1fr);gap:12px;overflow-x:auto;padding:2px 2px 8px;scroll-snap-type:x proximity}
.ctile{display:grid;justify-items:center;text-align:center;gap:4px;padding:12px 10px 10px;border:1px solid var(--line);border-radius:14px;background:#fff;scroll-snap-align:start;transition:border-color .15s,box-shadow .15s;min-width:0}
.ctile:hover{border-color:#A2AAB5;box-shadow:0 8px 18px -10px rgba(20,24,30,.25)}
.ctile .ci{width:76px;height:76px;display:grid;place-items:center;overflow:hidden;border-radius:10px;background:#fff}.ctile .ci img{width:100%;height:100%;object-fit:contain}
.ctile b{font-size:13.5px;line-height:1.25;font-weight:650;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ctile small{font-size:12px;color:var(--mute)}
.ctile.grp{background:var(--soft);border-color:var(--soft2)}.ctile.grp b{color:var(--acc)}
.achips{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:4px 0 12px;font-size:13.5px;color:var(--ink2)}
.printerh{margin-bottom:10px}.printerh a{color:var(--acc);font-weight:650;margin-left:4px}
/* typeahead: completions left, product tiles right */
.sg8{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr)}
.sg8-l{border-right:1px solid #F1F4F5;min-width:0}.sg8-r{padding:8px 12px 12px;min-width:0}
.sg-q{gap:10px;padding:7px 16px;font-size:14.5px;color:var(--ink2)}.sg-q svg{width:16px;height:16px;color:var(--mute);flex-shrink:0}.sg-q b{color:var(--ink);font-weight:700}
.sg-comps{padding-top:6px}
.sg-cat .th{width:36px;height:36px}.sg-cat .t b{font-size:14px;font-weight:600}.sg-cat .t small{display:block;font-size:12px;color:var(--mute)}
.sg-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:4px}
.sg-tile{display:flex;flex-direction:column;gap:5px;border:1px solid var(--line);border-radius:12px;padding:8px;min-width:0}
.sg-tile .th{aspect-ratio:1;display:grid;place-items:center;overflow:hidden;border-radius:8px;background:#fff}.sg-tile .th img{width:100%;height:100%;object-fit:contain}
.sg-tile .n{font-size:12.5px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;min-height:3.9em}
.sg-tile .pr{font-weight:750;font-size:14.5px;display:grid}.sg-tile .pr small{font-size:11px;color:var(--mute);font-weight:500}.sg-tile .cfp{font-size:12.5px;color:var(--warn)}
.sg-tile .sg-add{width:100%;height:32px;margin-top:auto}
@media (max-width:600px){.sg8{grid-template-columns:1fr}.sg8-l{border-right:0;border-bottom:1px solid #F1F4F5}.sg-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.ctile .ci{width:64px;height:64px}.ct-row{grid-auto-columns:minmax(118px,40%)}}
/* add-to-cart drawer */
.cdrw{position:fixed;inset:0;z-index:95;background:rgba(20,24,30,0);transition:background .2s}.cdrw.open{background:rgba(20,24,30,.42)}
.cd-panel{position:absolute;top:0;right:0;bottom:0;width:min(440px,100vw);background:#fff;box-shadow:-20px 0 50px -20px rgba(20,24,30,.35);transform:translateX(100%);transition:transform .22s ease;overflow-y:auto;padding:16px 18px 24px;display:flex;flex-direction:column;gap:14px}
.cdrw.open .cd-panel{transform:none}
.cd-h{display:flex;align-items:center;justify-content:space-between}.cd-h b{display:flex;align-items:center;gap:8px;font-size:17px;color:var(--ok)}.cd-h b svg{width:22px;height:22px;stroke-width:2.4}
.cd-item{display:flex;gap:12px;align-items:center}.cd-item .th{width:72px;height:72px;flex-shrink:0;border:1px solid #ECEFF1;border-radius:10px;overflow:hidden;display:grid;place-items:center}.cd-item .th img{width:100%;height:100%;object-fit:contain}
.cd-item .n{font-weight:600;font-size:14px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.cd-item small{color:var(--mute);font-size:13px}
.cd-tot{display:flex;justify-content:space-between;font-size:14px;color:var(--ink2);background:var(--soft);border-radius:10px;padding:10px 12px}
.cd-btns{display:grid;grid-template-columns:1fr 1fr;gap:10px}.cd-btns .btn{justify-content:center}
.cd-recs h3{font-size:15px;margin:4px 0 10px}
.cd-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.cd-keep{align-self:center;margin-top:4px}
.rc-card{display:flex;flex-direction:column;gap:5px;border:1px solid var(--line);border-radius:12px;padding:10px;min-width:0;background:#fff}
.rc-card.skel{min-height:220px;background:var(--soft);border-color:var(--soft)}
.rc-card .th{aspect-ratio:1;display:grid;place-items:center;overflow:hidden;border-radius:8px}.rc-card .th img{width:100%;height:100%;object-fit:contain}
.rc-card .why{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--acc)}
.rc-card .n{font-size:13px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;min-height:3.9em}
.rc-card .pr{font-weight:750;display:grid}.rc-card .pr small{font-size:11.5px;color:var(--mute);font-weight:500}.rc-card .cfp{font-size:13px;color:var(--warn)}
.rc-card .btn{margin-top:auto;justify-content:center}.rc-card .btn.done{background:var(--ok);border-color:var(--ok);color:#fff}
.recs{padding-top:6px}.rc-row{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(180px,210px);gap:14px;overflow-x:auto;padding-bottom:6px}
.bundle{border:1px solid var(--line);border-radius:var(--r);padding:12px 14px;margin:0 0 14px;display:grid;gap:10px;background:#fff}
.bundle>b{font-size:15px}.bd-row{display:flex;align-items:center;gap:10px}.bd-row .th{width:64px;height:64px;border:1px solid #ECEFF1;border-radius:10px;overflow:hidden;flex-shrink:0;display:grid;place-items:center}.bd-row .th img{width:100%;height:100%;object-fit:contain}
.bd-row .plus{font-size:20px;color:var(--mute);font-weight:700}.bd-t{min-width:0;font-size:13px}.bd-t a{color:var(--acc)}.bd-p{font-size:14.5px;margin-top:4px}
.bundle .btn{justify-self:start}
@media (max-width:600px){.cd-panel{top:auto;left:0;width:100%;max-height:88vh;border-radius:18px 18px 0 0;transform:translateY(100%)}.cdrw.open .cd-panel{transform:none}.rc-row{grid-auto-columns:minmax(150px,46%)}}

/* ---------------- v8t (body.v8t, builds with meta.v8.t): sharp photos, "No image" tile, compact menus ---------------- */
.v8t .noimg.ni8{flex-direction:column;gap:6px;background:#F4F6F7;color:#A2AAB5;font-weight:550;font-size:12px;letter-spacing:.01em;border:1px dashed #E6E9ED;border-radius:10px;padding:6px}
.v8t .noimg.ni8 svg{width:30%;max-width:40px;min-width:18px;height:auto;fill:none;stroke:#C9CFD7;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.v8t .sg-row .th .noimg.ni8 span,.v8t .sl .th .noimg.ni8 span,.v8t .othumbs .noimg.ni8 span,.v8t .qp .th .noimg.ni8 span,.v8t .bd-row .th .noimg.ni8 span,.v8t .cd-item .th .noimg.ni8 span,.v8t .sg-rv .noimg.ni8 span,.v8t .crow .th .noimg.ni8 span{display:none}
.v8t .card .img img,.v8t .mainimg img{image-rendering:auto}
.v8t .gal:has(.thumbs button:only-child){grid-template-columns:1fr}.v8t .thumbs:has(button:only-child){display:none}
.v8t .mainimg .noimg.ni8{font-size:14px;aspect-ratio:1}.v8t .mainimg .noimg.ni8 svg{max-width:64px}
/* category menu: a compact panel under "All Departments", own scroll, never the whole page */
.v8t .mega{left:max(12px,calc((100vw - var(--wrap))/2 + 12px));right:auto;top:calc(100% + 2px);width:min(820px,calc(100vw - 24px));max-height:min(62vh,470px);overflow:hidden;border:1px solid var(--line);border-radius:14px;box-shadow:0 18px 40px -16px rgba(20,24,30,.28);z-index:70}
.v8t .mega .wrap.mwrap{grid-template-columns:220px 1fr;max-width:none;padding:0;margin:0;height:min(62vh,470px)}
.v8t .mega .mwrap .promo{display:none}
.v8t .mrail{overflow-y:auto;padding:8px 6px 8px 8px;gap:1px;overscroll-behavior:contain}
.v8t .mrail a{padding:6px 8px;font-size:13.5px}
.v8t .mpanel{overflow-y:auto;padding:14px 18px 16px;overscroll-behavior:contain}
.v8t .mhead{margin-bottom:10px;gap:10px}.v8t .mhead h3{font-size:16px}.v8t .mhead .dic,.v8t .mhead svg{max-width:34px;max-height:34px}
.v8t .mcols{columns:2 190px;column-gap:22px}.v8t .mcol{margin-bottom:12px}
.v8t .mcat{font-size:13.5px;padding:3px 0 5px}.v8t .msub{font-size:13px;padding:3px 0}
.v8t .catnav .alld[aria-expanded="true"]{background:var(--soft);border-radius:8px}
/* search typeahead: shorter, own scroll, close button, page stays usable */
.v8t .suggest{max-height:min(58vh,480px);overscroll-behavior:contain}
.v8t .sg-x{position:sticky;top:6px;float:right;margin:6px 8px -36px 0;z-index:2;width:30px;height:30px;border-radius:999px;border:1px solid var(--line);background:#fff;display:grid;place-items:center;cursor:pointer;color:var(--ink2)}
.v8t .sg-x svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round}
.v8t .sg-x:hover{background:var(--soft)}
@media (min-width:901px){.v8t .sg-x{display:none}}
@media (max-width:900px){
 .v8t .suggest{max-height:62dvh}
 .v8t.sg-open #main,.v8t.sg-open .site-footer{opacity:1;pointer-events:auto}
 .v8t .drawer-panel{animation:v8tslide .22s ease-out}
 .v8t .drawer-head #drawerClose{width:40px;height:40px;border:1px solid var(--line);border-radius:999px}
}
@keyframes v8tslide{from{transform:translateX(-100%)}to{transform:none}}

.v8t .kind.k8{display:flex;align-items:center;gap:8px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding:8px 0 10px;margin:0 0 6px;border:0;background:none;box-shadow:none}
.v8t .kind.k8::-webkit-scrollbar{display:none}
.v8t .k8-h{font-size:13px;font-weight:700;color:var(--ink2);white-space:nowrap;margin-right:2px}
.v8t .k8-g{display:inline-flex;align-items:center;gap:6px;padding-left:10px;border-left:1px solid var(--line);white-space:nowrap}
.v8t .k8-g:first-of-type{border-left:0;padding-left:0}
.v8t .k8 .kind-n{font-size:11.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--mute);font-weight:700}
.v8t .k8 .kchip{min-height:30px;padding:4px 11px;font-size:13px}
.v8t .k8 .kchip small{margin-left:4px}
.v8t .k8-clr{font-size:13px;white-space:nowrap}

/* ---------------- v8t SLIM (owner 9:48: slim, neat, light) — 1px light borders, 32–36px controls, 13–14px UI text, less padding ---------------- */
body.v8t{font-size:14px;--line:#E6E9ED}
.v8t .site-header{box-shadow:none;border-bottom:1px solid #E6E9ED}
.v8t .search input{height:40px;border:1px solid #DDE2E6;border-radius:10px;font-size:14px;background:#f8f9fb}
.v8t .search input:focus{background:#fff;border-color:#A2AAB5;box-shadow:0 0 0 3px rgba(14,124,114,.18)}
.v8t .search button[type=submit],.v8t .search .sbtn{height:32px;font-size:13.5px;border-radius:8px}
.v8t .iconbtn{width:36px;height:36px}
.v8t .catnav a{padding:9px 10px;font-size:13.5px;font-weight:550}
.v8t .alld{padding:6px 12px;font-size:13.5px;border-radius:8px}
.v8t .btn{height:36px;padding:0 14px;font-size:13.5px;font-weight:650;border-radius:8px;border-width:1px}
.v8t .btn.sm{height:32px;padding:0 12px;font-size:13px;border-radius:8px}
.v8t .btn.big{height:40px;font-size:14px}
.v8t .btn.ghost{border-color:#DDE2E6}
.v8t select{height:34px;padding:4px 10px;font-size:13.5px;border-color:#DDE2E6}
.v8t input,.v8t textarea{font-size:14px}
.v8t .qty{height:36px;border-width:1px;border-radius:8px;border-color:#DDE2E6}.v8t .qty button{width:34px;font-size:17px}.v8t .qty input{width:42px;font-size:14px}
.v8t .ptitle{font-size:26px;margin:2px 0 4px}
.v8t .crumbs{font-size:12.5px}
.v8t .grid{gap:14px}
.v8t .card{border:1px solid #E6E9ED;border-radius:12px;box-shadow:none}
.v8t .card:hover{border-color:#d5dae1;box-shadow:0 6px 18px -12px rgba(20,24,30,.18)}
.v8t .card .body{padding:10px 12px 12px;gap:4px}
.v8t .card .brand{font-size:11px}
.v8t .card .name{font-size:13.5px;font-weight:500;min-height:54px}
.v8t .card .price{font-size:17px;font-weight:750}
.v8t .card .btn,.v8t .card .qty{height:32px}
.v8t .card .img{padding:10px}
.v8t .pinfo h1{font-size:22px;line-height:1.25;font-weight:650;margin:4px 0 8px}
.v8t .buybox{border:1px solid #E6E9ED;border-radius:12px;padding:14px 16px;gap:10px;margin:12px 0}
.v8t .buybox .price{font-size:26px}
.v8t .panel{border:1px solid #E6E9ED;border-radius:12px;padding:16px}
.v8t .mainimg{border:1px solid #E6E9ED;border-radius:12px}
.v8t .fgroup{padding:10px 0}.v8t .fgroup h4{font-size:13px;margin-bottom:8px}
.v8t .fopt{font-size:13.5px}
.v8t .chip{padding:5px 10px;font-size:13px;font-weight:500;border-color:#DDE2E6}
.v8t .kchip{border-color:#DDE2E6}
.v8t .ctile{border:1px solid #E6E9ED;border-radius:12px;padding:10px 8px 8px}
.v8t .ctile .ci{width:64px;height:64px}.v8t .ctile b{font-size:13px;font-weight:600}.v8t .ctile small{font-size:11.5px}
.v8t .ctiles{margin:2px 0 8px}
.v8t .vopt{min-height:32px;padding:4px 12px;font-size:13.5px;border-width:1px;border-radius:8px}
.v8t .vlab{font-size:13px}
.v8t .sec-h h2{font-size:19px}
.v8t .bundle{border:1px solid #E6E9ED;border-radius:12px;padding:12px 14px}
.v8t .suggest{border:1px solid #e3e7ec;border-radius:12px;box-shadow:0 16px 36px -14px rgba(20,24,30,.22)}
.v8t .sg-row{padding:6px 14px}.v8t .sg-row .th{width:40px;height:40px}.v8t .sg-row .t b{font-size:13.5px;font-weight:550}
.v8t .sg-add{height:30px;padding:0 12px;font-size:13px;border-width:1px;border-radius:8px}
.v8t .site-footer{font-size:13px}
@media (max-width:900px){
 body.v8t{font-size:14px}
 .v8t .search input{height:40px}
 .v8t .ptitle{font-size:21px}
 .v8t .pinfo h1{font-size:18px}
 .v8t .grid{gap:8px}
 .v8t .card .body{padding:8px 10px 10px}
 .v8t .card .name{font-size:13px}
 .v8t .card .price{font-size:16px}
 .v8t .btn{height:38px}
 .v8t .buybox .price{font-size:22px}
}

.v8t .catnav .alld[aria-expanded="true"]{background:#3D434C;color:#fff;border-radius:8px}
.v8t .card .stock{font-size:12px;font-weight:500}
.v8t .card .meta{font-size:11.5px}
.v8t .toolbar{gap:8px}
.v8t .toolbar .count{font-size:13px}
.v8t .cmpb{font-size:12px}
@media (max-width:600px){
 .v8t .toolbar{flex-wrap:nowrap}
 .v8t .toolbar .sel{max-width:132px;height:32px;font-size:13px}
 .v8t .toolbar .fbtn{height:32px;padding:0 10px}
 .v8t .vtog .iconbtn{width:32px;height:32px}
 .v8t .ctile{padding:8px 6px 6px}.v8t .ctile .ci{width:48px;height:48px}.v8t .ctile b{font-size:12.5px}
 .v8t .ct-row{grid-auto-columns:minmax(104px,32%)}
 .v8t .grid.list .card .img{width:76px;height:76px}
 .v8t .grid.list .card .stock{font-size:11.5px}
 .v8t .kind.k8{padding:6px 0 8px}
}

@media (max-width:600px){.v8t .grid.list .card .qty,.v8t .grid.list .card .addb{height:34px}}

/* v8u: toner sets (search rows + product page) */
.v8u .tsets{margin:4px 0 14px}
.v8u .tset-row{border:1px solid #E6E9ED;border-radius:12px;background:#fff;padding:10px 12px 12px;margin:0 0 10px}
.v8u .tset-row.compat{background:#fbfcfd}
.v8u .tsh{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin:0 0 8px}
.v8u .tsh h2{font-size:15px;font-weight:650;margin:0;letter-spacing:-.01em}
.v8u .tsh h2 small{font-size:11px;font-weight:600;color:#047857;background:#ecfdf5;border-radius:5px;padding:2px 6px;margin-left:6px;vertical-align:2px}
.v8u .tsub{font-size:12.5px;color:#5C6470}
.v8u .tsact{margin-left:auto}
.v8u .tsact .btn{height:32px;font-size:13px}
.v8u .tsg{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.v8u .tsg.n1{grid-template-columns:minmax(0,320px)}.v8u .tsg.n2{grid-template-columns:repeat(2,minmax(0,320px))}.v8u .tsg.n3{grid-template-columns:repeat(3,minmax(0,320px))}
.v8u .tsc{display:flex;gap:10px;align-items:flex-start;border:1px solid #ECEFF1;border-radius:10px;padding:8px;min-width:0;background:#fff}
.v8u .tsc.hit{border-color:#A2AAB5;box-shadow:0 0 0 1px #A2AAB5 inset}
.v8u .tsc .th{flex:0 0 64px;width:64px;height:64px;display:flex;align-items:center;justify-content:center;border-radius:8px;overflow:hidden;background:#fff}
.v8u .tsc .th img{width:100%;height:100%;object-fit:contain}
.v8u .tsc .th .noimg{width:64px;height:64px;font-size:9px}
.v8u .tsc .tb{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}
.v8u .tcol{display:flex;align-items:center;gap:6px;font-size:12.5px;font-weight:650;color:#262A31}
.v8u .tcol em{font-style:normal;font-weight:500;color:#5C6470;font-size:11.5px;margin-left:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.v8u .tdot{display:inline-block;width:12px;height:12px;border-radius:50%;flex:0 0 12px;box-shadow:0 0 0 1px rgba(20,24,30,.12) inset}
.v8u .tn{font-size:12px;color:#3D434C;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.v8u .tn:hover{color:#262A31;text-decoration:underline}
.v8u .tpn{font-size:11.5px;color:#5C6470;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.v8u .tbuy{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-top:3px}
.v8u .tpr{font-size:14px;font-weight:650;color:#262A31;white-space:nowrap}
.v8u .tpr .cfp{font-size:12px;font-weight:600;color:#4B525C}
.v8u .tbuy .btn{height:28px;padding:0 12px;font-size:12.5px;border-radius:7px}
.v8u .tsc.miss{flex-direction:column;justify-content:center;gap:6px;border-style:dashed;background:#fafbfc;min-height:82px}
.v8u .tsc.miss p{margin:0;font-size:12px;color:#5C6470}
.v8u .tsnote{font-size:12px;color:#5C6470;margin:8px 0 0}
.v8u .tsis{font-size:13px;color:#4B525C;margin:14px 0 6px}
.v8u .tsis.more{margin:16px 0 0;font-weight:600;color:#262A31;text-align:left!important;display:block;width:100%}
.v8u .dym.tsx{margin-bottom:8px}
/* product page */
.v8u .tset{border:1px solid #E6E9ED;border-radius:10px;padding:10px 12px;margin:10px 0}
.v8u .tset-h{font-size:12.5px;color:#5C6470;margin:0 0 7px}.v8u .tset-h b{color:#262A31;font-weight:650}.v8u .tset-h span{font-size:11.5px}
.v8u .tsw{display:flex;flex-wrap:wrap;gap:6px}
.v8u .tchip{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 11px;border:1px solid #E6E9ED;border-radius:999px;font-size:13px;color:#262A31;background:#fff}
.v8u a.tchip:hover{border-color:#A2AAB5}
.v8u .tchip.on{border-color:#262A31;box-shadow:0 0 0 1px #262A31 inset;font-weight:600}
.v8u .tchip.off{color:#A2AAB5;border-style:dashed;background:#fafbfc}.v8u .tchip.off .tdot{opacity:.35}
.v8u .tyl{display:inline-flex;margin-top:9px;border:1px solid #E6E9ED;border-radius:8px;overflow:hidden}
.v8u .tyl>*{display:inline-flex;align-items:center;height:30px;padding:0 12px;font-size:12.5px;color:#3D434C;border-left:1px solid #E6E9ED;background:#fff}
.v8u .tyl>*:first-child{border-left:0}.v8u .tyl .on{background:#F1F4F5;color:#262A31;font-weight:650}.v8u .tyl a:hover{background:#F7F9FA}
.v8u .tset .tsnote{margin-top:7px}
.v8u .pd-row{margin-top:14px}
@media (max-width:900px){.v8u .tsg{grid-template-columns:repeat(2,minmax(0,1fr))}.v8u .tsg.n1{grid-template-columns:minmax(0,1fr)}}
@media (max-width:600px){
 .v8u .tset-row{padding:8px 8px 10px;border-radius:10px}
 .v8u .tsh{gap:4px 8px}.v8u .tsh h2{font-size:14px}.v8u .tsub{font-size:11.5px;flex-basis:100%;order:3}
 .v8u .tsact{order:2}.v8u .tsact .btn{height:30px;font-size:12px;padding:0 10px}
 .v8u .tsg{gap:6px}
 .v8u .tsc{flex-direction:column;gap:6px;padding:7px}
 .v8u .tsc .th{width:100%;height:76px;flex:0 0 76px}
 .v8u .tn{font-size:11.5px}
 .v8u .tbuy .btn{height:28px;padding:0 10px}
 .v8u .tyl{display:flex;width:100%}.v8u .tyl>*{flex:1;justify-content:center;padding:0 6px;font-size:12px}
}

/* v8v: typeahead toner/ink SET block */
.v8u .sg8.one{grid-template-columns:minmax(0,1fr)}.v8u .sg8.one .sg8-l{border-right:0}
.v8u .sgts{padding:10px 14px 8px;border-bottom:1px solid #F1F4F5;background:#FAFBFB}
.v8u .sgts-h{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;margin:0 0 8px}
.v8u .sgts-h b{font-size:14px;font-weight:700;color:#262A31}
.v8u .sgts-h small{font-size:12px;color:#5C6470}
.v8u .sgts-q{margin-left:auto;font-size:12.5px;font-weight:600;color:var(--acc)}
.v8u .sgts-g{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
.v8u .sgts-g.n1{grid-template-columns:minmax(0,1fr)}
.v8u .sgts .sgts-c{display:flex;align-items:center;gap:8px;padding:6px 8px 6px 10px;border:1px solid #E6E9ED;border-radius:8px;background:#fff;min-width:0;min-height:42px}
.v8u .sgts .sgts-c:hover,.v8u .sgts .sgts-c.act{background:var(--soft)}
.v8u .sgts .sgts-c.hit{border-color:var(--acc);box-shadow:0 0 0 1px var(--acc) inset;background:#F4F8F8}
.v8u .sgts .sgts-c.miss{border-style:dashed;background:#fafbfc}
.v8u .sgts-c .sg-main{display:grid;grid-template-columns:12px minmax(0,1fr) auto;grid-template-areas:"d t p";column-gap:8px;align-items:center;flex:1;min-width:0;color:inherit;text-decoration:none}
.v8u .sgts-c.miss{display:grid;grid-template-columns:12px minmax(0,1fr);column-gap:8px}
.v8u .sgts-c .tdot{grid-area:d}
.v8u .sgts-t{grid-area:t;display:flex;align-items:baseline;gap:8px;min-width:0;line-height:1.25}
.v8u .sgts-t b{flex:0 0 auto;min-width:60px;font-size:13px;font-weight:650;color:#262A31;white-space:nowrap}
.v8u .sgts-t small{font-size:12.5px;color:#3D434C;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.v8u .sgts-c.hit .sgts-t small{color:var(--acc);font-weight:700}
.v8u .sgts-c .pr{grid-area:p;font-size:13px;font-weight:700;color:#262A31;white-space:nowrap}
.v8u .sgts-c .pr .cfp{font-size:12px;font-weight:600;color:var(--warn)}
.v8u .sgts-c.miss .sgts-t small{font-family:inherit;color:#5C6470}
.v8u .sgts .sg-add{height:28px;padding:0 10px;font-size:12.5px;border-width:1px;border-radius:7px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;white-space:nowrap}
.v8u .sgts .sg-add.acc{background:var(--acc);color:#fff;border-color:var(--acc)}.v8u .sgts .sg-add.acc:hover{filter:brightness(.95)}
.v8u .sgts-comp{display:flex;align-items:center;gap:10px;margin-top:6px;padding:6px 8px 6px 10px;border:1px solid #E6E9ED;border-radius:8px;background:#fff}
.v8u .sgts-ct{display:flex;align-items:baseline;gap:8px;flex:1;min-width:0;flex-wrap:wrap}
.v8u .sgts-ct b{font-size:13px;font-weight:650;color:#262A31}.v8u .sgts-ct small{font-size:12px;color:#5C6470}
.v8u .sgts-more{display:block;padding:8px 2px 2px;font-size:13px;font-weight:650;color:var(--acc);background:none}
.v8u .sgts-more:hover,.v8u .sgts-more.act{background:none;text-decoration:underline}
@media (max-width:600px){
.v8u .sgts{padding:10px 12px 6px}
.v8u .sgts-h{padding-right:40px;row-gap:2px}
.v8u .sgts-g{grid-template-columns:minmax(0,1fr);gap:0;border:1px solid #E6E9ED;border-radius:8px;background:#fff;overflow:hidden}
.v8u .sgts .sgts-c{border:0;border-radius:0;border-top:1px solid #F1F4F5;padding:6px 8px 6px 10px;min-height:44px}
.v8u .sgts .sgts-c:first-child{border-top:0}
.v8u .sgts .sgts-c.hit{border:0;box-shadow:inset 3px 0 0 var(--acc);background:#F3F8F7}
.v8u .sgts .sgts-c.hit:not(:first-child){border-top:1px solid #F1F4F5}
.v8u .sgts .sg-add{height:32px;min-width:58px}
}

/* v8w: family note + sister set row in the typeahead ("hp 210", "w2100") */
.v8u .sgts-note{font-size:12px;color:#4B525C;margin:0 0 6px}
.v8u .sgts-sis{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;margin-top:8px;padding:8px 10px;border:1px solid #E6E9ED;border-radius:8px;font-size:13px}
.v8u .sgts-sis b{font-weight:700;color:#262A31}
.v8u .sgts-sis small{font-size:12px;color:#5C6470}
.v8u .sgts-sis span{margin-left:auto;color:var(--acc);font-weight:650;font-size:12px}

/* v8x: long colour names on option buttons (e.g. 5-colour sets) stay on one line */
.vopt.col span{max-width:16em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;vertical-align:middle}

/* v8z4: long 'See all <category> →' links wrap on phones instead of pushing the page sideways */
.sec-h{min-width:0}.sec-h h2{min-width:0}@media (max-width:640px){.sec-h{flex-wrap:wrap;gap:6px 16px}.sec-h a{white-space:normal;overflow-wrap:anywhere;min-width:0}}

/* v8z5: compatible with no photo -> small labelled picture of the ORIGINAL it fits (never presented as the item itself) */
.fitw{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;aspect-ratio:1;width:100%;box-sizing:border-box;background:#F4F6F7;border:1px dashed #E6E9ED;border-radius:10px;padding:8px;overflow:hidden;color:#5C6470;font-size:12px;line-height:1.25;text-align:left}
.fitw .fitl{display:block;font-weight:600;letter-spacing:.01em;max-width:100%}
.fitw .fitl b{display:block;color:#30353D;font-weight:650;margin-top:1px}
.fitw .fiti{position:absolute;right:8px;bottom:8px;width:46%;aspect-ratio:1;background:#fff;border:1px solid #E6E9ED;border-radius:8px;overflow:hidden;display:block}
.fitw .fiti img{width:100%;height:100%;object-fit:contain;display:block}
.fitw .fitn{position:absolute;left:8px;bottom:8px;max-width:44%;font-size:10.5px;color:#A2AAB5}
.th .fitw,.sg-main .th .fitw{padding:2px;border-radius:6px}
.th .fitw .fitl,.th .fitw .fitn{display:none}
.th .fitw .fiti{position:static;width:100%;height:100%;border:0;background:transparent}
.tsc .th .fitw .fitl,.tsc .th .fitw .fitn{display:block}
.tsc .th .fitw .fiti{position:absolute;width:46%;height:auto;border:1px solid #E6E9ED;background:#fff}
.tsc .th .fitw{padding:6px}
.tsc .th .fitw .fitl{font-size:10.5px}.tsc .th .fitw .fitn{display:none}
@media (max-width:900px){.v8u .tsg.n3{grid-template-columns:repeat(2,minmax(0,1fr))}}
.v8u .tsg>*{min-width:0}
.v8u .tsc{min-width:0;overflow:hidden}.v8u .tsc .tb{min-width:0}.v8u .tsc .tn{overflow-wrap:anywhere}
.v8u .tsc .tb{width:100%;max-width:100%;box-sizing:border-box}.v8u .tsc .tcol{min-width:0;max-width:100%;overflow:hidden}.v8u .tsc .tcol em{min-width:0;overflow:hidden;text-overflow:ellipsis}.v8u .tsc .tpn{overflow:hidden;text-overflow:ellipsis}

/* v8z7: collapsible filter groups, quick filter chips, side drawer on desktop */
.fdet>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between}.fdet>summary::-webkit-details-marker{display:none}
.fdet>summary h4{margin:0;flex:1}.fdet>summary::after{content:"";width:7px;height:7px;border-right:1.5px solid #5C6470;border-bottom:1.5px solid #5C6470;transform:rotate(45deg);margin:0 4px 3px 8px;transition:transform .15s}
.fdet[open]>summary::after{transform:rotate(-135deg);margin-bottom:-3px}.fdet[open]>summary{margin-bottom:8px}.fdet .fbody{display:block}
.qf{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 10px}.qf .chip{padding:5px 10px;font-size:13px;font-weight:500}.qf .chip small{opacity:.65;font-weight:500}.qf .chip.on small{opacity:.8}
.qf .qall svg{width:14px;height:14px}
@media(max-width:899px){.qf{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin:0 -2px 8px;padding:0 2px}.qf::-webkit-scrollbar{display:none}.qf .chip{flex:0 0 auto}.qf .qall{display:none}}
@media(min-width:900px){.fsheet{align-items:stretch;justify-content:flex-start}.fsheet .in{width:360px;max-height:none;height:100%;border-radius:0;padding:16px 20px 90px}.fsheet .bar{left:0;right:auto;width:360px;box-sizing:border-box}}
.listing>section{min-width:0}

/* v8z8: ribbons, category tree, category photos, filter-button row */
.card .img{position:relative;overflow:hidden}
.rib{position:absolute;z-index:2;font-size:11px;font-weight:650;line-height:1;pointer-events:auto}
.rib.rec{top:8px;left:8px;display:inline-flex;align-items:center;gap:4px;padding:4px 7px 4px 5px;border:1px solid #15803D;color:#15803D;background:#fff;border-radius:6px;cursor:help}
.rib.rec svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.rib.rec[data-tip]:hover::after,.rib.rec[data-tip]:focus::after{content:attr(data-tip);position:absolute;left:0;top:calc(100% + 4px);white-space:nowrap;background:#262A31;color:#fff;font-weight:500;font-size:11.5px;padding:5px 8px;border-radius:6px;z-index:5}
.rib.corner{top:12px;left:-34px;width:120px;text-align:center;transform:rotate(-45deg);padding:4px 0;color:#fff;letter-spacing:.04em;text-transform:uppercase;font-size:10.5px}
.rib.sale{background:#b91c1c}.rib.pick{background:#262A31}
.grid.list .card .rib.rec{top:2px;left:2px;padding:2px}.grid.list .card .rib.rec span{display:none}.grid.list .card .rib.corner{font-size:8px;width:90px;left:-28px;top:8px}
.recline{display:flex;align-items:center;gap:8px;margin:4px 0 6px;font-size:13px;color:#4b5563}.recline .rib.rec{position:static}
.ftree .tdep{font-weight:600}.ftree .flink{display:flex;justify-content:space-between;gap:8px;padding:5px 8px;margin:0 -8px;border-radius:6px;font-size:13.5px;color:var(--ink2)}
.ftree .flink small{color:#A2AAB5}.ftree .flink:hover{background:var(--soft);color:var(--ink)}.ftree .flink.on{font-weight:700;color:var(--ink);background:var(--soft2)}
.ftree .fup{display:block;font-size:13px;color:var(--acc);font-weight:600;margin:-4px 0 6px}
.tnode>summary{list-style:none;display:flex;align-items:center;cursor:pointer}.tnode>summary::-webkit-details-marker{display:none}.tnode>summary .flink{flex:1}
.tnode>summary::before{content:"";flex:0 0 auto;width:6px;height:6px;border-right:1.5px solid #5C6470;border-bottom:1.5px solid #5C6470;transform:rotate(-45deg);margin:0 8px 0 0;transition:transform .15s}.tnode[open]>summary::before{transform:rotate(45deg)}
.tsubs{padding-left:14px;border-left:1px solid var(--line);margin:2px 0 4px 2px}.ftree>.tsubs{padding-left:0;border:0;margin:0}
.limg{display:block;height:120px;margin:-2px -4px 8px;border-radius:8px;overflow:hidden;background:#fff}.limg img{width:100%;height:100%;object-fit:contain}
.lsec{font-size:15px;margin:14px 0 4px}
button.ctile{font:inherit;color:inherit;cursor:pointer}.ctile.on{border-color:#15803D;box-shadow:inset 0 0 0 1px #15803D}
.qf .fbx{gap:6px}.qf .fbx i{width:6px;height:6px;border-right:1.5px solid #5C6470;border-bottom:1.5px solid #5C6470;transform:rotate(45deg);margin:-3px 0 0 2px}
.catm a{color:var(--acc);font-weight:600}
@media(max-width:600px){.limg{height:96px}}
.rib.rec.inl{position:relative;top:auto;left:auto;align-self:flex-start;margin:3px 0 1px;font-size:10.5px;padding:2px 6px 2px 4px}
.ct-row{grid-auto-columns:minmax(124px,170px)}

/* v8z9: printer breakdown panel, find-toner box, fits/uses sections */
.pb9{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px 18px;border:1px solid var(--line);border-radius:12px;padding:12px 14px;margin:4px 0 12px;background:#fff}
.pb9g.wide{grid-column:span 2}.pb9r{display:flex;flex-wrap:wrap;gap:6px}.pb9g .ct-h{margin:0 0 6px}
.pb9t{display:inline-flex;align-items:baseline;gap:6px;padding:5px 10px;border:1px solid var(--line);border-radius:8px;background:#fff;font:inherit;font-size:13px;cursor:pointer;color:#262A31}
.pb9t b{font-weight:600}.pb9t small{color:var(--mute);font-size:12px}.pb9t:hover{border-color:#A2AAB5}.pb9t.on{border-color:var(--acc);background:#E8F4F2;color:var(--acc2)}.pb9t.on small{color:var(--acc2)}
.tbox9{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;border:1px solid #A8D8D0;background:#F3F8F7;border-radius:12px;padding:12px 14px;margin:0 0 14px}
.tb9t{display:grid;gap:2px;min-width:220px;flex:1}.tb9t b{font-size:15px}.tb9t span{font-size:13px;color:var(--mute)}
.tb9f{display:flex;gap:8px;flex:1;min-width:260px;max-width:520px}.tb9f .sel{flex:1;min-width:0;font-weight:500;height:38px}.tb9f .btn{height:38px;white-space:nowrap}
.fit9 .sec-h h2 small{color:var(--mute);font-weight:500;font-size:14px}.chips9{display:flex;flex-wrap:wrap;gap:6px}.chips9 .chip{padding:5px 10px;font-size:13px;font-weight:500}
.note9{font-size:12.5px;color:var(--mute);margin:8px 0 0}.h9{font-size:14px;margin:12px 0 8px;font-weight:650}.h9 small{color:var(--mute);font-weight:500}
.find9{display:flex;gap:8px;margin:6px 0 12px;max-width:760px}.find9 .sel{flex:1;height:44px;font-weight:500;font-size:15px}.find9 .btn{height:44px}
.f9pick{grid-template-columns:1fr 1fr;max-width:760px;padding:14px;border-radius:12px}.f9res{margin-top:18px}.empty9{margin-top:18px;border:1px dashed var(--line);border-radius:12px;padding:18px}.empty9 h3{margin:0 0 6px}
.f9tn{display:grid;grid-template-columns:240px 1fr;gap:18px;align-items:start}.f9tn h2{font-size:18px;margin:0 0 4px}
@media (max-width:700px){.pb9{grid-template-columns:1fr;padding:10px}.pb9g.wide{grid-column:auto}.tbox9{padding:10px}.tb9f{min-width:0;max-width:none;width:100%}.find9 .sel{height:40px;font-size:14px}.find9 .btn{height:40px}.f9pick{grid-template-columns:1fr}.f9tn{grid-template-columns:1fr}.f9card{max-width:260px}}

@media (max-width:700px){.pb9{display:block;padding:8px 10px}.pb9g{margin:0 0 8px}.pb9g:last-child{margin:0}.pb9r{flex-wrap:nowrap;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}.pb9r::-webkit-scrollbar{display:none}.pb9t{white-space:nowrap}
.tbox9{flex-direction:column;align-items:stretch;gap:8px}.tb9t{min-width:0}.tb9f{width:100%}}
.cb9{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid #A8D8D0;background:#F3F8F7;border-radius:10px;padding:10px 12px;margin:10px 0 0;font-size:13.5px}.cb9 button{white-space:nowrap}

/* ===== v9b: accounts, checkout, corporate ===== */
.acc9 svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}
.acc9 .mute,.acc9 small.mute{color:var(--mute);font-size:12.5px;display:block}
.acc9 .link{background:none;border:0;padding:0;color:var(--acc);font:inherit;font-weight:600;cursor:pointer}
.acc9 .danger9{color:#b91c1c}
.auth9{display:grid;grid-template-columns:minmax(0,480px) minmax(0,1fr);gap:56px;padding:24px 0 70px;align-items:start}
.auth9-card .ptitle{margin-top:0}.auth9-side{background:var(--soft);border-radius:18px;padding:28px 30px}.auth9-side h3{margin:0 0 16px;font-size:17px}
.ticks9{list-style:none;margin:0;padding:0;display:grid;gap:18px}.ticks9 li{display:flex;gap:14px}.ticks9 svg{width:22px;height:22px;margin-top:2px;color:var(--ink)}.ticks9 b{display:block;font-size:15px}.ticks9 span{color:var(--ink2);font-size:14px;line-height:1.45}
.seg9{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:12px;padding:4px;gap:4px}.seg9 label{display:block}.seg9 input{position:absolute;opacity:0}.seg9 span{display:block;text-align:center;padding:10px;border-radius:9px;font-weight:600;font-size:14px;color:var(--ink2);cursor:pointer}.seg9 input:checked+span{background:var(--ink);color:#fff}
.acct9{grid-template-columns:230px minmax(0,1fr)}.acct9 nav a{display:flex;align-items:center;gap:10px}.acct9 nav a svg{width:17px;height:17px}.acct9 nav .out9{display:flex;align-items:center;gap:10px;padding:11px 14px;color:var(--ink2);margin-top:10px}
.nb9{background:var(--acc);color:#fff;border-radius:9px;font-size:11px;padding:1px 7px;margin-left:auto}
.hello9{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px}.hello9 h2{margin:0;font-size:24px}
.alert9{display:flex;gap:14px;align-items:center;border:1px solid var(--line);background:#fff;border-radius:14px;padding:14px 16px;margin:0 0 16px;color:var(--ink)}.alert9 span{flex:1;font-size:14px;color:var(--ink2)}.alert9 b{display:block;color:var(--ink);font-size:15px}.alert9 svg{width:22px;height:22px}
.warn9{background:#fffbeb;border-color:#fde68a}
.kpi9{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:16px}.kpi9>*{border:1px solid var(--line);border-radius:14px;padding:16px;color:var(--ink)}.kpi9 b{display:block;font-size:22px}.kpi9 span{font-size:13px;color:var(--mute)}
.ph9{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;flex-wrap:wrap}.ph9 h3{margin:0}
.filt9{display:flex;gap:8px}.filt9 select,.otab9 select{height:36px;border:1px solid var(--line);border-radius:9px;padding:0 10px;background:#fff;font:inherit;font-size:14px}
.otab9{overflow-x:auto}.otab9 table{width:100%;border-collapse:collapse;font-size:14px}.otab9 th{text-align:left;font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--mute);font-weight:600;padding:8px 10px;border-bottom:1px solid var(--line)}.otab9 td{padding:12px 10px;border-bottom:1px solid var(--line);vertical-align:middle}.otab9 .r{text-align:right}.otab9 .btn.sm{height:32px;gap:6px}.otab9 tr.inv9 td{color:var(--ink2);background:var(--soft)}
.stc{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:650;padding:3px 9px;border-radius:999px;background:var(--soft2);color:var(--ink2);white-space:nowrap}.stc svg{width:13px;height:13px}
.st-wait{background:#fef3c7;color:#92400e}.st-new{background:#D2EAE6;color:#3730a3}.st-proc{background:#e0f2fe;color:#075985}.st-ship{background:#ede9fe;color:#5b21b6}.st-done{background:#dcfce7;color:#166534}.st-cx{background:#F1F4F5;color:#5C6470}
.ohead9{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:14px}.ohead9 h2{margin:2px 0;font-size:24px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.crumb9{font-size:13px}.oact9{display:flex;gap:8px}
.testb9{background:#fef3c7;border:1px solid #fcd34d;color:#78350f;border-radius:10px;padding:9px 12px;font-size:13px;font-weight:600;margin:0 0 14px}
.og9{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:20px;align-items:start}
.oli9{display:grid;grid-template-columns:56px minmax(0,1fr) auto 90px;gap:14px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}.oli9 a{color:var(--ink);font-weight:600;font-size:14px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.oli9 small{display:block;color:var(--mute);font-size:12.5px;margin-top:3px}.am9{text-align:right}
.th9{width:56px;height:56px;border:1px solid var(--line);border-radius:8px;display:grid;place-items:center;overflow:hidden;background:#fff}.th9 img{max-width:100%;max-height:100%;object-fit:contain}
.qe9{display:flex;align-items:center;border:1px solid var(--line);border-radius:10px;overflow:hidden}.qe9 button{width:32px;height:34px;border:0;background:#fff;font-size:17px;cursor:pointer}.qe9 input{width:48px;height:34px;border:0;border-left:1px solid var(--line);border-right:1px solid var(--line);text-align:center;font:inherit}.qe9 .rm9{border-left:1px solid var(--line)}.qe9 .rm9 svg{width:15px;height:15px}
.addi9{margin-top:16px}.addi9 label{display:grid;gap:6px;font-size:13px;font-weight:600;color:var(--ink2)}.addi9 input{height:44px;border:1.5px solid var(--line);border-radius:10px;padding:0 12px;font:inherit}
.addr9{display:grid;gap:4px;margin-top:6px}.addr9 button{display:grid;grid-template-columns:56px 1fr auto;gap:12px;align-items:center;text-align:left;border:1px solid var(--line);background:#fff;border-radius:10px;padding:8px 10px;cursor:pointer;font:inherit;font-size:14px}.addr9 button:hover{border-color:var(--ink)}.addr9 small{display:block;color:var(--mute);font-size:12px}
.sum9 .r,.og9 .r{display:flex;justify-content:space-between;padding:5px 0;font-size:14.5px}.sum9 .r.t{font-weight:700;font-size:17px;border-top:1px solid var(--line);margin-top:6px;padding-top:10px}.sum9 .btn{margin-top:12px}.sum9 h4,.og9 h4{margin:16px 0 6px;font-size:13px;text-transform:uppercase;letter-spacing:.04em;color:var(--mute)}.sum9 .danger9{display:block;margin:12px auto 0;font-size:14px}
.addr9t{font-size:14px;line-height:1.5;margin:0}.tl9{list-style:none;margin:0;padding:0 0 0 14px;border-left:2px solid var(--line);display:grid;gap:12px}.tl9 li{font-size:13.5px;position:relative}.tl9 li:before{content:"";position:absolute;left:-20px;top:5px;width:10px;height:10px;border-radius:50%;background:var(--ink)}.tl9 small{display:block;color:var(--mute)}
.cardf9{display:grid;gap:10px;margin-top:10px}.cardf9 iframe{display:block;box-sizing:border-box;height:44px;border:1.5px solid var(--line);border-radius:10px;width:100%;max-width:100%;min-width:0;padding:0;margin:0;background:#fff;overflow:hidden}.three9{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}.four9{display:grid;grid-template-columns:1.3fr 1fr 1.3fr 1fr;gap:12px}
.paypick9{display:grid;gap:8px}.po9 input{position:absolute;opacity:0}.po9 span{display:grid;grid-template-columns:22px 1fr;column-gap:10px;align-items:center;border:1.5px solid var(--line);border-radius:12px;padding:13px 14px;cursor:pointer;font-size:15px}.po9 small{grid-column:2;color:var(--mute);font-size:12.5px;font-weight:500}.po9 input:checked+span{border-color:var(--ink);box-shadow:0 0 0 1px var(--ink)}
.adl9{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px}.adc9{border:1px solid var(--line);border-radius:14px;padding:14px;font-size:14px;line-height:1.5}.adc9 p{margin:6px 0 10px}.adc9 div{display:flex;gap:14px}
.row9{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.c9{justify-content:center}.inl9{display:flex;gap:8px}.inl9 input{height:38px;border:1px solid var(--line);border-radius:9px;padding:0 10px;font:inherit;min-width:0;flex:1;max-width:360px}
.sw9{display:inline-flex;align-items:center;gap:8px;cursor:pointer;font-size:13px}.sw9 input{position:absolute;opacity:0}.sw9 i{width:34px;height:20px;border-radius:10px;background:#C9CFD7;position:relative;transition:.2s}.sw9 i:after{content:"";position:absolute;left:2px;top:2px;width:16px;height:16px;border-radius:50%;background:#fff;transition:.2s}.sw9 input:checked+i{background:var(--ink)}.sw9 input:checked+i:after{left:16px}
.lcf9{border:1px solid var(--line);border-radius:14px;padding:16px;margin-bottom:14px}.lcf9 details summary{cursor:pointer;font-weight:600;font-size:14px;margin:4px 0 8px}
.co9 .panel h3{display:flex;align-items:center;gap:10px}.n9{font-style:normal;width:26px;height:26px;border-radius:50%;background:var(--ink);color:#fff;font-size:13px;display:grid;place-items:center}
.who9{display:flex;align-items:center;gap:12px}.who9 svg{width:22px;height:22px}.who9 div{flex:1}.who9 small{display:block;color:var(--mute)}
.tabs9{display:flex;gap:4px;border-bottom:1px solid var(--line);margin-bottom:14px}.tabs9 button{background:none;border:0;padding:10px 12px;font:inherit;font-weight:600;color:var(--mute);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px}.tabs9 button.on{color:var(--ink);border-bottom-color:var(--ink)}
.vrow9{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:end}.vrow9 .btn{height:46px}.ok9{display:inline-flex;gap:6px;align-items:center;color:#166534;font-weight:600;font-size:14px;height:46px}
.aol9{display:grid;gap:8px;margin-bottom:10px}.ao9 input{position:absolute;opacity:0}.ao9 span{display:block;border:1.5px solid var(--line);border-radius:12px;padding:12px 14px;font-size:14px;line-height:1.5;cursor:pointer}.ao9 b{display:block}.ao9 input:checked+span{border-color:var(--ink);box-shadow:0 0 0 1px var(--ink)}
.yp9{display:block;color:#166534;font-size:12px}
.done9{max-width:640px;margin:30px auto 70px;text-align:center}.big9 svg{width:56px;height:56px;stroke-width:1.4;color:var(--ink)}.ca9{text-align:left;margin-top:28px}
.corp9h{display:grid;grid-template-columns:1.1fr 1fr;gap:56px;align-items:center;padding:30px 0 40px}.corp9h h1{font-size:40px;line-height:1.1;margin:10px 0 14px;letter-spacing:-.02em}.corp9h p{font-size:17px;color:var(--ink2);line-height:1.55;margin:0 0 22px}.eyb9{font-size:12.5px;text-transform:uppercase;letter-spacing:.08em;font-weight:700;color:var(--mute)}
.flow9{list-style:none;margin:0;padding:0;display:grid;gap:12px;counter-reset:f}.flow9 li{display:grid;grid-template-columns:40px 1fr;column-gap:14px;border:1px solid var(--line);border-radius:14px;padding:16px;background:#fff}.flow9 svg{grid-row:span 2;width:26px;height:26px;margin-top:2px}.flow9 b{font-size:15.5px}.flow9 span{color:var(--ink2);font-size:14px}
.corp9f{display:grid;grid-template-columns:1fr 480px;gap:40px;align-items:start;padding-bottom:70px}.cf9{display:grid;grid-template-columns:1fr 1fr;gap:16px}.cf9 div{background:var(--soft);border-radius:14px;padding:20px}.cf9 svg{width:24px;height:24px}.cf9 b{display:block;margin:10px 0 4px}.cf9 span{font-size:14px;color:var(--ink2)}
.soft9{background:var(--soft);border:0}
.abadge{left:auto;right:-6px}
@media (max-width:900px){.auth9,.og9,.corp9h,.corp9f{grid-template-columns:1fr;gap:24px}.acct9{grid-template-columns:1fr}.acct9 nav{display:flex;overflow-x:auto;gap:4px;padding-bottom:4px}.acct9 nav a,.acct9 nav .out9{white-space:nowrap;padding:9px 12px;margin:0}.corp9h h1{font-size:30px}.four9{grid-template-columns:1fr 1fr}}
@media (max-width:600px){.three9{grid-template-columns:1fr 1fr}.three9 label:first-child{grid-column:span 2}.oli9{grid-template-columns:48px minmax(0,1fr) auto;row-gap:8px}.oli9 .am9{grid-column:2/4;text-align:right}.oli9 .qe9{grid-row:2;grid-column:2}.th9{width:48px;height:48px}.cf9{grid-template-columns:1fr}.vrow9{grid-template-columns:1fr auto}.vrow9 .link{grid-column:span 2}.ohead9{flex-direction:column}.otab9 table{font-size:13px}.otab9 td,.otab9 th{padding:10px 6px}.four9{grid-template-columns:1fr}.hello9{flex-direction:column}}
@media print{.site-header,.topbar,.site-footer,.acct9 nav,.oact9{display:none!important}.og9{grid-template-columns:1fr}}

.cardf9 label{display:grid;gap:5px;font-size:13px;font-weight:600;color:var(--ink2);min-width:0}.cardf9 input{height:44px;border:1.5px solid var(--line);border-radius:10px;padding:0 12px;font:inherit;font-size:15px;width:100%;box-sizing:border-box;min-width:0}
.three9>*,.four9>*,.two>*{min-width:0}.paypick9,.po9,.po9 span{min-width:0;box-sizing:border-box}.sum9 .testb9{margin:10px 0 0;font-size:12px}

/* ===== c9: brand concept C "Halves" (Kent Teal, Outfit + Inter, pills). Owner pick 2026-10-21 6:12 PM ===== */
:root{--ink:#262A31;--ink2:#3D434C;--mute:#5C6470;--silver:#A2AAB5;--line:#E6E9ED;--soft:#F1F4F5;--soft2:#E9EEF0;--acc:#0E7C72;--acc2:#0B675F;--accd:#26B3A3;--accs:#E8F4F2;--ok:#0E7C72;
--font:Inter,"Inter Fb",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--head:Outfit,"Outfit Fb",Inter,-apple-system,"Segoe UI",sans-serif;--wrap:1280px;--sh:0 4px 16px rgba(20,24,30,.06)}
body.c9{font-family:var(--font);color:var(--ink);--line:#E6E9ED}
.c9 h1,.c9 h2,.c9 h3,.c9 .ptitle,.c9 .sec-h h2,.c9 .pinfo h1,.c9 .panel h2,.c9 .panel h3{font-family:var(--head);font-weight:600;letter-spacing:-.015em;color:var(--ink)}
.c9 h4{font-family:var(--head);font-weight:600}
.c9 .price,.c9 .card .price,.c9 .buybox .price,.c9 .lt,.c9 .sku,.c9 .iid{font-variant-numeric:tabular-nums}
.c9 :focus-visible{outline:2px solid var(--acc);outline-offset:2px}
.c9 a.lnk,.c9 .info a:not(.btn),.c9 .link{color:var(--acc)}
.c9 .wrap{max-width:var(--wrap);padding-left:24px;padding-right:24px}
@media (max-width:600px){.c9 .wrap{padding-left:16px;padding-right:16px}}

/* top utility strip */
.c9 .topbar{background:#262A31;color:#C9CFD7;font-size:12.5px}
.c9 .topbar .wrap{display:flex;justify-content:space-between;align-items:center;gap:18px;padding-top:7px;padding-bottom:7px;flex-wrap:nowrap}
.c9 .topbar .tb-l{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#E6E9ED}
.c9 .topbar .tb-l a{color:#fff;text-decoration:none}
.c9 .topbar .tb-r{display:flex;align-items:center;gap:20px;white-space:nowrap}
.c9 .topbar a,.c9 .topbar .tbl{color:#E6E9ED;text-decoration:none;display:inline-flex;align-items:center;gap:6px}
.c9 .topbar a:hover{color:#fff}
.c9 .topbar svg{width:14px;height:14px;color:#A2AAB5;stroke-width:1.8}
@media (max-width:600px){.c9 .topbar .wrap{justify-content:center;font-size:12px}.c9 .topbar .tb-l{display:none}}

/* header */
.c9 .site-header{background:rgba(255,255,255,.98);border-bottom:1px solid var(--line);box-shadow:none}
.c9 .hrow{height:76px;gap:20px}
.c9 .logo .logoimg,.c9 .hrow .logoimg{height:38px;width:auto}
.c9 .search{max-width:680px}
.c9 .search input{height:44px;border:1px solid #DDE2E6;border-radius:999px;background:#F7F9FA;padding:0 112px 0 46px;font-size:14.5px}
.c9 .search input:focus{background:#fff;border-color:var(--acc);box-shadow:0 0 0 3px rgba(14,124,114,.14)}
.c9 .sicon{left:17px;width:19px;height:19px;color:var(--mute)}
.c9 .search .sbtn,.c9 .search button[type=submit]{right:4px;height:36px;padding:0 20px;border-radius:999px;background:var(--acc);color:#fff;font-weight:600;font-size:13.5px}
.c9 .search .sbtn:hover{background:var(--acc2)}
.c9 .hlink{color:var(--ink);font-weight:500;font-size:13px;border-radius:999px;padding:8px 10px}
.c9 .hlink:hover{background:var(--soft);color:var(--acc)}
.c9 .hlink svg{width:21px;height:21px;stroke-width:1.6}
.c9 .badge{background:var(--acc);font-weight:600;font-size:10.5px;min-width:17px;height:17px}
.c9 .iconbtn{border-radius:999px}
/* category row */
.c9 .catnav{background:var(--soft);border-top:1px solid var(--line)}
.c9 .catnav .wrap{gap:0;align-items:center;min-height:44px}
.c9 .catnav a{padding:12px 11px;font-size:13.5px;font-weight:500;color:var(--ink2);border-bottom:2px solid transparent}
.c9 .catnav a:hover,.c9 .catnav a.on{color:var(--acc);border-bottom-color:var(--acc)}
.c9 .catnav .alld{background:#262A31;color:#fff;border-radius:999px;padding:7px 16px;font-size:13px;font-weight:600;margin-right:10px;height:32px}
.c9 .catnav .alld:hover,.c9 .catnav .alld[aria-expanded="true"]{background:#3D434C;border-radius:999px}
.c9 .catnav .alld svg{width:15px;height:15px}
.c9 .mega{border-radius:14px;box-shadow:0 18px 40px -18px rgba(20,24,30,.25)}
.c9 .mrail a:hover,.c9 .mrail a.on{background:var(--accs);color:var(--acc2)}
.c9 .mcat:hover,.c9 .msub:hover{color:var(--acc)}
@media (max-width:900px){.c9 .hrow{height:auto;gap:8px 10px;padding-top:10px;padding-bottom:10px}.c9 .hrow .logoimg{height:30px}.c9 .search input{height:42px}.c9 .search .sbtn{height:34px;padding:0 16px}}

/* buttons: pills. primary = teal; secondary = white with teal border */
.c9 .btn{border-radius:999px;background:var(--acc);border:1.5px solid var(--acc);color:#fff;font-weight:600;height:40px;padding:0 20px;font-size:14px;box-shadow:none}
.c9 .btn:hover{background:var(--acc2);border-color:var(--acc2)}
.c9 .btn.acc{background:var(--acc);border-color:var(--acc);color:#fff}.c9 .btn.acc:hover{background:var(--acc2);border-color:var(--acc2)}
.c9 .btn.ghost,.c9 .btn.sec{background:#fff;border:1.5px solid var(--acc);color:var(--acc)}
.c9 .btn.ghost:hover,.c9 .btn.sec:hover{background:var(--accs);color:var(--acc2);border-color:var(--acc2)}
.c9 .btn.white{background:#fff;border-color:#fff;color:var(--ink)}.c9 .btn.white:hover{background:var(--soft);border-color:var(--soft)}
.c9 .btn.dark{background:#262A31;border-color:#262A31;color:#fff}.c9 .btn.dark:hover{background:#3D434C}
.c9 .btn.sm{height:34px;padding:0 14px;font-size:13px;border-radius:999px}
.c9 .btn.big{height:46px;padding:0 24px;font-size:15px}
.c9 .card .btn,.c9 .card .qty{height:34px}
.c9 .btn:disabled,.c9 .btn[disabled]{opacity:.5}
.c9 .chip,.c9 .kchip{border-radius:999px}
.c9 .chip{background:#fff;border:1px solid var(--line);color:var(--ink2);font-weight:500}
.c9 .chip:hover,.c9 .kchip:hover{border-color:var(--acc);color:var(--acc)}
.c9 .kchip.on,.c9 .kchip[aria-pressed="true"],.c9 .chip.on{background:var(--accs);border-color:var(--acc);color:var(--acc2)}
.c9 .qty{border-radius:999px;border-color:#DDE2E6;overflow:hidden}
.c9 select,.c9 input[type=text],.c9 input[type=email],.c9 input[type=tel],.c9 input[type=password],.c9 input[type=number],.c9 textarea{border-color:#DDE2E6}
.c9 .form input:focus,.c9 .form select:focus,.c9 .form textarea:focus,.c9 input:focus,.c9 select:focus,.c9 textarea:focus{border-color:var(--acc);outline:none;box-shadow:0 0 0 3px rgba(14,124,114,.12)}
.c9 .search input:focus{box-shadow:0 0 0 3px rgba(14,124,114,.14)}

/* cards, panels */
.c9 .card{border:1px solid var(--line);border-radius:12px;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.c9 .card:hover{transform:translateY(-2px);border-color:#D5DADF;box-shadow:var(--sh)}
.c9 .card .brand{color:var(--mute);letter-spacing:.04em}
.c9 .card .name{color:var(--ink)}
.c9 .card .name:hover,.c9 .card a:hover .name{color:var(--acc)}
.c9 .panel{border:1px solid var(--line);border-radius:12px}
.c9 .buybox{border:1px solid var(--line);border-radius:12px}
.c9 .crumbs a:hover{color:var(--acc)}
.c9 .sec-h a{color:var(--acc);font-weight:600;font-size:13.5px}
.c9 .sec-h h2{font-size:24px}
.c9 .ptitle{font-size:28px}
.c9 .eyebrow{color:var(--acc);text-transform:uppercase;letter-spacing:.1em;font-size:12px;font-weight:600}
.c9 .toast{border-radius:999px;background:#262A31}

/* ---------- home ---------- */
.c9 .hc{position:relative;background:var(--soft);overflow:hidden;touch-action:pan-y}
.c9 .hc-track{position:relative;min-height:440px}
.c9 .hc-s{position:absolute;inset:0;opacity:0;visibility:hidden;transform:translateX(24px);transition:opacity .7s ease,transform .7s ease,visibility 0s linear .7s}
.c9 .hc-s.on{position:relative;opacity:1;visibility:visible;transform:none;transition:opacity .7s ease,transform .7s ease,visibility 0s}
.c9 .hc-s.out{transform:translateX(-24px)}
.c9 .hc-s>.wrap{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:48px;align-items:center;padding-top:52px;padding-bottom:64px;min-height:440px}
.c9 .hc-s h1,.c9 .hc-s h2{font-family:var(--head);font-weight:600;font-size:46px;line-height:1.08;letter-spacing:-.02em;margin:10px 0 14px;color:var(--ink);max-width:560px}
.c9 .hc-s .lead{font-size:16.5px;line-height:1.55;color:var(--mute);max-width:540px;margin:0 0 20px}
.c9 .hc-s .quick{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 22px}
.c9 .hc-s .quick .chip{height:32px;padding:0 14px;display:inline-flex;align-items:center;font-size:13px}
.c9 .hc-cta{display:flex;flex-wrap:wrap;gap:10px}
.c9 .hc-cta .btn{height:46px;padding:0 24px;font-size:15px}
.c9 .hc-cta .btn svg{width:17px;height:17px}
.c9 .hc-art{position:relative;height:340px}
.c9 .hc-art .halo{position:absolute;right:4%;top:50%;width:330px;height:330px;transform:translateY(-50%);border-radius:50%;background:#fff;border:2px solid var(--line)}
.c9 .hc-art .hlf{position:absolute;width:120px;height:120px;border-radius:50%;}
.c9 .hc-art .hlf.t{right:calc(4% + 290px);top:6%;background:linear-gradient(90deg,var(--acc) 50%,transparent 50%);opacity:.95}
.c9 .hc-art .hlf.s{right:0;bottom:2%;background:linear-gradient(90deg,transparent 50%,#C9CFD7 50%)}
.c9 .hc-tiles{position:absolute;inset:0;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:16px;padding:8px 0 8px 40px}
.c9 .hc-tiles a{position:relative;background:#fff;border:1px solid var(--line);border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:14px;gap:8px;transition:transform .25s ease,box-shadow .25s ease}
.c9 .hc-tiles a:hover{transform:translateY(-3px);box-shadow:var(--sh)}
.c9 .hc-tiles a img,.c9 .hc-tiles a .noimg{width:100%;height:96px;object-fit:contain}
.c9 .hc-tiles a span{font-size:12.5px;font-weight:600;color:var(--ink2);text-align:center;line-height:1.25}
.c9 .hc-tiles .skel{border-radius:16px}
.c9 .hc-ico{position:absolute;right:4%;top:50%;transform:translateY(-50%);width:330px;height:330px;border-radius:50%;background:#fff;border:2px solid var(--line);display:grid;place-items:center}
.c9 .hc-ico svg{width:120px;height:120px;color:var(--acc);stroke-width:1.2}
.c9 .hc-ico ul{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.c9 .hc-pts{position:absolute;left:0;top:50%;transform:translateY(-50%);display:grid;gap:12px;width:min(300px,52%);z-index:1}
.c9 .hc-pts div{background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px 14px;display:flex;gap:12px;align-items:center;font-size:13.5px;color:var(--ink2);box-shadow:var(--sh)}
.c9 .hc-pts svg{width:20px;height:20px;color:var(--acc);flex:none}
.c9 .hc-pts b{display:block;color:var(--ink);font-size:14px;font-weight:600}
.c9 .hc-img{position:absolute;inset:0;border-radius:20px;overflow:hidden;background:#fff;border:1px solid var(--line)}
.c9 .hc-img img{width:100%;height:100%;object-fit:cover}
.c9 .hc-s.bn>.wrap{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}
.c9 .hc-nav{position:absolute;left:0;right:0;bottom:20px;pointer-events:none}
.c9 .hc-nav .wrap{display:flex;align-items:center;gap:10px}
.c9 .hc-dots{display:flex;gap:6px;pointer-events:auto}
.c9 .hc-dots button{width:8px;height:8px;border-radius:999px;border:0;background:#C9CFD7;padding:0;cursor:pointer;transition:width .3s ease,background .3s ease}
.c9 .hc-dots button.on{width:26px;background:var(--acc)}
.c9 .hc-arr{margin-left:auto;display:flex;gap:8px;pointer-events:auto}
.c9 .hc-arr button{width:38px;height:38px;border-radius:50%;border:1px solid var(--line);background:#fff;display:grid;place-items:center;cursor:pointer;color:var(--ink)}
.c9 .hc-arr button:hover{border-color:var(--acc);color:var(--acc)}
.c9 .hc-arr svg{width:17px;height:17px}
@media (max-width:900px){
 .c9 .hc-track,.c9 .hc-s>.wrap{min-height:0}
 .c9 .hc-s>.wrap,.c9 .hc-s.bn>.wrap{grid-template-columns:1fr;gap:22px;padding-top:28px;padding-bottom:62px}
 .c9 .hc-s h1,.c9 .hc-s h2{font-size:32px;margin:8px 0 10px}
 .c9 .hc-s .lead{font-size:15px;margin-bottom:16px}
 .c9 .hc-art{height:200px}
 .c9 .hc-tiles{grid-template-columns:repeat(4,1fr);grid-template-rows:1fr;padding:0;gap:8px}
 .c9 .hc-tiles a{padding:8px;border-radius:12px}.c9 .hc-tiles a img,.c9 .hc-tiles a .noimg{height:64px}.c9 .hc-tiles a span{font-size:11px}
 .c9 .hc-ico{width:200px;height:200px;right:0}.c9 .hc-ico svg{width:76px;height:76px}
 .c9 .hc-pts{width:62%}.c9 .hc-pts div{padding:9px 11px;font-size:12.5px}.c9 .hc-pts b{font-size:13px}
 .c9 .hc-art .hlf{display:none}
 .c9 .hc-arr{display:none}
 .c9 .hc-cta .btn{height:44px;padding:0 18px;font-size:14px}
 .c9 .hc-img{position:relative;height:200px}
}
@media (max-width:600px){.c9 .hc-tiles{grid-template-columns:repeat(2,1fr);grid-template-rows:1fr 1fr}.c9 .hc-art.tl{height:250px}.c9 .hc-ico{width:170px;height:170px}.c9 .hc-pts{width:68%}}

/* trust row under the hero */
.c9 .trust{border-bottom:1px solid var(--line);background:#fff}
.c9 .trust .wrap{display:grid;grid-template-columns:repeat(4,1fr);gap:0}
.c9 .trust .wrap>div{display:flex;align-items:center;gap:12px;padding:18px 16px;border-left:1px solid var(--line)}
.c9 .trust .wrap>div:first-child{border-left:0;padding-left:0}
.c9 .trust svg{width:22px;height:22px;color:var(--acc);flex:none;stroke-width:1.6}
.c9 .trust b{display:block;font-size:13.5px;font-weight:600}
.c9 .trust span{display:block;font-size:12.5px;color:var(--mute);line-height:1.35}
@media (max-width:900px){.c9 .trust .wrap{grid-template-columns:1fr 1fr}.c9 .trust .wrap>div{padding:14px 10px;border-left:0}.c9 .trust .wrap>div:nth-child(even){border-left:1px solid var(--line)}.c9 .trust .wrap>div:nth-child(n+3){border-top:1px solid var(--line)}}

.c9 .sec{padding:48px 0}
.c9 .sec.tight{padding-top:0}
.c9 .sec-h{margin-bottom:18px;align-items:flex-end}
/* department circles */
.c9 .dcirc{display:grid;grid-template-columns:repeat(auto-fill,minmax(128px,1fr));gap:22px 14px}
.c9 .dc{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;color:var(--ink)}
.c9 .dc .ring{width:112px;height:112px;border-radius:50%;background:#fff;border:2px solid var(--line);display:grid;place-items:center;overflow:hidden;transition:border-color .2s ease,transform .25s ease,box-shadow .25s ease}
.c9 .dc .ring img{width:70%;height:70%;object-fit:contain}
.c9 .dc .ring svg,.c9 .dc .ring .dic{width:46px;height:46px;color:var(--ink2)}
.c9 .dc b{font-size:13.5px;font-weight:600;line-height:1.25}
.c9 .dc small{font-size:12px;color:var(--mute);line-height:1.3;display:none}
.c9 .dc:hover .ring{border-color:var(--acc);transform:translateY(-3px);box-shadow:var(--sh)}
.c9 .dc:hover b{color:var(--acc)}
@media (max-width:600px){.c9 .dcirc{grid-template-columns:repeat(3,1fr);gap:16px 8px}.c9 .dc .ring{width:88px;height:88px}.c9 .dc b{font-size:12.5px}}
/* popular category tiles */
.c9 .cats{gap:12px}
.c9 .cat{border:1px solid var(--line);border-radius:12px;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;font-weight:600}
.c9 .cat:hover{transform:translateY(-2px);box-shadow:var(--sh);border-color:#D5DADF;color:var(--acc)}
/* feature tiles (finder / paper / quote) */
.c9 .promo-row{gap:16px}
.c9 .pcard{border-radius:16px;border:1px solid var(--line);background:#fff;color:var(--ink);padding:24px;transition:transform .25s ease,box-shadow .25s ease}
.c9 .pcard:hover{transform:translateY(-3px);box-shadow:var(--sh)}
.c9 .pcard.dark{background:#262A31;border-color:#262A31;color:#fff}.c9 .pcard.dark h3{color:#fff}.c9 .pcard.dark p{color:#C9CFD7}
.c9 .pcard.light{background:var(--soft);border-color:var(--soft)}
.c9 .pcard.mint{background:var(--accs);border-color:var(--accs)}
.c9 .pcard h3{font-size:21px;line-height:1.2}
.c9 .pcard .eyebrow{color:var(--acc)!important}.c9 .pcard.dark .eyebrow{color:var(--accd)!important}
.c9 .pcard .pic{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#fff;border:1px solid var(--line);margin-bottom:12px}
.c9 .pcard.dark .pic{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.14)}
.c9 .pcard .pic svg{width:22px;height:22px;color:var(--acc)}.c9 .pcard.dark .pic svg{color:var(--accd)}
/* corporate band */
.c9 .corpband{background:#262A31;color:#fff;border-radius:20px;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);position:relative}
.c9 .corpband .cb-l{padding:44px 44px 44px 48px;position:relative;z-index:1}
.c9 .corpband .eyebrow{color:var(--accd)}
.c9 .corpband h2{color:#fff;font-size:34px;line-height:1.12;margin:10px 0 12px}
.c9 .corpband p{color:#C9CFD7;font-size:15px;line-height:1.55;margin:0 0 22px;max-width:460px}
.c9 .corpband .row{display:flex;gap:10px;flex-wrap:wrap}
.c9 .corpband .btn.ghost{background:transparent;border-color:#5C6470;color:#fff}.c9 .corpband .btn.ghost:hover{border-color:#fff;background:rgba(255,255,255,.06)}
.c9 .corpband .cb-r{padding:36px 40px;display:grid;grid-template-columns:1fr 1fr;gap:12px;align-content:center;position:relative;z-index:1}
.c9 .corpband .cb-r div{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:16px}
.c9 .corpband .cb-r svg{width:22px;height:22px;color:var(--accd);margin-bottom:10px}
.c9 .corpband .cb-r b{display:block;font-size:14.5px;font-weight:600;margin-bottom:4px;color:#fff}
.c9 .corpband .cb-r span{font-size:13px;color:#A2AAB5;line-height:1.45}
.c9 .corpband:before{content:"";position:absolute;right:-90px;top:-90px;width:260px;height:260px;border-radius:50%;background:linear-gradient(90deg,transparent 50%,rgba(38,179,163,.16) 50%)}
@media (max-width:900px){.c9 .corpband{grid-template-columns:1fr;border-radius:16px}.c9 .corpband .cb-l{padding:28px 22px 6px}.c9 .corpband h2{font-size:26px}.c9 .corpband .cb-r{padding:18px 22px 26px;grid-template-columns:1fr 1fr;gap:10px}.c9 .corpband .cb-r div{padding:12px}.c9 .corpband .cb-r span{font-size:12px}}
/* brand marquee */
.c9 .bstrip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);overflow:hidden;background:#fff;position:relative}
.c9 .bstrip:before,.c9 .bstrip:after{content:"";position:absolute;top:0;bottom:0;width:80px;z-index:1;pointer-events:none}
.c9 .bstrip:before{left:0;background:linear-gradient(90deg,#fff,rgba(255,255,255,0))}.c9 .bstrip:after{right:0;background:linear-gradient(270deg,#fff,rgba(255,255,255,0))}
.c9 .bs-track{display:flex;width:max-content;animation:c9mq 38s linear infinite}
.c9 .bstrip:hover .bs-track{animation-play-state:paused}
.c9 .bs-track a{font-family:var(--head);font-weight:600;font-size:22px;letter-spacing:-.01em;color:#A2AAB5;padding:22px 34px;white-space:nowrap;transition:color .2s}
.c9 .bs-track a:hover{color:var(--acc)}
@keyframes c9mq{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media (max-width:600px){.c9 .bs-track a{font-size:18px;padding:16px 22px}}
/* value props */
.c9 .vp{gap:16px}
.c9 .vp>div{border:1px solid var(--line);border-radius:14px;padding:20px;background:#fff}
.c9 .vp svg{width:24px;height:24px;color:var(--acc)}
.c9 .vp b{font-family:var(--head);font-weight:600;font-size:16px}
.c9 .quotes figure{border:1px solid var(--line);border-radius:14px;background:var(--soft)}
.c9 .quotes blockquote{font-family:var(--head);font-weight:500;font-size:18px;line-height:1.4;color:var(--ink)}
/* scroll-in reveal (only when JS turned it on and motion is allowed) */
.c9.rvon .rv{opacity:0;transform:translateY(14px);transition:opacity .6s ease,transform .6s ease}
.c9.rvon .rv.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){
 .c9 .hc-s,.c9 .hc-s.on{transition:none!important;transform:none!important}
 .c9 .bs-track{animation:none;flex-wrap:wrap;width:auto;justify-content:center}
 .c9 .bs-track a[aria-hidden]{display:none}
 .c9.rvon .rv{opacity:1;transform:none;transition:none}
 .c9 .card,.c9 .cat,.c9 .pcard,.c9 .dc .ring,.c9 .hc-tiles a{transition:none}
 .c9 .card:hover,.c9 .cat:hover,.c9 .pcard:hover,.c9 .dc:hover .ring,.c9 .hc-tiles a:hover{transform:none}
}

/* info pages */
.c9 .info .ptitle{font-size:34px;margin:6px 0 6px}
.c9 .ihero{background:var(--soft);border-radius:20px;padding:40px 44px;margin:10px 0 24px;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:32px;align-items:center}
.c9 .ihero h1{font-size:38px;line-height:1.1;margin:8px 0 12px}
.c9 .ihero p{font-size:16px;color:var(--mute);line-height:1.6;margin:0 0 10px}
.c9 .ihero .facts3{display:grid;gap:10px}
.c9 .ihero .facts3 div{background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px 16px;display:flex;gap:12px;align-items:center}
.c9 .ihero .facts3 svg{width:22px;height:22px;color:var(--acc);flex:none}
.c9 .ihero .facts3 b{display:block;font-size:14px}.c9 .ihero .facts3 span{font-size:13px;color:var(--mute)}
.c9 .ipage{display:grid;grid-template-columns:220px minmax(0,1fr);gap:40px;align-items:start;padding-bottom:56px}
.c9 .inav{position:sticky;top:150px;display:grid;gap:2px;border-left:1px solid var(--line)}
.c9 .inav a{padding:8px 14px;font-size:14px;color:var(--ink2);border-left:2px solid transparent;margin-left:-1px}
.c9 .inav a:hover{color:var(--acc)}.c9 .inav a.on{color:var(--acc);border-left-color:var(--acc);font-weight:600}
.c9 .idoc{max-width:760px}
.c9 .idoc h2{font-size:22px;margin:28px 0 10px}.c9 .idoc h2:first-child{margin-top:0}
.c9 .idoc p,.c9 .idoc li{font-size:15px;line-height:1.65;color:var(--ink2)}
.c9 .idoc ul{padding-left:20px;margin:0 0 12px}.c9 .idoc li{margin-bottom:8px}
.c9 .idoc .upd{font-size:13px;color:var(--mute);margin:0 0 18px}
.c9 .ph9c{display:flex;gap:10px;align-items:flex-start;background:#FFFBEB;border:1px dashed #E2B53E;color:#78350F;border-radius:10px;padding:10px 14px;font-size:13.5px;line-height:1.5;margin:10px 0 16px}
.c9 .ph9c b{font-weight:600}
.c9 .cgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:0 0 24px}
.c9 .cgrid>a,.c9 .cgrid>div{border:1px solid var(--line);border-radius:14px;padding:20px;display:flex;flex-direction:column;gap:6px;color:var(--ink);transition:border-color .2s,transform .2s}
.c9 .cgrid>a:hover{border-color:var(--acc);transform:translateY(-2px)}
.c9 .cgrid svg{width:24px;height:24px;color:var(--acc);margin-bottom:6px}
.c9 .cgrid b{font-family:var(--head);font-weight:600;font-size:17px}
.c9 .cgrid span{font-size:14px;color:var(--mute);line-height:1.45}
.c9 .cgrid .v{color:var(--acc);font-weight:600;font-size:15px}
.c9 .cmap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:18px;margin-bottom:56px}
.c9 .cmap iframe{width:100%;height:100%;min-height:340px;border:0;border-radius:14px;display:block}
.c9 .cmap .mapw{border:1px solid var(--line);border-radius:14px;overflow:hidden;min-height:340px}
.c9 .stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:6px 0 30px}
.c9 .stats div{border:1px solid var(--line);border-radius:14px;padding:18px}
.c9 .stats b{display:block;font-family:var(--head);font-size:20px;font-weight:600;color:var(--ink)}
.c9 .stats span{font-size:13px;color:var(--mute)}
.c9 dl.clist{display:grid;grid-template-columns:110px 1fr;gap:8px 12px;font-size:14.5px;margin:0}
.c9 dl.clist dt{color:var(--mute)}.c9 dl.clist dd{margin:0}.c9 dl.clist a{color:var(--acc)}
@media (max-width:900px){.c9 .ihero{grid-template-columns:1fr;padding:26px 20px;border-radius:16px;gap:18px}.c9 .ihero h1{font-size:28px}.c9 .ipage{grid-template-columns:1fr;gap:16px}.c9 .inav{position:static;display:flex;overflow-x:auto;border-left:0;border-bottom:1px solid var(--line);gap:0;scrollbar-width:none}.c9 .inav a{white-space:nowrap;border-left:0;border-bottom:2px solid transparent;margin:0 0 -1px}.c9 .inav a.on{border-bottom-color:var(--acc)}.c9 .cgrid,.c9 .cmap{grid-template-columns:1fr}.c9 .stats{grid-template-columns:1fr 1fr}.c9 .info .ptitle{font-size:26px}}

/* footer */
.c9 .site-footer{background:#262A31;color:#A2AAB5;margin-top:56px;font-size:14px}
.c9 .site-footer .logoimg{height:34px;margin-bottom:12px}
.c9 .fgrid{grid-template-columns:1.6fr 1fr 1fr 1fr;gap:36px;padding-top:52px;padding-bottom:36px}
.c9 .site-footer h4{color:#fff;font-size:15px;margin:2px 0 14px;font-weight:600}
.c9 .site-footer .fgrid a{color:#C9CFD7;display:block;padding:4px 0;font-size:14px}
.c9 .site-footer a:hover{color:var(--accd)}
.c9 .fbrand p{color:#A2AAB5;font-size:13.5px;line-height:1.6;max-width:320px;margin:0 0 6px}
.c9 .fcontact{color:#C9CFD7}.c9 .site-footer .fcontact a{color:#fff}
.c9 .fnote{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;border-top:1px solid #3D434C;padding-top:18px;padding-bottom:26px;font-size:12.5px;color:#A2AAB5}
.c9 .flegal{display:flex;gap:18px}.c9 .flegal a{color:#C9CFD7}
@media (max-width:900px){.c9 .fgrid{grid-template-columns:1fr 1fr;gap:26px 18px;padding-top:36px}.c9 .fbrand{grid-column:1/-1}}

/* drawer (phone menu) */
.c9 .drawer-head .logoimg{height:30px}
.c9 .drawer a:hover{color:var(--acc)}

/* product, list, cart touches */
.c9 .pinfo h1{font-size:24px;font-weight:600}
.c9 .buybox .price{color:var(--ink)}
.c9 .thumbs button[aria-current="true"],.c9 .thumbs button.on{border-color:var(--acc)}
.c9 .tabs button.on,.c9 .tabs button[aria-selected="true"]{color:var(--acc);border-color:var(--acc)}
.c9 .rl:hover,.c9 .sl:hover{background:#FAFBFB}
.c9 .ok,.c9 .instock{color:var(--acc)}
.c9 .stc.st-new,.c9 .stc.st-rel{background:var(--accs);color:var(--acc2)}

/* accounts / checkout (acct.js, classes ending in 9) */
.c9 .auth9-side{background:var(--soft);border-radius:16px}
.c9 .seg9{border-radius:999px}.c9 .seg9 span{border-radius:999px}.c9 .seg9 input:checked+span{background:var(--acc);color:#fff}
.c9 .nb9{background:var(--acc);border-radius:999px}
.c9 .kpi9>*{border-radius:12px}
.c9 .kpi9 b{font-family:var(--head);font-weight:600}
.c9 .alert9{border-radius:12px}
.c9 .corp9h h1{font-family:var(--head);font-weight:600;letter-spacing:-.02em}
.c9 .eyb9{color:var(--acc);text-transform:uppercase;letter-spacing:.1em;font-size:12px;font-weight:600}
.c9 .flow9 svg,.c9 .cf9 svg,.c9 .ticks9 svg{color:var(--acc)}
.c9 .filt9 select,.c9 .otab9 select{border-radius:999px;padding:0 14px}

.c9 .dic{background:var(--soft);color:var(--ink2)}
.c9 .dc .ring .dic{background:none;width:56px;height:56px}.c9 .dc .ring .dic svg{width:40px;height:40px;stroke-width:1.4}

.c9 .site-footer .fcontact a{display:inline;padding:0}
.c9 .site-footer{margin-top:24px}
.c9 .corpband:before{display:none}
@media (max-width:600px){
 .c9 .topbar .hide-sm{display:none}
 .c9 .topbar .wrap{justify-content:space-between}.c9 .topbar .tb-l{display:block;font-size:12px}
 .c9 .trust .wrap>div{padding:12px 8px;gap:10px}.c9 .trust .wrap>div>span>span{display:none}.c9 .trust b{font-size:12.5px;line-height:1.3}
 .c9 .dcirc{grid-auto-flow:column;grid-template-rows:repeat(2,auto);grid-template-columns:none;grid-auto-columns:92px;overflow-x:auto;scrollbar-width:none;gap:14px 10px;margin:0 -16px;padding:0 16px 4px}
 .c9 .dcirc::-webkit-scrollbar{display:none}
 .c9 .dc .ring{width:84px;height:84px}
 .c9 .sec{padding:32px 0}.c9 .sec.tight{padding-top:0}
 .c9 .sec-h h2{font-size:21px}
}

.c9 .info .cgrid>a{color:var(--ink)}.c9 .info .cgrid>a .v{color:var(--acc)}
.c9 .ph9c{display:block}

.c9 .about2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:start;padding-bottom:40px}
@media (max-width:900px){.c9 .about2{grid-template-columns:1fr;gap:20px}}
.c9 .hc-s h1{max-width:600px}
@media (min-width:901px){.c9 .hc-s h1,.c9 .hc-s h2{font-size:44px}}

@media (min-width:1100px){.c9 .dcirc{grid-template-columns:repeat(7,1fr)}}
.c9 .hc-art .hlf.t{left:6px;right:auto;top:auto;bottom:-18px;width:88px;height:88px;z-index:0}
.c9 .hc-art .hlf.s{right:-34px;bottom:auto;top:-26px;width:96px;height:96px;z-index:0}
.c9 .hc-tiles,.c9 .hc-ico,.c9 .hc-pts{z-index:1}

.c9 .find9 input,.c9 .find9 .sel{border-radius:999px;height:46px;padding:0 20px;border:1px solid #DDE2E6;background:#F7F9FA;font-size:15px}
.c9 .find9 input:focus{background:#fff}
.c9 .find9 .btn{height:46px;padding:0 26px}
.c9 .finder.f9pick{background:var(--soft);border:0;border-radius:14px}
.c9 .finder .sel,.c9 .f9pick select{border-radius:999px;background:#fff}

/* ===== v9i: easy-on-the-eye pass (owner 8:12 PM): >=15-16px text, 1.55 line-height, 8px rhythm, calm contrast ===== */
body.c9{font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body.c9 p{max-width:70ch}
body.c9 .eyebrow{font-size:13px;letter-spacing:.08em}
body.c9 .lead{font-size:18px;line-height:1.6;color:var(--ink2)}
body.c9 #catnav a,body.c9 .catnav a{font-size:15px}
body.c9 .site-header .alld{font-size:14.5px}
body.c9 .btn{font-size:15px}
body.c9 .btn.big{height:52px;padding:0 28px;font-size:16px}
body.c9 .hc .chip{font-size:14.5px;height:40px;padding:0 16px;display:inline-flex;align-items:center}
body.c9 .hc-pts b{font-size:16px}body.c9 .hc-pts span{font-size:15px;line-height:1.5}
body.c9 .trust .wrap>div{padding:24px 20px;gap:14px}
body.c9 .trust b{font-size:16px;margin-bottom:2px}
body.c9 .trust span span,body.c9 .trust .wrap>div>span>span{font-size:14.5px;line-height:1.45;color:var(--mute)}
body.c9 .sec{padding:64px 0}body.c9 .sec.tight{padding-top:8px}
body.c9 .sec-h{margin-bottom:24px}
body.c9 .sec-h h2{font-size:30px;letter-spacing:-.015em}
body.c9 .sec-h a{font-size:15px;font-weight:600}
body.c9 .dc b{font-size:15px}
body.c9 .card .name{font-size:15px;line-height:1.4}
body.c9 .card .meta{font-size:13px}
body.c9 .card .brand{font-size:12px}
body.c9 .card .unitp,body.c9 .card .stock{font-size:13px}
body.c9 .card .addb{font-size:14.5px;min-height:40px}
body.c9 .card .cmpb{font-size:13px}
body.c9 .pcard p{font-size:16px;line-height:1.55}
body.c9 .pcard .btn{font-size:15px}
body.c9 .cat{font-size:15px}
body.c9 .site-footer p,body.c9 .site-footer address,body.c9 .site-footer a,body.c9 .site-footer b{font-size:15px;line-height:1.6}
body.c9 .site-footer h4{font-size:16px}
body.c9 .site-footer .fbot span,body.c9 .site-footer .fbot a{font-size:14px}
/* corporate accounts section */
body.c9 .corp10 .c10{background:var(--soft);border-radius:24px;padding:64px}
body.c9 .c10-top{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,520px);gap:64px;align-items:center}
body.c9 .c10 h2{font-family:var(--head);font-weight:600;font-size:40px;line-height:1.12;letter-spacing:-.02em;margin:12px 0 16px;max-width:560px}
body.c9 .c10-lead{font-size:18px;line-height:1.6;color:var(--ink2);margin:0 0 24px}
body.c9 .c10-steps{list-style:none;padding:0;margin:0 0 32px;display:flex;flex-wrap:wrap;gap:8px 24px}
body.c9 .c10-steps li{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:600;color:var(--ink)}
body.c9 .c10-steps li span{width:28px;height:28px;border-radius:50%;background:var(--acc);color:#fff;font-size:14px;display:grid;place-items:center;flex:none}
body.c9 .c10-cta{display:flex;flex-wrap:wrap;gap:12px}
body.c9 .c10-cta .btn.ghost{background:#fff}
body.c9 .c10-mock{background:#fff;border:1px solid var(--line);border-radius:16px;padding:24px;box-shadow:0 4px 16px rgba(20,24,30,.06)}
body.c9 .mk-h{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding-bottom:16px;border-bottom:1px solid var(--line);margin-bottom:8px}
body.c9 .mk-h b{display:block;font-size:16px}body.c9 .mk-h span{font-size:14px;color:var(--mute)}
body.c9 .mk-h em{font-style:normal;font-size:13px;font-weight:600;color:#8A5A00;background:#FFF5DB;border-radius:999px;padding:4px 12px;white-space:nowrap}
body.c9 .mk-l{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}
body.c9 .mk-i{width:40px;height:40px;border-radius:10px;background:var(--soft);display:grid;place-items:center;flex:none}
body.c9 .mk-i svg,body.c9 .mk-add svg{width:20px;height:20px;fill:none;stroke:var(--mute);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
body.c9 .mk-n{flex:1;font-size:15px}
body.c9 .mk-q{display:flex;align-items:center;border:1px solid var(--line);border-radius:999px;height:36px}
body.c9 .mk-q i{font-style:normal;width:34px;text-align:center;color:var(--mute);font-size:16px}
body.c9 .mk-q b{min-width:28px;text-align:center;font-size:15px}
body.c9 .mk-x .mk-n{color:var(--silver);text-decoration:line-through}
body.c9 .mk-rm{font-size:13px;color:var(--mute)}
body.c9 .mk-add{display:flex;align-items:center;gap:8px;padding:14px 0;color:var(--acc);font-weight:600;font-size:15px}
body.c9 .mk-add svg{stroke:var(--acc)}
body.c9 .mk-f{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:16px;border-top:1px solid var(--line)}
body.c9 .mk-f span{font-size:14px;color:var(--mute);line-height:1.45}
body.c9 .mk-btn{background:var(--acc);color:#fff;border-radius:999px;padding:0 22px;height:44px;display:inline-flex;align-items:center;font-size:15px;white-space:nowrap}
body.c9 .c10-feats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:48px}
body.c9 .c10-feats>div{background:#fff;border:1px solid var(--line);border-radius:16px;padding:24px}
body.c9 .c10-feats svg{width:28px;height:28px;fill:none;stroke:var(--acc);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;display:block;margin-bottom:16px}
body.c9 .c10-feats b{display:block;font-size:17px;font-weight:600;margin-bottom:6px}
body.c9 .c10-feats span{font-size:15.5px;line-height:1.55;color:var(--ink2)}
@media (max-width:1100px){body.c9 .c10-top{grid-template-columns:1fr;gap:40px}body.c9 .c10-feats{grid-template-columns:1fr 1fr}}
@media (max-width:700px){
 body.c9 .sec{padding:40px 0}body.c9 .sec.tight{padding-top:0}
 body.c9 .sec-h h2{font-size:23px}
 body.c9 .lead{font-size:16.5px}
 body.c9 .trust b{font-size:15px}body.c9 .trust span span,body.c9 .trust .wrap>div>span>span{font-size:14px}
 body.c9 .trust .wrap>div{padding:16px 12px}
 body.c9 .card .name{font-size:14.5px}
 body.c9 .corp10 .c10{padding:32px 20px;border-radius:20px;margin:0 -4px}
 body.c9 .c10 h2{font-size:28px}
 body.c9 .c10-lead{font-size:16.5px}
 body.c9 .c10-steps{flex-direction:column;gap:12px}
 body.c9 .c10-cta .btn{flex:1 1 100%;justify-content:center}
 body.c9 .c10-mock{padding:16px}
 body.c9 .mk-f{flex-direction:column;align-items:stretch}body.c9 .mk-btn{justify-content:center}
 body.c9 .c10-feats{grid-template-columns:1fr;gap:12px;margin-top:32px}
 body.c9 .c10-feats>div{padding:20px;display:grid;grid-template-columns:28px 1fr;column-gap:16px}
 body.c9 .c10-feats svg{grid-row:span 2;margin:0}
 body.c9 .btn.big{height:52px}
 body.c9 .site-footer p,body.c9 .site-footer address,body.c9 .site-footer a{font-size:15px}
}
body.c9 .c10-steps{flex-direction:column;gap:12px}
body.c9 .hc-art .hlf{display:none}
body.c9 .trust .wrap>div{align-items:flex-start}body.c9 .trust svg{margin-top:2px}
body.c9 .sec-h{display:flex;align-items:center;justify-content:space-between;gap:16px}
@media (max-width:700px){body.c9 .hc-cta{display:flex;flex-wrap:wrap;gap:12px}body.c9 .hc-cta .btn{flex:1 1 100%;justify-content:center}}
body.c9 .hc-s .quick .chip{height:40px;padding:0 16px;font-size:14.5px}

/* v9i: legibility floor on inner pages */
body.c9 .crumbs,body.c9 .crumbs a{font-size:14px}
body.c9 label{font-size:14.5px}
body.c9 .hint,body.c9 p.hint{font-size:14px;line-height:1.5}
body.c9 .eyb9{font-size:13px}
body.c9 .card .brand,body.c9 .card .noimg,body.c9 .card .why{font-size:12.5px}
body.c9 .why{font-size:12.5px}
body.c9 .fgrp h4,body.c9 .filters h4{font-size:14px}
body.c9 .alsoin{font-size:14px}body.c9 .alsoin .chip,body.c9 .chips9 .chip,body.c9 .qf .chip,body.c9 .v8t .chip{font-size:14px}
body.c9 .pinfo p,body.c9 .pdesc,body.c9 .pdesc p,body.c9 .pinfo li{font-size:16px;line-height:1.6}
body.c9 .info p,body.c9 .info li,body.c9 .page p{font-size:16px;line-height:1.6}
body.c9 input,body.c9 select,body.c9 textarea{font-size:16px}
body.c9 label{position:relative}body.c9 label>i{position:absolute;right:0;top:0;font-style:normal;font-weight:400;color:var(--mute);font-size:13.5px}
body.c9 .co9>*{min-width:0}body.c9 .co9 .form,body.c9 form.form{grid-template-columns:minmax(0,1fr)}body.c9 .tabs9 button{min-width:0}
@media (max-width:700px){body.c9 .tabs9 button{font-size:14px;padding-left:8px;padding-right:8px}}
body.c9 .vrow9{grid-template-columns:minmax(0,1fr) auto}body.c9 .vrow9>label{min-width:0}
body.c9 .two>*,body.c9 .three9>*{min-width:0}body.c9 .two input,body.c9 .two select,body.c9 .three9 input{width:100%;min-width:0;box-sizing:border-box}
body.c9 .vrow9[hidden],body.c9 [hidden]{display:none!important}body.c9 .vrow9 input,body.c9 .form label>input{width:100%;box-sizing:border-box;min-width:0}
body.c9 .vrow9+.hint{margin-top:4px}

/* v9j: order-the-way-you-like strip, topbar email, return policy page */
body.c9 .ordway{border:1px solid var(--line);border-radius:20px;padding:32px 40px}
body.c9 .ordway h2{font-family:var(--head);font-weight:600;font-size:26px;margin:0 0 20px;letter-spacing:-.015em}
body.c9 .ow3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
body.c9 .ow3 a{display:flex;gap:14px;align-items:center;padding:16px 20px;border-radius:14px;background:var(--soft);color:var(--ink);text-decoration:none;min-width:0}
body.c9 .ow3 a:hover{background:var(--accs)}
body.c9 .ow3 svg{width:26px;height:26px;flex:none;fill:none;stroke:var(--acc);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
body.c9 .ow3 b{display:block;font-size:16px}body.c9 .ow3 .v{display:block;font-size:15px;color:var(--acc2);font-weight:600;overflow-wrap:anywhere}
@media (max-width:900px){body.c9 .ow3{grid-template-columns:1fr}body.c9 .ordway{padding:24px 20px}body.c9 .ordway h2{font-size:22px}}
body.c9 .tbmail{display:inline-flex}
@media (max-width:1100px){body.c9 .tbmail{display:none}}
body.c9 .rtlead{font-size:18px;line-height:1.6;color:var(--ink2)}
body.c9 .rtways{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:8px 0 8px}
body.c9 .rtway{border:1px solid var(--line);border-radius:16px;padding:20px 24px;position:relative}
body.c9 .rtway>b{display:block;font-size:17px;margin:4px 0 6px}
body.c9 .rtway p{margin:0 0 8px;font-size:16px}
body.c9 .rtn{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--acc);color:#fff;font-size:14px;font-weight:600}
body.c9 .rtsteps{padding-left:22px}body.c9 .rtsteps li{margin:0 0 10px;font-size:16px;line-height:1.6}
@media (max-width:700px){body.c9 .rtways{grid-template-columns:1fr}}
@media (max-width:600px){body.c9 .topbar .tb-l{display:none}body.c9 .topbar .wrap{justify-content:center}}
body.c9 .sa-table select{font-size:14px;height:34px;padding:0 8px}

/* v9p2: compatible without its own photo -> picture of the original it replaces, clearly captioned */
.fitw2{display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:4px;width:100%;aspect-ratio:1;box-sizing:border-box;background:#F7F9FA;border:1px solid #E6E9ED;border-radius:10px;padding:8px 8px 6px;overflow:hidden;text-align:center}
.fitl2{font-size:12px;line-height:1.3;color:#3D434C;max-width:100%;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.fitl2 b{font-weight:600;color:#262A31}
.fiti2{flex:1;min-height:0;width:78%;display:flex;align-items:center;justify-content:center}.fiti2 img{max-width:100%;max-height:100%;object-fit:contain;mix-blend-mode:multiply}
.fitn2{font-size:11px;line-height:1.25;color:#5C6470}
.fitw2.noimg .fiti2{display:none}
.fitw2.main{padding:20px 20px 16px;gap:10px;border-radius:14px}.fitw2.main .fitl2{font-size:16px}.fitw2.main .fitn2{font-size:14px}.fitw2.main .fiti2{width:70%}
@media (max-width:700px){.fitl2{font-size:11.5px}.fitn2{font-size:10.5px}}

/* v9k: shipping promise */
body.c9 .shipl9{margin:-8px 0 20px;font-size:16px;color:var(--ink)}body.c9 .shipl9 small{display:block;font-size:13px;color:var(--mute);margin-top:2px}
body.c9 .shipp9{display:flex;gap:10px;align-items:flex-start}body.c9 .shipp9 b{display:block;font-size:15px;color:var(--ink)}body.c9 .shipp9 small{display:block;font-size:12.5px;color:var(--mute);margin-top:2px;font-weight:400}

/* v9k3: shipping banner fine print */
body.c9 .hc-fine{font-size:14px;line-height:1.5;color:#5B636E;margin:-6px 0 18px;max-width:60ch}

/* v9m: tidier product page (title scale, gallery, actions, full-width details) */
body.c9 .pd{align-items:start}
@media (min-width:900px){body.c9 .pd .gal{position:sticky;top:96px}}
body.c9 .pd .pinfo h1,body.c9 .pinfo>h1{font-size:24px!important;line-height:1.28;letter-spacing:-.01em;margin:4px 0 12px;font-weight:600}
body.c9 .pinfo .ids{font-size:14px;margin-bottom:14px}
body.c9 .buybox{padding:20px 22px;border-radius:12px}
body.c9 .buybox .pline{margin-bottom:4px}
body.c9 .buyrow.two{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
body.c9 .buyrow.two .btn{width:100%;min-width:0;justify-content:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.c9 .pdtabs{margin:32px 0 8px;border-top:1px solid #E6E9ED;padding-top:8px}
body.c9 .pdtabs .tabs{margin:0 0 18px}
body.c9 .pdtabs .tabp{max-width:1100px}
body.c9 .pdtabs .tabp>p{max-width:72ch;line-height:1.6;font-size:16px}
body.c9 .pdtabs .ksh{font:600 17px/1.3 Outfit,Inter,system-ui,sans-serif;margin:20px 0 10px}
body.c9 .pdtabs table.spec{width:100%;max-width:820px;border-collapse:collapse;font-size:15px}
body.c9 .pdtabs table.spec th,body.c9 .pdtabs table.spec td{padding:10px 14px;border-bottom:1px solid #EEF0F2;text-align:left;vertical-align:top}
body.c9 .pdtabs table.spec th{width:38%;font-weight:500;color:#5B636E;background:#F7F9FA}
@media (max-width:700px){body.c9 .pd .pinfo h1,body.c9 .pinfo>h1{font-size:20px!important;line-height:1.3}body.c9 .buybox{padding:16px}body.c9 .buyrow.two .btn{font-size:13px;padding-left:6px;padding-right:6px}body.c9 .pdtabs{margin-top:22px}body.c9 .pdtabs table.spec th{width:44%}body.c9 .pdtabs table.spec th,body.c9 .pdtabs table.spec td{padding:9px 10px;font-size:14px}}

/* v9n: compatible toners - small muted reference picture + big COMPATIBLE badge; clearer Silver Recommended ribbon */
.fitw2{justify-content:flex-start;gap:5px;background:#F7F9FA;border:1px dashed #C9D1D9}
.fitb2{display:inline-flex;flex-direction:column;align-items:center;background:#0E5E6F;color:#fff;font-weight:750;font-size:12px;letter-spacing:.09em;text-transform:uppercase;line-height:1;padding:5px 10px;border-radius:6px;flex:none}
.fitb2 small{display:block;font-size:11px;letter-spacing:0;text-transform:none;font-weight:500;margin-top:5px;opacity:.95}
.fitw2 .fiti2{flex:none;width:52%;height:auto;aspect-ratio:1;margin:auto 0}.fitw2 .fiti2 img{width:100%;height:100%}.fiti2 img{opacity:.72;filter:grayscale(.35)}
.fitl2{flex:none}.fitn2{flex:none;font-size:10.5px;color:#6B7380}
.fitw2.main{gap:10px;padding:22px 20px 16px}.fitw2.main .fitb2{font-size:20px;padding:10px 22px 9px;border-radius:8px}.fitw2.main .fitb2 small{font-size:14px;margin-top:7px}
.fitw2.main .fitl2{font-size:15px}.fitw2.main .fiti2{width:56%}.fitw2.main .fitn2{font-size:13px}
.card:has(.rib.rec) .fitw2{padding-top:32px}
.thumbs .fitw2{padding:2px;gap:0}.thumbs .fitw2 .fitb2,.thumbs .fitw2 .fitl2,.thumbs .fitw2 .fitn2{display:none}.thumbs .fitw2 .fiti2{width:80%}
.tsc .th .fitw2{padding:4px;gap:2px}.tsc .th .fitw2 .fitl2,.tsc .th .fitw2 .fitn2{display:none}.tsc .th .fitw2 .fitb2{font-size:9px;padding:3px 5px;letter-spacing:.05em}
.cmpl9{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:6px 0 10px;padding:8px 10px;border:1px solid #B9D3D9;background:#F1F8F9;border-radius:8px;font-size:13.5px;color:#30353D;line-height:1.35}
.cmpb9{background:#0E5E6F;color:#fff;font-weight:750;font-size:12.5px;letter-spacing:.09em;text-transform:uppercase;padding:5px 10px;border-radius:6px;line-height:1}
.rib.rec{background:#15803D;color:#fff;border-color:#15803D;font-size:11.5px;font-weight:700;padding:5px 9px 5px 6px;box-shadow:0 0 0 2px #fff}
.rib.rec svg{stroke-width:2.6}
.recline{font-weight:500;color:#166534}
@media (max-width:700px){.fitb2{font-size:10.5px;padding:4px 7px}.fitw2.main .fitb2{font-size:17px;padding:8px 16px 7px}.fitw2.main .fitb2 small{font-size:12.5px}.card:has(.rib.rec) .fitw2{padding-top:28px}.cmpl9{font-size:13px}}
.fitw2{container-type:inline-size}.fitn2{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
@container (max-width:140px){.fitb2,.fitl2,.fitn2{display:none!important}.fitw2 .fiti2{width:80%!important}}
@container (max-width:190px){.fitl2,.fitn2{font-size:10px}.fitb2{font-size:9.5px;padding:3px 6px}}

/* v9t demo customer notice */
.demo9{font-size:13px;line-height:1.45;color:#1e3a8a;background:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;padding:8px 12px;margin:0 0 12px}
.acct9>*{min-width:0} /* v9t: phone account pages no longer push the page wider than the screen; wide order tables scroll inside their box */

/* v9y: search results = one slim row of the categories that hold matches (Departments live at the bottom of the filters) */
.subchips.catrow{gap:6px;padding:2px 0 12px;align-items:center;flex-wrap:nowrap}
.subchips.catrow .chip,.c9 .subchips.catrow .chip{height:32px;box-sizing:border-box;padding:0 12px;border:1px solid #E5E7EB;border-radius:6px;font-size:13.5px;font-weight:500;line-height:1;background:#fff;color:#374151;box-shadow:none;flex:none}
.subchips.catrow .chip small{font-size:12px;color:#9CA3AF;opacity:1;font-weight:500}
.subchips.catrow .chip:hover{border-color:#9CA3AF;color:#111827}
.subchips.catrow .chip.on,.c9 .subchips.catrow .chip.on{background:#111827;border-color:#111827;color:#fff}
.subchips.catrow .chip.on small{color:#D1D5DB}
.fdet.fnav .fbody{padding-left:8px}

/* v9z3 order line Add to cart */
.oli9 .al9{margin-top:8px;display:inline-flex}

/* v9z4 saved cards */
.sc9{display:flex;flex-direction:column;gap:6px;margin:0 0 10px}.sc9o{display:flex;align-items:center;gap:8px;min-height:32px;padding:0 10px;border:1px solid var(--line);border-radius:6px;cursor:pointer;font-size:14px;background:#fff}.sc9o input{margin:0;accent-color:var(--acc)}.sc9o:has(input:checked){border-color:var(--ink)}.form label.sv9,label.sv9{display:flex;flex-direction:row;align-items:center;gap:8px;margin-top:8px;font-size:14px;font-weight:500;color:var(--ink);cursor:pointer}label.sv9 input{width:16px;height:16px;margin:0;accent-color:var(--acc)}
.th9:empty{background:none;border:0}
.form .sc9 label.sc9o,.sc9 label.sc9o{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:8px;margin:0;font-weight:500}.form .sc9 label.sc9o input,.sc9 label.sc9o input{width:16px;height:16px;flex:0 0 16px;margin:0;padding:0}.sc9 label.sc9o span{flex:1}.sv9[hidden],.newc9[hidden]{display:none!important}
.cpbox9{margin:10px 0 4px}.cpin9{display:flex;gap:6px}.cpin9 input{flex:1;min-width:0;height:32px;padding:0 10px;border:1px solid var(--line);border-radius:6px;font-size:14px;text-transform:uppercase;background:#fff}.cpin9 .btn{height:32px;min-height:32px;padding:0 12px}.cpon9{display:flex;justify-content:space-between;align-items:center;min-height:32px;font-size:14px}.cpmsg9{margin:4px 0 0;font-size:12.5px;min-height:0}.cpmsg9:empty{display:none}.cpmsg9.ok{color:var(--ok)}.cpmsg9.bad{color:var(--sale)}.cpn9 span:last-child{color:var(--ok);font-weight:600}

/* v9p9c: order page at 390 (action buttons wrapped instead of widening the page); search footer */
@media (max-width:700px){.oact9{flex-wrap:wrap}.ohead9>div{min-width:0;max-width:100%}}
.bot9{margin-top:22px}.bot9 .printerh{margin-top:14px}
@media (max-width:900px){.og9{grid-template-columns:minmax(0,1fr)}.og9>*,.oli9>*{min-width:0}.am9{max-width:100%}}

/* v9p9e: sign-up corporate checkbox, /corporate demo */
.corpck9{display:flex;align-items:center;gap:8px}.ck9{display:flex!important;align-items:center;gap:8px;margin:0;font-weight:600}.ck9 input{width:18px;height:18px;margin:0}
.q9{display:inline-grid;place-items:center;width:22px;height:22px;border:1px solid var(--line);border-radius:50%;font-size:13px;font-weight:700;color:var(--ink2);text-decoration:none}.q9:hover{border-color:var(--ink)}
.demo9{margin:28px 0}.demo9h{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin-bottom:12px}.demo9h h2{margin:0;font-size:22px}.demo9b{background:#fef3c7;color:#92400e;border:1px solid #fcd34d;border-radius:6px;padding:1px 8px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.demo9h small{color:var(--mute)}
.demo9w{border:1px dashed var(--line);border-radius:14px;padding:16px;background:var(--soft)}.demo9w .panel{background:#fff}.demo9w [aria-disabled]{pointer-events:none;opacity:.8}

/* v9p15 (Oct 23): the whole product photo always shows, centered, with breathing room (never cropped) */
.mainimg,.v8t .mainimg{padding:16px;display:flex;align-items:center;justify-content:center;box-sizing:border-box}
.mainimg img,.v8t .mainimg img{width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain!important;object-position:center}
@media(min-width:900px){.mainimg,.v8t .mainimg{padding:28px}}
.card .img img,.sl .th img,.sg-row .th img,.thumbs button img,.th>img,.th9 img,.fiti img,.fiti2 img,.limg img{object-fit:contain!important;object-position:center}

/* v9p18 Place order: instant locked state, spinner, no double submit; confirmation summary */
.placing9 #coF,.placing9 #coSum{pointer-events:none}
.placing9 #coF label,.placing9 #coF iframe,.placing9 #coF .paypick9,.placing9 #coSum{opacity:.7;transition:opacity .15s}
#coBtn[aria-disabled=true],#coBtn[aria-disabled=true]:hover{opacity:1;cursor:progress;filter:none;transform:none}
.spin9{display:inline-block;flex:none;width:17px;height:17px;border:2.5px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:spin9 .7s linear infinite}
@keyframes spin9{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.spin9{animation-duration:1.8s}}
.done9 .osum9{text-align:left;margin:22px auto 20px;max-width:520px;position:static}
.done9 .osum9 .slines{max-height:none}
.done9 .rtp9l{margin-top:14px}

/* home department photos (option B) */
.c9 .dc .ring{border:1px solid #E5E7EB}
.c9 .dc .ring img.dph{width:76%;height:76%;object-fit:contain;mix-blend-mode:multiply}

/* v9z8 returns page */
body.c9 .rtfacts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0 18px}body.c9 .rtfacts>div{border:1px solid #E6E9ED;border-radius:12px;padding:14px 16px;background:#fff}body.c9 .rtfacts b{display:block;font-size:20px;color:#0B675F;margin-bottom:2px}body.c9 .rtfacts span{font-size:14px;color:var(--ink2);line-height:1.4}
body.c9 .rtsmall{font-size:14px;color:var(--ink2)}
@media (max-width:700px){body.c9 .rtfacts{grid-template-columns:1fr;gap:8px}body.c9 .rtfacts>div{display:flex;align-items:baseline;gap:10px;padding:11px 14px}body.c9 .rtfacts b{font-size:17px;white-space:nowrap;margin:0}}

/* logo v2 (Oct 26): stacked Silver / Office Supplies lockup, logo-v2.svg (aspect 3.12) */
.c9 .logo .logoimg,.c9 .hrow .logoimg{height:46px;width:auto}
.c9 .drawer-head .logoimg{height:36px}
.c9 .site-footer .logoimg{height:42px;margin-bottom:12px}
@media (max-width:900px){.c9 .hrow .logoimg{height:38px}}

/* logo v3 (Oct 26): BIGGER logo everywhere — header 62px desktop / 44px phone, drawer 44px, footer 56px, print header */
.c9 .hrow{height:80px}
.c9 .logo .logoimg,.c9 .hrow .logoimg{height:62px;width:auto}
.c9 .drawer-head .logoimg{height:44px}
.c9 .site-footer .logoimg{height:56px;margin-bottom:14px}
@media (max-width:900px){.c9 .hrow{height:auto}.c9 .hrow .logoimg{height:44px}}
.printbrand{display:none}
@media print{.printbrand{display:block;margin:0 0 16px}.printbrand img{height:60px;width:auto;display:block}body.slip9on .printbrand{display:none!important}}

/* header v10 (Oct 26): ONE clean dark bar (logo light version, big search, Help / Quick Order / Account / Cart) + slim white category row; old separate top contact bar removed */
body.c9 .site-header{background:#262A31;border-bottom:1px solid #E6E9ED;box-shadow:0 1px 0 rgba(0,0,0,.02);backdrop-filter:none}
body.c9 .hrow{height:84px;gap:28px}
body.c9 .hrow .logo{flex:none;display:flex;align-items:center}
body.c9 .hrow .logoimg{height:62px;width:auto}
body.c9 .search{flex:1 1 auto;max-width:720px;margin:0 auto}
body.c9 .search input{height:46px;border:1px solid transparent;border-radius:999px;background:#fff;color:#1D2128;padding:0 118px 0 48px;font-size:15px}
body.c9 .search input::placeholder{color:#7A828D}
body.c9 .search input:focus{background:#fff;border-color:#26B3A3;box-shadow:0 0 0 3px rgba(38,179,163,.35)}
body.c9 .sicon{left:18px;color:#6B737E}
body.c9 .search .sbtn,body.c9 .search button[type=submit]{right:5px;height:36px;padding:0 22px;background:#0E7C72;color:#fff}
body.c9 .search .sbtn:hover{background:#0B675F}
body.c9 .hicons{gap:4px;margin-left:0;flex:none}
body.c9 .hlink{color:#fff;font-weight:500;font-size:13.5px;padding:8px 12px;border-radius:10px;height:46px}
body.c9 .hlink svg{width:22px;height:22px;stroke:currentColor;color:#fff;stroke-width:1.6}
body.c9 .hlink:hover,body.c9 .hlink:focus-visible{background:rgba(255,255,255,.09);color:#fff}
body.c9 .hlink .h2l{display:flex;flex-direction:column;line-height:1.15;font-weight:600}
body.c9 .hlink .h2l small{font-size:11.5px;font-weight:400;color:#AEB5BF}
body.c9 .cartlink .ctot{color:#fff;font-weight:600}
body.c9 .badge{background:#26B3A3;color:#0E1A19;font-weight:700;box-shadow:0 0 0 2px #262A31;top:4px;left:28px}
body.c9 .site-header .menu-btn{color:#fff}
body.c9 .site-header .menu-btn svg{stroke:#fff}
body.c9 .site-header .menu-btn:hover{background:rgba(255,255,255,.09)}
/* slim category row */
body.c9 .catnav{background:#fff;border-top:0}
body.c9 .catnav .cnrow{display:flex;align-items:center;gap:18px;min-height:46px;overflow:visible}
body.c9 .catnav .cnlinks{flex:1 1 auto;min-width:0;display:flex;align-items:center;gap:0;overflow-x:auto;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 36px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 36px),transparent)}
body.c9 .catnav .cnlinks::-webkit-scrollbar{display:none}
body.c9 .catnav .cnlinks a{padding:13px 10px;font-size:13.5px;font-weight:500;color:#3A404A;white-space:nowrap;border-bottom:2px solid transparent}
body.c9 .catnav .cnlinks a:hover,body.c9 .catnav .cnlinks a.on{color:#0E7C72;border-bottom-color:#0E7C72}
body.c9 .catnav .alld{flex:none;background:#0E7C72;color:#fff;border-radius:999px;padding:0 16px;height:32px;font-size:13px;font-weight:600;margin-right:8px;display:inline-flex;align-items:center;gap:7px}
body.c9 .catnav .alld:hover,body.c9 .catnav .alld[aria-expanded="true"]{background:#0B675F}
body.c9 .catnav .alld svg{stroke:#fff}
body.c9 .catnav .cnfind{flex:none;font-size:13.5px;font-weight:600;color:#0E7C72;white-space:nowrap;padding:6px 0 6px 18px;border-left:1px solid #E6E9ED}
body.c9 .catnav .cnfind:hover{color:#0B675F;text-decoration:underline}
body.c9 .catnav .cnpromo{flex:none;font-size:13px;color:#5B636E;white-space:nowrap}
body.c9 .catnav .cnpromo:empty{display:none}
body.c9 .catnav .cnpromo a{color:#5B636E;text-decoration:none}
@media (max-width:1320px){body.c9 .catnav .cnpromo{display:none}}
@media (max-width:1180px){body.c9 .hrow{gap:18px}body.c9 .hlink .h2l small{display:none}}
@media (max-width:1060px){body.c9 .helplink{display:none}}
/* phone / tablet: one compact row (menu, logo, account, cart) + full-width search below */
@media (max-width:900px){
 body.c9 .hrow{height:auto;flex-wrap:wrap;gap:6px 4px;padding-top:8px;padding-bottom:10px}
 body.c9 .hrow .logoimg{height:40px}
 body.c9 .hrow .logo{margin-right:auto}
 body.c9 .hicons{gap:0}
 body.c9 .hlink{height:44px;min-width:44px;padding:8px 10px;justify-content:center}
 body.c9 .acclink span{display:none}
 body.c9 .search{order:5;flex-basis:100%;max-width:none;margin:2px 0 0}
 body.c9 .search input{height:44px;font-size:16px}
 body.c9 .search .sbtn,body.c9 .search button[type=submit]{height:34px;padding:0 16px}
 body.c9 .badge{left:24px;top:3px}
}

body.c9 .hlink.qlink{background:transparent;color:#fff;padding:8px 12px}
body.c9 .hlink.qlink:hover{background:rgba(255,255,255,.09)}
body.c9 .hlink.qlink svg{color:#26B3A3}
@media (min-width:1181px){body.c9 .hlink.acclink span{position:static;width:auto;height:auto;overflow:visible;clip:auto}}
@media (max-width:1180px){body.c9 .hlink.qlink span,body.c9 .hlink.acclink span{display:none}body.c9 .hlink.qlink,body.c9 .hlink.acclink{padding:8px 10px}}

/* load v11 (Oct 26): category row keeps its filled height before the links arrive (no jump) */
body.c9 .catnav .cnlinks{min-height:51px}

/* nav v12 (Oct 27): category row replaced by ONE "Shop by category" button (drop-down holds every department); Ink & Toner Finder + free shipping on the right */
body.c9 .catnav .cnrow{gap:18px;min-height:52px}
body.c9 .catnav .cnlinks{flex:0 0 auto;overflow:visible;-webkit-mask-image:none;mask-image:none;min-height:52px}
body.c9 .catnav .alld.sbc{height:38px;padding:0 14px 0 16px;font-size:14px;font-weight:600;gap:8px;margin-right:0;letter-spacing:.1px}
body.c9 .catnav .alld.sbc svg{width:17px;height:17px;fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
body.c9 .catnav .alld.sbc .cv{width:16px;height:16px;margin-left:2px;transition:transform .18s ease}
body.c9 .catnav .alld.sbc[aria-expanded="true"] .cv{transform:rotate(180deg)}
body.c9 .catnav .alld.sbc:focus-visible{outline:3px solid rgba(14,124,114,.35);outline-offset:2px}
body.c9 .catnav .cnfind{margin-left:auto}
@media (min-width:901px){body.c9 .catnav .cnpromo:not([hidden]):not(:empty){display:inline}}
@media (prefers-reduced-motion:reduce){body.c9 .catnav .alld.sbc .cv{transition:none}}
body.c9 .mega{max-height:min(calc(100vh - 150px),700px);overflow-y:auto}
body.c9 .mega .wrap.mwrap{height:auto;max-height:none}
body.c9 .mega .mrail a{padding-top:6px;padding-bottom:6px}
body.c9 .mega .mpanel{max-height:min(calc(100vh - 150px),700px);overflow-y:auto}
body.c9.v8t .mega{width:min(980px,calc(100vw - 24px))}
body.c9.v8t .mega .wrap.mwrap{grid-template-columns:250px 1fr}

/* SLV5 billing address mismatch box */
.err.avsx{display:flex;flex-direction:column;gap:6px;padding:12px 14px;line-height:1.4}.err.avsx .avsh{font-size:15px}.err.avsx .avsr{display:block;color:#3b0a17}.avsp{display:inline-block;font-weight:650;border-radius:6px;padding:1px 8px;margin:2px 4px 0 0;white-space:nowrap}.avsp.ok{background:#E8F4F2;color:#0B675F}.avsp.no{background:#B42318;color:#fff}.avsp.na{background:#EEF1F3;color:#5C6470}.err.avsx .avsn{color:#7A828C;font-size:12.5px}

/* SLV6 (Oct 30): category icons = option A (clean line icons, teal) everywhere: home, menu, category pages, phone */
.c9 .dic{background:#EEF6F5;color:var(--acc,#0E7C72)}
.c9 .dic svg{fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.c9 .dic.xs svg{stroke-width:2}
.c9 .dc .ring{background:#F6F7F8!important;border:1px solid #E5E7EB!important;box-shadow:none}
.c9 .dc .ring .dic{background:none!important;width:auto;height:auto;color:var(--acc,#0E7C72)!important}
.c9 .dc .ring .dic svg{width:42px!important;height:42px!important;stroke-width:1.5!important}
.c9 .dc:hover .ring{border-color:var(--acc,#0E7C72)!important;background:#fff!important}
@media (max-width:600px){.c9 .dc .ring .dic svg{width:34px!important;height:34px!important}}

/* SLV6 (Oct 30): account + corporate pages = bolder cards matching the rest of the site (teal #0E7C72, dark #262A31, Outfit) */
main:has(.acct9){background:#F4F6F7}
.c9 .acc9 .crumbs{padding-top:14px}
.c9 .acct9{gap:24px;align-items:start}
.c9 .acct9>nav{background:#fff;border:1px solid #DCE2E6;border-radius:14px;padding:10px;box-shadow:0 1px 2px rgba(38,42,49,.05),0 6px 18px rgba(38,42,49,.05);position:sticky;top:150px}
.c9 .acct9>nav a{color:#3D434C;font-weight:600;border-radius:9px;padding:11px 12px}
.c9 .acct9>nav a svg{color:#0E7C72}
.c9 .acct9>nav a:hover{background:#EEF6F5;color:#262A31}
.c9 .acct9>nav a.on{background:#0E7C72;color:#fff}
.c9 .acct9>nav a.on svg{color:#fff}
.c9 .acct9>nav a.on .nb9{background:#fff;color:#0E7C72}
.c9 .acct9>nav .out9{margin-top:6px;padding:11px 12px;color:#5C6470;font-weight:600}
.c9 .acct9 .panel,.c9 .demo9w .panel,.c9 .corp9 .panel,.c9 .acc9 .panel{background:#fff;border:1px solid #DCE2E6;border-radius:14px;padding:22px 24px;box-shadow:0 1px 2px rgba(38,42,49,.05),0 6px 18px rgba(38,42,49,.05);margin-bottom:18px}
.c9 .acc9 .panel.soft9{background:#fff;border:1px solid #DCE2E6}
.c9 .acc9 .panel h2,.c9 .acc9 .panel h3,.c9 .acc9 .ph9 h3{font-family:var(--head,'Outfit',sans-serif);font-weight:600;font-size:19px;color:#262A31;letter-spacing:-.01em}
.c9 .acc9 .ph9{padding-bottom:12px;margin-bottom:14px;border-bottom:1px solid #EDF0F2}
.c9 .acc9 .ptitle{font-family:var(--head,'Outfit',sans-serif);font-weight:700;color:#262A31}
.c9 .acc9 .kpi9{gap:14px}
.c9 .acc9 .kpi9>*{background:#fff;border:1px solid #DCE2E6;border-left:4px solid #0E7C72;border-radius:12px;padding:16px 18px;box-shadow:0 1px 2px rgba(38,42,49,.05),0 6px 18px rgba(38,42,49,.04)}
.c9 .acc9 .kpi9 b{font-family:var(--head,'Outfit',sans-serif);font-size:26px;font-weight:700;color:#262A31;letter-spacing:-.01em}
.c9 .acc9 .kpi9 span{color:#5C6470;font-weight:500}
.c9 .acc9 .otab9{border:1px solid #E3E8EB;border-radius:10px}
.c9 .acc9 .otab9 table{font-size:14.5px}
.c9 .acc9 .otab9 th{background:#F4F6F7;color:#3D434C;font-weight:700;letter-spacing:.04em;border-bottom:1px solid #E3E8EB;padding:11px 12px}
.c9 .acc9 .otab9 td{padding:12px;border-bottom:1px solid #EDF0F2}
.c9 .acc9 .otab9 tr:last-child td{border-bottom:0}
.c9 .acc9 .otab9 tbody tr:hover td{background:#F8FBFA}
.c9 .acc9 .tabs9{gap:6px;border-bottom:1px solid #DCE2E6}
.c9 .acc9 .tabs9 button{color:#5C6470;border-bottom-width:3px;padding:11px 14px}
.c9 .acc9 .tabs9 button.on{color:#0E7C72;border-bottom-color:#0E7C72}
.c9 .acc9 .form input:not([type=checkbox]):not([type=radio]),.c9 .acc9 .form select,.c9 .acc9 .form textarea,.c9 .acc9 .panel input:not([type=checkbox]):not([type=radio]),.c9 .acc9 .panel select,.c9 .acc9 .panel textarea{border:1.5px solid #CFD6DB;border-radius:10px;background:#fff}
.c9 .acc9 .form input:focus,.c9 .acc9 .form select:focus,.c9 .acc9 .form textarea:focus,.c9 .acc9 .panel input:focus,.c9 .acc9 .panel select:focus,.c9 .acc9 .panel textarea:focus{border-color:#0E7C72;box-shadow:0 0 0 3px rgba(14,124,114,.15);outline:0}
.c9 .acc9 .btn.ghost{border:1.5px solid #CFD6DB;color:#262A31;background:#fff}
.c9 .acc9 .btn.ghost:hover{border-color:#0E7C72;color:#0E7C72}
.c9 .acc9 .demo9{background:#EEF6F5;border:1px solid #BFE0DB;color:#0B5F57;border-radius:12px;padding:12px 16px;font-weight:500}
.c9 .acc9 .hello9{font-family:var(--head,'Outfit',sans-serif)}
@media (max-width:900px){.c9 .acct9>nav{position:static;padding:6px}.c9 .acct9 .panel,.c9 .acc9 .panel{padding:16px;border-radius:12px}.c9 .acc9 .kpi9 b{font-size:22px}}
@media (min-width:901px){.c9 .acct9{grid-template-columns:252px minmax(0,1fr)}.c9 .acct9>nav a{white-space:nowrap}}