/* ── DESIGN SYSTEM ── */
:root{
  --void:#060810;--deep:#0A0D1A;--card:#0E1323;--card2:#131828;
  --glass:rgba(14,19,35,0.92);
  --cyan:#00CFFF;--blue:#0062E6;--green:#00E5A0;
  --glow:rgba(0,207,255,0.15);--pulse:rgba(0,207,255,0.06);
  --t1:#DDE6F9;--t2:#7A8BAD;--t3:#4A566E;
  --br:rgba(255,255,255,0.06);--bra:rgba(0,207,255,0.22);
  --fh:'Barlow Condensed',sans-serif;--fb:'Barlow',sans-serif;--fm:'Space Mono',monospace;
  --r:6px;--rl:12px;
  --nav:68px;--top:36px;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--void);color:var(--t1);font-family:var(--fb);-webkit-font-smoothing:antialiased;overflow-x:hidden;min-height:100vh}
a{color:inherit;text-decoration:none}img{max-width:100%;display:block}
button{cursor:pointer;border:none;background:none;font-family:inherit}
ul{list-style:none}::selection{background:var(--cyan);color:#000}
::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:var(--deep)}::-webkit-scrollbar-thumb{background:var(--blue);border-radius:3px}

/* ── TOPBAR ── */
.topbar{height:var(--top);background:var(--deep);border-bottom:1px solid var(--br);
  display:flex;align-items:center;padding:0 24px;font-size:13px;font-family:var(--fm);color:var(--t2);position:relative;z-index:200}
.topbar-inner{max-width:1400px;width:100%;margin:0 auto;display:flex;align-items:center;justify-content:space-between}
.tb-left{display:flex;gap:20px}
.tb-link{display:flex;align-items:center;gap:5px;transition:color .2s}
.tb-link:hover{color:var(--cyan)}
.tb-link svg{width:13px;height:13px}
.tb-right{display:flex;align-items:center;gap:12px}
.cert-pill{padding:2px 9px;border:1px solid var(--bra);border-radius:12px;font-size:11px;color:var(--cyan);letter-spacing:.06em}
.lang-sel{padding:4px 10px;border:1px solid var(--br);border-radius:4px;color:var(--t2);font-size:12px;font-family:var(--fm);background:transparent;cursor:pointer;transition:all .2s}
.lang-sel:hover{border-color:var(--bra);color:var(--cyan)}

/* ── HEADER ── */
.site-header{position:sticky;top:0;z-index:150;height:var(--nav);
  background:var(--glass);backdrop-filter:blur(20px) saturate(1.4);
  border-bottom:1px solid var(--br);transition:box-shadow .3s}
.site-header.scrolled{box-shadow:0 4px 40px rgba(0,0,0,.5);border-bottom-color:var(--bra)}
.nav-inner{max-width:1400px;width:100%;margin:0 auto;height:100%;padding:0 24px;display:flex;align-items:center;gap:24px}
.nav-logo{display:flex;align-items:center;gap:9px;flex-shrink:0;font-family:var(--fh);font-size:20px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}
.logo-m{width:32px;height:32px;background:linear-gradient(135deg,var(--cyan),var(--blue));border-radius:5px;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:900;color:#000}
.logo-t span{color:var(--cyan)}
.main-nav{display:flex;gap:2px;flex:1}
.nav-a{padding:7px 12px;border-radius:var(--r);font-size:13px;font-weight:500;letter-spacing:.04em;text-transform:uppercase;color:var(--t2);transition:all .2s;cursor:pointer;white-space:nowrap}
.nav-a:hover,.nav-a.active{color:var(--t1);background:rgba(255,255,255,.05)}
.nav-right{display:flex;align-items:center;gap:10px;margin-left:auto}
.btn-q{display:flex;align-items:center;gap:7px;padding:9px 20px;border-radius:var(--r);background:linear-gradient(135deg,var(--blue),#004BC4);color:#fff;font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;transition:all .2s;box-shadow:0 4px 20px rgba(0,98,230,.35)}
.btn-q:hover{transform:translateY(-1px);box-shadow:0 8px 28px rgba(0,98,230,.5)}
.btn-q svg{width:14px;height:14px}

/* ── BREADCRUMB ── */
.breadcrumb{padding:14px 24px;background:var(--deep);border-bottom:1px solid var(--br);font-size:13px;font-family:var(--fm);color:var(--t3)}
.breadcrumb-inner{max-width:1400px;margin:0 auto;display:flex;align-items:center;gap:6px}
.bc-link{color:var(--t3);transition:color .2s;cursor:pointer}
.bc-link:hover{color:var(--cyan)}
.bc-sep{color:var(--t3)}

/* ── PAGE SHELL ── */
.page{display:none}
.page.active{display:block}
.section{padding:80px 24px}
.section-inner{max-width:1400px;margin:0 auto}
.eyebrow{font-family:var(--fm);font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:var(--cyan);margin-bottom:10px}
.section-title{font-family:var(--fh);font-size:clamp(28px,3.5vw,48px);font-weight:800;letter-spacing:-.01em;text-transform:uppercase;line-height:1.05;margin-bottom:14px}
.section-desc{font-size:15px;color:var(--t2);line-height:1.8}
.btn-primary{display:inline-flex;align-items:center;gap:7px;padding:13px 26px;border-radius:var(--r);background:linear-gradient(135deg,var(--cyan),var(--blue));color:#000;font-weight:700;font-size:13px;letter-spacing:.06em;text-transform:uppercase;transition:all .2s;box-shadow:0 6px 24px rgba(0,207,255,.25)}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 36px rgba(0,207,255,.35)}
.btn-secondary{display:inline-flex;align-items:center;gap:7px;padding:12px 24px;border-radius:var(--r);border:1px solid var(--bra);color:var(--t1);font-weight:600;font-size:13px;letter-spacing:.06em;text-transform:uppercase;transition:all .2s}
.btn-secondary:hover{background:rgba(0,207,255,.06);border-color:var(--cyan)}

/* ══════════════════════════════════════════════════
   PAGE 1 — HOMEPAGE (no catalog)
══════════════════════════════════════════════════ */

/* Hero */
.hero{position:relative;min-height:calc(100vh - var(--top) - var(--nav));display:flex;align-items:center;overflow:hidden;background:var(--void)}
#sat-canvas{position:absolute;inset:0;width:100%;height:100%}
.hero-overlay{position:absolute;inset:0;background:radial-gradient(ellipse 70% 60% at 65% 50%,rgba(0,98,230,.08),transparent 70%),linear-gradient(180deg,transparent 60%,var(--void));pointer-events:none;z-index:1}
.hero-content{position:relative;z-index:2;max-width:1400px;width:100%;margin:0 auto;padding:80px 24px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:60px}
.hero-tag{display:inline-flex;align-items:center;gap:7px;padding:5px 14px;border:1px solid var(--bra);border-radius:20px;background:rgba(0,207,255,.05);font-family:var(--fm);font-size:12px;color:var(--cyan);letter-spacing:.1em;text-transform:uppercase;margin-bottom:22px}
.hero-tag::before{content:'';width:5px;height:5px;border-radius:50%;background:var(--cyan);animation:pdot 2s infinite}
@keyframes pdot{0%,100%{opacity:1}50%{opacity:.4}}
.hero-title{font-family:var(--fh);font-size:clamp(40px,5vw,72px);font-weight:800;line-height:1;letter-spacing:-.01em;text-transform:uppercase;margin-bottom:6px}
.hero-title .acc{display:block;background:linear-gradient(90deg,var(--cyan),var(--blue));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.hero-sub{font-family:var(--fh);font-size:clamp(17px,2.2vw,26px);font-weight:300;color:var(--t2);letter-spacing:.04em;text-transform:uppercase;margin-bottom:20px}
.hero-desc{font-size:15px;color:var(--t2);line-height:1.8;max-width:500px;margin-bottom:32px}
.hero-ctas{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:40px}
.hero-specs{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.spec-b{display:flex;align-items:center;gap:7px;font-family:var(--fm);font-size:12px;color:var(--t3)}
.spec-b .v{color:var(--cyan);font-size:13px;font-weight:700}
.spec-div{width:1px;height:16px;background:var(--br)}
.hero-right{display:flex;flex-direction:column;gap:14px}
.stat-card{background:var(--card);border:1px solid var(--br);border-radius:var(--rl);padding:18px 22px;position:relative;overflow:hidden;transition:all .25s}
.stat-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--cyan),var(--blue))}
.stat-card:hover{border-color:var(--bra);transform:translateX(-3px)}
.stat-n{font-family:var(--fh);font-size:34px;font-weight:900;line-height:1}
.stat-l{font-size:13px;color:var(--t2);margin-top:4px}
.stat-s{font-family:var(--fm);font-size:11px;color:var(--cyan);margin-top:6px;letter-spacing:.07em;text-transform:uppercase}

/* Product Cards (home) */
.prod-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;border:1px solid var(--br);border-radius:var(--rl);overflow:hidden}
.prod-card{background:var(--card);padding:28px 24px;position:relative;overflow:hidden;transition:background .25s;border-right:1px solid var(--br)}
.prod-card:last-child{border-right:none}
.prod-card:hover{background:var(--card2)}
.prod-card::after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--cyan),var(--blue));transform:scaleX(0);transform-origin:left;transition:transform .25s}
.prod-card:hover::after{transform:scaleX(1)}
.pc-icon{width:44px;height:44px;border-radius:var(--r);background:rgba(0,207,255,.07);border:1px solid var(--bra);display:flex;align-items:center;justify-content:center;margin-bottom:16px}
.pc-icon svg{width:22px;height:22px;color:var(--cyan)}
.pc-name{font-family:var(--fh);font-size:17px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--t1);margin-bottom:9px}
.pc-desc{font-size:14px;color:var(--t2);line-height:1.65;margin-bottom:16px}
.pc-tags{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:16px}
.pc-tag{padding:3px 9px;border-radius:12px;background:rgba(0,207,255,.07);border:1px solid rgba(0,207,255,.15);font-family:var(--fm);font-size:11px;color:var(--cyan);text-transform:uppercase;letter-spacing:.04em}
.pc-link{display:inline-flex;align-items:center;gap:5px;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:var(--cyan);transition:gap .2s}
.pc-link:hover{gap:9px;cursor:pointer}
.pc-link svg{width:13px;height:13px}

/* Pillars */
.pillars-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--br);border-radius:var(--rl);overflow:hidden}
.pillar{background:var(--void);padding:32px 24px;transition:background .25s}
.pillar:hover{background:var(--card)}
.p-num{font-family:var(--fm);font-size:11px;color:var(--t3);letter-spacing:.07em;margin-bottom:14px}
.p-ico{width:36px;height:36px;margin-bottom:12px;display:flex;align-items:center;justify-content:center}
.p-ico svg{width:22px;height:22px;color:var(--cyan)}
.p-title{font-family:var(--fh);font-size:16px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--t1);margin-bottom:9px}
.p-desc{font-size:14px;color:var(--t2);line-height:1.7}

/* Markets */
.mkt-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:40px}
.mkt-card{background:var(--card);border:1px solid var(--br);border-radius:var(--rl);padding:24px 20px;position:relative;transition:all .25s;cursor:pointer;display:flex;flex-direction:column;justify-content:space-between;min-height:180px}
.mkt-card::before{content:'';position:absolute;top:0;left:0;bottom:0;width:3px;background:linear-gradient(180deg,var(--cyan),var(--blue));transform:scaleY(0);transform-origin:top;transition:transform .25s;border-radius:3px 0 0 3px}
.mkt-card:hover{border-color:var(--bra);background:var(--card2)}
.mkt-card:hover::before{transform:scaleY(1)}
.mkt-icon{width:38px;height:38px;border-radius:7px;background:rgba(0,207,255,.07);display:flex;align-items:center;justify-content:center;margin-bottom:12px}
.mkt-icon svg{width:18px;height:18px;color:var(--cyan)}
.mkt-name{font-family:var(--fh);font-size:16px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--t1);margin-bottom:7px}
.mkt-desc{font-size:13px;color:var(--t2);line-height:1.6}
.mkt-arr{color:var(--t3);margin-top:12px;align-self:flex-end;transition:transform .25s}
.mkt-card:hover .mkt-arr{transform:translate(3px,-3px);color:var(--cyan)}
.mkt-arr svg{width:14px;height:14px}

