/* v4 additions: full-site mockup (dark) */
.draft{background:#3a2f0b;color:#f2d06b}
.mtog{display:none;background:none;border:1px solid #3a3f47;color:#fff;border-radius:4px;padding:6px 10px;font:600 13px "Barlow",system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;cursor:pointer}
.mcols.m3{grid-template-columns:repeat(3,1fr)}
.mega .wrap{max-width:var(--max)}
.mcols a small{display:block;color:var(--mut);font-size:12.5px}
.draftbox{border:1px dashed #b8901f;background:rgba(245,197,24,.07);color:#f2d06b;border-radius:6px;padding:12px 16px;font-size:13.5px;margin:0 0 22px}
.zones{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.zone{border:1px solid var(--line);border-radius:8px;background:var(--card);padding:22px}
.zone h3{font-size:20px}.zone .eyebrow{margin-bottom:6px}
.zone ul{list-style:none;padding:0;margin:12px 0 0}.zone li{padding:8px 0;border-top:1px solid var(--line);font-size:14.5px}.zone li a{color:#fff;font-weight:600}.zone li span{display:block;color:var(--mut);font-size:13px}
.zone img{background:var(--glow);border-radius:6px;aspect-ratio:16/10;object-fit:contain;width:100%;padding:10px;margin-bottom:14px}
.pnkey{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.pnkey .simple h3{font-size:18px}.pnkey code{font-family:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:#fff}
.dimbox{background:#fff;border-radius:6px;padding:10px;border:1px solid var(--line)}
.pnb input[type=number]{width:100%;padding:9px;border:1px solid #363a41;border-radius:4px;font-size:14px;background:#0f1114;color:#eef0f2;margin-top:4px}
.pnb .row.r4{grid-template-columns:repeat(4,1fr)}
.cfgband{border:1px solid var(--line);border-radius:8px;background:linear-gradient(90deg,#15171a,#1a2230);padding:22px 26px;display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:22px}
.cfgband b{color:#fff;font-size:17px}
.statgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:20px}.statgrid div{border:1px solid var(--line);border-radius:6px;padding:14px;background:var(--card)}.statgrid b{display:block;color:#fff;font:700 26px "Barlow",system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}.statgrid small{color:var(--mut);font-size:11.5px;letter-spacing:1.4px;text-transform:uppercase}
.gallery figure{background:var(--card);border-color:var(--line)}.gallery img{background:var(--glow);border-radius:4px}
.cats.c4{grid-template-columns:repeat(4,1fr)}
@media (max-width:1100px){.cats.c4{grid-template-columns:repeat(2,1fr)}.encs{grid-template-columns:repeat(3,1fr)}}
@media (max-width:900px){
 [style*="grid-template-columns"]{grid-template-columns:1fr!important}
 .listing>*,.split>*,.ctgrid>*,.dsgrid>*,.pd>*,.cats>*,.grid2>*,.zones>*,.pnkey>*{min-width:0}
 .gate{position:static!important}.filters{width:auto!important;position:static!important}
 .simple code,.pnkey code,td code{word-break:break-all}
 .tscroll{overflow-x:auto}
 .hero .wrap>*{min-width:0}.hero p.lead,.cat-hero p{max-width:100%}.hero img,.cat-hero img{max-width:100%;height:auto}
 h1{font-size:34px}h2{font-size:27px}section{padding:52px 0}
 .mtog{display:inline-block;margin-left:auto}header.main .btn.acc{display:none}
 nav.top{display:none!important}body.navopen nav.top{display:flex!important;flex-direction:column;align-items:flex-start;gap:12px;padding:8px 0 12px}
 .mega,.ni.hasmega:hover .mega{display:none!important}
 .hero .wrap,.split,.pd,.listing,.intro,.gate,.builds,.cfg{grid-template-columns:1fr!important;gap:26px}
 .hero .wrap{min-height:0;padding-top:30px;padding-bottom:40px}.hero .ctas{flex-wrap:wrap}.stats{gap:20px;flex-wrap:wrap}
 .pillars{grid-template-columns:1fr;margin-top:20px}
 .cats,.cats.c4,.cards3,.grid2,.zones,.pnkey,.dl,.statgrid{grid-template-columns:1fr!important}
 .sec-head{flex-direction:column;align-items:flex-start;gap:12px}
 .band .wrap,.cfgband{flex-direction:column;align-items:flex-start}
 .pinfo h1{font-size:32px}.kstats{grid-template-columns:repeat(3,1fr)}.kstats b{font-size:20px}
 .pnb .row,.pnb .row.r4{grid-template-columns:1fr 1fr}.pnb .out{flex-direction:column;align-items:flex-start;gap:10px}.pnb code{font-size:17px;word-break:break-all}
 .tabs{top:0;overflow-x:auto}.tabs .wrap{gap:18px}.tabs a{white-space:nowrap}
 table.spec{font-size:13px;display:block;overflow-x:auto}table.spec th{width:auto}
 .acc-card{grid-template-columns:1fr!important}
 .pline{grid-template-columns:1fr;gap:4px}
 .filters{border-bottom:1px solid var(--line);padding-bottom:14px}
 .thumbs{grid-template-columns:repeat(4,1fr)!important}
 .subnav{flex-wrap:wrap}
 footer .cols{grid-template-columns:1fr!important}footer .legal{flex-direction:column;gap:8px}
 .form{grid-template-columns:1fr}
 .gate{padding:22px}
 .chips{grid-template-columns:repeat(2,1fr)}
 .datasheet-grid{grid-template-columns:1fr!important}
}
/* gallery: always show the whole image (tall cabinet images were cropped) */
.gal .main{position:relative}
.gal .main img{position:absolute;left:3%;top:3%;width:94%;height:94%;max-width:none;max-height:none;object-fit:contain}

footer .tm{font-size:11px;line-height:1.5;color:#6f757d;margin:10px 0 0}
/* v4.3 about/contact */
.photoslot{aspect-ratio:16/9;border:2px dashed #4a90e2;border-radius:8px;display:grid;place-content:center;text-align:center;gap:8px;color:#9aa0a8;background:repeating-linear-gradient(45deg,#14171b,#14171b 12px,#181c21 12px,#181c21 24px);padding:20px}
.photoslot b{color:#7fb2ff;letter-spacing:2px;font-size:14px}.photoslot span{font-size:14px;line-height:1.6}
.team{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px}.team div{border:1px solid var(--line);border-radius:6px;padding:16px;background:var(--card,#16181c)}.team b{display:block;color:#eef0f2}.team small{color:#9aa0a8}
.cinfo{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.upl{display:flex;flex-direction:column;gap:8px;border:1px dashed #3a3f47;border-radius:4px;padding:14px;font-size:14px;color:#9aa0a8}.upl input{border:0!important;padding:0!important;background:none!important}
.mapbox{position:relative;aspect-ratio:4/3;border:1px solid var(--line);border-radius:6px;overflow:hidden;background:#14171b}
.mapbox iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.mapfb{position:absolute;inset:0;display:grid;place-content:center;text-align:center;gap:6px;color:#9aa0a8;font-size:14px;padding:20px}.mapfb b{color:#eef0f2;font-size:16px}
@media (max-width:900px){.team,.cinfo{grid-template-columns:1fr!important}.grid2{grid-template-columns:1fr!important}}