:root{--ink:#0d2137;--ink2:#173350;--acc:#e4602b;--accd:#c04d1d;--bg:#f5f7fa;--line:#e2e8ef;--mut:#5a6b7e;--steel:#eef2f6}
@font-face{font-family:"Inter";src:url(/fonts/inter-var-latin.woff2) format("woff2");font-weight:100 900;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2190-2199,U+2212,U+2248,U+2260,U+2264-2265}
@font-face{font-family:"Inter";src:url(/fonts/inter-var-latin-ext.woff2) format("woff2");font-weight:100 900;font-display:swap;unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Inter";src:url(/fonts/inter-var-greek.woff2) format("woff2");font-weight:100 900;font-display:swap;unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}
@font-face{font-family:"Plex Mono";src:url(/fonts/plexmono-Medium.woff2) format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"Plex Mono";src:url(/fonts/plexmono-SemiBold.woff2) format("woff2");font-weight:600;font-display:swap}
/* spacing scale 4/8/12/16/24/32/48/64/96 */
:root{--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px;--s7:48px;--s8:64px;--s9:96px;--r:10px;--r-lg:16px;--mono:"Plex Mono",ui-monospace,SFMono-Regular,Menlo,monospace;--sh1:0 1px 2px rgba(13,33,55,.06),0 1px 1px rgba(13,33,55,.04);--sh2:0 10px 30px -12px rgba(13,33,55,.22),0 2px 6px rgba(13,33,55,.06)}
*,*:before,*:after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:140px}
body{margin:0;font:400 16px/1.6 "Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;font-feature-settings:"cv11","ss01";color:var(--ink);background:#fff;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit;text-decoration:none}img,svg{display:block}
h1,h2,h3{letter-spacing:-.022em;line-height:1.15;margin:0;font-weight:650}
p{margin:0}
.wrap{width:100%;max-width:1240px;margin-inline:auto;padding-inline:var(--s5)}
.skip{position:absolute;left:-999px;top:8px;background:var(--ink);color:#fff;padding:8px 12px;border-radius:6px;z-index:99}.skip:focus{left:8px}
.i{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
.ico{fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.eyebrow{display:inline-block;font-size:12.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--accd);margin-bottom:var(--s3)}
:focus-visible{outline:2px solid var(--acc);outline-offset:2px;border-radius:4px}
/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s2);background:var(--acc);color:#fff;border:0;border-radius:8px;padding:11px 18px;font:600 15px/1.2 inherit;cursor:pointer;transition:background .15s,transform .15s;white-space:nowrap}
.btn:hover{background:var(--accd)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.6;cursor:wait}
.btn-dark{background:var(--ink)}.btn-dark:hover{background:var(--ink2)}
.btn-ghost{background:#fff;color:var(--ink);border:1px solid var(--line)}.btn-ghost:hover{background:var(--bg)}
.btn-lg{padding:14px 24px;font-size:16px}
/* header */
.hd{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.92);backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid var(--line)}
.hd-in{display:flex;align-items:center;gap:var(--s6);height:72px}
.logo{display:flex;align-items:center;flex:none}.logo-svg{height:34px;width:auto}
.search{flex:1;max-width:620px;display:flex;align-items:center;gap:var(--s2);height:46px;padding:0 4px 0 14px;border:1px solid var(--line);border-radius:10px;background:var(--bg);transition:border-color .15s,box-shadow .15s,background .15s}
.search:focus-within{background:#fff;border-color:var(--ink2);box-shadow:0 0 0 4px rgba(23,51,80,.08)}
.search .i{color:var(--mut)}.search input{flex:1;min-width:0;border:0;outline:0;background:transparent;font:500 15px inherit;color:var(--ink)}.search input::placeholder{color:#8a98a8;font-weight:400}
.search button{height:36px;padding:0 14px;border:0;border-radius:7px;background:var(--ink);color:#fff;font:600 14px inherit;cursor:pointer}.search button:hover{background:var(--ink2)}
.hd-link{font-weight:600;font-size:15px;color:var(--ink);padding:8px 4px;flex:none}.hd-link:hover{color:var(--accd)}
.bb{border-top:1px solid var(--line);background:#fff}
.bb-in{display:flex;align-items:center;gap:var(--s1);height:48px;position:relative}
.bb-h{display:none}
.bb-all,.bb-b{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 12px;border:0;border-radius:7px;background:none;font:550 14px inherit;color:#33475b;white-space:nowrap;cursor:pointer}
.bb-b em,.bb-all em{font-style:normal;font-size:12px;color:#8a98a8;font-weight:500;font-variant-numeric:tabular-nums}
.bb-b .dn{width:14px;height:14px;transition:transform .15s}
.bb-all:hover,.bb-b:hover,.bb-i.open .bb-b{background:var(--bg);color:var(--ink)}.bb-all.on,.bb-i.on .bb-b{color:var(--ink);box-shadow:inset 0 -2px 0 var(--acc)}
.bb-i{position:static}
.mega{display:none;position:absolute;left:0;right:0;top:100%;z-index:40;background:#fff;border:1px solid var(--line);border-radius:0 0 var(--r-lg) var(--r-lg);box-shadow:0 18px 40px rgba(13,33,55,.12);padding:var(--s5);max-height:70vh;overflow-y:auto}
.bb-i.open .mega{display:block}.bb-i.open .bb-b .dn{transform:rotate(180deg)}
@media (hover:hover) and (min-width:861px){.bb-i:hover .mega{display:block}.bb-i:hover .bb-b{background:var(--bg);color:var(--ink)}}
.mega-all{display:inline-flex;gap:8px;font-weight:650;color:var(--ink);margin-bottom:var(--s3)}.mega-all em{font-style:normal;color:var(--mut);font-weight:500}.mega-all:hover{color:var(--accd)}
.mega ul{list-style:none;margin:0;padding:0;columns:4 200px;column-gap:var(--s5)}
.mega li{break-inside:avoid}.mega li a{display:flex;justify-content:space-between;gap:8px;padding:6px 8px;border-radius:6px;font-size:14px;color:#33475b}.mega li a:hover{background:var(--bg);color:var(--ink)}
.mega li em{font-style:normal;font-size:12px;color:#8a98a8;font-variant-numeric:tabular-nums}
.nav-sp{flex:1}.nav-b2b{font-size:13px;color:var(--mut);white-space:nowrap}
.mburger{display:none;flex:none;width:42px;height:42px;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--ink);cursor:pointer}
.mscrim{display:none}
.lsw{position:relative;flex:none}
.lsw-b{display:inline-flex;align-items:center;gap:6px;height:38px;padding:0 10px;border:1px solid var(--line);border-radius:8px;background:#fff;font:600 13px inherit;color:var(--ink);cursor:pointer}.lsw-b .i{width:17px;height:17px}.lsw-b .dn{width:13px;height:13px}
.lsw-b:hover,.lsw.open .lsw-b{border-color:var(--ink2)}
.lsw-m{display:none;position:absolute;right:0;top:calc(100% + 6px);z-index:45;min-width:170px;list-style:none;margin:0;padding:6px;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:0 14px 34px rgba(13,33,55,.14)}
.lsw.open .lsw-m{display:block}
.lsw-m a{display:block;padding:8px 10px;border-radius:6px;font-size:14px;color:#33475b}.lsw-m a:hover{background:var(--bg);color:var(--ink)}.lsw-m a[aria-current]{font-weight:650;color:var(--ink);background:var(--bg)}
.brands{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--s4)}
.brand-c{display:flex;flex-direction:column;padding:var(--s5);background:#fff;border:1px solid var(--line);border-radius:var(--r-lg)}
.brand-h{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:var(--s3)}.brand-h b{font-size:20px;color:var(--ink)}.brand-h span{color:var(--mut);font-size:14px}
.brand-c ul{list-style:none;margin:0 0 var(--s3);padding:0;flex:1}.brand-c li a{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px solid var(--line);font-size:14px;color:#33475b}.brand-c li a:hover{color:var(--accd)}.brand-c li em{font-style:normal;color:#8a98a8;font-size:12px}
.ft-h2{margin-top:var(--s5)}
/* hero */
.hero{position:relative;background:linear-gradient(180deg,#f7f9fb 0%,#fff 100%);border-bottom:1px solid var(--line);overflow:hidden}
.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:44px 44px;opacity:.45;-webkit-mask-image:radial-gradient(ellipse 70% 80% at 70% 30%,#000 10%,transparent 75%);mask-image:radial-gradient(ellipse 70% 80% at 70% 30%,#000 10%,transparent 75%)}
.hero-in{position:relative;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.9fr);gap:var(--s8);align-items:center;padding-block:var(--s8) var(--s7)}
.hero h1{font-size:clamp(34px,4.6vw,56px);letter-spacing:-.035em;line-height:1.05;font-weight:680;max-width:14ch}
.lead{font-size:18px;line-height:1.6;color:#3d5166;margin-top:var(--s5);max-width:56ch}
.hsearch{display:flex;align-items:center;gap:var(--s2);margin-top:var(--s6);height:60px;padding:0 6px 0 18px;background:#fff;border:1px solid #cfd8e2;border-radius:12px;box-shadow:var(--sh2);max-width:620px}
.hsearch:focus-within{border-color:var(--ink2);box-shadow:var(--sh2),0 0 0 4px rgba(23,51,80,.08)}
.hsearch .i{width:20px;height:20px;color:var(--mut)}.hsearch input{flex:1;min-width:0;border:0;outline:0;font:500 17px inherit;color:var(--ink)}.hsearch input::placeholder{color:#8a98a8;font-weight:400}
.hsearch button{height:48px;padding:0 22px;border:0;border-radius:8px;background:var(--acc);color:#fff;font:650 16px inherit;cursor:pointer}.hsearch button:hover{background:var(--accd)}
.chips{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s2);margin-top:var(--s4);font-size:13px;color:var(--mut)}
.chips a{font:500 13px var(--mono);padding:4px 10px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--ink)}.chips a:hover{border-color:var(--ink2)}
.hero-card{display:block;background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:0 30px 60px -30px rgba(13,33,55,.35),var(--sh1);padding:var(--s5);transition:transform .2s}
.hero-card:hover{transform:translateY(-2px)}
.hc-top{display:flex;align-items:center;gap:var(--s4);padding-bottom:var(--s4);border-bottom:1px solid var(--line)}
.hc-ico{width:56px;height:56px;border-radius:12px;background:var(--steel);display:grid;place-items:center;color:var(--ink);flex:none}.hc-ico .ico{width:34px;height:34px}
.hc-k{display:block;font-size:12px;font-weight:600;color:var(--accd);letter-spacing:.06em;text-transform:uppercase}.hc-pn{font:600 19px var(--mono);letter-spacing:-.01em}
.hc-spec{margin:var(--s3) 0}.hc-spec div{display:flex;justify-content:space-between;gap:var(--s4);padding:8px 0;border-bottom:1px dashed var(--line);font-size:14px}.hc-spec dt{color:var(--mut)}.hc-spec dd{margin:0;font-weight:600;text-align:right}
.hc-pr{display:grid;grid-template-columns:1fr 1fr;gap:var(--s3);margin-top:var(--s4)}.hc-pr div{background:var(--bg);border-radius:8px;padding:10px 12px}.hc-pr span{display:block;font-size:12px;color:var(--mut)}.hc-pr b{font-size:20px;font-variant-numeric:tabular-nums;letter-spacing:-.01em}
.hc-cta{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:var(--s4);height:44px;border-radius:8px;background:var(--ink);color:#fff;font-weight:600;font-size:15px}
.hero-stats{position:relative;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);padding-block:var(--s5)}
.hero-stats div{padding-inline:var(--s5);border-left:1px solid var(--line)}.hero-stats div:first-child{border-left:0;padding-left:0}
.hero-stats b{display:block;font-size:24px;font-weight:650;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.hero-stats span{font-size:14px;color:var(--mut)}
/* blocks */
.blk{margin-top:var(--s8)}.blk-h{display:flex;justify-content:space-between;align-items:flex-end;gap:var(--s4);margin-bottom:var(--s5)}
.blk-h h2{font-size:28px}.blk-h .eyebrow{margin-bottom:var(--s2)}
.more{display:inline-flex;align-items:center;gap:6px;font-weight:600;font-size:15px;color:var(--ink);white-space:nowrap}.more:hover{color:var(--accd)}
.cats{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--s4)}
.cat{display:flex;align-items:center;gap:var(--s4);padding:var(--s5);background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);transition:border-color .15s,box-shadow .15s}
.cat:hover{border-color:#c4cfdb;box-shadow:var(--sh2)}
.cat-ico{width:56px;height:56px;border-radius:12px;background:var(--steel);color:var(--ink);display:grid;place-items:center;flex:none}.cat-ico .ico{width:34px;height:34px}
.cat b{display:block;font-size:17px;font-weight:650;letter-spacing:-.01em}.cat span{font-size:14px;color:var(--mut)}.cat-chev{margin-left:auto;color:#9aa7b5}.cat:hover .cat-chev{color:var(--acc)}
/* tiles */
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:var(--s4)}
.tile{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:var(--s5) var(--s5) var(--s4);transition:border-color .15s,box-shadow .15s,transform .15s;min-width:0}
.tile:hover{border-color:#c4cfdb;box-shadow:var(--sh2);transform:translateY(-2px)}.tile[hidden]{display:none}
.tile-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--s4)}
.tile-ico{width:44px;height:44px;border-radius:10px;background:var(--steel);color:var(--ink);display:grid;place-items:center}.tile-ico .ico{width:28px;height:28px}
.tile-ser{font-size:11.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--mut);background:var(--bg);border:1px solid var(--line);padding:3px 8px;border-radius:999px}
.tile-pn{font:600 16px/1.3 var(--mono);letter-spacing:-.01em;overflow-wrap:anywhere}
.tile-nm{font-size:14px;color:#3d5166;margin-top:2px;line-height:1.4}
.tile-meta{font-size:13px;color:var(--mut);margin-top:6px;min-height:20px}
.tile-cfg{display:flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;color:var(--accd);margin-top:6px}.tile-cfg .i{width:15px;height:15px}
.tile-pr{display:grid;grid-template-columns:1fr 1fr;margin:var(--s4) 0 var(--s3);border-top:1px solid var(--line);padding-top:var(--s3)}
.tile-pr div+div{border-left:1px solid var(--line);padding-left:var(--s3)}.tile-pr dt{font-size:12px;color:var(--mut)}.tile-pr dd{margin:0;font-weight:650;font-size:18px;letter-spacing:-.015em;font-variant-numeric:tabular-nums}
.tile-pr dd.request{font-size:14px;color:var(--accd);font-weight:600;padding-top:3px}.tile-pr dd.none{color:#9aa7b5}
.tile-cta{margin-top:auto;display:flex;align-items:center;justify-content:space-between;font-size:14px;font-weight:600;color:var(--ink);padding-top:var(--s2)}.tile-cta .i{width:16px;height:16px;transition:transform .15s}.tile:hover .tile-cta{color:var(--accd)}.tile:hover .tile-cta .i{transform:translateX(3px)}
/* steps + trust */
.steps{margin-top:var(--s8)}.steps ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s4);counter-reset:s}
.steps li{counter-increment:s;padding:var(--s5);border:1px solid var(--line);border-radius:var(--r-lg);background:linear-gradient(180deg,#fff,#fafbfc)}
.steps li:before{content:"0" counter(s);display:block;font:600 13px var(--mono);color:var(--accd);margin-bottom:var(--s3)}.steps b{font-size:17px}.steps p{color:var(--mut);font-size:15px;margin-top:4px}
.trust{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--s5);margin-top:var(--s8);padding-block:var(--s6);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.trust-i{display:flex;gap:var(--s3)}.trust-i .i{width:24px;height:24px;color:var(--acc);margin-top:2px}.trust-i b{font-size:15px}.trust-i p{font-size:14px;color:var(--mut);line-height:1.5;margin-top:2px}
/* crumbs + listing */
.crumb{display:flex;align-items:center;flex-wrap:wrap;gap:6px;padding-block:var(--s5) 0;font-size:13.5px;color:var(--mut)}.crumb a{color:#33475b;font-weight:500}.crumb a:hover{color:var(--accd)}.crumb .i{width:14px;height:14px;color:#a7b3c0}.crumb span{color:var(--mut);overflow-wrap:anywhere}
.lhead{padding-block:var(--s5) var(--s6)}.lhead h1{font-size:clamp(28px,3.4vw,40px);letter-spacing:-.03em}.lhead p{color:#3d5166;font-size:17px;margin-top:var(--s3);max-width:70ch}
.lay{display:grid;grid-template-columns:272px minmax(0,1fr);gap:var(--s6);align-items:start}
.side{position:sticky;top:136px;background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:var(--s5)}
.side-h{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--s4)}.side-h h2{font-size:16px}.side-x,.side-apply{display:none}
.fld{display:block;font-size:13px;font-weight:600;color:#33475b;margin:0 0 var(--s4);border:0;padding:0}.fld legend{padding:0;margin-bottom:6px}.fld em{font-style:normal;font-weight:400;color:#8a98a8}
.fld input,.fld select,.fld textarea,.bar select{display:block;width:100%;margin-top:6px;height:42px;padding:0 12px;border:1px solid #d3dbe4;border-radius:8px;font:400 15px inherit;color:var(--ink);background:#fff;transition:border-color .15s,box-shadow .15s}
.fld textarea{height:auto;padding:10px 12px;resize:vertical}
.fld select,.bar select{appearance:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235a6b7e' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 10px center/16px;padding-right:34px}
.fld input:focus,.fld select:focus,.fld textarea:focus,.bar select:focus{outline:0;border-color:var(--ink2);box-shadow:0 0 0 4px rgba(23,51,80,.08)}
.seg{display:grid;grid-template-columns:repeat(3,1fr);background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:3px}
.seg label{position:relative}.seg input{position:absolute;opacity:0;inset:0}.seg span{display:block;text-align:center;padding:7px 0;border-radius:6px;font-size:13.5px;font-weight:550;color:#33475b;cursor:pointer}
.seg input:checked+span{background:#fff;color:var(--ink);box-shadow:var(--sh1)}.seg input:focus-visible+span{outline:2px solid var(--acc)}
.side-reset{width:100%;height:40px;font-size:14px}
.side-cats{margin-top:var(--s5);padding-top:var(--s4);border-top:1px solid var(--line)}.side-cats h3{font-size:12.5px;text-transform:uppercase;letter-spacing:.08em;color:var(--mut);margin-bottom:var(--s2)}
.side-cats a{display:flex;align-items:center;gap:10px;padding:8px;margin:0 -8px;border-radius:8px;font-size:14px;font-weight:550}.side-cats a .ico{width:20px;height:20px;color:var(--ink2)}.side-cats em{margin-left:auto;font-style:normal;color:#8a98a8;font-size:13px}.side-cats a:hover{background:var(--bg)}
.bar{display:flex;align-items:center;gap:var(--s3);margin-bottom:var(--s4);min-height:42px}#count{font-weight:600;font-size:15px}
.sort{margin-left:auto;display:flex;align-items:center;gap:var(--s2);font-size:14px;color:var(--mut)}.sort select{width:auto;margin:0;height:38px;font-size:14px}
.filter-btn{display:none;height:40px}.filter-btn span[hidden]{display:none!important}.filter-btn span{background:var(--acc);color:#fff;border-radius:999px;font-size:12px;min-width:20px;height:20px;display:inline-grid;place-items:center;padding:0 6px}
.empty{padding:var(--s7);text-align:center;border:1px dashed #cfd8e2;border-radius:var(--r-lg);color:var(--mut)}.empty b{color:var(--ink);display:block;margin-bottom:4px}
.scrim{display:none}
/* product page */
.pd{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--s7);padding-block:var(--s5) 0;align-items:start}
.pv{position:relative;overflow:hidden;border-radius:20px;background:linear-gradient(150deg,var(--ink2),var(--ink) 70%);color:#fff;min-height:440px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--s6);text-align:center}
.pv-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);background-size:32px 32px;-webkit-mask-image:radial-gradient(circle at 50% 45%,#000 0,transparent 70%);mask-image:radial-gradient(circle at 50% 45%,#000 0,transparent 70%)}
.pv-ico{position:relative;width:148px;height:148px;border-radius:32px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);display:grid;place-items:center}.pv-ico .ico{width:96px;height:96px;stroke-width:1.6}
.pv-pn{position:relative;font:600 26px var(--mono);margin-top:var(--s5);letter-spacing:.01em;overflow-wrap:anywhere}.pv-m{position:relative;color:#b9c6d3;font-size:14px;margin-top:4px}
.pv-sn{position:relative;margin-top:var(--s3);font:500 13px var(--mono);color:#dfe7ef;border:1px solid rgba(255,255,255,.18);padding:4px 10px;border-radius:999px}
.pi h1{display:flex;flex-direction:column;gap:6px}.pi .pn{font:600 clamp(24px,2.6vw,32px)/1.15 var(--mono);letter-spacing:-.015em;overflow-wrap:anywhere}.pi .sub{font:500 18px/1.4 "Inter",sans-serif;color:#3d5166;letter-spacing:-.01em}
.cfg{display:flex;gap:var(--s3);margin-top:var(--s5);padding:var(--s3) var(--s4);border:1px solid #f1d2c3;background:#fdf6f2;border-radius:var(--r)}.cfg .i{width:22px;height:22px;color:var(--accd);margin-top:1px}.cfg b{display:block;font-size:14.5px}.cfg span{font-size:13.5px;color:#6b5a52}
.conds{margin-top:var(--s5);border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--sh1)}
.cond{display:flex;align-items:center;justify-content:space-between;gap:var(--s4);padding:var(--s4) var(--s5);background:#fff}.cond+.cond{border-top:1px solid var(--line)}
.cond-l span{display:block;font-size:13px;font-weight:600;color:var(--mut);text-transform:uppercase;letter-spacing:.06em}.cond-l b{display:block;font-size:30px;font-weight:680;letter-spacing:-.03em;line-height:1.15;font-variant-numeric:tabular-nums}.cond-l b.request{font-size:20px;color:var(--accd);padding:4px 0}.cond-l small{font-size:12.5px;color:#8a98a8}
.cond.na b{font-size:16px;color:#8a98a8;font-weight:500}.cond .btn{min-width:168px;height:46px}
.note{font-size:13.5px;color:var(--mut);margin-top:var(--s3);line-height:1.5}
.quick{display:grid;grid-template-columns:1fr 1fr;gap:var(--s2);margin:var(--s5) 0 0}.quick div{background:var(--bg);border-radius:var(--r);padding:10px 14px}.quick dt{font-size:12.5px;color:var(--mut)}.quick dd{margin:0;font-weight:600;font-size:15px}
.cols{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--s5);margin-top:var(--s8)}
.box{border:1px solid var(--line);border-radius:var(--r-lg);padding:var(--s6);background:#fff;min-width:0}.box h2{font-size:20px;margin-bottom:var(--s4)}.box h3{font-size:15px;margin:var(--s6) 0 var(--s3)}.box p{color:#33475b;line-height:1.7}.box p+p{margin-top:var(--s3)}
table{width:100%;border-collapse:collapse}.spec th,.spec td{padding:11px 0;border-bottom:1px solid var(--line);text-align:left;vertical-align:top;font-size:15px}.spec tr:last-child th,.spec tr:last-child td{border-bottom:0}.spec th{font-weight:400;color:var(--mut);width:46%;padding-right:var(--s4)}.spec td{font-weight:600;overflow-wrap:anywhere}
.tc td{padding:9px 10px 9px 0;border-bottom:1px solid var(--line);font-size:14.5px;vertical-align:top}.tc tr:last-child td{border-bottom:0}.tc td:first-child{width:96px}.tc code{font:600 13px var(--mono);background:var(--steel);padding:3px 8px;border-radius:5px;white-space:nowrap}
.form{margin-top:var(--s8)}.form-in{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.4fr);gap:var(--s7);background:var(--bg);border:1px solid var(--line);border-radius:20px;padding:var(--s7)}
.form-intro h2{font-size:30px;letter-spacing:-.03em}.form-intro p{color:#3d5166;margin-top:var(--s3)}.form-intro .pn{font-family:var(--mono);font-weight:600}
.form-intro ul{list-style:none;padding:0;margin:var(--s5) 0 0}.form-intro li{display:flex;align-items:center;gap:8px;font-size:14.5px;color:#33475b;padding:4px 0}.form-intro li .i{color:#2f855a}
#f{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:var(--s6);box-shadow:var(--sh1)}
.row{display:grid;grid-template-columns:1fr 1fr;gap:var(--s4)}
.hp{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}
#fmsg{margin-top:var(--s3);font-weight:600;font-size:14.5px;color:var(--ink2)}#fmsg.ok{color:#2f855a}#fmsg.err{color:#c53030}
/* footer */
.ft{margin-top:var(--s9);background:var(--ink);color:#b9c6d3}.ft-in{display:grid;grid-template-columns:1.2fr 1fr 1fr 1.4fr;gap:var(--s7);padding-block:var(--s8) var(--s7)}
.ft .logo-svg{height:30px}.ft-brand p{margin-top:var(--s4);font-size:14.5px;max-width:36ch}.ft-t{color:#fff;font-size:13px;margin:0 0 var(--s3)!important;font-weight:650;letter-spacing:.06em;text-transform:uppercase}.ft a{display:block;padding:3px 0;font-size:14.5px}.ft a:hover{color:#fff}.ft p{font-size:13.5px;line-height:1.6}.ft p+p{margin-top:var(--s3)}
.ft-b{display:flex;justify-content:space-between;gap:var(--s4);flex-wrap:wrap;border-top:1px solid rgba(255,255,255,.1);padding-block:var(--s5);font-size:13px;color:#8da0b3}
.ft-t.ft-h2{margin-top:var(--s6)!important}.ft-b a{display:inline;padding:0;font-size:13px}
.pager{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px;margin-top:var(--s7)}.pager:empty{display:none}
.pg-n,.pg-a{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 12px;border:1px solid var(--line);border-radius:9px;background:#fff;font-size:14.5px;font-weight:550;color:#33475b;font-variant-numeric:tabular-nums}
a.pg-n:hover,a.pg-a:hover{border-color:#b9c6d3;color:var(--ink)}.pg-n.on{background:var(--ink);border-color:var(--ink);color:#fff}.pg-a.off{opacity:.45;pointer-events:none}.pg-gap{color:#8a98a8;padding:0 4px}
.chk{display:flex;gap:10px;align-items:flex-start;font-size:13.5px;line-height:1.5;color:#3d5166;margin:var(--s2) 0 var(--s4)}.chk input{width:18px;height:18px;margin-top:2px;flex:none;accent-color:var(--ink)}.chk a{color:var(--ink);text-decoration:underline;text-underline-offset:2px}
.legal{max-width:820px;padding-block:var(--s5) var(--s8)}.legal header{margin-bottom:var(--s6)}.legal h1{font-size:clamp(30px,4vw,42px);letter-spacing:-.03em;margin-top:var(--s2)}.legal .lead{color:var(--mut);margin-top:var(--s3);font-size:15px}
.legal section{padding:var(--s5) 0;border-top:1px solid var(--line)}.legal h2{font-size:18px;letter-spacing:-.01em;display:flex;gap:12px;align-items:baseline;margin-bottom:var(--s3)}.legal h2 span{font-family:var(--mono);font-size:13px;color:var(--acc);font-weight:600}
.legal p{color:#33475b;line-height:1.7;font-size:15.5px;max-width:70ch}.legal p+p{margin-top:var(--s3)}.legal a{color:var(--ink);text-decoration:underline;text-underline-offset:2px}
.ph{background:#fff4d6;color:#7a5200;padding:0 4px;border-radius:4px;font-size:.95em}.ph-note{background:#fff8e6;border:1px solid #f1dca6;color:#6b4c00;border-radius:10px;padding:12px 14px;font-size:14px;margin-bottom:var(--s5)}
.nf{max-width:640px;padding-block:var(--s9);text-align:left}.nf h1{font-size:clamp(32px,5vw,48px);letter-spacing:-.03em;margin:var(--s2) 0 var(--s3)}.nf p{color:var(--mut)}.nf .hsearch{margin-top:var(--s5)}.nf-links{display:flex;gap:var(--s3);margin-top:var(--s6)!important;flex-wrap:wrap}
.side-cats a[aria-current]{background:var(--bg);color:var(--ink);font-weight:600}
/* responsive */
@media (max-width:1080px){.ft-in{grid-template-columns:1fr 1fr}.hero-in{grid-template-columns:1fr;gap:var(--s6)}.hero-card{max-width:560px}.lay{grid-template-columns:240px minmax(0,1fr)}.trust{grid-template-columns:1fr 1fr}.form-in{grid-template-columns:1fr;gap:var(--s5)}}
@media (max-width:860px){
 .wrap{padding-inline:var(--s4)}
 .hd-in{flex-wrap:wrap;height:auto;padding-block:10px;gap:10px var(--s4)}.logo-svg{height:28px}.hd-link{margin-left:auto}.search{order:3;flex-basis:100%;max-width:none;height:44px}
 .nav-b2b{display:none}
 .hero-in{padding-block:var(--s6) var(--s5)}.lead{font-size:16px}.hsearch{height:54px;padding-left:14px}.hsearch input{font-size:16px}.hsearch button{height:42px;padding:0 14px;font-size:15px}
 .hero-stats{grid-template-columns:1fr 1fr;gap:var(--s4) 0}.hero-stats div:nth-child(3){border-left:0;padding-left:0}
 .lay{grid-template-columns:1fr}.filter-btn{display:inline-flex}
 .side{position:fixed;top:0;bottom:0;left:0;width:min(88vw,360px);z-index:60;border-radius:0 var(--r-lg) var(--r-lg) 0;overflow-y:auto;transform:translateX(-105%);transition:transform .25s ease;padding-bottom:var(--s7)}
 .side-x{display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--line);border-radius:8px;background:#fff;cursor:pointer;color:var(--ink)}
 .side-apply{display:flex;width:100%;margin-top:var(--s2);height:46px}
 .fopen .side{transform:none}.scrim{display:block;position:fixed;inset:0;background:rgba(13,33,55,.45);z-index:55;opacity:0;pointer-events:none;transition:opacity .25s}.fopen .scrim{opacity:1;pointer-events:auto}.fopen{overflow:hidden}
 .fld input,.fld select,.fld textarea{font-size:16px}
 .sort span{display:none}#count{font-size:14px;white-space:nowrap}.sort select{max-width:170px}.bar{gap:var(--s2)}
 .grid{grid-template-columns:1fr 1fr;gap:var(--s3)}.tile{padding:var(--s4) var(--s4) var(--s3)}.tile-pn{font-size:14px}.tile-pr dd{font-size:16px}.tile-ser{display:none}
 .pd{grid-template-columns:1fr;gap:var(--s5)}.pv{min-height:240px;padding:var(--s5)}.pv-ico{width:104px;height:104px;border-radius:24px}.pv-ico .ico{width:66px;height:66px}.pv-pn{font-size:19px}
 .cols{grid-template-columns:1fr;margin-top:var(--s6)}.box{padding:var(--s5)}.form{margin-top:var(--s6)}.form-in{padding:var(--s5)}#f{padding:var(--s4)}.row{grid-template-columns:1fr;gap:0}
 .cond{flex-wrap:wrap;padding:var(--s4)}.cond .btn{min-width:0;flex:1 1 140px}.cond-l b{font-size:26px}
 .steps ol{grid-template-columns:1fr}.blk,.steps{margin-top:var(--s7)}.blk-h h2{font-size:23px}.trust{grid-template-columns:1fr;gap:var(--s4);margin-top:var(--s7)}
 .ft-in{grid-template-columns:1fr;gap:var(--s5);padding-block:var(--s7) var(--s5)}
}
@media (max-width:420px){.grid{grid-template-columns:1fr}.tile-ser{display:inline}.quick{grid-template-columns:1fr 1fr}}
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

/* delivery time (per condition) */
.tile-pr small.lt{display:block;font-size:11px;font-weight:500;color:var(--mut);margin-top:2px;white-space:nowrap}.cond-l small.lt,.cond-l small.ex{display:block;margin-top:2px}.cond-l small.lt{color:var(--ink2);font-weight:600}.cond-l small.ex{color:var(--accd);font-weight:600}
/* four conditions: tile grid 2×2 */
.tile-pr.z4{grid-template-columns:1fr 1fr;row-gap:var(--s3)}.tile-pr.z4 div+div{border-left:0;padding-left:0}.tile-pr.z4 div:nth-child(even){border-left:1px solid var(--line);padding-left:var(--s3)}
.tile-pr.z4 dd{font-size:16px}.tile-pr.z4 dd.request{font-size:13px}.tile-vat{font-size:11.5px;color:var(--mut);margin:-4px 0 var(--s3)}
/* product page: condition selector (radio cards) */
.zsel{margin:var(--s5) 0 0;padding:0;border:0;display:grid;gap:10px}.zsel legend{font-size:13px;font-weight:650;color:var(--mut);text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px}
.zc{position:relative;display:flex;justify-content:space-between;gap:var(--s4);align-items:flex-start;padding:14px 16px 14px 46px;background:#fff;border:1.5px solid var(--line);border-radius:12px;cursor:pointer;transition:border-color .15s,box-shadow .15s}
.zc:hover{border-color:#b9c6d4}.zc.on{border-color:var(--acc);box-shadow:0 0 0 3px rgba(228,96,43,.12)}
.zc input{position:absolute;left:16px;top:17px;width:18px;height:18px;margin:0;accent-color:var(--acc)}
.zc-h b{display:block;font-size:15.5px;font-weight:650;color:var(--ink)}.zc-h em{display:block;font-style:normal;font-size:13px;color:var(--mut);margin-top:3px;line-height:1.4}
.zc-p{text-align:right;flex:none;min-width:120px}.zc-p b{display:block;font-size:18px;font-weight:680;color:var(--ink);letter-spacing:-.015em}.zc-p b.request{font-size:14px;color:var(--accd);font-weight:600}
.zc-p small{display:block;font-size:12px;color:#8a98a8;margin-top:2px}.zc-p small.lt{color:var(--ink2);font-weight:600}.zc-p small.ex{color:var(--accd);font-weight:600}
.zsum{display:flex;align-items:center;justify-content:space-between;gap:var(--s4);margin-top:var(--s4);padding:var(--s4) var(--s5);background:var(--steel);border-radius:12px}
.zsum[hidden]{display:none}.zsum span{display:block;font-size:12.5px;font-weight:600;color:var(--mut);text-transform:uppercase;letter-spacing:.06em}.zsum b{display:block;font-size:30px;font-weight:680;letter-spacing:-.03em;color:var(--ink)}.zsum b.request{font-size:20px;color:var(--accd)}.zsum small{display:block;font-size:12.5px;color:var(--mut)}
@media (max-width:640px){.zc{flex-direction:column;gap:8px}.zc-p{text-align:left}.zsum{flex-direction:column;align-items:stretch}.zsum .btn{width:100%}}

@media (max-width:860px){
 .mburger{display:inline-flex}.hd-link{display:none}.lsw{margin-left:auto}
 .bb{position:fixed;top:0;bottom:0;left:0;width:min(88vw,380px);z-index:60;border:0;border-radius:0 var(--r-lg) var(--r-lg) 0;overflow-y:auto;transform:translateX(-105%);transition:transform .25s ease;box-shadow:0 0 40px rgba(13,33,55,.2)}
 .mopen .bb{transform:none}.mopen{overflow:hidden}
 .mopen .hd{backdrop-filter:none;-webkit-backdrop-filter:none;background:#fff}
 .mscrim{display:block;position:fixed;inset:0;background:rgba(13,33,55,.45);z-index:55;opacity:0;pointer-events:none;transition:opacity .25s}.mopen .mscrim{opacity:1;pointer-events:auto}
 .bb-in{flex-direction:column;align-items:stretch;height:auto;gap:0;padding:var(--s4) var(--s4) var(--s7)}
 .bb-h{display:flex;justify-content:space-between;align-items:center;padding:4px 4px var(--s3);border-bottom:1px solid var(--line);margin-bottom:var(--s2)}.bb-h b{font-size:16px}
 .bb-all,.bb-b{width:100%;height:48px;justify-content:flex-start;font-size:15px;border-radius:0;border-bottom:1px solid var(--line)}.bb-b em{margin-left:auto}
 .bb-all.on,.bb-i.on .bb-b{box-shadow:none;color:var(--accd)}
 .mega{position:static;border:0;border-radius:0;box-shadow:none;padding:4px 0 var(--s3) var(--s3);max-height:none;background:var(--bg)}
 .mega ul{columns:1}.mega li a{padding:10px 8px}
 .nav-sp{display:none}
}

/* ---- v5 design pass: product data sheet, related links, calmer rhythm ---- */
.pv{min-height:0;display:block;text-align:left;padding:var(--s6);border-radius:var(--r-lg);position:sticky;top:140px}
.pv-top{position:relative;display:flex;align-items:center;gap:var(--s4);padding-bottom:var(--s5);border-bottom:1px solid rgba(255,255,255,.12)}
.pv .pv-ico{width:72px;height:72px;border-radius:18px;flex:none}.pv .pv-ico .ico{width:44px;height:44px}
.pv-k{font-size:12.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#f3a37c}
.pv .pv-pn{margin-top:2px;font-size:22px}
.pv-dl{position:relative;margin:var(--s4) 0 0;display:grid;gap:0}
.pv-dl div{display:flex;justify-content:space-between;gap:var(--s4);padding:10px 0;border-bottom:1px solid rgba(255,255,255,.08);font-size:14px}
.pv-dl div:last-child{border-bottom:0}
.pv-dl dt{color:#9fb0c2;flex:none}.pv-dl dd{margin:0;text-align:right;font-weight:600;color:#fff;overflow-wrap:anywhere}
.pv-dl dd.mono{font-family:var(--mono);font-weight:500}.pv-dl a{color:#fff;border-bottom:1px solid rgba(255,255,255,.3)}.pv-dl a:hover{border-color:#f3a37c;color:#f3a37c}
.pd{gap:var(--s7)}
.pi h1{margin-bottom:var(--s5)}
.zsel{margin-top:0}
.box h2,.blk-h h2,.rlinks h2{letter-spacing:-.02em}
.rlinks{margin-top:var(--s7)}.rlinks h2{font-size:18px;margin-bottom:var(--s4)}
.rlinks ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:var(--s2)}
.rlinks a{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid var(--line);border-radius:999px;font-size:14px;color:#33475b;background:#fff}
.rlinks a:hover{border-color:var(--ink2);color:var(--ink)}.rlinks em{font-style:normal;font-size:12px;color:#8a98a8}
.tile{transition:border-color .15s,box-shadow .15s,transform .15s}.tile:hover{transform:translateY(-1px)}
.legal section h2{scroll-margin-top:140px}
@media (max-width:860px){
 .pv{position:static;padding:var(--s5)}.pv .pv-pn{font-size:18px}.pv .pv-ico{width:56px;height:56px;border-radius:14px}.pv .pv-ico .ico{width:34px;height:34px}
 .pd{display:flex;flex-direction:column-reverse}
}
@media (max-width:640px){
 .brand-c li:nth-child(n+7){display:none}
 .hero + .blk .brand-c{padding:var(--s4)}
 .g4 .tile:nth-child(n+5){display:none}
 .rlinks a{font-size:13.5px;padding:7px 11px}
}
.gr{text-transform:none}
#grid[aria-busy=true]{opacity:.55;transition:opacity .15s}
/* ---- v6: header / hero / tiles / sidebar / footer ---- */
.hd-in{gap:var(--s5)}
.search{max-width:none;padding:0 14px;position:relative}
.search input{height:100%}.search input::-webkit-search-cancel-button{cursor:pointer}
.lsw{margin-left:auto}
.bb-in{gap:4px}
.bb-all{background:var(--ink);color:#fff;font-weight:600;margin-right:var(--s3)}.bb-all .i{width:16px;height:16px}
.bb-all:hover{background:var(--ink2);color:#fff}.bb-all.on{color:#fff;box-shadow:none;background:var(--accd)}
.hero-in{grid-template-columns:minmax(0,1.3fr) minmax(0,.8fr)}
.hero-brands{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--sh1);padding:var(--s3) 0}
.hb-t{font-size:12.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--mut);padding:var(--s2) var(--s5) var(--s3)}
.hero-brands a{display:grid;grid-template-columns:1fr auto;align-items:center;column-gap:var(--s3);padding:12px var(--s5);border-top:1px solid var(--line);transition:background .15s}
.hero-brands a:hover{background:var(--bg)}
.hero-brands a b{font-size:16px;font-weight:650;letter-spacing:-.01em}.hero-brands a span{grid-column:1;font-size:13px;color:var(--mut)}
.hero-brands .hb-chev{grid-column:2;grid-row:1/3;width:18px;height:18px;color:var(--mut)}
.hero-brands a.hb-all{display:flex;gap:10px;font-weight:600;color:var(--ink);font-size:15px}.hb-all .i{width:18px;height:18px;color:var(--accd)}.hb-all em{margin-left:auto;font-style:normal;color:var(--mut);font-size:13px;font-weight:500}
.hero-stats b.hs-txt{font-size:20px;line-height:1.45}
.tile-top{justify-content:flex-start;align-items:flex-start;gap:var(--s3);margin-bottom:var(--s2)}
.tile-ico{width:40px;height:40px;flex:none}.tile-ico .ico{width:24px;height:24px}
.tile-id{min-width:0}.tile-pn{font-size:16.5px}.tile-nm{margin-top:3px;font-size:13.5px;color:#4a5d71}
.tile-meta{min-height:0;margin-top:2px}.tile-meta:empty{display:none}
.side{top:132px;max-height:calc(100vh - 148px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}
.ft{background:#0b1622;color:#9fb0c1}
.ft-top{display:flex;justify-content:space-between;align-items:center;gap:var(--s7);padding-block:var(--s8) var(--s7);border-bottom:1px solid rgba(255,255,255,.08)}
.ft-hl{color:#fff;font-size:22px;font-weight:650;letter-spacing:-.015em;line-height:1.3;max-width:28ch;margin:0 0 var(--s2)!important}
.ft-lead p{font-size:14.5px;max-width:52ch}
.ft-contact{display:flex;flex-wrap:wrap;gap:var(--s3);margin-top:var(--s5)}
.ft .ft-btn{display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 16px;border-radius:8px;background:#fff;color:var(--ink);font-weight:600;font-size:14.5px}.ft .ft-btn:hover{background:#e9eef3;color:var(--ink)}
.ft .ft-btn-g{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.22)}.ft .ft-btn-g:hover{background:rgba(255,255,255,.08);color:#fff}
.ft-btn .i{width:18px;height:18px}
.ft .ft-logo{display:block;flex:none}.ft .ft-logo .logo-svg{height:46px;width:auto}
.ft-cols{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--s6);padding-block:var(--s7)}
.ft-t{font-size:11.5px!important;letter-spacing:.12em!important;color:#7f93a7!important;font-weight:600!important}
.ft-cols a{color:#c9d5e1}.ft-cols a:hover{color:#fff}
.ft-trust{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--s3) var(--s7);padding-block:var(--s5);border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08);font-size:13.5px;color:#c9d5e1}
.ft-trust span{display:inline-flex;align-items:center;gap:8px}.ft-trust .i{width:18px;height:18px;color:#f3a37c}
.ft-note{font-size:12.5px!important;color:#7f93a7;text-align:center;max-width:90ch;margin:var(--s5) auto 0!important}
.ft .ft-b{display:flex;justify-content:center;flex-wrap:wrap;gap:var(--s2) var(--s5);border-top:0;padding-block:var(--s5) var(--s6);font-size:13px;color:#7f93a7}
.ft .ft-b a{display:inline;padding:0;color:#c9d5e1;font-size:13px}.ft .ft-b a:hover{color:#fff}
@media (max-width:1080px){.hero-in{grid-template-columns:1fr}.hero-brands{max-width:none}.ft-cols{grid-template-columns:1fr 1fr}}
@media (max-width:860px){
 .hd-in{gap:10px var(--s3)}.lsw{margin-left:auto}
 .bb-all{background:none;color:var(--ink);margin:0}.bb-all.on{background:none;color:var(--accd)}.bb-all:hover{background:var(--bg);color:var(--ink)}
 .side{max-height:none;top:0;overflow-y:auto}
 .ft-top{flex-direction:column-reverse;align-items:flex-start;gap:var(--s5);padding-block:var(--s7) var(--s6)}.ft .ft-logo .logo-svg{height:34px}
 .ft-hl{font-size:19px}.ft-trust{justify-content:flex-start;flex-direction:column;gap:var(--s3)}.ft-note{text-align:left}.ft .ft-b{justify-content:flex-start}
 .hero-stats{grid-template-columns:1fr 1fr;row-gap:var(--s4)}.hero-stats div:nth-child(3){border-left:0;padding-left:0}
}
@media (max-width:420px){.ft-cols{grid-template-columns:1fr 1fr;gap:var(--s5)}.ft .ft-btn{width:100%;justify-content:center}}
.ft .ft-hl{color:#fff;font-size:22px;font-weight:650;letter-spacing:-.015em;line-height:1.3}
@media (max-width:860px){.ft .ft-hl{font-size:19px}}
.tile-top{margin-bottom:0}.tile-pn{font-size:17px}
@media (max-width:640px){.hero h1{font-size:clamp(28px,8.2vw,38px);hyphens:auto;-webkit-hyphens:auto;overflow-wrap:break-word;max-width:none}.hero .eyebrow{font-size:11.5px}}
h1,h2{overflow-wrap:break-word}
/* v6 layout audit: no min-content blow-out on narrow screens */
.lay>*,.grid>*,.hero-in>*{min-width:0}
.tile-pr.z4{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.tile-pr dd{overflow-wrap:anywhere}.tile-pr small.lt{white-space:normal}
.blk-h{flex-wrap:wrap;gap:var(--s2) var(--s4)}
@media (max-width:860px){.lay{grid-template-columns:minmax(0,1fr)}.hero-in{grid-template-columns:minmax(0,1fr)}}
@media (max-width:420px){.grid{grid-template-columns:minmax(0,1fr)}}
@media (max-width:860px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.grid{grid-template-columns:minmax(0,1fr)}.tile-pn{font-size:16px}}
@media (max-width:860px){.bar{flex-wrap:wrap;row-gap:var(--s2)}#count{order:3;flex-basis:100%;white-space:normal;font-size:13.5px;color:var(--mut)}.sort{min-width:0}.sort select{max-width:min(200px,55vw)}}
/* v6.1 denser catalog / product (JC/Radwell-like usable width, not full-bleed) */
.pd{gap:var(--s6) var(--s7)}.pv{padding:var(--s5)}
.cols{display:grid;grid-template-columns:1.1fr 1fr;gap:var(--s5);margin-top:var(--s7)}
.cols .box{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:var(--s5)}
.cols .box h2{font-size:18px;margin:0 0 var(--s4)}.cols .box h3{font-size:15px;margin:var(--s5) 0 var(--s3)}
.spec{width:100%;border-collapse:collapse;font-size:14.5px}
.spec th,.spec td{padding:9px 12px;border-bottom:1px solid var(--line);vertical-align:top;text-align:left}
.spec th{width:38%;color:var(--mut);font-weight:550;background:var(--bg)}
.spec tr:last-child th,.spec tr:last-child td{border-bottom:0}
.spec tr:hover td,.spec tr:hover th{background:#f3f6f9}
.tc{width:100%;font-size:14px;border-collapse:collapse}.tc td{padding:7px 10px;border-bottom:1px solid var(--line)}.tc code{font:600 13px var(--mono);color:var(--accd)}
.faq{margin-top:var(--s8)}.faq h2{font-size:22px;margin:0 0 var(--s4)}
.faq-list{display:grid;gap:10px}
.faq-i{background:#fff;border:1px solid var(--line);border-radius:10px;padding:0}
.faq-i summary{cursor:pointer;list-style:none;padding:14px 18px;font-weight:600;font-size:15.5px;display:flex;justify-content:space-between;gap:12px;align-items:center}
.faq-i summary::-webkit-details-marker{display:none}
.faq-i summary:after{content:"+";font-weight:700;color:var(--accd);font-size:20px;line-height:1}
.faq-i[open] summary:after{content:"–"}
.faq-i p{margin:0;padding:0 18px 16px;color:#3d5166;font-size:14.5px;line-height:1.55;max-width:90ch}
.lay{grid-template-columns:280px minmax(0,1fr);gap:var(--s5)}
.grid{gap:var(--s3)}.tile{padding:var(--s4)}
@media (max-width:1080px){.cols{grid-template-columns:1fr}.lay{grid-template-columns:240px minmax(0,1fr)}}
@media (max-width:860px){.cols,.lay{grid-template-columns:1fr}}


/* v6.2 site-wide: wide wrap + grids that FILL the width (no left-cluster / dead right) */
@media (min-width:1100px){
  .wrap{max-width:1480px}
  /* home: exactly 5 brands → 5 equal columns */
  .brands{grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--s4)}
  /* device types + product cards: stretch evenly across the wrap */
  .cats{grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--s3)}
  .grid.g4,section.blk .grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--s3)}
  .results .grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--s3)}
  .g4 .tile:nth-child(n+5){display:flex} /* undo mobile hide of 5th on desktop */
  /* steps + trust fill */
  .steps ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s5)}
  .trust{grid-template-columns:repeat(4,minmax(0,1fr))}
  /* PDP: fixed placeholder, flexible buy column — gap modest, spans full wrap */
  .pd{grid-template-columns:minmax(300px,400px) minmax(0,1fr);gap:32px}
  .pv{max-width:400px;width:100%}
  .cols{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;max-width:none}
  .faq{}.faq-i p{max-width:72ch}
  .form-in{grid-template-columns:minmax(240px,340px) minmax(0,1fr);gap:40px;max-width:none}
  /* footer columns span the full wrap evenly */
  .ft > .wrap{max-width:1480px}
  .ft-cols{grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--s6);width:100%}
  .ft-top{width:100%}
  .rlinks ul{display:flex;flex-wrap:wrap;gap:8px 10px}
}
@media (min-width:1400px){
  .cats{grid-template-columns:repeat(5,minmax(0,1fr))}
  .grid.g4,section.blk .grid{grid-template-columns:repeat(5,minmax(0,1fr))}
  .results .grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}
}
@media (min-width:1600px){
  .wrap,.ft > .wrap{max-width:1560px}
  .brands{grid-template-columns:repeat(5,minmax(0,1fr))}
  .cats{grid-template-columns:repeat(5,minmax(0,1fr))}
  .grid.g4,section.blk .grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--s4)}
  .results .grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--s4)}
  .pd{grid-template-columns:minmax(340px,420px) minmax(0,1fr);gap:36px}
  .pv{max-width:420px}
}
@media (max-width:1099px) and (min-width:861px){
  .brands{grid-template-columns:repeat(3,minmax(0,1fr))}
  .cats{grid-template-columns:repeat(3,minmax(0,1fr))}
  .grid.g4,section.blk .grid,.results .grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}

/* v6.2b: footer + trust span full wrap (short link lists → space-between, not left-clumped 1fr text) */
@media (min-width:1100px){
  .ft-cols{display:flex;justify-content:space-between;align-items:flex-start;gap:clamp(24px,4vw,64px);width:100%}
  .ft-cols > div{flex:1 1 0;min-width:0;max-width:280px}
  .ft-trust{justify-content:space-between;gap:var(--s4);width:100%}
  .ft-note{max-width:none;text-align:center}
  .pi{min-width:0;width:100%}
  .zsel,.zsum,.note{max-width:none;width:100%}
  /* related/home cards already 5-col; ensure no leftover left-cluster rules */
  .grid.g4,section.blk .grid{width:100%}
}






/* v6.5 PDP sticky buy-box (JC-like): stage = .wrap width; LEFT scrolls (navy+specs+Beschreibung); RIGHT sticky until Beschreibung ends; inquiry only in buy-box */
.pd-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--s6);align-items:start;padding-block:var(--s5) 0}
.pd-main{display:flex;flex-direction:column;gap:var(--s5);min-width:0}
.pd-side{display:flex;flex-direction:column;gap:var(--s4);min-width:0}
.pd-side .pv{position:relative;top:auto;max-width:none;width:100%;min-height:0}
.pd-side .tdaten{margin:0;padding:var(--s4) var(--s5);width:100%}
.pd-side .tdaten h2{font-size:13px;font-weight:650;text-transform:uppercase;letter-spacing:.06em;color:var(--mut);margin:0 0 var(--s3)}
.pd-side .tdaten .spec{font-size:14px}
.pd-side .tdaten .spec th{width:40%;background:transparent;padding:8px 10px 8px 0;color:var(--mut);font-weight:500}
.pd-side .tdaten .spec td{padding:8px 0;font-weight:600}
.pd-side .tdaten .spec tr:hover th,.pd-side .tdaten .spec tr:hover td{background:transparent}
.pd-layout .desc{margin:0}
.pd-layout .desc .box{max-width:none;width:100%}
.pd-layout .desc .box h2{font-size:20px;margin:0 0 var(--s4)}
.pd-layout .desc .box h3{font-size:15px;margin:var(--s5) 0 var(--s3)}
.pd-layout .desc .box p{color:#33475b;line-height:1.7}
.pd-layout .desc .box p+p{margin-top:var(--s3)}
.pi{min-width:0}
.pi h1{margin-bottom:var(--s4)}
.buy-form{margin-top:var(--s5);padding:var(--s4);background:var(--steel);border-radius:var(--r-lg);border:1px solid var(--line);display:grid;gap:10px}
.buy-form .bf-h{display:flex;flex-direction:column;gap:2px;margin-bottom:2px}
.buy-form .bf-h b{font-size:15px;font-weight:680;letter-spacing:-.01em}
.buy-form .bf-h span{font-size:12.5px;color:var(--mut)}
.buy-form .fld{margin:0;font-size:12.5px}
.buy-form .fld input,.buy-form .fld select,.buy-form .fld textarea{height:40px;margin-top:4px;font-size:14.5px}
.buy-form .fld textarea{height:auto;min-height:56px}
.buy-form .bf-row{display:grid;grid-template-columns:1fr 1.4fr;gap:10px}
.buy-form .chk{font-size:12.5px;line-height:1.45;color:#33475b;gap:8px;align-items:flex-start}
.buy-form .chk input{margin-top:3px}
.buy-form .btn{width:100%;justify-content:center;margin-top:2px}
.buy-form .note{margin:4px 0 0;font-size:12px;color:var(--mut);line-height:1.45}
.buy-form #fmsg{margin:0;font-size:13.5px;min-height:0}
.buy-form #fmsg.ok{color:#1f6b3a}.buy-form #fmsg.err{color:#a11}
.pi .zsum{margin-top:var(--s3)}
.pi .zsel{margin-top:0}
/* brand-bar mailto — top-right under language switcher */
.bb-mail{display:inline-flex;align-items:center;gap:7px;margin-left:auto;height:34px;padding:0 12px;border-radius:7px;font:550 13.5px inherit;color:#33475b;white-space:nowrap;flex:none}
.bb-mail .i{width:16px;height:16px;color:var(--accd)}
.bb-mail:hover{background:var(--bg);color:var(--ink)}
@media (min-width:1100px){
  .pd-layout{grid-template-columns:minmax(0,1.2fr) minmax(300px,0.78fr);gap:28px}
  .pi{position:sticky;top:140px;align-self:start;max-height:none;overflow:visible}
  /* .pd-layout uses .wrap max-width (1480/1560) — do not override */
}
@media (min-width:1600px){
  .pd-layout{grid-template-columns:minmax(0,1.25fr) minmax(320px,0.72fr);gap:32px}
}
@media (max-width:1099px){
  .pi{position:static;max-height:none;overflow:visible}
}
@media (max-width:860px){
  .pd-layout{display:flex;flex-direction:column;gap:var(--s5)}
  .pd-layout .pi{order:1}
  .pd-layout .pd-main{order:2}
  .buy-form .bf-row{grid-template-columns:1fr 1fr}
  .bb-mail{margin:8px var(--s4) 0;width:auto;align-self:stretch;justify-content:flex-start;height:48px;border-top:1px solid var(--line);border-radius:0;padding:0 4px;font-size:15px}
  .bb-mail .i{width:18px;height:18px}
}
@media (max-width:420px){
  .buy-form .bf-row{grid-template-columns:1fr}
  .bb-mail span{overflow:hidden;text-overflow:ellipsis}
}

/* SEW official datasheet outbound link on PDP */
.sew-doc{margin:0.85rem 0 0;font-size:0.92rem;line-height:1.45}
.sew-doc a{font-weight:600;text-decoration:underline;text-underline-offset:2px}
.sew-doc .muted{color:var(--muted,#5a6b7e);margin-left:0.35rem;font-size:0.85em}

/* v6.5b: FAQ inside pd-main → same width as navy/Technische Daten/Beschreibung; sticky buy-box follows through FAQ */
.pd-main .faq{margin:0;width:100%}
.pd-main .faq h2{font-size:20px;margin:0 0 var(--s4);letter-spacing:-.02em}
.pd-main .faq-list{display:grid;gap:10px}
.pd-main .faq-i{background:#fff;border:1px solid var(--line);border-radius:10px}
.pd-main .faq-i p{max-width:none}
@media (min-width:1100px){
  /* sticky continues for full pd-main height (side + desc + faq) */
  .pi{position:sticky;top:140px;align-self:start;max-height:none;overflow:visible}
}


/* v6.6 mobile header: logo left, search full-width, hamburger RIGHT; language inside sandwich menu only */
.bb-lang{display:none}
@media (max-width:860px){
  .hd-in{display:flex;flex-wrap:wrap;align-items:center;height:auto;padding-block:10px;gap:10px 12px}
  .logo{order:1;flex:none}
  .mburger{display:inline-flex;order:2;margin-left:auto;flex:none}
  .search{order:3;flex-basis:100%;max-width:none;height:44px;margin:0}
  /* language only inside drawer — hide header switcher on mobile */
  .hd-in > .lsw{display:none}
  .bb-lang{display:block;margin-top:var(--s4);padding-top:var(--s4);border-top:1px solid var(--line);width:100%}
  .bb-lang-t{display:block;font-size:12px;font-weight:650;letter-spacing:.06em;text-transform:uppercase;color:#8a98a8;margin:0 0 8px;padding:0 4px}
  .bb-lang-list{display:grid;grid-template-columns:1fr 1fr;gap:4px}
  .bb-lang-list a{display:block;padding:12px 10px;border-radius:8px;font-size:15px;font-weight:550;color:#33475b}
  .bb-lang-list a:hover{background:var(--bg);color:var(--ink)}
  .bb-lang-list a[aria-current=true]{background:var(--bg);color:var(--accd);font-weight:650}
}
@media (min-width:861px){
  .bb-lang{display:none!important}
  .mburger{display:none}
}


/* v6.8: buy-box sticky until bottom aligns with FAQ end (pd-main includes FAQ) */
@media (min-width:1100px){
  .pd-layout .pi{
    position:sticky;
    top:140px; /* below sticky header */
    align-self:start;
    max-height:none; /* natural sticky: stops when bottom meets end of pd-layout (= FAQ bottom) */
    overflow:visible;
  }
}
@media (max-width:1099px){
  .pd-layout .pi{position:static}
}