/* CTA Banner */
.cta-banner{background:linear-gradient(135deg,var(--deep) 0%,rgba(0,98,230,.1) 100%);border:1px solid var(--bra);border-radius:var(--rl);padding:60px 48px;text-align:center}
.cta-banner .section-title{margin-bottom:12px}
.cta-banner .section-desc{max-width:520px;margin:0 auto 32px}
.cta-banner-btns{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}

/* Footer */
.site-footer{background:var(--deep);border-top:1px solid var(--br);padding:56px 24px 28px}
.footer-inner{max-width:1400px;margin:0 auto}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;margin-bottom:40px}
.fb-name{font-family:var(--fh);font-size:22px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--t1);margin-bottom:10px}
.fb-name span{color:var(--cyan)}
.fb-desc{font-size:13px;color:var(--t2);line-height:1.75;max-width:260px;margin-bottom:16px}
.footer-certs{display:flex;gap:7px;flex-wrap:wrap}
.fc-badge{padding:3px 8px;border:1px solid var(--bra);border-radius:3px;font-family:var(--fm);font-size:10px;color:var(--cyan)}
.fc-title{font-family:var(--fm);font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--cyan);margin-bottom:14px;padding-bottom:7px;border-bottom:1px solid var(--br)}
.fc-links{display:flex;flex-direction:column;gap:8px}
.fc-link{font-size:13px;color:var(--t2);transition:color .2s;cursor:pointer}
.fc-link:hover{color:var(--t1)}
.footer-bot{display:flex;align-items:center;justify-content:space-between;padding-top:24px;border-top:1px solid var(--br);font-size:12px;color:var(--t3);font-family:var(--fm);flex-wrap:wrap;gap:10px}
.fb-links{display:flex;gap:16px}
.fb-lnk{color:var(--t3);transition:color .2s;cursor:pointer}
.fb-lnk:hover{color:var(--t2)}

/* ══════════════════════════════════════════════════
   PAGE 2 — RF CONNECTORS LISTING
══════════════════════════════════════════════════ */
.cat-hero{padding:60px 24px 40px;background:var(--deep);border-bottom:1px solid var(--br);position:relative;overflow:hidden}
.cat-hero::before{content:'';position:absolute;top:-60px;right:-60px;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,rgba(0,207,255,.06),transparent 70%);pointer-events:none}
.cat-hero-inner{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:1fr auto;align-items:end;gap:32px}
.cat-hero-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}
.cat-hero-tag{padding:6px 14px;border:1px solid var(--br);border-radius:4px;font-family:var(--fm);font-size:12px;color:var(--t2);cursor:pointer;transition:all .2s}
.cat-hero-tag:hover,.cat-hero-tag.active{border-color:var(--cyan);color:var(--cyan);background:rgba(0,207,255,.06)}
.cat-hero-stats{display:flex;gap:24px}
.ch-stat{text-align:right}
.ch-stat-n{font-family:var(--fh);font-size:28px;font-weight:800;color:var(--t1);line-height:1}
.ch-stat-l{font-family:var(--fm);font-size:9px;color:var(--t3);text-transform:uppercase;letter-spacing:.08em}

/* Catalog Layout */
.catalog-layout{display:grid;grid-template-columns:240px 1fr;gap:0;min-height:60vh}
.cat-sidebar{background:var(--deep);border-right:1px solid var(--br);padding:24px;position:sticky;top:calc(var(--top)+var(--nav));height:fit-content}
.sidebar-title{font-family:var(--fm);font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--cyan);margin-bottom:12px;padding-bottom:7px;border-bottom:1px solid var(--br)}
.sidebar-group{margin-bottom:20px}
.sidebar-group-label{font-size:11px;color:var(--t3);text-transform:uppercase;letter-spacing:.07em;font-family:var(--fm);margin-bottom:8px;margin-top:4px}
.sidebar-item{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;border-radius:var(--r);cursor:pointer;transition:all .2s;font-size:13px;color:var(--t2)}
.sidebar-item:hover{background:rgba(255,255,255,.04);color:var(--t1)}
.sidebar-item.active{background:rgba(0,207,255,.07);color:var(--cyan);font-weight:500}
.sidebar-count{font-family:var(--fm);font-size:11px;color:var(--t3)}
.sidebar-item.active .sidebar-count{color:var(--cyan)}
.sidebar-filter-group{margin-bottom:16px}
.filter-label{font-size:11px;color:var(--t3);text-transform:uppercase;letter-spacing:.07em;font-family:var(--fm);margin-bottom:8px}
.filter-checks{display:flex;flex-direction:column;gap:6px}
.filter-check{display:flex;align-items:center;gap:7px;font-size:13px;color:var(--t2);cursor:pointer;transition:color .2s}
.filter-check:hover{color:var(--t1)}
.filter-check input[type=checkbox]{accent-color:var(--cyan);width:14px;height:14px}

/* Product List */
.cat-main{padding:24px}
.cat-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px;flex-wrap:wrap}
.cat-count{font-size:13px;color:var(--t2);font-family:var(--fm)}
.cat-controls-right{display:flex;align-items:center;gap:10px}
.sort-sel{padding:7px 14px;border-radius:var(--r);border:1px solid var(--br);background:var(--card);color:var(--t2);font-size:12px;font-family:var(--fm);cursor:pointer}
.view-tog{display:flex;border:1px solid var(--br);border-radius:var(--r);overflow:hidden}
.vbtn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;color:var(--t3);transition:all .2s}
.vbtn svg{width:15px;height:15px}
.vbtn.active{background:var(--blue);color:#fff}
.vbtn:not(.active):hover{color:var(--t1);background:rgba(255,255,255,.04)}

/* Grid view */
.prod-cat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}
.pcard{background:var(--card);border:1px solid var(--br);border-radius:var(--rl);overflow:hidden;transition:all .25s;cursor:pointer}
.pcard:hover{border-color:var(--bra);transform:translateY(-2px);box-shadow:0 8px 40px rgba(0,207,255,.1)}
.pcard-img{height:140px;background:linear-gradient(135deg,var(--deep),rgba(0,207,255,.04));display:flex;align-items:center;justify-content:center;border-bottom:1px solid var(--br);position:relative;overflow:hidden}
.pcard-img-inner{width:80px;height:80px;position:relative}
.pcard-img svg{width:100%;height:100%}
.pcard-badge{position:absolute;top:10px;right:10px;padding:3px 8px;border-radius:10px;background:rgba(0,207,255,.1);border:1px solid rgba(0,207,255,.2);font-family:var(--fm);font-size:11px;color:var(--cyan);text-transform:uppercase;letter-spacing:.06em}
.pcard-body{padding:16px}
.pcard-pn{font-family:var(--fm);font-size:13px;font-weight:700;color:var(--t1);margin-bottom:4px}
.pcard-name{font-size:13px;color:var(--t2);margin-bottom:10px;line-height:1.4}
.pcard-specs{display:flex;flex-direction:column;gap:4px;margin-bottom:10px}
.pcard-spec{display:flex;justify-content:space-between;font-size:12px;padding:3px 0;border-bottom:1px solid rgba(255,255,255,.03)}
.pcard-spec-k{color:var(--t3)}
.pcard-spec-v{font-family:var(--fm);color:var(--cyan);font-size:12px}
.pcard-actions{padding:11px 16px;border-top:1px solid var(--br);display:flex;gap:7px}
.btn-ds{flex:1;padding:7px;text-align:center;border:1px solid var(--br);border-radius:var(--r);font-size:12px;color:var(--t2);transition:all .2s;display:flex;align-items:center;justify-content:center;gap:4px;cursor:pointer}
.btn-ds:hover{border-color:var(--bra);color:var(--cyan)}
.btn-inq{flex:1;padding:7px;text-align:center;background:rgba(0,98,230,.12);border:1px solid rgba(0,98,230,.25);border-radius:var(--r);font-size:12px;color:var(--cyan);font-weight:600;transition:all .2s;cursor:pointer}
.btn-inq:hover{background:rgba(0,98,230,.22)}

/* Table view */
.prod-cat-table{overflow-x:auto;border-radius:var(--rl);border:1px solid var(--br)}
.dtable{width:100%;border-collapse:separate;border-spacing:0;font-size:13px}
.dtable th{padding:12px 14px;text-align:left;font-family:var(--fm);font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--cyan);background:rgba(0,207,255,.04);border-bottom:1px solid var(--bra);white-space:nowrap}
.dtable td{padding:13px 14px;border-bottom:1px solid var(--br);color:var(--t2);vertical-align:middle}
.dtable tbody tr{cursor:pointer;transition:background .15s}
.dtable tbody tr:hover td{background:rgba(255,255,255,.02)}
.dtable tbody tr:last-child td{border-bottom:none}
.td-pn{font-family:var(--fm);font-size:12px;color:var(--t1);font-weight:700}
.td-freq{font-family:var(--fm);color:var(--cyan)}
.td-badge{display:inline-flex;padding:2px 8px;border-radius:8px;background:rgba(0,207,255,.07);border:1px solid rgba(0,207,255,.18);font-size:11px;color:var(--cyan);font-family:var(--fm)}
.td-act{display:inline-flex;align-items:center;gap:4px;padding:5px 12px;border:1px solid var(--br);border-radius:var(--r);font-size:12px;color:var(--t2);transition:all .2s}
.td-act:hover{border-color:var(--bra);color:var(--cyan)}
.hidden{display:none!important}

/* Pagination */
.pagination{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:32px}
.pg-btn{width:34px;height:34px;border-radius:var(--r);border:1px solid var(--br);display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--t2);cursor:pointer;transition:all .2s;font-family:var(--fm)}
.pg-btn:hover{border-color:var(--bra);color:var(--cyan)}
.pg-btn.active{background:var(--blue);border-color:var(--blue);color:#fff}

/* ══════════════════════════════════════════════════
   PAGE 3 — PRODUCT DETAIL
══════════════════════════════════════════════════ */
.product-detail{max-width:1400px;margin:0 auto;padding:0 24px;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}
.product-detail-top{padding-top:40px;padding-bottom:0}
.product-detail-bottom{padding-top:32px;padding-bottom:40px;border-top:1px solid var(--br)}
.pd-gallery{position:sticky;top:calc(var(--top)+var(--nav)+20px)}
.pd-gallery-top{position:relative}
.pd-gallery-bottom{position:sticky;top:calc(var(--top)+var(--nav)+20px)}
.pd-info-bottom{padding-top:4px}
.pd-main-img{background:linear-gradient(135deg,var(--deep),rgba(0,207,255,.04));border:1px solid var(--br);border-radius:var(--rl);aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;margin-bottom:12px;position:relative;overflow:hidden}
.pd-main-img::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 40% 40%,rgba(0,207,255,.06),transparent 60%)}
.pd-thumb-row{display:flex;gap:8px}
.pd-thumb{width:72px;height:72px;border:1px solid var(--br);border-radius:var(--r);background:var(--card);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}
.pd-thumb:hover,.pd-thumb.active{border-color:var(--bra)}
.pd-thumb svg{width:36px;height:36px;color:var(--t3)}

