:root{--g:#EEDFA3;--s:#CBD6D2;--line:#d8d8d4}*{box-sizing:border-box}body{margin:0;background:#efefec;color:#111;font-family:Inter,system-ui,sans-serif}
h1,h2,.price{font-family:Anton,Impact,sans-serif;font-weight:400;letter-spacing:.5px}a{color:inherit}
.top{background:#000;color:#fff;position:sticky;top:0;z-index:6}.in{max-width:1320px;margin:auto;padding:0 16px}
.top .in:first-child{display:flex;align-items:center;gap:16px;padding-top:12px;padding-bottom:8px}.brand img{height:28px;display:block}
h1{color:var(--g);font-size:24px;margin:0}.tag{color:var(--s);margin:0;font-size:13px}.ttl{flex:0 0 auto}
#q{flex:1;background:#111;color:#fff;border:1px solid #333;border-radius:6px;padding:10px 12px;font-size:16px;min-width:0}
.note{color:var(--s);font-size:12px;margin:0 auto;padding-bottom:10px}
.layout{max-width:1320px;margin:auto;display:flex;gap:18px;padding:14px 16px 110px}
aside{flex:0 0 250px;background:#fff;border:1px solid var(--line);padding:12px;align-self:flex-start;position:sticky;top:110px;max-height:calc(100vh - 130px);overflow:auto}
aside h3{font:800 12px Inter;letter-spacing:.8px;text-transform:uppercase;margin:6px 0 8px;border-bottom:2px solid #000;padding-bottom:4px}
#secs{list-style:none;margin:0 0 14px;padding:0;font-size:13px}#secs li{display:flex;justify-content:space-between;padding:4px 6px;cursor:pointer;border-radius:4px}
#secs li:hover{background:#f3f3ef}#secs li.on{background:#000;color:var(--g);font-weight:600}#secs li span{color:#888}#secs li.on span{color:var(--s)}
.chk{display:block;font-size:14px;margin:6px 0}.lbl{font-size:13px;display:block;margin:10px 0 4px}.pr{display:flex;gap:6px}.pr input{width:50%;padding:8px;border:1px solid var(--line);border-radius:4px;font-size:15px}
button{font:inherit;cursor:pointer;border-radius:6px;border:0}.ghost{background:#fff;border:1px solid #000;padding:8px 10px;margin-top:10px}
main{flex:1;min-width:0}.tools{display:flex;align-items:center;gap:10px;margin-bottom:10px}#count{flex:1;font-size:13px;color:#555}
#sort{padding:8px;border:1px solid var(--line);border-radius:4px;font-size:15px}#openside{display:none;margin:0}#closeside{display:none}
/* catalogue section band */
.band{display:flex;align-items:stretch;background:#000;height:30px;margin:0}
.band h2{margin:0;color:#fff;font:800 13px Inter;letter-spacing:.6px;text-transform:uppercase;padding:0 30px 0 14px;display:flex;align-items:center;background:#000;clip-path:polygon(0 0,100% 0,calc(100% - 18px) 100%,0 100%)}
.band i{flex:1;background:var(--g);margin:10px 0 0 -16px;height:7px}.band span{color:var(--s);font-size:12px;padding:0 12px;display:flex;align-items:center}
.page{background:#fff;margin-bottom:20px;box-shadow:0 1px 3px #0002}
.cols{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}
/* catalogue product block */
.prod{padding:16px 16px 14px;border-right:1px solid #eee;border-bottom:1px solid #eee;display:flex;flex-direction:column;cursor:pointer}
.prod .ph{height:190px;display:flex;align-items:center;justify-content:center;margin-bottom:10px}
.ph img{max-width:100%;max-height:100%;object-fit:contain}.ph.no{background:#f5f5f2;color:#cfcfca;font:24px Anton;letter-spacing:3px}
.hd{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.code{font-weight:800;font-size:20px}.nm{font-size:14px}
.specs{font-size:12px;color:#333;margin:6px 0 8px;line-height:1.45}.specs div{white-space:normal}
.sym{display:flex;flex-wrap:wrap;gap:10px 14px;margin:4px 0 10px}.sym div{display:flex;flex-direction:column;align-items:flex-start;font-size:10.5px;color:#222;min-width:44px}
.sym b{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;background:#000;color:#fff;font:15px Anton;margin-bottom:3px;position:relative}
.sym b.o{background:#fff;color:#000;border:2px solid #000;font-size:12px}
.buy{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:1px solid #111;padding-top:10px}
.price{background:#000;color:var(--g);font-size:19px;padding:3px 12px}
.add{background:var(--g);color:#000;font-weight:600;padding:8px 14px}.qty{display:flex;align-items:center;gap:4px}.qty button{background:#111;color:#fff;width:34px;height:34px}.qty span{min-width:24px;text-align:center;font-weight:600}
/* detail page */
.crumb{font-size:13px;margin:0 0 10px;color:#555}.crumb a{cursor:pointer;text-decoration:underline}
.det{display:grid;grid-template-columns:1.1fr 1fr;gap:28px;padding:24px}.det .ph{height:auto;aspect-ratio:1;border:1px solid #eee}
.det .code{font-size:34px}.det .nm{font-size:18px;display:block;margin:2px 0 12px}.det .specs{font-size:14px}
table.st{border-collapse:collapse;width:100%;margin:12px 0 16px;font-size:14px}.st th{background:#000;color:#fff;text-align:left;padding:7px 10px;font-weight:600;width:45%}.st td{border-bottom:1px solid #ddd;padding:7px 10px}
.det .buy{border-top:2px solid #000}.det .price{font-size:28px}.src{font-size:11px;color:#888;margin-top:10px}
.more{padding:0 0 4px}
#cartbtn{position:fixed;right:14px;bottom:14px;background:var(--g);color:#000;padding:14px 18px;font-weight:600;box-shadow:0 4px 20px #0006;z-index:9}
#cart{position:fixed;inset:0;background:#000c;display:none;z-index:10}#cart.open{display:block}
#cart .p{position:absolute;right:0;top:0;bottom:0;width:min(440px,100%);background:#0b0b0b;color:#fff;padding:16px;overflow:auto}
.ch{display:flex;justify-content:space-between;align-items:center}.ch h2{margin:0;color:var(--g)}#cname{width:100%;margin:10px 0;background:#111;color:#fff;border:1px solid #333;border-radius:6px;padding:10px;font-size:16px}
#cart .code{font-size:12px;color:var(--s);font-weight:400}.li{display:flex;gap:8px;align-items:center;border-bottom:1px solid #222;padding:8px 0;font-size:14px}.li .t{flex:1}.li input{width:60px;padding:6px}
#tot{font-family:Anton;color:var(--g);font-size:24px;margin:12px 0}#cart a.wa{display:flex;margin-top:8px;text-align:center;background:#25D366;color:#000;text-decoration:none;padding:14px;border-radius:8px;font-weight:600}
.x{background:none;color:#888;font-size:20px}footer{background:#000;color:var(--s);font-size:13px;text-align:center;padding:20px}
@media(max-width:860px){.ttl .tag{display:none}h1{font-size:18px}.top .in:first-child{flex-wrap:wrap}#q{flex-basis:100%}
aside{position:fixed;inset:0 25% 0 0;z-index:11;top:0;height:100vh;max-height:100vh;box-sizing:border-box;display:none;overflow-y:auto;box-shadow:0 0 40px #000a}aside.open{display:block}#openside,#closeside{display:inline-block}#closeside{float:right}
.layout{padding:10px 8px 100px}.cols{grid-template-columns:1fr}.prod{display:grid;grid-template-columns:120px 1fr;gap:0 12px}.prod .ph{height:120px;grid-row:span 4;margin:0}
.prod .buy{grid-column:1/-1}.det{grid-template-columns:1fr;padding:14px}.det .code{font-size:26px}.tools{flex-wrap:wrap}}

.kitli{font-weight:800;color:#000;background:#EEDFA3}
.kit .kth,.kth{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;margin-bottom:10px}
.kth span{position:relative;aspect-ratio:1;border:1px solid #eee;display:flex;align-items:center;justify-content:center;background:#fff}
.kth img{max-width:100%;max-height:100%;object-fit:contain}.kth i{font:10px Anton;color:#ccc;font-style:normal}
.kth b{position:absolute;right:2px;bottom:1px;font:700 10px Inter;background:#000;color:#EEDFA3;padding:0 3px}
.kit .code{font-size:18px}.kbuy{flex-wrap:wrap;gap:6px}.kbuy s{color:#888;font-size:13px}
.save{font-style:normal;font-weight:800;background:#c8102e;color:#fff;padding:2px 6px;font-size:12px}
.kdet{background:#fff;padding:16px}.kt img{width:56px;height:56px;object-fit:contain}.kt td{vertical-align:middle}
.kt tr[data-go]{cursor:pointer}.kt-sum td{border-top:2px solid #000}
.prod.kit{display:block}.prod.kit .kth{grid-template-columns:repeat(6,1fr)}.prod.kit .hd{margin:6px 0}
.topnav{background:#111;border-bottom:3px solid #EEDFA3}.topnav .in{display:flex;gap:4px;overflow-x:auto}.topnav a{color:#fff;text-decoration:none;font-weight:800;font-size:14px;padding:10px 14px;white-space:nowrap;cursor:pointer}.topnav a.on{background:#EEDFA3;color:#000}.topnav a.kitnav{text-transform:uppercase;letter-spacing:.04em}
.klh{font-weight:800;font-size:12px;text-transform:uppercase;margin:8px 0 4px}
table.kl{width:100%;border-collapse:collapse;font-size:12.5px;margin-bottom:8px}table.kl td{border-top:1px solid #e5e5e5;padding:4px 4px;vertical-align:top}
.kc{font-family:ui-monospace,Menlo,Consolas,monospace;font-weight:800;white-space:nowrap;font-size:13.5px}.kq{font-weight:800;white-space:nowrap}
tr.opt{color:#666;font-style:normal;background:#fafafa}tr.opt em{font-size:11.5px;color:#a15c00}
.kmore{display:inline-block;margin-top:6px;font-weight:800;font-size:13px;text-decoration:underline;cursor:pointer}
.kt .kc{font-size:15px}
table.kt{table-layout:auto;width:100%}table.kt td:first-child,table.kt th:first-child{width:56px}table.kt td.kc,table.kt td.kq{width:1%}table.kt td:nth-child(4){width:auto}table.kt td:last-child,table.kt th:last-child{width:1%;white-space:nowrap;text-align:right}
table.kt th:nth-child(2),table.kt th:nth-child(3){width:1%;white-space:nowrap}table.kt th:nth-child(4){width:auto}
table.st.kt th{width:auto}table.st.kt th:first-child{width:56px}table.st.kt th:nth-child(2),table.st.kt th:nth-child(3),table.st.kt th:last-child{width:1%;white-space:nowrap}
/* v9 mobile-first storefront */
html{scroll-behavior:smooth}button,a,input,select{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:3px solid #a58119;outline-offset:3px}button{min-height:44px}a{cursor:pointer}.mobile-nav{display:none}.hero{background:#e9e4d5;border-radius:16px;display:grid;grid-template-columns:1fr 1fr;padding:36px;gap:24px;margin-bottom:36px}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:800}.hero h2{font-size:64px;line-height:1.05;margin:22px 0}.hero p{line-height:1.7;font-size:14px;color:#47463e}.ctas{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.ctas a{padding:13px 17px;border:1px solid #111;border-radius:6px;text-decoration:none;font-size:13px;font-weight:600}.ctas .primary{background:#111;color:white}.hero-photo{display:flex;flex-direction:column;align-items:center;justify-content:center;background:white;border-radius:12px;padding:20px;text-decoration:none}.hero-photo img{width:100%;height:300px;object-fit:contain}.hero-photo span{font-size:11px;padding-top:12px}.at-home aside,.at-home .tools{display:none}.at-home .layout{display:block}.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.section-head h2{font-size:28px;margin:0}.section-head a,.section-head button{font-size:12px;background:none;text-decoration:none}.shop-section{margin:30px 0}.categories{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.categories>button,.categories>a{background:white;border-radius:12px;padding:14px;text-align:left;text-decoration:none;border:1px solid #e0ded5;display:flex;flex-direction:column;justify-content:space-between}.categories img{width:100%;height:150px;object-fit:contain}.categories span{font-size:13px;font-weight:600;margin-top:10px}.categories .kth{min-height:150px;align-content:center}.categories .kth img{height:50px}.carousel,.featured .cols{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:14px;padding:2px 0 14px}.carousel>.prod,.featured .prod{flex:0 0 290px;scroll-snap-align:start;background:white;border-radius:12px;border:1px solid #deded8}.featured>.page{background:transparent;box-shadow:none}.featured .band{display:none}.trust{display:flex;justify-content:space-around;gap:20px;padding:25px;border-top:1px solid #ccc;font-size:12px}.prod:not(.kit) .specs,.prod:not(.kit) .sym{display:none}.prod .hd{flex-direction:column;align-items:flex-start;gap:6px;margin-bottom:18px}.prod .code{font-size:11px;color:#666;order:2}.prod .nm{font-size:14px;font-weight:600;line-height:1.4}.cols{gap:12px;padding:12px;grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}.prod{border:1px solid #e5e5df;border-radius:10px;padding:14px}.prod .ph{height:210px}.ph img{width:100%;height:100%;object-fit:contain}.buy{border-top:0}.price{background:transparent;color:#111;padding:0;font:800 17px Inter}.add{font-size:12px}.page{border-radius:10px;overflow:hidden}.band{height:auto;min-height:34px}.band h2{padding-top:8px;padding-bottom:8px}.det .ph{overflow-x:auto;scroll-snap-type:x mandatory}.det .ph img{flex:0 0 100%;scroll-snap-align:center}footer{padding:36px 20px 100px;line-height:1.7}footer h2{color:var(--g);font-size:28px}footer a{color:var(--g)}
@media(max-width:860px){.top .note{display:none}.top .in:first-child{gap:9px;padding:10px 14px}.brand img{height:23px}h1{font-size:17px}#q{padding:11px;border-color:#555}.topnav{display:none}.layout{padding:14px 12px 90px}.hero{padding:24px 20px;grid-template-columns:1fr;gap:20px;border-radius:12px}.hero h2{font-size:48px;margin:18px 0}.hero p{font-size:13px}.hero-photo img{height:210px}.hero-photo{padding:14px}.ctas{gap:8px;margin-top:18px}.ctas a{padding:12px;font-size:12px}.categories{grid-template-columns:repeat(2,1fr);gap:10px}.categories img{height:120px}.categories .kth{min-height:120px}.categories>button,.categories>a{padding:12px}.section-head h2{font-size:24px}.shop-section{margin:26px 0}.trust{flex-direction:column;gap:14px}.mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid #ddd;z-index:9;padding:6px 4px calc(6px + env(safe-area-inset-bottom));justify-content:space-around}.mobile-nav a,.mobile-nav button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:none;text-decoration:none;color:#111;font-size:23px;flex:1;padding:3px;min-height:48px}.mobile-nav span{font-size:10px;font-weight:600}.mobile-nav b{background:#111;color:var(--g);padding:1px 5px;border-radius:10px}#cartbtn{display:none}#cart .p{top:auto;left:0;width:100%;max-height:85dvh;border-radius:20px 20px 0 0;padding:20px 16px calc(20px + env(safe-area-inset-bottom))}aside{inset:auto 0 0;top:auto;height:80dvh;max-height:80dvh;width:100%;border-radius:20px 20px 0 0;padding:20px}#closeside{position:sticky;top:0;background:white}.cols{grid-template-columns:repeat(2,minmax(0,1fr));padding:10px;gap:8px}.prod{display:flex;padding:10px;min-width:0}.prod .ph{height:150px;margin-bottom:12px;flex-shrink:0}.prod .hd{gap:5px;margin-bottom:14px}.prod .nm{font-size:12px}.prod .code{font-size:10px;overflow-wrap:anywhere}.prod .buy{flex-wrap:wrap;gap:10px}.prod .price{font-size:15px}.qty{gap:0}.qty button{width:34px;min-height:40px}.qty span{min-width:24px}.add{min-height:40px;padding:8px 12px}.tools{gap:8px}#sort{font-size:12px;max-width:150px}#count{font-size:11px}#openside{font-size:12px}.det{padding:12px;gap:16px}.det .buy{position:sticky;bottom:70px;background:white;z-index:2;padding:14px 4px;border-top:1px solid #ddd}.det>div:last-child{display:contents}.det .ph{height:320px;aspect-ratio:auto}.det .nm{font-size:21px}.carousel>.prod{flex-basis:210px}.featured .prod{flex-basis:300px}.kt{font-size:11px!important}.kt .kc{font-size:10px}.kt img{width:32px;height:32px}.kt td{padding:5px 3px}.kdet{padding:8px}.kt th{font-size:10px;padding:5px 3px}.kt td:first-child{width:32px!important}.kt th:first-child{width:32px!important}.kbuy .price{font-size:18px}}
.featured .kl,.featured .klh{display:none}.featured .prod{display:flex;flex-direction:column}.featured .kth{height:150px;align-content:center}.featured .kth img{height:64px}.featured .kmore{margin-top:14px}.featured .kbuy{margin-top:auto}.featured .kth span{aspect-ratio:1}.featured .specs{min-height:54px}
.ww{background:#f6f4ea;border:1px solid #e4dfc6;border-radius:10px;padding:12px 14px;margin:14px 0}.ww h3{margin:0 0 4px;font-size:15px}.wwi{font-size:12px;color:#555;margin:0 0 8px;line-height:1.5}.wwb{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:6px 0;font-size:13px}.wwb b{min-width:64px;font-size:11px;letter-spacing:1px;text-transform:uppercase}.wwb span{background:#fff;border:1px solid #ddd;border-radius:14px;padding:3px 10px}.wwb em{font-style:normal;color:#777;font-size:11px}.wwn{font-size:11px;color:#666;margin:6px 0 0;line-height:1.5}.wwn a{color:#111;text-decoration:underline}.wwk{font-size:13px;background:#f6f4ea;border-radius:8px;padding:8px 10px}
@media(max-width:860px){.wwb b{min-width:100%}.wwb{font-size:12px}}
.calls a{color:inherit}
.wwt{display:flex;flex-direction:column;gap:6px;margin:6px 0 10px}
.wwt span{background:#fff;border:1px solid #ddd;border-radius:10px;padding:9px 12px;font-size:13px;display:flex;gap:6px;align-items:baseline;flex-wrap:wrap}
.wwt span b{font-size:10px;letter-spacing:1px;text-transform:uppercase;min-width:64px}
.wwt em,.wwd em{font-style:normal;color:#777;font-size:11px;margin-left:auto}
.wwd{border-top:1px solid #e4dfc6;padding-top:6px}
.wwd summary{cursor:pointer;min-height:44px;display:flex;align-items:center;font-weight:700;font-size:13px;list-style:none}
.wwd summary::-webkit-details-marker{display:none}
.wwd summary::after{content:"▾";margin-left:6px}
.wwd[open] summary::after{content:"▴"}
.wwd .wwb span{display:inline-flex;gap:4px}
.wabtn{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;background:#25D366;color:#000!important;text-decoration:none!important;padding:12px 16px;border-radius:8px;font-weight:700;font-size:14px;border:0}
.wabtn svg{width:20px;height:20px;flex:none}
.telbtn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 14px;border:1px solid currentColor;border-radius:8px;text-decoration:none!important;font-size:13px}
.wagrp{display:flex;flex-direction:column;gap:10px;max-width:360px;margin:14px auto}
.telgrp{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}
.ctas .wabtn{border:0;padding:12px 16px}
.wwq{display:block;font-weight:700;font-size:15px;margin:0 0 8px}
.wws{width:100%;min-height:44px;font-size:16px;padding:8px 10px;border:1px solid #cfc8a8;border-radius:8px;background:#fff}
.wwa{font-size:14px;line-height:1.5;margin:10px 0 0}.wwa:empty{display:none}
.wwa .ok{color:#137a2f}.wwa .no{color:#b3261e}.wwa a{color:#111;text-decoration:underline;font-weight:600}

.brand{display:flex;align-items:center;gap:12px;text-decoration:none;flex:0 0 auto}.brand .ttl{display:flex;flex-direction:column;border-left:1px solid #444;padding-left:12px;line-height:1.15}
.top h1{font-family:inherit;font-weight:800;color:#fff;font-size:17px;letter-spacing:.02em;text-transform:uppercase}.top h1::after{content:"";display:inline-block;width:6px;height:6px;background:var(--g);border-radius:50%;margin-left:5px;vertical-align:middle}.top .tag{display:block!important;font-size:12px;margin-top:2px}
.top .in:first-child{gap:20px;padding-top:14px;padding-bottom:12px}#q{max-width:560px;margin-left:auto}
@media(max-width:860px){.top .in:first-child{gap:10px;padding:10px 14px}.brand{gap:10px}.brand .ttl{padding-left:10px}.top h1{font-size:15px}.top .tag{font-size:11px}#q{max-width:none;margin:0}}