/* Product Info */
.pd-info{}
.pd-brand{font-family:var(--fm);font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--cyan);margin-bottom:10px}
.pd-title{font-family:var(--fh);font-size:clamp(22px,3vw,32px);font-weight:800;text-transform:uppercase;letter-spacing:.02em;color:var(--t1);line-height:1.1;margin-bottom:16px}
.pd-pn{display:flex;align-items:center;gap:10px;margin-bottom:20px;padding:10px 14px;background:rgba(0,207,255,.04);border:1px solid var(--bra);border-radius:var(--r)}
.pd-pn-label{font-family:var(--fm);font-size:10px;color:var(--t3);text-transform:uppercase;letter-spacing:.07em}
.pd-pn-val{font-family:var(--fm);font-size:13px;color:var(--cyan);font-weight:700}
.pd-avail{display:inline-flex;align-items:center;gap:6px;font-size:11px;color:var(--green);font-family:var(--fm)}
.pd-avail::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--green);animation:pdot 2s infinite}
.pd-desc{font-size:13px;color:var(--t2);line-height:1.8;margin:16px 0 24px}
.pd-actions{display:flex;flex-direction:column;gap:10px;margin-bottom:32px}
.btn-quote-full{width:100%;padding:14px;border-radius:var(--r);background:linear-gradient(135deg,var(--cyan),var(--blue));color:#000;font-weight:700;font-size:13px;letter-spacing:.07em;text-transform:uppercase;transition:all .2s;box-shadow:0 6px 24px rgba(0,207,255,.25)}
.btn-quote-full:hover{transform:translateY(-2px);box-shadow:0 12px 36px rgba(0,207,255,.35)}
.btn-dl{width:100%;padding:12px;border-radius:var(--r);border:1px solid var(--bra);color:var(--t1);font-weight:600;font-size:12px;letter-spacing:.06em;text-transform:uppercase;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:8px}
.btn-dl:hover{background:rgba(0,207,255,.06)}
.btn-dl svg{width:15px;height:15px}

/* Specs Table */
.pd-specs-title{font-family:var(--fh);font-size:16px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--t1);margin-bottom:14px;padding-bottom:8px;border-bottom:1px solid var(--br)}
.specs-table{width:100%;border-collapse:separate;border-spacing:0;font-size:12px;border:1px solid var(--br);border-radius:var(--r);overflow:hidden}
.specs-table tr:nth-child(odd) td:first-child,.specs-table tr:nth-child(odd) th:first-child{background:rgba(255,255,255,.015)}
.specs-table tr:last-child td{border-bottom:none}
.specs-table th{padding:10px 14px;text-align:left;font-family:var(--fm);font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--cyan);background:rgba(0,207,255,.04);border-bottom:1px solid var(--bra);white-space:nowrap;width:40%}
.specs-table td{padding:11px 14px;border-bottom:1px solid var(--br);color:var(--t2);vertical-align:top}
.specs-table td.val{font-family:var(--fm);font-size:13px;color:var(--t1)}
.pd-tabs{display:flex;border-bottom:1px solid var(--br);margin-bottom:24px;gap:0;flex-wrap:wrap}
.pd-tab{padding:11px 16px;font-size:13px;font-weight:500;color:var(--t2);cursor:pointer;border-bottom:2px solid transparent;transition:all .2s;text-transform:uppercase;letter-spacing:.05em;font-family:var(--fm)}
.pd-tab.active{color:var(--cyan);border-bottom-color:var(--cyan)}
.pd-tab-panel{display:none}
.pd-tab-panel.active{display:block}

/* Related products */
.related-section{padding:60px 24px;background:var(--deep);border-top:1px solid var(--br)}
.related-inner{max-width:1400px;margin:0 auto}
.related-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:28px}

/* ══════════════════════════════════════════════════
   PAGE 4 — TELECOM MARKET
══════════════════════════════════════════════════ */
.mkt-hero{position:relative;padding:100px 24px 80px;overflow:hidden;background:var(--deep)}
.mkt-hero-bg{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.mkt-hero-inner{max-width:1400px;margin:0 auto;position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.mkt-hero-title{font-family:var(--fh);font-size:clamp(36px,5vw,66px);font-weight:800;line-height:1;text-transform:uppercase;letter-spacing:-.01em;margin-bottom:12px}
.mkt-hero-title .acc{background:linear-gradient(90deg,var(--cyan),var(--blue));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.mkt-hero-desc{font-size:14px;color:var(--t2);line-height:1.8;margin-bottom:28px;max-width:480px}
.mkt-hero-kpis{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.kpi-card{background:rgba(255,255,255,.03);border:1px solid var(--br);border-radius:var(--r);padding:16px;text-align:center}
.kpi-n{font-family:var(--fh);font-size:28px;font-weight:900;color:var(--t1);line-height:1}
.kpi-n span{color:var(--cyan)}
.kpi-l{font-size:13px;color:var(--t2);margin-top:4px}

/* Telecom visual SVG area */
.mkt-visual{border-radius:var(--rl);overflow:hidden;border:1px solid var(--br);aspect-ratio:5/4;background:var(--void);position:relative}
.mkt-vis-canvas{width:100%;height:100%}

/* Use cases */
.use-cases{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:48px}
.uc-card{background:var(--card);border:1px solid var(--br);border-radius:var(--rl);overflow:hidden;transition:all .25s}
.uc-card:hover{border-color:var(--bra);transform:translateY(-3px)}
.uc-img{height:160px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}
.uc-img-label{position:absolute;bottom:0;left:0;right:0;padding:8px 12px;background:linear-gradient(0deg,rgba(6,8,16,.9),transparent);font-family:var(--fm);font-size:11px;color:var(--cyan);letter-spacing:.07em;text-transform:uppercase}
.uc-body{padding:18px}
.uc-title{font-family:var(--fh);font-size:17px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--t1);margin-bottom:8px}
.uc-desc{font-size:14px;color:var(--t2);line-height:1.65}
.uc-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
.uc-chip{padding:3px 9px;border-radius:10px;font-family:var(--fm);font-size:11px;color:var(--cyan);background:rgba(0,207,255,.07);border:1px solid rgba(0,207,255,.15)}

/* Recommended products strip */
.rec-strip{padding:60px 24px;background:var(--card)}
.rec-inner{max-width:1400px;margin:0 auto}
.rec-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:28px}
.rec-card{background:var(--void);border:1px solid var(--br);border-radius:var(--rl);padding:20px;transition:all .25s}
.rec-card:hover{border-color:var(--bra)}
.rec-cat{font-family:var(--fm);font-size:11px;text-transform:uppercase;letter-spacing:.09em;color:var(--cyan);margin-bottom:8px}
.rec-title{font-family:var(--fh);font-size:16px;font-weight:700;text-transform:uppercase;color:var(--t1);margin-bottom:7px}
.rec-desc{font-size:13px;color:var(--t2);line-height:1.65;margin-bottom:12px}
.rec-specs{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:14px}
.rec-spec{font-family:var(--fm);font-size:12px;color:var(--t3)}
.rec-spec span{color:var(--cyan)}
.rec-link{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:var(--cyan);display:inline-flex;align-items:center;gap:5px;cursor:pointer;transition:gap .2s}
.rec-link:hover{gap:9px}
.rec-link svg{width:13px;height:13px}

/* Tech specs highlight */
.tech-specs-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--br);border-radius:var(--rl);overflow:hidden;margin-top:40px}
.ts-cell{background:var(--deep);padding:28px;text-align:center}
.ts-val{font-family:var(--fh);font-size:32px;font-weight:900;color:var(--t1);line-height:1;margin-bottom:4px}
.ts-val span{color:var(--cyan)}
.ts-label{font-family:var(--fm);font-size:12px;color:var(--t3);text-transform:uppercase;letter-spacing:.08em}
.ts-sub{font-size:13px;color:var(--t2);margin-top:4px}

/* ══════════════════════════════════════════════════
   RESPONSIVE
══════════════════════════════════════════════════ */
@media(max-width:1100px){
  .catalog-layout{grid-template-columns:1fr}
  .cat-sidebar{position:static;display:flex;flex-wrap:wrap;gap:20px;padding:16px 24px}
  .product-detail{grid-template-columns:1fr}
  .pd-gallery-top,.pd-gallery-bottom,.pd-gallery{position:static}
  .mkt-hero-inner{grid-template-columns:1fr}
  .use-cases{grid-template-columns:repeat(2,1fr)}
  .rec-grid{grid-template-columns:repeat(2,1fr)}
  .tech-specs-grid{grid-template-columns:repeat(2,1fr)}
  .mkt-visual{display:none}
}
@media(max-width:900px){
  :root{--nav:58px;--top:30px}
  .main-nav,.btn-q{display:none}
  .prod-grid{grid-template-columns:repeat(2,1fr)}
  .mkt-grid{grid-template-columns:repeat(2,1fr)}
  .pillars-grid{grid-template-columns:repeat(2,1fr)}
  .footer-grid{grid-template-columns:1fr 1fr}
  .related-grid{grid-template-columns:repeat(2,1fr)}
  .pd-desc-grid{grid-template-columns:1fr!important}
}
@media(max-width:600px){
  .section{padding:56px 16px}
  .prod-grid,.mkt-grid,.pillars-grid,.footer-grid,.related-grid,.rec-grid,.use-cases{grid-template-columns:1fr}
  .cat-hero-inner{grid-template-columns:1fr}
  .hero-content{grid-template-columns:1fr}
  .cat-hero-stats{flex-direction:row;gap:20px;justify-content:flex-start}
  .tech-specs-grid{grid-template-columns:1fr}
  /* Mobile font floor: ensure nothing drops below 13px */
  body{font-size:16px}
  .section-desc,.hero-desc,.mkt-hero-desc,.pc-desc,.p-desc,.rec-desc,.uc-desc,.fb-desc,.fc-link{font-size:15px}
  .pcard-pn,.pcard-name,.pcard-spec,.pcard-spec-v,.btn-ds,.btn-inq,.td-pn,.dtable td,.specs-table td,.specs-table td.val{font-size:14px}
  .eyebrow,.sidebar-title,.fc-title,.rec-cat,.uc-chip,.pc-tag,.pcard-badge,.td-badge,.cat-hero-tag,.cert-pill{font-size:12px}
  .pd-tab{font-size:14px;padding:12px 14px}
  .btn-primary,.btn-secondary,.btn-q,.btn-quote-full,.btn-dl{font-size:15px}
  .topbar{font-size:12px}
  .tb-left{display:none}
  .hero-specs{gap:12px}
  .spec-b{font-size:13px}
  .spec-b .v{font-size:14px}
}

/* ── LIGHT THEME ── */
body.light{
  --void:#F4F7FF;--deep:#EBF0FA;--card:#FFFFFF;--card2:#F0F4FF;
  --glass:rgba(255,255,255,0.95);
  --cyan:#0062E6;--blue:#004BC4;--green:#00875A;
  --glow:rgba(0,98,230,0.12);--pulse:rgba(0,98,230,0.06);
  --t1:#0D1530;--t2:#4A5A7A;--t3:#8896B0;
  --br:rgba(0,0,0,0.08);--bra:rgba(0,98,230,0.25);
}
body.light ::-webkit-scrollbar-track{background:var(--deep)}
body.light ::-webkit-scrollbar-thumb{background:var(--blue)}
body.light .logo-m{background:linear-gradient(135deg,var(--cyan),var(--blue))}
body.light .acc{background:linear-gradient(90deg,var(--cyan),var(--blue));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
body.light .hero{background:var(--void)}
body.light .hero-overlay{background:radial-gradient(ellipse 70% 60% at 65% 50%,rgba(0,98,230,.06),transparent 70%),linear-gradient(180deg,transparent 60%,var(--void))}
body.light .stat-card::before{background:linear-gradient(90deg,var(--cyan),var(--blue))}
body.light .hero-tag{background:rgba(0,98,230,.07);border-color:var(--bra)}
body.light .btn-primary{background:linear-gradient(135deg,var(--cyan),var(--blue));color:#fff;box-shadow:0 6px 24px rgba(0,98,230,.25)}
body.light .btn-secondary{border-color:var(--bra);color:var(--t1)}
body.light .btn-secondary:hover{background:rgba(0,98,230,.06)}
body.light .site-header{background:rgba(255,255,255,.95);border-bottom-color:var(--br);box-shadow:0 2px 20px rgba(0,0,0,.08)}
body.light .btn-q{background:linear-gradient(135deg,var(--blue),#003A9E);box-shadow:0 4px 16px rgba(0,75,196,.3)}
body.light .topbar{background:#E8EDF6;border-bottom-color:var(--br)}
body.light .breadcrumb{background:var(--deep);border-bottom-color:var(--br)}
body.light .nav-a{color:var(--t2)}
body.light .nav-a:hover{color:var(--t1);background:rgba(0,0,0,.04)}
body.light .cert-pill{border-color:var(--bra);color:var(--blue)}
body.light .spec-b .v{color:var(--cyan)}
body.light .prod-card,.body.light .pillar,.body.light .mkt-card{background:var(--card)}
body.light .prod-card{border-right-color:var(--br)}
body.light .prod-grid{border-color:var(--br)}
body.light .pc-tag{background:rgba(0,98,230,.07);border-color:rgba(0,98,230,.18);color:var(--blue)}
body.light .pc-link{color:var(--blue)}
body.light .mkt-card{border-color:var(--br)}
body.light .mkt-card:hover{border-color:var(--bra);background:var(--card2)}
body.light .mkt-icon{background:rgba(0,98,230,.07)}
body.light .mkt-icon svg{color:var(--blue)}
body.light .mkt-arr svg{color:var(--t3)}
body.light .mkt-card:hover .mkt-arr svg{color:var(--blue)}
body.light .pillars-grid{background:var(--br)}
body.light .pillar{background:var(--void)}
body.light .pillar:hover{background:var(--card)}
body.light .p-ico svg{color:var(--blue)}
body.light .p-num{color:var(--t3)}
body.light .cta-banner{background:linear-gradient(135deg,var(--deep),rgba(0,98,230,.06));border-color:var(--bra)}
body.light .site-footer{background:var(--deep);border-top-color:var(--br)}
body.light .footer-bot{border-top-color:var(--br)}
body.light .fc-title,.body.light .eyebrow,.body.light .section-eyebrow{color:var(--blue)}
body.light .fc-badge{border-color:var(--bra);color:var(--blue)}
/* Catalog */
body.light .cat-hero{background:var(--deep);border-bottom-color:var(--br)}
body.light .cat-sidebar{background:var(--deep);border-right-color:var(--br)}
body.light .sidebar-item.active{background:rgba(0,98,230,.08);color:var(--blue)}
body.light .filter-btn.active{background:var(--blue);border-color:var(--blue);color:#fff}
body.light .view-btn.active{background:var(--blue)}
body.light .pcard{background:var(--card);border-color:var(--br)}
body.light .pcard:hover{border-color:var(--bra)}
body.light .pcard-img{background:linear-gradient(135deg,var(--deep),rgba(0,98,230,.03))}
body.light .pcard-badge{background:rgba(0,98,230,.1);border-color:rgba(0,98,230,.2);color:var(--blue)}
body.light .pcard-spec-v{color:var(--blue)}
body.light .btn-inq{background:rgba(0,75,196,.1);border-color:rgba(0,75,196,.25);color:var(--blue)}
body.light .data-table,.dtable{background:var(--card)}
body.light .dtable th{background:rgba(0,98,230,.04);color:var(--blue);border-bottom-color:var(--bra)}
body.light .td-freq{color:var(--blue)}
body.light .td-badge{background:rgba(0,98,230,.07);border-color:rgba(0,98,230,.18);color:var(--blue)}
/* Product detail */
body.light .pd-main-img{background:#F4F7FF;border:none}
body.light .pd-img-vignette{background:radial-gradient(ellipse 78% 72% at 50% 50%,transparent 62%,rgba(244,247,255,0.55) 80%,#F4F7FF 92%)!important}
body.light .pd-tab.active{color:var(--blue);border-bottom-color:var(--blue)}
body.light .pd-pn{background:rgba(0,98,230,.04);border-color:var(--bra)}
body.light .pd-pn-val{color:var(--blue)}
body.light .pd-avail{color:#00875A}
body.light .specs-table th{background:rgba(0,98,230,.04);color:var(--blue);border-bottom-color:var(--bra)}
body.light .specs-table td.val{color:var(--t1)}
body.light .btn-quote-full{background:linear-gradient(135deg,var(--cyan),var(--blue));color:#fff}
body.light .btn-dl{border-color:var(--bra);color:var(--t1)}
/* Telecom */
body.light .mkt-hero{background:var(--deep)}
body.light .kpi-card{background:rgba(0,0,0,.03);border-color:var(--br)}
body.light .kpi-n span{color:var(--blue)}
body.light .ts-cell{background:var(--deep)}
body.light .ts-val span{color:var(--blue)}
body.light .uc-card{background:var(--card);border-color:var(--br)}
body.light .rec-card{background:var(--void);border-color:var(--br)}
body.light .rec-strip{background:var(--card)}
body.light .rec-spec span{color:var(--blue)}
body.light .rec-link{color:var(--blue)}
/* Quote cart */
body.light .quote-cart-btn,.body.light .tb-icon-btn{border-color:var(--br);color:var(--t2)}
body.light .tb-icon-btn:hover{color:var(--blue);border-color:var(--bra)}
body.light .cart-dropdown{background:var(--card);border-color:var(--br);box-shadow:0 20px 60px rgba(0,0,0,.15)}
body.light .cart-badge{background:var(--blue);color:#fff}
body.light .ci-icon{background:rgba(0,98,230,.08)}
body.light .cart-submit-btn{background:linear-gradient(135deg,var(--cyan),var(--blue));color:#fff}
/* Theme toggle */
.theme-toggle{
  display:flex;align-items:center;gap:6px;
  padding:3px 8px;border:1px solid var(--br);border-radius:20px;
  cursor:pointer;background:transparent;font-family:var(--fm);font-size:10px;
  color:var(--t2);transition:all .2s;
}
.theme-toggle:hover{border-color:var(--bra);color:var(--cyan)}
.toggle-track{
  width:28px;height:14px;border-radius:7px;
  background:var(--t3);position:relative;transition:background .2s;flex-shrink:0;
}
.toggle-thumb{
  width:10px;height:10px;border-radius:50%;
  background:#fff;position:absolute;top:2px;left:2px;
  transition:transform .2s;
}
body.light .toggle-track{background:var(--blue)}
body.light .toggle-thumb{transform:translateX(14px)}
body.light .theme-toggle{color:var(--t2)}
/* Qty selector */
.qty-row{display:flex;align-items:center;gap:12px;margin-bottom:16px;flex-wrap:wrap}
.qty-label{font-family:var(--fm);font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--t3)}
.qty-selector{display:flex;align-items:center;border:1px solid var(--br);border-radius:var(--r);overflow:hidden}
.qty-btn{
  width:32px;height:36px;display:flex;align-items:center;justify-content:center;
  background:var(--deep);color:var(--t2);font-size:18px;font-weight:300;
  transition:all .2s;border:none;cursor:pointer;
}
.qty-btn:hover{background:var(--bra);color:var(--t1)}
.qty-input{
  width:52px;height:36px;text-align:center;
  background:transparent;border:none;border-left:1px solid var(--br);border-right:1px solid var(--br);
  color:var(--t1);font-family:var(--fm);font-size:13px;font-weight:700;
}
.qty-input::-webkit-inner-spin-button,.qty-input::-webkit-outer-spin-button{-webkit-appearance:none}
.btn-add-quote{
  flex:1;padding:10px 20px;border-radius:var(--r);
  background:linear-gradient(135deg,var(--cyan),var(--blue));
  color:#000;font-weight:700;font-size:12px;
  letter-spacing:.07em;text-transform:uppercase;
  transition:all .2s;box-shadow:0 4px 20px rgba(0,207,255,.2);
}
.btn-add-quote:hover{transform:translateY(-1px);box-shadow:0 8px 28px rgba(0,207,255,.3)}
.add-confirmation{
  display:none;align-items:center;gap:8px;padding:10px 14px;
  background:rgba(0,229,160,.08);border:1px solid rgba(0,229,160,.25);
  border-radius:var(--r);font-size:12px;color:var(--green);margin-top:8px;
}
.add-confirmation.show{display:flex}
/* Quote hover panel on header button */
.quote-btn-wrap{position:relative}
.quote-hover-panel{
  position:absolute;top:calc(100% + 10px);right:0;
  width:300px;background:var(--card);border:1px solid var(--br);
  border-radius:var(--rl);box-shadow:0 20px 60px rgba(0,0,0,.6);
  opacity:0;visibility:hidden;transform:translateY(-8px);
  transition:all .25s;z-index:400;overflow:hidden;pointer-events:none;
}
.quote-btn-wrap:hover .quote-hover-panel{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}
.qhp-header{
  padding:12px 16px;border-bottom:1px solid var(--br);
  font-family:var(--fm);font-size:10px;text-transform:uppercase;
  letter-spacing:.1em;color:var(--cyan);
  display:flex;align-items:center;justify-content:space-between;
}
.qhp-badge{
  background:var(--cyan);color:#000;border-radius:10px;
  padding:1px 7px;font-size:9px;font-weight:700;
}
.qhp-items{max-height:220px;overflow-y:auto;padding:6px 0}
.qhp-item{
  display:flex;align-items:center;gap:10px;
  padding:8px 16px;border-bottom:1px solid rgba(255,255,255,.03);
}
.qhp-item:last-child{border-bottom:none}
.qhp-pn{font-family:var(--fm);font-size:11px;color:var(--t1);font-weight:700}
.qhp-name{font-size:11px;color:var(--t2)}
.qhp-qty{font-family:var(--fm);font-size:11px;color:var(--cyan);margin-left:auto;flex-shrink:0}
.qhp-empty{padding:20px;text-align:center;font-size:12px;color:var(--t3)}
.qhp-footer{padding:10px 14px;border-top:1px solid var(--br)}
.qhp-submit{
  display:block;width:100%;padding:9px;text-align:center;
  background:linear-gradient(135deg,var(--cyan),var(--blue));
  color:#000;font-weight:700;font-size:11px;letter-spacing:.07em;text-transform:uppercase;
  border-radius:var(--r);transition:all .2s;cursor:pointer;
}
.qhp-submit:hover{opacity:.9}
/* Contact page */
.contact-page-layout{
  max-width:1200px;margin:0 auto;padding:60px 24px;
  display:grid;grid-template-columns:1fr 1.4fr;gap:60px;align-items:start;
}
.contact-info-block{padding-top:8px}
.contact-detail-row{
  display:flex;align-items:flex-start;gap:14px;padding:16px;
  border:1px solid var(--br);border-radius:var(--r);margin-bottom:12px;
  transition:border-color .2s;
}
.contact-detail-row:hover{border-color:var(--bra)}
.cd-icon{
  width:36px;height:36px;flex-shrink:0;border-radius:var(--r);
  background:rgba(0,207,255,.07);display:flex;align-items:center;justify-content:center;
}
.cd-icon svg{width:18px;height:18px;color:var(--cyan)}
.cd-label{font-size:10px;color:var(--t3);text-transform:uppercase;letter-spacing:.08em;font-family:var(--fm);margin-bottom:3px}
.cd-val{font-size:13px;color:var(--t1);font-weight:500}
/* About page */
.about-hero{
  padding:80px 24px 60px;
  background:linear-gradient(180deg,var(--deep) 0%,var(--void) 100%);
  position:relative;overflow:hidden;
}
.about-hero::before{
  content:'';position:absolute;top:-100px;right:-100px;
  width:500px;height:500px;border-radius:50%;
  background:radial-gradient(circle,rgba(0,207,255,.05),transparent 60%);
  pointer-events:none;
}
.about-hero-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.about-stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.about-stat-card{background:var(--card);border:1px solid var(--br);border-radius:var(--rl);padding:24px;text-align:center;transition:all .2s}
.about-stat-card:hover{border-color:var(--bra);transform:translateY(-2px)}
.about-stat-n{font-family:var(--fh);font-size:44px;font-weight:900;color:var(--t1);line-height:1}
.about-stat-n span{color:var(--cyan)}
.about-stat-l{font-size:12px;color:var(--t2);margin-top:6px}
.timeline{max-width:800px;margin:0 auto;position:relative;padding-left:40px}
.timeline::before{content:'';position:absolute;left:12px;top:0;bottom:0;width:2px;background:linear-gradient(180deg,var(--cyan),var(--blue),transparent)}
.tl-item{position:relative;margin-bottom:40px}
.tl-dot{
  position:absolute;left:-35px;top:4px;
  width:14px;height:14px;border-radius:50%;
  background:var(--cyan);border:3px solid var(--void);
  box-shadow:0 0 0 2px var(--cyan);
}
.tl-year{font-family:var(--fm);font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--cyan);margin-bottom:6px}
.tl-title{font-family:var(--fh);font-size:18px;font-weight:700;text-transform:uppercase;color:var(--t1);margin-bottom:6px}
.tl-desc{font-size:13px;color:var(--t2);line-height:1.65}
.about-values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:40px}
.av-card{background:var(--card);border:1px solid var(--br);border-radius:var(--rl);padding:28px 24px;text-align:center;transition:all .2s}
.av-card:hover{border-color:var(--bra);transform:translateY(-3px)}
.av-icon{width:52px;height:52px;border-radius:var(--rl);background:rgba(0,207,255,.08);border:1px solid var(--bra);margin:0 auto 16px;display:flex;align-items:center;justify-content:center}
.av-icon svg{width:24px;height:24px;color:var(--cyan)}
.av-title{font-family:var(--fh);font-size:16px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--t1);margin-bottom:8px}
.av-desc{font-size:12px;color:var(--t2);line-height:1.65}
/* Quote list page */
.quote-page-inner{max-width:1100px;margin:0 auto;padding:60px 24px;display:grid;grid-template-columns:1.4fr 1fr;gap:40px;align-items:start}
.quote-list-card{background:var(--card);border:1px solid var(--br);border-radius:var(--rl);overflow:hidden}
.qlc-header{padding:16px 20px;border-bottom:1px solid var(--br);display:flex;align-items:center;justify-content:space-between}
.qlc-title{font-family:var(--fh);font-size:18px;font-weight:700;text-transform:uppercase;color:var(--t1)}
.qlc-count{font-family:var(--fm);font-size:11px;color:var(--t3)}
.ql-table{width:100%;border-collapse:separate;border-spacing:0}
.ql-table th{padding:10px 16px;text-align:left;font-family:var(--fm);font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:var(--cyan);background:rgba(0,207,255,.04);border-bottom:1px solid var(--bra)}
.ql-table td{padding:12px 16px;border-bottom:1px solid var(--br);vertical-align:middle;color:var(--t2);font-size:13px}
.ql-table tbody tr:last-child td{border-bottom:none}
.ql-table tbody tr:hover td{background:rgba(255,255,255,.02)}
.ql-pn{font-family:var(--fm);font-size:11px;color:var(--t1);font-weight:700}
.ql-qty-input{
  width:60px;height:30px;text-align:center;
  background:var(--deep);border:1px solid var(--br);border-radius:var(--r);
  color:var(--t1);font-family:var(--fm);font-size:12px;
}
.ql-remove{width:28px;height:28px;border-radius:var(--r);display:flex;align-items:center;justify-content:center;color:var(--t3);transition:all .2s;cursor:pointer}
.ql-remove:hover{background:rgba(255,68,68,.1);color:#ff4444}
.ql-remove svg{width:14px;height:14px}
.ql-empty{padding:40px 20px;text-align:center;color:var(--t3);font-size:13px}
.ql-empty svg{width:40px;height:40px;margin:0 auto 12px;opacity:.25}
.ql-footer{padding:14px 20px;border-top:1px solid var(--br);display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.ql-clear{font-size:11px;color:var(--t3);font-family:var(--fm);cursor:pointer;transition:color .2s;text-transform:uppercase;letter-spacing:.06em}
.ql-clear:hover{color:#ff4444}
.quote-form-card{background:var(--card);border:1px solid var(--br);border-radius:var(--rl);padding:28px;position:sticky;top:calc(var(--top)+var(--nav)+20px)}
.qf-title{font-family:var(--fh);font-size:20px;font-weight:700;text-transform:uppercase;color:var(--t1);margin-bottom:20px}
.form-group{display:flex;flex-direction:column;gap:5px;margin-bottom:14px}
.form-label{font-family:var(--fm);font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--t3)}
.form-input,.form-select,.form-textarea{
  background:rgba(255,255,255,.03);border:1px solid var(--br);border-radius:var(--r);
  padding:9px 12px;font-size:12px;color:var(--t1);transition:border-color .2s;width:100%;font-family:var(--fb);
}
.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--cyan);background:rgba(0,207,255,.03);outline:none}
.form-textarea{resize:vertical;min-height:80px;line-height:1.6}
.form-select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%237A8BAD'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:16px}
.form-select option{background:var(--card)}
.btn-submit-full{
  width:100%;padding:13px;border-radius:var(--r);
  background:linear-gradient(135deg,var(--cyan),var(--blue));
  color:#000;font-weight:700;font-size:12px;letter-spacing:.07em;text-transform:uppercase;
  transition:all .2s;box-shadow:0 6px 20px rgba(0,207,255,.2);cursor:pointer;border:none;font-family:var(--fb);
}
.btn-submit-full:hover{transform:translateY(-2px);box-shadow:0 12px 32px rgba(0,207,255,.3)}
body.light .form-input,body.light .form-select,body.light .form-textarea{background:rgba(0,0,0,.03);border-color:var(--br);color:var(--t1)}
body.light .form-input::placeholder,body.light .form-textarea::placeholder{color:var(--t3)}
@media(max-width:900px){
  .about-hero-inner{grid-template-columns:1fr}
  .about-values-grid{grid-template-columns:1fr 1fr}
  .contact-page-layout{grid-template-columns:1fr}
  .quote-page-inner{grid-template-columns:1fr}
  .quote-form-card{position:static}
}
@media(max-width:600px){.about-values-grid{grid-template-columns:1fr}}


/* ═══════════════════════════════════════════════════════════════
   CSS VARIABLE BRIDGE — maps redesign naming to pages naming
   Both naming conventions now work throughout the merged file
   ═══════════════════════════════════════════════════════════════ */
:root{
  /* Redesign aliases → pages vars */
  --bg-void:var(--void);   --bg-deep:var(--deep);
  --bg-card:var(--card);   --bg-card-hover:var(--card2);
  --bg-glass:var(--glass);
  --accent-cyan:var(--cyan);  --accent-blue:var(--blue);
  --accent-glow:var(--glow);  --accent-pulse:var(--pulse);
  --text-primary:var(--t1);   --text-secondary:var(--t2);  --text-muted:var(--t3);
  --border:var(--br);         --border-accent:var(--bra);
  --font-head:var(--fh);  --font-body:var(--fb);  --font-mono:var(--fm);
  --radius:var(--r);  --radius-lg:var(--rl);
  --nav-h:var(--nav); --topbar-h:var(--top);
  --transition:0.25s cubic-bezier(0.4,0,0.2,1);
  --shadow-glow:0 0 60px rgba(0,207,255,0.12);
}

/* =====================================================
   MARKETS — WordPress: template-parts/markets.php
   ===================================================== */
.markets-section{
  padding:100px 24px;
  background:linear-gradient(180deg,var(--bg-void) 0%,var(--bg-deep) 100%);
}
.markets-inner{max-width:1400px;margin:0 auto}
.markets-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:48px}
.market-card{
  position:relative;border-radius:var(--radius-lg);overflow:hidden;
  border:1px solid var(--border);background:var(--bg-card);
  padding:28px 24px;transition:all var(--transition);cursor:pointer;
  display:flex;flex-direction:column;justify-content:space-between;min-height:200px;
}
.market-card::before{
  content:'';position:absolute;top:0;left:0;bottom:0;width:3px;
  background:linear-gradient(180deg,var(--accent-cyan),var(--accent-blue));
  transform:scaleY(0);transform-origin:top;transition:transform var(--transition);
}
.market-card:hover{border-color:var(--border-accent);background:var(--bg-card-hover)}
.market-card:hover::before{transform:scaleY(1)}
.market-card:hover .market-arrow{transform:translate(4px,-4px)}
.market-icon{
  width:44px;height:44px;border-radius:8px;
  background:rgba(0,207,255,0.07);
  display:flex;align-items:center;justify-content:center;margin-bottom:16px;
}
.market-icon svg{width:22px;height:22px;color:var(--accent-cyan)}
.market-name{
  font-family:var(--font-head);font-size:16px;font-weight:700;
  text-transform:uppercase;letter-spacing:0.05em;
  color:var(--text-primary);margin-bottom:8px;
}
.market-desc{font-size:12px;color:var(--text-secondary);line-height:1.6}
.market-arrow{
  color:var(--text-muted);margin-top:16px;
  transition:transform var(--transition);display:flex;align-self:flex-end;
}
.market-arrow svg{width:18px;height:18px}

/* =====================================================
   ABOUT — WordPress: template-parts/about.php
   ===================================================== */
.about-section{padding:100px 24px;background:var(--bg-deep)}
.about-inner{
  max-width:1400px;margin:0 auto;
  display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;
}
.about-visual{
  position:relative;border-radius:var(--radius-lg);overflow:hidden;
  border:1px solid var(--border);background:var(--bg-card);
  padding:48px;aspect-ratio:4/3;
  display:flex;align-items:center;justify-content:center;
}
.about-visual-bg{
  position:absolute;inset:0;
  background:radial-gradient(ellipse at 40% 40%,rgba(0,98,230,0.12) 0%,transparent 70%);
}
.factory-stats{
  display:grid;grid-template-columns:1fr 1fr;gap:20px;width:100%;
  position:relative;z-index:1;
}
.factory-stat{
  background:rgba(255,255,255,0.03);border:1px solid var(--border);
  border-radius:var(--radius);padding:20px;text-align:center;
}
.factory-stat-num{
  font-family:var(--font-head);font-size:40px;font-weight:900;
  color:var(--text-primary);line-height:1;
}
.factory-stat-num .counter{color:var(--accent-cyan)}
.factory-stat-label{font-size:12px;color:var(--text-secondary);margin-top:6px}
.about-text .section-desc{max-width:100%;margin-bottom:32px}
.about-features{display:flex;flex-direction:column;gap:16px;margin-bottom:32px}
.about-feature{
  display:flex;align-items:flex-start;gap:14px;padding:16px;
  border:1px solid var(--border);border-radius:var(--radius);
  transition:border-color var(--transition);
}
.about-feature:hover{border-color:var(--border-accent)}
.about-feature-icon{
  width:32px;height:32px;flex-shrink:0;border-radius:6px;
  background:rgba(0,207,255,0.08);display:flex;align-items:center;justify-content:center;
}
.about-feature-icon svg{width:16px;height:16px;color:var(--accent-cyan)}
.about-feature-title{font-size:13px;font-weight:600;color:var(--text-primary);margin-bottom:3px}
.about-feature-desc{font-size:12px;color:var(--text-secondary)}

/* =====================================================
   RESOURCES — WordPress: template-parts/resources.php
   ===================================================== */
.resources-section{padding:100px 24px;border-top:1px solid var(--border)}
.resources-inner{max-width:1400px;margin:0 auto}
.resources-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:48px}
.resource-card{
  background:var(--bg-card);border:1px solid var(--border);
  border-radius:var(--radius-lg);padding:28px;
  transition:all var(--transition);
}
.resource-card:hover{border-color:var(--border-accent);transform:translateY(-2px)}
.resource-type{
  font-family:var(--font-mono);font-size:10px;text-transform:uppercase;
  letter-spacing:0.1em;color:var(--accent-cyan);margin-bottom:12px;
}
.resource-title{
  font-family:var(--font-head);font-size:17px;font-weight:700;
  text-transform:uppercase;color:var(--text-primary);
  margin-bottom:10px;letter-spacing:0.03em;
}
.resource-desc{font-size:13px;color:var(--text-secondary);line-height:1.65;margin-bottom:20px}
.resource-link{
  display:inline-flex;align-items:center;gap:6px;
  font-size:12px;font-weight:600;text-transform:uppercase;
  letter-spacing:0.08em;color:var(--accent-cyan);
  transition:gap var(--transition);
}
.resource-link:hover{gap:10px}
.resource-link svg{width:14px;height:14px}

/* =====================================================
   CONTACT — WordPress: template-parts/contact.php
   ===================================================== */
.contact-section{
  padding:100px 24px;
  background:linear-gradient(180deg,var(--bg-void) 0%,var(--bg-deep) 100%);
}
.contact-inner{
  max-width:1100px;margin:0 auto;
  display:grid;grid-template-columns:1fr 1.4fr;gap:60px;align-items:start;
}
.contact-info{padding-top:8px}
.contact-info .section-desc{max-width:100%;margin-bottom:36px}
.contact-details{display:flex;flex-direction:column;gap:16px;margin-bottom:36px}
.contact-detail{
  display:flex;align-items:flex-start;gap:14px;padding:16px;
  border:1px solid var(--border);border-radius:var(--radius);
}
.contact-detail-icon{
  width:36px;height:36px;flex-shrink:0;
  border-radius:var(--radius);background:rgba(0,207,255,0.07);
  display:flex;align-items:center;justify-content:center;
}
.contact-detail-icon svg{width:18px;height:18px;color:var(--accent-cyan)}
.contact-detail-label{font-size:10px;color:var(--text-muted);text-transform:uppercase;letter-spacing:0.08em;margin-bottom:3px;font-family:var(--font-mono)}
.contact-detail-val{font-size:13px;color:var(--text-primary);font-weight:500}
.contact-form-wrap{
  background:var(--bg-card);border:1px solid var(--border);
  border-radius:var(--radius-lg);padding:36px;
}
.form-title{
  font-family:var(--font-head);font-size:22px;font-weight:700;
  text-transform:uppercase;letter-spacing:0.05em;
  color:var(--text-primary);margin-bottom:24px;
}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.form-group{display:flex;flex-direction:column;gap:6px}
.form-group.full{grid-column:1/-1}
.form-label{
  font-size:11px;font-family:var(--font-mono);text-transform:uppercase;
  letter-spacing:0.08em;color:var(--text-muted);
}
.form-input,.form-select,.form-textarea{
  background:rgba(255,255,255,0.03);
  border:1px solid var(--border);border-radius:var(--radius);
  padding:11px 14px;font-size:13px;color:var(--text-primary);
  transition:border-color var(--transition);width:100%;
}
.form-input:focus,.form-select:focus,.form-textarea:focus{
  border-color:var(--accent-cyan);background:rgba(0,207,255,0.03);
}
.form-input::placeholder,.form-textarea::placeholder{color:var(--text-muted)}
.form-select{color:var(--text-secondary);cursor:pointer;appearance:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%237A8BAD'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 12px center;background-size:16px;
}
.form-select option{background:var(--bg-card)}
.form-textarea{resize:vertical;min-height:100px;line-height:1.6}
.btn-submit{
  width:100%;padding:14px;border-radius:var(--radius);
  background:linear-gradient(135deg,var(--accent-cyan) 0%,var(--accent-blue) 100%);
  color:#000;font-weight:700;font-size:13px;
  letter-spacing:0.08em;text-transform:uppercase;
  transition:all var(--transition);
  box-shadow:0 8px 24px rgba(0,207,255,0.25);
}
.btn-submit:hover{transform:translateY(-2px);box-shadow:0 16px 40px rgba(0,207,255,0.35)}
.form-note{
  text-align:center;font-size:11px;color:var(--text-muted);
  margin-top:12px;font-family:var(--font-mono);
}

/* ── File Drop Zone ── */
.file-dropzone{
  border:2px dashed var(--border);border-radius:var(--radius-lg);
  padding:28px 20px;text-align:center;cursor:pointer;
  transition:all var(--transition);background:rgba(255,255,255,0.02);
  position:relative;
}
.file-dropzone:hover,.file-dropzone.drag-over{
  border-color:var(--accent-cyan);background:var(--accent-pulse);
}
.file-dropzone.drag-over{border-style:solid}
.dropzone-icon{margin-bottom:12px;color:var(--text-muted)}
.dropzone-label{font-size:13px;color:var(--text-secondary);margin-bottom:6px}
.dropzone-label strong{color:var(--text-primary)}
.dropzone-browse{
  background:none;border:none;color:var(--accent-cyan);cursor:pointer;
  font-size:13px;font-family:var(--font-body);font-weight:600;
  text-decoration:underline;text-decoration-color:rgba(0,207,255,0.4);
  padding:0;transition:color var(--transition);
}
.dropzone-browse:hover{color:#fff}
.dropzone-hint{font-size:11px;color:var(--text-muted);font-family:var(--font-mono);letter-spacing:0.04em}
.dropzone-file-list{text-align:left;padding:4px 0}
.dropzone-file-item{
  display:flex;align-items:center;gap:10px;
  padding:9px 12px;border-radius:var(--radius);
  background:rgba(0,207,255,0.06);border:1px solid var(--border-accent);
  margin-bottom:7px;transition:background var(--transition);
}
.dropzone-file-item:last-child{margin-bottom:0}
.dfi-icon{width:28px;height:28px;border-radius:4px;flex-shrink:0;
  display:flex;align-items:center;justify-content:center;}
.dfi-icon.pdf{background:rgba(255,80,80,0.15)}
.dfi-icon.img{background:rgba(0,207,255,0.12)}
.dfi-icon svg{width:14px;height:14px}
.dfi-info{flex:1;min-width:0}
.dfi-name{font-size:12px;color:var(--text-primary);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dfi-size{font-size:10px;color:var(--text-muted);font-family:var(--font-mono);margin-top:2px}
.dfi-remove{
  width:22px;height:22px;border-radius:4px;flex-shrink:0;
  display:flex;align-items:center;justify-content:center;
  background:none;border:none;color:var(--text-muted);cursor:pointer;
  transition:all var(--transition);
}
.dfi-remove:hover{color:#ff4444;background:rgba(255,68,68,0.1)}
.dfi-remove svg{width:13px;height:13px}
.dropzone-add-more{
  display:flex;align-items:center;justify-content:center;gap:6px;
  margin-top:10px;padding:8px;border-radius:var(--radius);
  border:1px dashed var(--border);cursor:pointer;
  font-size:11px;color:var(--text-muted);transition:all var(--transition);
  background:none;width:100%;font-family:var(--font-body);
}
.dropzone-add-more:hover{border-color:var(--border-accent);color:var(--accent-cyan)}

/* Format pills in dropzone */
.dropzone-formats{display:flex;justify-content:center;gap:8px;margin:10px 0 6px}
.fmt-pill{
  padding:3px 10px;border-radius:4px;
  font-family:var(--font-mono);font-size:10px;font-weight:700;
  letter-spacing:0.06em;text-transform:uppercase;
}
.fmt-pdf{background:rgba(255,80,80,0.15);color:#FF6B6B;border:1px solid rgba(255,80,80,0.3)}
.fmt-img{background:rgba(0,207,255,0.1);color:var(--accent-cyan);border:1px solid var(--border-accent)}

/* =====================================================
   FOOTER — WordPress: footer.php
   ===================================================== */
.site-footer{
  background:var(--bg-deep);border-top:1px solid var(--border);
  padding:64px 24px 32px;
}
.footer-inner{max-width:1400px;margin:0 auto}
.footer-grid{
  display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:48px;margin-bottom:48px;
}
.footer-brand .brand-name{
  font-family:var(--font-head);font-size:24px;font-weight:800;
  letter-spacing:0.08em;text-transform:uppercase;color:var(--text-primary);
  margin-bottom:12px;
}
.footer-brand .brand-name span{color:var(--accent-cyan)}
.footer-brand p{font-size:13px;color:var(--text-secondary);line-height:1.7;max-width:280px;margin-bottom:20px}
.footer-certs{display:flex;gap:8px;flex-wrap:wrap}
.cert-badge{
  padding:4px 10px;border:1px solid var(--border-accent);
  border-radius:4px;font-family:var(--font-mono);font-size:10px;
  color:var(--accent-cyan);background:rgba(0,207,255,0.04);
}
.footer-col-title{
  font-family:var(--font-mono);font-size:10px;text-transform:uppercase;
  letter-spacing:0.1em;color:var(--accent-cyan);margin-bottom:16px;
  padding-bottom:8px;border-bottom:1px solid var(--border);
}
.footer-links{display:flex;flex-direction:column;gap:8px}
.footer-link{
  font-size:13px;color:var(--text-secondary);transition:color var(--transition);
  padding:3px 0;
}
.footer-link:hover{color:var(--text-primary)}
.footer-bottom{
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  padding-top:28px;border-top:1px solid var(--border);flex-wrap:wrap;
}
.footer-copy{font-size:12px;color:var(--text-muted);font-family:var(--font-mono)}
.footer-bottom-links{display:flex;gap:20px}
.footer-bottom-link{font-size:12px;color:var(--text-muted);transition:color var(--transition)}
.footer-bottom-link:hover{color:var(--text-secondary)}


/* =====================================================
   WHY MECHANC — pillars
   ===================================================== */
.pillars-section{padding:100px 24px;border-top:1px solid var(--border)}
.pillars-inner{max-width:1400px;margin:0 auto}
.pillars-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.pillar{
  background:var(--bg-card);
  border:1px solid var(--border);
  border-radius:var(--radius-lg);
  padding:44px 36px;
  position:relative;overflow:hidden;
  transition:all var(--transition);
}
.pillar::before{
  content:'';position:absolute;top:0;left:0;right:0;height:3px;
  background:linear-gradient(90deg,var(--accent-cyan),var(--accent-blue));
  transform:scaleX(0);transform-origin:left;
  transition:transform var(--transition);
}
.pillar:hover{background:var(--bg-card-hover);border-color:var(--border-accent);transform:translateY(-4px);box-shadow:0 20px 60px rgba(0,207,255,0.1)}
.pillar:hover::before{transform:scaleX(1)}
.pillar-number{
  font-family:var(--font-mono);font-size:11px;color:var(--text-muted);
  letter-spacing:0.08em;margin-bottom:20px;
}
.pillar-icon{
  width:56px;height:56px;margin-bottom:20px;
  display:flex;align-items:center;justify-content:center;
  background:rgba(0,207,255,0.08);border:1px solid rgba(0,207,255,0.2);
  border-radius:var(--radius);
}
.pillar-icon svg{width:28px;height:28px;color:var(--accent-cyan)}
.pillar-title{
  font-family:var(--font-head);font-size:22px;font-weight:800;
  text-transform:uppercase;letter-spacing:0.05em;
  color:var(--text-primary);margin-bottom:14px;line-height:1.1;
}
.pillar-desc{font-size:14px;color:var(--text-secondary);line-height:1.75}


/* =====================================================
   ABOUT — WordPress: template-parts/about.php
   ===================================================== */
.about-section{padding:100px 24px;background:var(--bg-deep)}
.about-inner{
  max-width:1400px;margin:0 auto;
  display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;
}
.about-visual{
  position:relative;border-radius:var(--radius-lg);overflow:hidden;
  border:1px solid var(--border);background:var(--bg-card);
  padding:48px;aspect-ratio:4/3;
  display:flex;align-items:center;justify-content:center;
}
.about-visual-bg{
  position:absolute;inset:0;
  background:radial-gradient(ellipse at 40% 40%,rgba(0,98,230,0.12) 0%,transparent 70%);
}
.factory-stats{
  display:grid;grid-template-columns:1fr 1fr;gap:20px;width:100%;
  position:relative;z-index:1;
}
.factory-stat{
  background:rgba(255,255,255,0.03);border:1px solid var(--border);
  border-radius:var(--radius);padding:20px;text-align:center;
}
.factory-stat-num{
  font-family:var(--font-head);font-size:40px;font-weight:900;
  color:var(--text-primary);line-height:1;
}
.factory-stat-num .counter{color:var(--accent-cyan)}
.factory-stat-label{font-size:12px;color:var(--text-secondary);margin-top:6px}
.about-text .section-desc{max-width:100%;margin-bottom:32px}
.about-features{display:flex;flex-direction:column;gap:16px;margin-bottom:32px}
.about-feature{
  display:flex;align-items:flex-start;gap:14px;padding:16px;
  border:1px solid var(--border);border-radius:var(--radius);
  transition:border-color var(--transition);
}
.about-feature:hover{border-color:var(--border-accent)}
.about-feature-icon{
  width:32px;height:32px;flex-shrink:0;border-radius:6px;
  background:rgba(0,207,255,0.08);display:flex;align-items:center;justify-content:center;
}
.about-feature-icon svg{width:16px;height:16px;color:var(--accent-cyan)}
.about-feature-title{font-size:13px;font-weight:600;color:var(--text-primary);margin-bottom:3px}
.about-feature-desc{font-size:12px;color:var(--text-secondary)}

/* =====================================================
   RESOURCES — WordPress: template-parts/resources.php
   ===================================================== */
.resources-section{padding:100px 24px;border-top:1px solid var(--border)}
.resources-inner{max-width:1400px;margin:0 auto}
.resources-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:48px}
.resource-card{
  background:var(--bg-card);border:1px solid var(--border);
  border-radius:var(--radius-lg);padding:28px;
  transition:all var(--transition);
}
.resource-card:hover{border-color:var(--border-accent);transform:translateY(-2px)}
.resource-type{
  font-family:var(--font-mono);font-size:10px;text-transform:uppercase;
  letter-spacing:0.1em;color:var(--accent-cyan);margin-bottom:12px;
}
.resource-title{
  font-family:var(--font-head);font-size:17px;font-weight:700;
  text-transform:uppercase;color:var(--text-primary);
  margin-bottom:10px;letter-spacing:0.03em;
}
.resource-desc{font-size:13px;color:var(--text-secondary);line-height:1.65;margin-bottom:20px}
.resource-link{
  display:inline-flex;align-items:center;gap:6px;
  font-size:12px;font-weight:600;text-transform:uppercase;
  letter-spacing:0.08em;color:var(--accent-cyan);
  transition:gap var(--transition);
}
.resource-link:hover{gap:10px}
.resource-link svg{width:14px;height:14px}

/* =====================================================
   CONTACT — WordPress: template-parts/contact.php
   ===================================================== */
.contact-section{
  padding:100px 24px;
  background:linear-gradient(180deg,var(--bg-void) 0%,var(--bg-deep) 100%);
}
.contact-inner{
  max-width:1100px;margin:0 auto;
  display:grid;grid-template-columns:1fr 1.4fr;gap:60px;align-items:start;
}
.contact-info{padding-top:8px}
.contact-info .section-desc{max-width:100%;margin-bottom:36px}
.contact-details{display:flex;flex-direction:column;gap:16px;margin-bottom:36px}
.contact-detail{
  display:flex;align-items:flex-start;gap:14px;padding:16px;
  border:1px solid var(--border);border-radius:var(--radius);
}
.contact-detail-icon{
  width:36px;height:36px;flex-shrink:0;
  border-radius:var(--radius);background:rgba(0,207,255,0.07);
  display:flex;align-items:center;justify-content:center;
}
.contact-detail-icon svg{width:18px;height:18px;color:var(--accent-cyan)}
.contact-detail-label{font-size:10px;color:var(--text-muted);text-transform:uppercase;letter-spacing:0.08em;margin-bottom:3px;font-family:var(--font-mono)}
.contact-detail-val{font-size:13px;color:var(--text-primary);font-weight:500}
.contact-form-wrap{
  background:var(--bg-card);border:1px solid var(--border);
  border-radius:var(--radius-lg);padding:36px;
}
.form-title{
  font-family:var(--font-head);font-size:22px;font-weight:700;
  text-transform:uppercase;letter-spacing:0.05em;
  color:var(--text-primary);margin-bottom:24px;
}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.form-group{display:flex;flex-direction:column;gap:6px}
.form-group.full{grid-column:1/-1}
.form-label{
  font-size:11px;font-family:var(--font-mono);text-transform:uppercase;
  letter-spacing:0.08em;color:var(--text-muted);
}
.form-input,.form-select,.form-textarea{
  background:rgba(255,255,255,0.03);
  border:1px solid var(--border);border-radius:var(--radius);
  padding:11px 14px;font-size:13px;color:var(--text-primary);
  transition:border-color var(--transition);width:100%;
}
.form-input:focus,.form-select:focus,.form-textarea:focus{
  border-color:var(--accent-cyan);background:rgba(0,207,255,0.03);
}
.form-input::placeholder,.form-textarea::placeholder{color:var(--text-muted)}
.form-select{color:var(--text-secondary);cursor:pointer;appearance:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%237A8BAD'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 12px center;background-size:16px;
}
.form-select option{background:var(--bg-card)}
.form-textarea{resize:vertical;min-height:100px;line-height:1.6}
.btn-submit{
  width:100%;padding:14px;border-radius:var(--radius);
  background:linear-gradient(135deg,var(--accent-cyan) 0%,var(--accent-blue) 100%);
  color:#000;font-weight:700;font-size:13px;
  letter-spacing:0.08em;text-transform:uppercase;
  transition:all var(--transition);
  box-shadow:0 8px 24px rgba(0,207,255,0.25);
}
.btn-submit:hover{transform:translateY(-2px);box-shadow:0 16px 40px rgba(0,207,255,0.35)}
.form-note{
  text-align:center;font-size:11px;color:var(--text-muted);
  margin-top:12px;font-family:var(--font-mono);
}

/* ── File Drop Zone ── */
.file-dropzone{
  border:2px dashed var(--border);border-radius:var(--radius-lg);
  padding:28px 20px;text-align:center;cursor:pointer;
  transition:all var(--transition);background:rgba(255,255,255,0.02);
  position:relative;
}
.file-dropzone:hover,.file-dropzone.drag-over{
  border-color:var(--accent-cyan);background:var(--accent-pulse);
}
.file-dropzone.drag-over{border-style:solid}
.dropzone-icon{margin-bottom:12px;color:var(--text-muted)}
.dropzone-label{font-size:13px;color:var(--text-secondary);margin-bottom:6px}
.dropzone-label strong{color:var(--text-primary)}
.dropzone-browse{
  background:none;border:none;color:var(--accent-cyan);cursor:pointer;
  font-size:13px;font-family:var(--font-body);font-weight:600;
  text-decoration:underline;text-decoration-color:rgba(0,207,255,0.4);
  padding:0;transition:color var(--transition);
}
.dropzone-browse:hover{color:#fff}
.dropzone-hint{font-size:11px;color:var(--text-muted);font-family:var(--font-mono);letter-spacing:0.04em}
.dropzone-file-list{text-align:left;padding:4px 0}
.dropzone-file-item{
  display:flex;align-items:center;gap:10px;
  padding:9px 12px;border-radius:var(--radius);
  background:rgba(0,207,255,0.06);border:1px solid var(--border-accent);
  margin-bottom:7px;transition:background var(--transition);
}
.dropzone-file-item:last-child{margin-bottom:0}
.dfi-icon{width:28px;height:28px;border-radius:4px;flex-shrink:0;
  display:flex;align-items:center;justify-content:center;}
.dfi-icon.pdf{background:rgba(255,80,80,0.15)}
.dfi-icon.img{background:rgba(0,207,255,0.12)}
.dfi-icon svg{width:14px;height:14px}
.dfi-info{flex:1;min-width:0}
.dfi-name{font-size:12px;color:var(--text-primary);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dfi-size{font-size:10px;color:var(--text-muted);font-family:var(--font-mono);margin-top:2px}
.dfi-remove{
  width:22px;height:22px;border-radius:4px;flex-shrink:0;
  display:flex;align-items:center;justify-content:center;
  background:none;border:none;color:var(--text-muted);cursor:pointer;
  transition:all var(--transition);
}
.dfi-remove:hover{color:#ff4444;background:rgba(255,68,68,0.1)}
.dfi-remove svg{width:13px;height:13px}
.dropzone-add-more{
  display:flex;align-items:center;justify-content:center;gap:6px;
  margin-top:10px;padding:8px;border-radius:var(--radius);
  border:1px dashed var(--border);cursor:pointer;
  font-size:11px;color:var(--text-muted);transition:all var(--transition);
  background:none;width:100%;font-family:var(--font-body);
}
.dropzone-add-more:hover{border-color:var(--border-accent);color:var(--accent-cyan)}

/* Format pills in dropzone */
.dropzone-formats{display:flex;justify-content:center;gap:8px;margin:10px 0 6px}
.fmt-pill{
  padding:3px 10px;border-radius:4px;
  font-family:var(--font-mono);font-size:10px;font-weight:700;
  letter-spacing:0.06em;text-transform:uppercase;
}
.fmt-pdf{background:rgba(255,80,80,0.15);color:#FF6B6B;border:1px solid rgba(255,80,80,0.3)}
.fmt-img{background:rgba(0,207,255,0.1);color:var(--accent-cyan);border:1px solid var(--border-accent)}


/* =====================================================
   FOOTER — WordPress: footer.php
   ===================================================== */
.site-footer{
  background:var(--bg-deep);border-top:1px solid var(--border);
  padding:64px 24px 32px;
}
.footer-inner{max-width:1400px;margin:0 auto}
.footer-grid{
  display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:48px;margin-bottom:48px;
}
.footer-brand .brand-name{
  font-family:var(--font-head);font-size:24px;font-weight:800;
  letter-spacing:0.08em;text-transform:uppercase;color:var(--text-primary);
  margin-bottom:12px;
}
.footer-brand .brand-name span{color:var(--accent-cyan)}
.footer-brand p{font-size:13px;color:var(--text-secondary);line-height:1.7;max-width:280px;margin-bottom:20px}
.footer-certs{display:flex;gap:8px;flex-wrap:wrap}
.cert-badge{
  padding:4px 10px;border:1px solid var(--border-accent);
  border-radius:4px;font-family:var(--font-mono);font-size:10px;
  color:var(--accent-cyan);background:rgba(0,207,255,0.04);
}
.footer-col-title{
  font-family:var(--font-mono);font-size:10px;text-transform:uppercase;
  letter-spacing:0.1em;color:var(--accent-cyan);margin-bottom:16px;
  padding-bottom:8px;border-bottom:1px solid var(--border);
}
.footer-links{display:flex;flex-direction:column;gap:8px}
.footer-link{
  font-size:13px;color:var(--text-secondary);transition:color var(--transition);
  padding:3px 0;
}
.footer-link:hover{color:var(--text-primary)}
.footer-bottom{
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  padding-top:28px;border-top:1px solid var(--border);flex-wrap:wrap;
}
.footer-copy{font-size:12px;color:var(--text-muted);font-family:var(--font-mono)}
.footer-bottom-links{display:flex;gap:20px}
.footer-bottom-link{font-size:12px;color:var(--text-muted);transition:color var(--transition)}
.footer-bottom-link:hover{color:var(--text-secondary)}



/* ── LIGHT THEME HERO FIXES ── */
body.light .hero { background: linear-gradient(160deg, #EBF0FA 0%, #F4F7FF 60%, #E8EDF8 100%); }
body.light .hero-overlay { background: radial-gradient(ellipse 70% 60% at 65% 50%, rgba(0,98,230,.07), transparent 70%), linear-gradient(180deg, transparent 60%, #F4F7FF); }
body.light .hero-title { color: #0D1530; }
body.light .hero-title .acc { background: linear-gradient(90deg, #0062E6, #004BC4); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }
body.light .hero-sub { color: #4A5A7A; }
body.light .hero-desc { color: #4A5A7A; }
body.light .hero-tag { background: rgba(0,98,230,.08); border-color: rgba(0,98,230,.25); color: #0062E6; }
body.light .stat-card { background: #fff; border-color: rgba(0,0,0,.1); }
body.light .stat-card::before { background: linear-gradient(90deg, #0062E6, #004BC4); }
body.light .stat-n { color: #0D1530; }
body.light .stat-l { color: #4A5A7A; }
body.light .stat-s { color: #0062E6; }
body.light .hero-spec { color: #0062E6; }
body.light .hero-spec span { color: #4A5A7A; }
body.light .spec-sep { background: rgba(0,0,0,.12); }
body.light canvas#sat-canvas { opacity: 0.25; }
/* ── LIGHT THEME NAV FIXES ── */
body.light .site-header { background: rgba(255,255,255,.97); border-bottom: 1px solid rgba(0,0,0,.08); }
body.light .logo-mark { background: linear-gradient(135deg, #0062E6, #004BC4); }
body.light .logo-text { color: #0D1530; }
body.light .logo-text span { color: #0062E6; }
body.light .nav-link, body.light .nav-a { color: #4A5A7A; }
body.light .nav-link:hover, body.light .nav-a:hover { color: #0D1530; background: rgba(0,0,0,.04); }
body.light .btn-q { background: linear-gradient(135deg, #0062E6, #004BC4); color: #fff; }
body.light .topbar { background: #E4EAF5; border-bottom-color: rgba(0,0,0,.08); }
body.light .topbar-tagline { color: #7A8BAD; }
body.light .tb-icon-btn { border-color: rgba(0,0,0,.12); color: #4A5A7A; }
body.light .tb-icon-btn:hover { color: #0062E6; border-color: rgba(0,98,230,.3); }
body.light .lang-sel { background: transparent; border-color: rgba(0,0,0,.12); color: #4A5A7A; }
/* ── LIGHT THEME PRODUCT CARDS ── */
body.light .prod-card { background: #fff; border-color: rgba(0,0,0,.08); }
body.light .prod-card:hover { border-color: rgba(0,98,230,.3); box-shadow: 0 8px 32px rgba(0,98,230,.1); }
body.light .pc-icon { background: rgba(0,98,230,.08); }
body.light .pc-icon svg { color: #0062E6; }
body.light .pc-name { color: #0D1530; }
body.light .pc-desc { color: #4A5A7A; }
body.light .pc-link { color: #0062E6; }
body.light .pc-tag { background: rgba(0,98,230,.07); border-color: rgba(0,98,230,.18); color: #0062E6; }
/* ── LIGHT THEME PCARD (catalog) ── */
body.light .pcard { background: #fff; border-color: rgba(0,0,0,.08); }
body.light .pcard:hover { border-color: rgba(0,98,230,.3); }
body.light .pcard-img { background: linear-gradient(135deg, #EBF0FA, #F4F7FF); }
body.light .pcard-pn { color: #0062E6; }
body.light .pcard-name { color: #0D1530; }
body.light .pcard-spec-k { color: #7A8BAD; }
body.light .pcard-spec-v { color: #0062E6; }
body.light .btn-inq { background: rgba(0,75,196,.1); border-color: rgba(0,75,196,.25); color: #004BC4; }
body.light .btn-ds { border-color: rgba(0,0,0,.12); color: #4A5A7A; }
/* ── LIGHT THEME FOOTER ── */
body.light .site-footer { background: #EBF0FA; border-top-color: rgba(0,0,0,.08); }
body.light .footer-bot { border-top-color: rgba(0,0,0,.08); }
body.light .fb-name { color: #0D1530; }
body.light .fb-name span, body.light .fc-title { color: #0062E6; }
body.light .fc-link { color: #4A5A7A; }
body.light .fc-link:hover { color: #0D1530; }
body.light .fc-badge { border-color: rgba(0,98,230,.3); color: #0062E6; }


/* ── BULLETPROOF LIGHT THEME — catalog cards (high specificity) ── */
body.light .prod-cat-grid .pcard,
body.light .cat-main .pcard,
body.light article.pcard { background:#FFFFFF !important; border:1px solid rgba(0,0,0,.1) !important; }
body.light .pcard-body { background:#FFFFFF !important; }
body.light .pcard-img { background:linear-gradient(135deg,#EBF0FA,#F4F7FF) !important; border-bottom:1px solid rgba(0,0,0,.06) !important; }
body.light .pcard-pn { color:#0062E6 !important; }
body.light .pcard-name { color:#0D1530 !important; }
body.light .pcard-spec { border-top:1px solid rgba(0,0,0,.05) !important; }
body.light .pcard-spec-k { color:#7A8BAD !important; }
body.light .pcard-spec-v { color:#0D1530 !important; }
body.light .pcard-actions { background:#F7F9FD !important; border-top:1px solid rgba(0,0,0,.06) !important; }
body.light .pcard-badge { background:rgba(0,98,230,.1) !important; border-color:rgba(0,98,230,.25) !important; color:#0062E6 !important; }
body.light .cat-main { background:transparent !important; }
body.light .catalog-layout { background:transparent !important; }
body.light .cat-sidebar { background:#EBF0FA !important; border-right:1px solid rgba(0,0,0,.08) !important; }
body.light .sidebar-item { color:#4A5A7A !important; }
body.light .sidebar-item.active { background:rgba(0,98,230,.1) !important; color:#0062E6 !important; }
body.light .sidebar-title, body.light .filter-label { color:#0D1530 !important; }
body.light .filter-check { color:#4A5A7A !important; }
body.light .sidebar-count { color:#8896B0 !important; }
body.light .cat-count, body.light .cat-controls .cat-count { color:#4A5A7A !important; }
body.light .sort-sel { background:#fff !important; border:1px solid rgba(0,0,0,.12) !important; color:#0D1530 !important; }
body.light .vbtn { border-color:rgba(0,0,0,.12) !important; color:#4A5A7A !important; }
body.light .vbtn.active { background:#0062E6 !important; color:#fff !important; }
body.light .pg-btn { border-color:rgba(0,0,0,.12) !important; color:#4A5A7A !important; }
body.light .pg-btn.active { background:#0062E6 !important; color:#fff !important; }
body.light .cat-hero { background:linear-gradient(135deg,#EBF0FA,#F4F7FF) !important; border-bottom:1px solid rgba(0,0,0,.08) !important; }
body.light .cat-hero-tag { background:#fff !important; border-color:rgba(0,0,0,.12) !important; color:#4A5A7A !important; }
body.light .cat-hero-tag.active { background:#0062E6 !important; color:#fff !important; border-color:#0062E6 !important; }
body.light .ch-stat-n { color:#0D1530 !important; }
body.light .ch-stat-l { color:#4A5A7A !important; }
body.light .breadcrumb { background:#EBF0FA !important; }
body.light .bc-link { color:#0062E6 !important; }
body.light .dtable th { background:#EBF0FA !important; color:#0D1530 !important; }
body.light .dtable td { color:#4A5A7A !important; border-color:rgba(0,0,0,.06) !important; }
body.light .dtable tr:hover td { background:#F4F7FF !important; }
body.light .td-pn { color:#0062E6 !important; }


/* ── Theme toggle track visual sync ── */
.theme-toggle.is-light .toggle-track { background:#0062E6 !important; }
.theme-toggle.is-light .toggle-thumb { transform:translateX(18px) !important; }
body.light .theme-toggle .toggle-track { background:#CdD5E8; }
body.light #themeLabel { color:#4A5A7A; }
body.light .toggle-track { background:#0062E6 !important; }
body.light .toggle-thumb { transform:translateX(18px) !important; }


/* ── Product detail image area — light theme ── */
body.light .pd-main-img { background:#F4F7FF !important; }
body.light #pd-svg-fallback { filter:none; }
body.light .pd-img-vignette { background:radial-gradient(ellipse 78% 72% at 50% 50%,transparent 62%,rgba(235,240,250,0.55) 80%,#F4F7FF 92%) !important; }


/* ── ABOUT & CONTACT SECTIONS — light theme ── */
body.light .about-section {
  background: linear-gradient(180deg, #EBF0FA 0%, #F4F7FF 100%) !important;
  border-color: rgba(0,0,0,.08) !important;
}
body.light .about-inner { background:transparent !important; }
body.light .about-visual { background:transparent !important; }
body.light .about-content { background:transparent !important; }
body.light #about-heading { color:#0D1530 !important; }
body.light .about-section h2, body.light .about-section h3 { color:#0D1530 !important; }
body.light .about-section p { color:#4A5A7A !important; }
body.light .about-section .about-card { background:#fff !important; border-color:rgba(0,0,0,.1) !important; }
body.light .about-section .about-card h3 { color:#0D1530 !important; }
body.light .about-section .about-card p { color:#4A5A7A !important; }

body.light .contact-section {
  background: linear-gradient(180deg, #EBF0FA 0%, #F4F7FF 100%) !important;
  border-color: rgba(0,0,0,.08) !important;
}
body.light .contact-inner { background:transparent !important; }
body.light #contact-heading { color:#0D1530 !important; }
body.light .contact-section h2, body.light .contact-section h3 { color:#0D1530 !important; }
body.light .contact-section p { color:#4A5A7A !important; }
body.light .contact-info { background:transparent !important; }
body.light .contact-item { background:#fff !important; border-color:rgba(0,0,0,.08) !important; }
body.light .contact-item h4 { color:#0D1530 !important; }
body.light .contact-item p { color:#4A5A7A !important; }
body.light .contact-item a { color:#0062E6 !important; }
body.light .contact-form { background:transparent !important; }
body.light .contact-form label { color:#0D1530 !important; }
body.light .contact-form input, body.light .contact-form textarea, body.light .contact-form select {
  background:#fff !important; border-color:rgba(0,0,0,.1) !important; color:#0D1530 !important;
}
body.light .contact-form input::placeholder, body.light .contact-form textarea::placeholder {
  color:#8896B0 !important;
}
body.light .contact-form button { background:#0062E6 !important; color:#fff !important; }
body.light .contact-form .form-note { color:#4A5A7A !important; }


/* ── Contact form wrapper — light theme override ── */
body.light .contact-form-wrap {
  background: #FFFFFF !important;
  border-color: rgba(0,0,0,.1) !important;
}
body.light .contact-form-wrap .form-label {
  color: #4A5A7A !important;
}
body.light .rq-heading {
  color: #0D1530 !important;
}


/* ── Products Submenu ── */
.nav-products-wrap { position: relative; }
.nav-products-wrap:hover .nav-submenu { display: block !important; }
.nav-submenu-item:hover { background: rgba(0,207,255,.08) !important; color: var(--cyan) !important; }
body.light .nav-submenu { background: #FFFFFF !important; border-color: rgba(0,0,0,.1) !important; }
body.light .nav-submenu-item { color: #4A5A7A !important; }
body.light .nav-submenu-item:hover { background: #F4F7FF !important; color: #0062E6 !important; }


/* ── Language Display Fixes ── */
label, .form-label {
  word-wrap: break-word !important;
  white-space: normal !important;
  text-overflow: clip !important;
  overflow: visible !important;
}
input[type="text"], input[type="email"], textarea, select {
  word-wrap: break-word !important;
  white-space: normal !important;
}
.form-input, .form-select, .form-textarea {
  word-wrap: break-word !important;
  white-space: normal !important;
  overflow: visible !important;
}
/* Ensure nav and header text wraps properly for long translations */
.nav-a, .nav-logo, .nav-right {
  word-wrap: break-word !important;
  white-space: normal !important;
}
/* Form containers - ensure no max-width cuts off labels */
.form-wrap, .contact-form-wrap {
  overflow: visible !important;
}
.rq-row { display: flex; flex-wrap: wrap; gap: 16px; }
.rq-col { flex: 1; min-width: 250px; }


/* ── Form layout improvements for languages ── */
@media(max-width:1024px) {
  .form-grid { grid-template-columns: 1fr !important; }
}
/* Ensure labels don't truncate in any language */
.form-label {
  min-height: auto !important;
  line-height: 1.3 !important;
  display: block !important;
  word-break: break-word !important;
}
/* Expand form to 100% width */
.contact-form-wrap { width: 100% !important; max-width: 100% !important; }
#contactForm { width: 100% !important; }
/* Ensure input fields wrap text properly */
.form-input, .form-select, .form-textarea {
  width: 100% !important;
  box-sizing: border-box !important;
}
/* Mobile: single column form */
@media(max-width:768px) {
  .form-grid { grid-template-columns: 1fr !important; gap: 12px !important; }
  .form-group.full { grid-column: 1 !important; }
}


/* ── Mobile Hamburger & Menu ── */
.mob-menu-btn {
  display: none;
  flex-direction: column;
  justify-content: center;
  gap: 5px;
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 6px;
  margin-left: auto;
  z-index: 1001;
}
.mob-bar {
  display: block;
  width: 22px;
  height: 2px;
  background: var(--t1);
  border-radius: 2px;
  transition: all .25s;
}
.mob-menu-btn.open .mob-bar:nth-child(1) { transform: rotate(45deg) translate(5px, 5px); }
.mob-menu-btn.open .mob-bar:nth-child(2) { opacity: 0; }
.mob-menu-btn.open .mob-bar:nth-child(3) { transform: rotate(-45deg) translate(5px, -5px); }

.mob-menu-overlay {
  display: none;
  position: fixed;
  top: calc(var(--top, 36px) + var(--nav, 68px));
  left: 0; right: 0; bottom: 0;
  background: var(--deep, #0D1B2A);
  z-index: 999;
  overflow-y: auto;
  padding: 16px 0;
  border-top: 1px solid var(--br);
}
.mob-menu-overlay.open { display: block; }
.mob-menu-nav { display: flex; flex-direction: column; }
.mob-menu-item {
  padding: 16px 24px;
  font-family: var(--fm);
  font-size: 13px;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--t2);
  cursor: pointer;
  border-bottom: 1px solid rgba(255,255,255,.04);
  transition: all .2s;
}
.mob-menu-item:hover, .mob-menu-item:active { color: var(--cyan); background: rgba(0,207,255,.05); }
.mob-menu-cta {
  color: var(--blue) !important;
  font-weight: 600;
}
.mob-menu-divider { height: 1px; background: var(--br); margin: 8px 0; }

/* Light theme mobile menu */
body.light .mob-menu-overlay { background: #fff; border-top-color: rgba(0,0,0,.08); }
body.light .mob-menu-item { color: #4A5A7A; border-bottom-color: rgba(0,0,0,.05); }
body.light .mob-menu-item:hover { color: #0062E6; background: #F4F7FF; }

@media(max-width:768px) {
  .mob-menu-btn { display: flex !important; }
  .nav-right { display: none !important; }
}


/* ── Mobile topbar compact ── */
@media(max-width:480px) {
  .topbar-info { display: none; }
  .lang-sel { font-size: 10px; padding: 3px 6px; }
}
@media(max-width:768px) {
  .topbar { padding: 0 16px; }
  .topbar-contact { gap: 12px; }
  .topbar-info { font-size: 10px; }
  .site-header .btn-q { display: none !important; }
}


/* ── Hero canvas z-index fix ── */
.hero { position: relative; overflow: hidden; }
#sat-canvas { position: absolute; inset: 0; width: 100%; height: 100%; z-index: 0; pointer-events: none; }
.hero-overlay { position: absolute; inset: 0; z-index: 1; pointer-events: none; }
.hero-content { position: relative; z-index: 2; }


/* ── Ensure specs table always visible ── */
.pd-tab-panel { display: none; }
.pd-tab-panel.active { display: block; }
.specs-table { width: 100%; border-collapse: collapse; }
.specs-table td, .specs-table th { 
  padding: 8px 4px; 
  border-bottom: 1px solid var(--br); 
  font-size: 13px; 
  text-align: left; 
}
.specs-table th { color: var(--t2); font-weight: 400; width: 50%; }
.specs-table td.val { font-weight: 500; }