/* ============================================
   StarveilBuild v7 — Shared Stylesheet
   Engineer-design skeleton + v6 functional modules
   Visual: Navy/Steel/Gold system (unchanged)
   New components: Trust bar, Capability section, Config grid,
   Detail tabs, Quote value panel, Engineering nav
   ============================================ */

:root{
  --navy:#0D1B2A;
  --steel:#1B3A5B;
  --gold:#C9A961;
  --gold-light:#E8D5A3;
  --gold-dark:#A88A48;
  --white:#FFFFFF;
  --bg:#F7F8FA;
  --bg-gray:#ECEEF1;
  --bg-dark:#0D1B2A;
  --text:#1B3A5B;
  --text-mid:#4A5568;
  --text-light:#627284;
  --border:#E2E8F0;
  --green:#25D366;
  --blue:#2563EB;
  --blue-dark:#1D4ED8;
  --shadow:0 4px 24px rgba(13,27,42,0.08);
  --shadow-lg:0 12px 48px rgba(13,27,42,0.12);
  --radius:12px;
  --radius-lg:12px; /* WB-016: unified to 12px */
  --max-w:1280px;
  --transition:all 0.3s cubic-bezier(0.4,0,0.2,1);
  --header-h:108px;
  /* ===== UNIFIED INTER FONT SYSTEM ===== */
  --font-sans:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;
  --fw-light:300;       /* annotations, parameter small text */
  --fw-regular:400;     /* body, nav, buttons */
  --fw-medium:500;      /* H2 section titles */
  --fw-semibold:600;    /* H3/H4 subheadings, labels */
  --fw-bold:700;        /* H1 page titles, display numbers */
  /* Font size scale */
  --fs-display:52px;    /* hero H1 only */
  --fs-h1:44px;         /* page hero H1 */
  --fs-h2:32px;         /* section H2 */
  --fs-h3:24px;         /* subsection H3 */
  --fs-h4:20px;         /* card title H4 */
  --fs-body-lg:18px;    /* lead paragraph */
  --fs-body:16px;       /* default body */
  --fs-small:14px;      /* card text, table data */
  --fs-xs:13px;         /* labels, tags */
  --fs-xxs:12px;        /* badges, micro text */
  /* Line height */
  --lh-tight:1.2;
  --lh-normal:1.5;
  --lh-relaxed:1.7;
  /* Letter spacing */
  --ls-wide:0.02em;
  /* Annotation color */
  --anno-color:#D8E0E8;
}

/* ===== RESET ===== */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{
  font-family:var(--font-sans);
  font-size:var(--fs-body);line-height:1.6;color:var(--text);background:var(--bg);
  overflow-x:hidden;
}
img{max-width:100%;height:auto;display:block}

/* Screen-reader-only utility (SEO H1 for image-baked heroes) */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
a{color:inherit;text-decoration:none;transition:var(--transition)}
button{font-family:inherit;cursor:pointer;border:none;background:none}
ul{list-style:none}
table{border-collapse:collapse;width:100%}

/* ===== SAMPLE PRICING TABLE (WB-OP-06) ===== */
.sample-pricing-table{background:var(--bg);border-radius:var(--radius);padding:24px;overflow-x:auto}
.spt-title{font-size:16px;font-weight:600;color:var(--navy);margin-bottom:16px}
.spt-table{width:100%;border-collapse:collapse;font-size:14px}
.spt-table th{text-align:left;padding:10px 12px;background:var(--navy);color:var(--white);font-weight:var(--fw-semibold);font-size:var(--fs-xs);line-height:var(--lh-normal)}
.spt-table td{padding:10px 12px;border-bottom:1px solid var(--border);color:var(--text-mid)}
.spt-table tr:last-child td{border-bottom:none}
.spt-table td:nth-child(2){color:var(--gold-dark);font-weight:600}
.spt-note{font-size:12px;color:var(--text-light);margin-top:12px;line-height:1.5}

/* ===== AREA CALCULATOR (WB-OP-06) ===== */
.area-calc{background:var(--bg);border-radius:var(--radius);padding:24px;margin-top:24px}
.area-calc-title{font-size:16px;font-weight:600;color:var(--navy);margin-bottom:16px;display:flex;align-items:center;gap:8px}
.ac-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;margin-bottom:16px}
.ac-field{display:flex;flex-direction:column;gap:4px}
.ac-field label{font-size:12px;font-weight:600;color:var(--text-mid)}
.ac-field input,.ac-field select{padding:8px 12px;border:1px solid var(--border);border-radius:8px;font-size:14px}
.ac-field input:focus,.ac-field select:focus{border-color:var(--gold);outline:none}
.ac-result{background:var(--white);border:1px solid var(--border);border-radius:8px;padding:16px;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}
.ac-result-item{display:flex;flex-direction:column;gap:2px}
.ac-result-label{font-size:11px;color:var(--text-light);text-transform:uppercase;letter-spacing:1px}
.ac-result-value{font-size:20px;font-weight:700;color:var(--gold-dark);font-family:'Inter',sans-serif}
.ac-cta{margin-top:12px}
@media(max-width:768px){
  .ac-grid{grid-template-columns:1fr}
  .spt-table{font-size:12px}
  .spt-table th,.spt-table td{padding:6px 8px}
}

/* ===== BLUR-UP IMAGE PLACEHOLDER (WB-OP-04) ===== */
picture img{transition:filter 0.3s ease,opacity 0.3s ease}
picture img:not([src]):not([srcset]){filter:blur(8px);opacity:0.5;background:var(--bg-gray)}
.img-blur-up{filter:blur(8px);opacity:0.6;transition:filter 0.4s ease,opacity 0.4s ease}
.img-blur-up.loaded{filter:none;opacity:1}

/* ===== UTILITIES ===== */
.container{max-width:var(--max-w);margin:0 auto;padding:0 24px}
.section{padding:100px 0}
#products{padding-bottom:60px}
#projects{padding-top:60px}
.text-center{text-align:center}
.gold{color:var(--gold)}
/* WB-OPT-06: Utility classes replacing common inline styles */
.icon-14{width:14px;height:14px}
.icon-16{width:16px;height:16px}
.icon-18{width:18px;height:18px}
.icon-20{width:20px;height:20px}
.icon-24{width:24px;height:24px}
.text-white{color:#fff}
.text-gold{color:var(--gold)}
.text-mid{color:var(--text-mid)}
.fs-28{font-size:28px}
.fs-14-text-mid{font-size:14px;color:var(--text-mid)}
.bg-light{background:var(--bg)}
.mt-16{margin-top:16px}
.mt-24{margin-top:24px}
.mt-32{margin-top:32px}
.mt-40{margin-top:40px}
.mt-56{margin-top:56px}
.mb-16{margin-bottom:16px}
.mb-24{margin-bottom:24px}
.mb-32{margin-bottom:32px}
.mb-40{margin-bottom:40px}
.full-w{width:100%}
.text-left{text-align:left}
.hide{display:none}
.stat-num-c{text-align:center;font-family:'Inter',sans-serif;font-size:36px;color:var(--navy);margin-bottom:8px}
.stat-label-c{text-align:center;color:var(--text-mid);font-size:16px;margin-bottom:40px}
.reveal{opacity:0;transform:translateY(30px);transition:opacity 0.6s cubic-bezier(0.4,0,0.2,1),transform 0.6s cubic-bezier(0.4,0,0.2,1)}
.reveal.visible{opacity:1;transform:translateY(0)}
.section-tag{display:inline-block;font-size:13px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:var(--gold);margin-bottom:12px}
.section-title{font-family:'Inter',sans-serif;font-size:var(--fs-h2);font-weight:var(--fw-medium);letter-spacing:var(--ls-wide);color:var(--navy);line-height:var(--lh-tight);margin-bottom:16px}
.section-sub{font-size:18px;color:var(--text-mid);max-width:720px;margin:0 auto 60px}

/* ===== BUTTONS (48px min-height for mobile tap) ===== */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  padding:14px 32px;font-size:15px;font-weight:var(--fw-regular);border-radius:var(--radius);
  min-height:48px;transition:var(--transition);cursor:pointer;white-space:nowrap;
}
.btn-gold{background:var(--gold);color:var(--navy)}
.btn-gold:hover{background:var(--gold-dark);color:var(--white);transform:translateY(-2px);box-shadow:var(--shadow-lg)}
.btn-blue{background:#2563EB;color:var(--white)}
.btn-blue:hover{background:#1D4ED8;color:var(--white);transform:translateY(-2px);box-shadow:0 8px 20px rgba(37,99,235,0.35)}
.btn-dark{background:var(--navy);color:var(--white)}
.btn-dark:hover{background:var(--steel);transform:translateY(-2px)}
.btn-outline{border:2px solid var(--white);color:var(--white);background:transparent}
.btn-outline:hover{background:var(--white);color:var(--navy)}
.btn-ghost{border:2px solid var(--border);color:var(--text-mid);background:transparent}
.btn-ghost:hover{border-color:var(--gold);color:var(--gold)}
.btn-lg{padding:18px 40px;font-size:16px;min-height:56px}
.btn-sm{padding:10px 20px;font-size:14px;min-height:40px}

/* ===== HEADER ===== */
.header{
  position:fixed;top:0;left:0;right:0;z-index:999;
  background:rgba(255,255,255,0.95);backdrop-filter:blur(12px);
  box-shadow:0 1px 0 rgba(13,27,42,0.06);height:72px;
  display:flex;align-items:center;transition:var(--transition);
}
.header.scrolled{box-shadow:var(--shadow)}
.header .container{display:flex;align-items:center;justify-content:space-between;width:100%}
.logo{display:flex;align-items:center;gap:10px;font-family:'Inter',sans-serif;font-size:24px;font-weight:700;color:var(--navy)}
.logo-mark{width:36px;height:36px;border-radius:8px;background:linear-gradient(135deg,var(--navy),var(--steel));display:flex;align-items:center;justify-content:center;color:var(--gold);font-size:18px;font-weight:700}
.nav{display:flex;align-items:center;gap:32px}
.nav > a{font-size:15px;font-weight:500;color:var(--text);position:relative;padding:8px 0}
.nav > a:hover{color:var(--gold)}
.nav > a.active{color:var(--gold)}
.nav > a.active::after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--gold);border-radius:2px}
.nav .has-dropdown{position:relative}
.nav .has-dropdown > a::after{content:'▾';font-size:10px;margin-inline-start:4px;color:var(--text-light)}
.dropdown{position:absolute;top:100%;left:0;background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow-lg);padding:12px;min-width:200px;opacity:0;visibility:hidden;transform:translateY(10px);transition:var(--transition)}
.has-dropdown:hover .dropdown{opacity:1;visibility:visible;transform:translateY(0)}
.dropdown a{display:block;padding:8px 16px;border-radius:8px;font-size:14px;color:var(--text-mid)}
.dropdown a:hover{background:var(--bg);color:var(--gold)}

/* Mega Menu */
.mega-menu{position:absolute;top:100%;left:50%;transform:translateX(-50%) translateY(10px);background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:32px;width:900px;opacity:0;visibility:hidden;transition:var(--transition)}
.has-dropdown:hover .mega-menu{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}
.mega-menu-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.mega-menu-card{padding:16px;border-radius:var(--radius);transition:var(--transition)}
.mega-menu-card:hover{background:var(--bg)}
.mega-menu-card h4{font-size:15px;font-weight:600;color:var(--navy);margin-bottom:4px}
.mega-menu-card p{font-size:13px;color:var(--text-light)}
.mega-menu-performance{margin-top:20px;padding-top:20px;border-top:1px solid var(--border)}
.mega-menu-performance h4{font-size:13px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:var(--gold);margin-bottom:12px}
.mega-menu-performance-links{display:flex;gap:8px;flex-wrap:wrap}
.mega-menu-performance-links a{padding:6px 14px;border-radius:20px;font-size:13px;background:var(--bg-gray);color:var(--text-mid);transition:var(--transition)}
.mega-menu-performance-links a:hover{background:var(--gold);color:var(--navy)}

/* Mobile toggle */
.mobile-toggle{display:none;font-size:24px;color:var(--navy);background:none;border:none;cursor:pointer;padding:8px}
.mobile-nav{display:none;position:fixed;top:108px;left:0;right:0;bottom:0;background:var(--white);z-index:998;overflow-y:auto;padding:24px}
.mobile-nav.open{display:block}
.mobile-nav a{display:block;padding:16px 0;font-size:18px;font-weight:500;color:var(--text);border-bottom:1px solid var(--border)}
.mobile-nav a:hover{color:var(--gold)}
.mobile-nav .sub-links{padding-inline-start:24px}
.mobile-nav .sub-links a{font-size:15px;color:var(--text-mid);padding:10px 0}
.mobile-nav-section{margin-bottom:16px}
.mobile-nav-section h4{font-size:12px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:var(--gold);padding:8px 0}
.mobile-lang-search{display:flex;flex-direction:column;gap:12px;padding:16px 0;border-bottom:1px solid var(--border);margin-bottom:16px}
.mobile-lang-search .lang-switch{flex-wrap:wrap}
.mobile-search-input{padding:10px 16px;border:1px solid var(--border);border-radius:24px;font-size:14px;outline:none;width:100%}

/* ===== HERO ===== */
.hero{position:relative;width:100%;height:100vh;min-height:680px;display:flex;align-items:center;justify-content:center;overflow:hidden}
.hero-bg{position:absolute;inset:0;width:100%;height:100%;z-index:1;overflow:hidden}
.hero-bg img{width:100%;height:100%;object-fit:cover;object-position:center top}

/* ===== Europe Hero: clean base image + real HTML text/button overlay ===== */
.hero-europe .hero-bg img{object-position:center center}
.hero-europe-content{
  position:absolute;z-index:2;top:50%;left:50%;transform:translate(-50%,-55%);
  text-align:center;max-width:980px;width:100%;padding:0 24px;
}
.hero-europe-title{
  font-family:Inter,sans-serif;font-size:clamp(28px,4.6vw,52px);font-weight:700;line-height:1.15;
  color:#1A4060;margin:0 0 16px;
}
.hero-europe-subtitle{
  font-family:Inter,sans-serif;font-size:clamp(16px,2.1vw,24px);font-weight:400;
  color:#334155;margin:0 0 20px;
}
.hero-europe-body{
  font-family:Inter,sans-serif;font-size:clamp(14px,1.5vw,18px);font-weight:400;line-height:1.6;
  color:#64748B;max-width:700px;margin:0 auto 32px;
}
.hero-europe-cta{
  display:flex;gap:32px;justify-content:center;flex-wrap:wrap;
}
.hero-europe-cta a{
  display:inline-flex;align-items:center;justify-content:center;
  height:56px;padding:0 36px;border-radius:12px;
  font-family:Inter,sans-serif;font-size:17px;font-weight:600;
  text-decoration:none;transition:all 0.2s;cursor:pointer;
}
.btn-europe-primary{
  background:#1A4060;color:#fff;border:none;
}
.btn-europe-primary:hover{background:#234E78;transform:translateY(-1px);box-shadow:0 4px 16px rgba(26,64,96,0.3)}
.btn-europe-secondary{
  background:#fff;color:#1A4060;border:1px solid #1A4060;
}
.btn-europe-secondary:hover{background:#f0f4f8;transform:translateY(-1px);box-shadow:0 4px 16px rgba(26,64,96,0.12)}

/* Responsive: stack buttons on mobile */
@media(max-width:600px){
  .hero-europe-cta{flex-direction:column;align-items:center;gap:12px}
  .hero-europe-cta a{width:100%;max-width:320px}
}

/* ===== US Coastal Hurricane Hero: clean base + real HTML text/buttons/tags ===== */
/* Selectors use .hero-usa prefix (specificity 0,2,x) to override base
   .hero h1 / .hero p / .hero-content rules that appear later in file. */
.hero-usa .hero-bg img{object-position:center center}
.hero-usa .hero-usa-content{
  position:absolute;z-index:2;top:36%;left:8%;transform:translate(0,-50%);
  text-align:left;max-width:620px;width:auto;padding:0 24px;
}
.hero-usa .hero-usa-title{
  font-family:Inter,sans-serif;font-size:clamp(32px,4vw,48px);font-weight:700;line-height:1.15;
  color:#1A4060;margin:0 0 12px;text-shadow:none;
}
.hero-usa .hero-usa-subtitle{
  font-family:Inter,sans-serif;font-size:clamp(13px,1.2vw,15px);font-weight:500;line-height:1.4;
  color:#C9A961;margin:0 0 18px;text-shadow:none;letter-spacing:0.5px;
}
.hero-usa .hero-usa-body{
  font-family:Inter,sans-serif;font-size:clamp(14px,1.4vw,17px);font-weight:400;line-height:1.6;
  color:#334155;max-width:560px;margin:0 0 28px;text-shadow:none;opacity:1;
}
.hero-usa .hero-usa-cta{
  display:flex;gap:20px;justify-content:flex-start;flex-wrap:wrap;position:relative;top:126px;
}
.hero-usa .hero-usa-cta a{
  display:inline-flex;align-items:center;justify-content:center;
  height:52px;padding:0 28px;border-radius:10px;
  font-family:Inter,sans-serif;font-size:15px;font-weight:600;
  text-decoration:none;transition:all 0.2s;cursor:pointer;
}
.hero-usa .btn-usa-primary{
  background:#1A4060;color:#fff;border:none;
}
.hero-usa .btn-usa-primary:hover{background:#234E78;transform:translateY(-1px);box-shadow:0 4px 16px rgba(26,64,96,0.3)}
.hero-usa .btn-usa-secondary{
  background:#fff;color:#1A4060;border:1px solid #1A4060;
}
.hero-usa .btn-usa-secondary:hover{background:#f0f4f8;transform:translateY(-1px);box-shadow:0 4px 16px rgba(26,64,96,0.12)}

/* Bottom tags — text-only, bronze gold, low-key */
.hero-usa .hero-usa-tags{
  position:absolute;z-index:2;left:0;right:0;bottom:28px;
  display:flex;justify-content:center;flex-wrap:wrap;gap:28px;
  padding:0 24px;
}
.hero-usa .usa-tag{
  background:none;border:none;padding:0;
  color:#B8966A;font-family:Inter,sans-serif;font-size:13px;font-weight:500;letter-spacing:0.3px;
  white-space:nowrap;
}

/* Responsive: stack buttons & tags on mobile */
@media(max-width:600px){
  .hero-usa .hero-usa-content{left:24px;right:24px;transform:translate(0,-50%);max-width:none}
  .hero-usa .hero-usa-title{font-size:clamp(26px,7vw,36px)}
  .hero-usa .hero-usa-subtitle{font-size:clamp(12px,3vw,14px)}
  .hero-usa .hero-usa-body{font-size:clamp(13px,3.5vw,15px)}
  .hero-usa .hero-usa-cta{flex-direction:column;align-items:flex-start;gap:12px}
  .hero-usa .hero-usa-cta a{width:100%;max-width:320px;padding:0 20px}
  .hero-usa .hero-usa-tags{bottom:16px;gap:14px}
  .hero-usa .usa-tag{font-size:12px}
}
.hero-overlay{
  /* Light-blue modern-villa source: image is already light/white, no navy
     block needed. A whisper-thin left-edge fade (max 0.18) guarantees the
     logo + H1 read crisp on any sky variation; right side stays 0%. */
  background:linear-gradient(90deg,
    rgba(255,255,255,0.18) 0%,
    rgba(255,255,255,0.10) 12%,
    rgba(255,255,255,0.04) 28%,
    rgba(255,255,255,0) 45%
  );
}
.hero-overlay-gradient{
  position:absolute;
  inset:0;
  z-index:1;
  /* Second pass: zero navy overlay, just an imperceptible white veil to
     keep the left text column legible against the window / sky reflection. */
  background:linear-gradient(90deg,
    rgba(255,255,255,0.08) 0%,
    rgba(255,255,255,0.03) 18%,
    rgba(255,255,255,0) 32%
  );
}
.hero-content{position:relative;z-index:2;text-align:center;color:var(--white);max-width:900px;padding:0 24px}
/* WB-HERO-REBUILD: left-aligned homepage hero */
.hero-left{justify-content:flex-start}
.hero-left .hero-overlay-left{background:linear-gradient(90deg,rgba(13,27,42,0.92) 0%,rgba(13,27,42,0.75) 45%,rgba(13,27,42,0.2) 100%)}
.hero-left .hero-content{text-align:left;margin-inline-start:0;margin-inline-end:auto;padding-inline-start:8%;padding-inline-end:24px;max-width:720px}
.hero-left .hero-content p{margin-inline-start:0;margin-inline-end:0}
.hero-left .hero-cta{justify-content:flex-start}
.hero-tag{display:inline-flex;align-items:center;gap:8px;padding:8px 20px;background:rgba(201,169,97,0.15);border:1px solid rgba(201,169,97,0.3);border-radius:24px;font-size:14px;font-weight:500;margin-bottom:24px}
.hero-tag .dot{width:8px;height:8px;border-radius:50%;background:var(--gold);animation:pulse 2s ease-in-out infinite}
@keyframes pulse{0%,100%{opacity:1;box-shadow:0 0 0 0 rgba(201,169,97,0.4)}50%{opacity:0.6;box-shadow:0 0 0 8px rgba(201,169,97,0)}}
.hero h1{font-family:'Inter',sans-serif;font-size:var(--fs-display);font-weight:var(--fw-bold);line-height:1.1;letter-spacing:var(--ls-wide);margin-bottom:10px;color:var(--white);text-shadow:0 2px 24px rgba(31,38,46,0.55)}
/* WB-OPT-02: Mobile/desktop hero text toggle */
.hero h1 .hero-h1-mobile{display:none}
.hero p{font-size:20px;line-height:1.6;max-width:680px;margin:0 auto 36px;opacity:0.95}
.hero-cta{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}
.hero-stats-bar{display:flex;gap:48px;justify-content:center;margin-top:56px;flex-wrap:wrap}
.hero-stat{text-align:center}
.hero-stat .num{font-family:'Inter',sans-serif;font-size:36px;font-weight:var(--fw-bold);color:var(--gold)}
.hero-stat .label{font-size:14px;opacity:0.8}
.hero-scroll-hint{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);z-index:2;display:flex;flex-direction:column;align-items:center;gap:8px;color:rgba(255,255,255,0.6);font-size:13px}
.scroll-line{width:1px;height:40px;background:linear-gradient(to bottom,rgba(255,255,255,0.6),transparent);animation:scrollLine 2s ease-in-out infinite}
@keyframes scrollLine{0%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}51%{transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}

/* ===== WB-REG-HERO-V2: Unified Hero Base (4 Regional Pages) ===== */
/* One base class for all regional hero pages. Each page only declares --hero-theme. */
/* Theme variables per region */
.hero-au{--hero-theme:#BFA878}
.hero-ca{--hero-theme:#78A0D4}
.hero-eu{--hero-theme:#607890}
.hero-us{--hero-theme:#E67E22}
.hero-me{--hero-theme:#D49528;--hero-theme-rgb:212,149,40}

/* Hero container — 100vh, left-aligned */
.hero.hero-base{display:flex;align-items:center;justify-content:flex-start;min-height:680px;isolation:isolate}
.hero-base .hero-bg img{object-position:center top}

/* Hero Mask — gradient directly on element (backdrop-filter REMOVED:
   Chrome bug prevents background rendering when both are present).
   5-stop gradient: 0%(0.95) / 20%(0.85) / 40%(0.6) / 55%(0.15) / 70%(transparent). 90deg locked. */
.hero.hero-base .hero-mask{position:absolute;left:0;top:0;width:100%;height:100%;z-index:2;pointer-events:none}

/* Region-specific mask gradients — only RGB base color differs per region */
.hero-au .hero-mask{background:linear-gradient(90deg,rgba(13,27,42,0.95) 0%,rgba(13,27,42,0.85) 20%,rgba(13,27,42,0.6) 40%,rgba(13,27,42,0.15) 55%,transparent 70%)}
.hero-ca .hero-mask{background:linear-gradient(90deg,rgba(10,22,38,0.95) 0%,rgba(10,22,38,0.85) 20%,rgba(10,22,38,0.6) 40%,rgba(10,22,38,0.15) 55%,transparent 70%)}
.hero-eu .hero-mask{background:linear-gradient(90deg,rgba(14,24,34,0.95) 0%,rgba(14,24,34,0.85) 20%,rgba(14,24,34,0.6) 40%,rgba(14,24,34,0.15) 55%,transparent 70%)}
.hero-us .hero-mask{background:linear-gradient(90deg,rgba(8,20,36,0.95) 0%,rgba(8,20,36,0.85) 20%,rgba(8,20,36,0.6) 40%,rgba(8,20,36,0.15) 55%,transparent 70%)}
.hero-me .hero-mask{background:linear-gradient(90deg,rgba(26,20,16,0.95) 0%,rgba(26,20,16,0.85) 20%,rgba(26,20,16,0.6) 40%,rgba(26,20,16,0.15) 55%,transparent 70%)}

/* Text wrap — base shadow for all regions */
.hero-text-wrap{text-shadow:0px 2px 6px rgba(0,0,0,0.28);position:absolute;left:6%;top:50%;transform:translateY(-50%);max-width:850px;padding-right:20px;z-index:3}
/* High-key bright images (snow / passive-house / Florida coast) — stronger text shadow */
.hero-ca .hero-text-wrap,.hero-eu .hero-text-wrap,.hero-us .hero-text-wrap{text-shadow:0px 4px 12px rgba(0,0,0,0.38)}

/* Typography — px-locked, no custom overrides */
.hero-base .hero-title{font-family:'Inter',sans-serif;font-size:38px;font-weight:700;color:#fff;margin:0 0 16px 0;line-height:1.3;text-shadow:none;letter-spacing:normal}
.hero-base .hero-sub-color{font-family:'Inter',sans-serif;font-size:18px;font-weight:500;color:var(--hero-theme);margin:0 0 20px 0;line-height:1.4}
.hero-base .hero-desc{font-family:'Inter',sans-serif;color:#fff;font-size:16px;line-height:1.6;margin:0 0 32px 0;opacity:0.95}
.hero-base .hero-desc p{margin:0 0 12px 0}

/* CTA buttons */
.hero-base .hero-cta-group{display:flex;gap:24px;margin-bottom:40px}
.hero-base .cta-primary{display:inline-flex;align-items:center;justify-content:center;height:48px;padding:0 30px;background:var(--hero-theme);color:#fff;border:none;border-radius:4px;font-family:'Inter',sans-serif;font-size:15px;font-weight:600;text-decoration:none;cursor:pointer;transition:all 0.2s}
.hero-base .cta-primary:hover{filter:brightness(1.1);transform:translateY(-1px);box-shadow:0 4px 16px rgba(0,0,0,0.2)}
.hero-base .cta-secondary{display:inline-flex;align-items:center;justify-content:center;height:48px;padding:0 30px;background:transparent;color:#fff;border:1.5px solid var(--hero-theme);border-radius:4px;font-family:'Inter',sans-serif;font-size:15px;font-weight:600;text-decoration:none;cursor:pointer;transition:all 0.2s}
.hero-base .cta-secondary:hover{background:rgba(255,255,255,0.1);transform:translateY(-1px)}

/* Tag group — flex-wrap capsule pills, margin-top for visual separation */
.hero-base .hero-tag-group{display:flex;flex-wrap:wrap;gap:16px;margin-top:56px;z-index:3}
.hero-base .hero-tag{padding:9px 18px;border-radius:999px;font-family:'Inter',sans-serif;font-size:14px;font-weight:500;color:#fff;white-space:nowrap;display:inline-flex;align-items:center;gap:8px;background:none;border:none}
.hero-base .hero-tag::before{content:"";width:6px;height:6px;border-radius:50%;background:#fff;opacity:0.9;flex-shrink:0}
.hero-base .tag-standard{background:rgba(26,64,96,0.85);border:1px solid rgba(255,255,255,0.15)}
.hero-base .tag-feature{background:rgba(var(--hero-theme-rgb),0.88);border:1px solid rgba(255,255,255,0.20)}
.hero-base .tag-material{background:rgba(102,116,133,0.80);border:1px solid rgba(255,255,255,0.12)}

/* Responsive — unified mobile breakpoint */
@media(max-width:768px){
  .hero-base .hero-text-wrap{left:4%;right:4%;padding-right:0}
  .hero-base .hero-title{font-size:26px}
  .hero-base .hero-sub-color{font-size:15px}
  .hero-base .hero-desc{font-size:14px}
  .hero-base .hero-cta-group{flex-direction:column;gap:12px}
  .hero-base .cta-primary,.hero-base .cta-secondary{width:100%;max-width:320px}
  .hero-base .hero-tag-group{gap:10px;margin-top:36px;flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;-webkit-overflow-scrolling:touch;padding-bottom:4px}
  .hero-base .hero-tag-group::-webkit-scrollbar{display:none}
  .hero-base .hero-tag-group{scrollbar-width:none}
  .hero-base .hero-tag{padding:6px 13px;font-size:12px;flex-shrink:0}
}

/* ===== PRODUCTS ===== */
.products-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.product-card{background:var(--white);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow);transition:var(--transition);position:relative;display:flex;flex-direction:column}
.product-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--gold)}
.product-img{height:220px;overflow:hidden;position:relative}
.product-img img{width:100%;height:100%;object-fit:cover;transition:transform 0.5s cubic-bezier(0.4,0,0.2,1)}
.product-card:hover .product-img img{transform:scale(1.08)}
.product-badge{position:absolute;top:12px;left:12px;background:var(--gold);color:var(--navy);padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;z-index:2}
.product-info{padding:20px}
.product-info h3{font-size:18px;font-weight:600;color:var(--navy);margin-bottom:8px}
.product-info p{font-size:14px;color:var(--text-mid)}
/* WB-OPT-05: B2B product meta badges */
.product-meta{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}
.moq-badge{display:inline-flex;align-items:center;background:rgba(13,27,42,0.06);color:var(--navy);padding:4px 10px;border-radius:6px;font-size:12px;font-weight:600}
.lead-badge{display:inline-flex;align-items:center;background:rgba(201,169,97,0.12);color:var(--gold-dark);padding:4px 10px;border-radius:6px;font-size:12px;font-weight:600}
/* Product scenario tags */
.product-scenarios{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0 12px}
.scenario-tag{display:inline-flex;align-items:center;background:transparent;border:1px solid var(--border);color:var(--text-mid);padding:3px 10px;border-radius:20px;font-size:11px;font-weight:500;transition:var(--transition)}
.scenario-tag:hover{border-color:var(--gold);color:var(--gold-dark);background:rgba(201,169,97,0.06)}
.product-cta-card{background:linear-gradient(135deg,var(--navy),var(--steel));border-radius:var(--radius-lg);padding:32px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;color:var(--white)}
.product-cta-card h3{font-size:20px;font-weight:600;margin-bottom:8px}
.product-cta-card p{font-size:14px;opacity:0.8;margin-bottom:16px}
.cta-icon{width:48px;height:48px;margin-bottom:16px}

/* Product Filters (Module 3) */
.filter-bar{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:24px;margin-bottom:40px}
.filter-bar h4{font-size:13px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:var(--gold);margin-bottom:16px}
.filter-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}
.filter-group label{display:block;font-size:12px;font-weight:600;color:var(--text-mid);margin-bottom:6px}
.filter-group select{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:8px;font-size:14px;color:var(--text);background:var(--white);outline:none;transition:var(--transition)}
.filter-group select:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(201,169,97,0.1)}
.filter-actions{display:flex;gap:12px;margin-top:16px}

/* Product Detail Page */
.product-detail-hero{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}
.product-detail-img{border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-lg);aspect-ratio:1}
.product-detail-img img{width:100%;height:100%;object-fit:cover}
.product-detail-info h1{font-family:'Inter',sans-serif;font-size:36px;font-weight:var(--fw-bold);letter-spacing:var(--ls-wide);color:var(--navy);margin-bottom:12px}
.product-detail-meta{display:flex;gap:8px;margin-bottom:20px;flex-wrap:wrap}
.meta-tag{padding:4px 12px;border-radius:20px;font-size:13px;font-weight:500}
.meta-tag.region{background:rgba(201,169,97,0.15);color:var(--gold-dark)}
.meta-tag.performance{background:rgba(27,58,91,0.1);color:var(--steel)}
.product-detail-section{margin-top:32px;padding-top:32px;border-top:1px solid var(--border)}
.product-detail-section h3{font-size:20px;font-weight:600;color:var(--navy);margin-bottom:16px}
.spec-table{width:100%}
.spec-table th,.spec-table td{padding:12px 16px;text-align:left;border-bottom:1px solid var(--border)}
.spec-table th{font-size:var(--fs-xs);font-weight:var(--fw-semibold);color:var(--text-mid);background:var(--bg);width:30%;line-height:var(--lh-normal)}
.spec-table td{font-size:var(--fs-small);font-weight:var(--fw-regular);color:var(--text);line-height:var(--lh-normal)}
.option-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.option-card{padding:16px;border:1px solid var(--border);border-radius:var(--radius);text-align:center;transition:var(--transition)}
.option-card:hover{border-color:var(--gold);box-shadow:var(--shadow)}
.option-card .color-swatch{width:40px;height:40px;border-radius:50%;margin:0 auto 8px;border:2px solid var(--border)}
.price-box{background:var(--bg);border-radius:var(--radius);padding:24px;margin-top:16px}
.price-row{display:flex;justify-content:space-between;padding:8px 0;font-size:15px}
.price-row strong{color:var(--navy)}
.dual-cta{display:flex;gap:12px;margin-top:24px}
.dual-cta .btn-outline{border:2px solid #4A6B89;color:#4A6B89;background:transparent}
.dual-cta .btn-outline:hover{background:#4A6B89;color:var(--white);transform:translateY(-2px);box-shadow:var(--shadow)}

/* ===== TRUST SYSTEM ===== */
.trust-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.trust-card{background:var(--white);border-radius:var(--radius-lg);padding:32px;box-shadow:var(--shadow);transition:var(--transition);position:relative}
.trust-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}
.trust-layer-num{position:absolute;top:20px;right:24px;font-family:'Inter',sans-serif;font-size:48px;font-weight:700;color:var(--bg-gray);line-height:1}
.trust-icon{width:48px;height:48px;margin-bottom:16px;color:var(--gold)}
.trust-card h3{font-size:18px;font-weight:600;color:var(--navy);margin-bottom:8px}
.trust-card p{font-size:14px;color:var(--text-mid);margin-bottom:12px}
.trust-tag{display:inline-block;padding:4px 12px;background:rgba(201,169,97,0.1);color:var(--gold-dark);border-radius:20px;font-size:12px;font-weight:600}

/* ===== PARAMETER TABLE ===== */
.param-table{background:var(--white);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow)}
.param-table th{background:var(--navy);color:var(--white);padding:16px;font-size:var(--fs-small);font-weight:var(--fw-semibold);text-align:left;line-height:var(--lh-normal)}
.param-table td{padding:14px 16px;border-bottom:1px solid var(--border);font-size:var(--fs-small);font-weight:var(--fw-regular);line-height:var(--lh-normal)}
.param-table tr:nth-child(even){background:var(--bg)}
.param-val{font-weight:600;color:var(--navy)}
.param-tag{display:inline-block;padding:3px 10px;border-radius:12px;font-size:12px;font-weight:600}
.tag-hurricane{background:#FFF3E0;color:#E65100}
.tag-energy{background:#E3F2FD;color:#1565C0}
.tag-acoustic{background:#E8F5E9;color:#2E7D32}
.tag-passive{background:#FFF8E1;color:#F57F17}
.tag-hightemp{background:#FBE9E7;color:#BF360C}

/* ===== SERVICE ===== */
.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.service-card{text-align:center;padding:32px;background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow)}
.service-num{font-family:'Inter',sans-serif;font-size:64px;font-weight:700;color:var(--gold);line-height:1;margin-bottom:8px}
.service-card h3{font-size:18px;font-weight:600;color:var(--navy);margin-bottom:8px}
.service-card p{font-size:14px;color:var(--text-mid)}

/* ===== REGIONAL ===== */
.regional-cards{display:grid;grid-template-columns:repeat(5,1fr);gap:20px}
.regional-card{background:var(--white);border-radius:var(--radius-lg);padding:28px;box-shadow:var(--shadow);transition:var(--transition);text-align:center}
.regional-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}
.reg-flag{font-size:36px;margin-bottom:8px}
.regional-card h3{font-size:18px;font-weight:600;color:var(--navy);margin-bottom:4px}
.reg-param{font-size:14px;font-weight:600;color:var(--gold);margin-bottom:8px}
.regional-card p{font-size:13px;color:var(--text-mid)}
.regional-card a{display:inline-block;margin-top:12px;font-size:13px;font-weight:600;color:var(--gold)}

/* ===== AUDIENCE ===== */
.audience-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.audience-card{background:var(--white);border-radius:var(--radius-lg);padding:32px;box-shadow:var(--shadow);transition:var(--transition)}
.audience-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}
.audience-icon{width:48px;height:48px;margin-bottom:16px;color:var(--gold)}
.audience-card h3{font-size:18px;font-weight:600;color:var(--navy);margin-bottom:8px}
.audience-card .desc{font-size:14px;color:var(--text-mid);margin-bottom:16px}
.audience-features li{font-size:14px;color:var(--text);padding:6px 0;padding-inline-start:24px;position:relative}
.audience-features li::before{content:'';position:absolute;left:0;top:10px;width:8px;height:8px;border-radius:50%;background:var(--gold)}
.audience-card .btn{margin-top:16px;width:100%}

/* ===== PROJECTS ===== */
.projects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.project-card{border-radius:var(--radius-lg);overflow:hidden;position:relative;height:340px;box-shadow:var(--shadow);transition:var(--transition)}
.project-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}
.project-bg{position:absolute;inset:0;overflow:hidden}
.project-bg img{width:100%;height:100%;object-fit:cover;transition:transform 0.5s cubic-bezier(0.4,0,0.2,1)}
.project-card:hover .project-bg img{transform:scale(1.08)}
.project-scope{position:absolute;top:16px;right:16px;background:var(--gold);color:var(--navy);padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;z-index:2}
.project-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(13,27,42,0.92) 0%,rgba(13,27,42,0.3) 55%,rgba(13,27,42,0.05) 100%);display:flex;flex-direction:column;justify-content:flex-end;padding:24px;color:var(--white)}
.project-overlay h3{font-size:20px;font-weight:600;margin-bottom:4px}
.project-overlay p{font-size:14px;opacity:0.8;margin-bottom:8px}
.project-tags{display:flex;gap:8px;flex-wrap:wrap}
.project-tag{padding:3px 10px;background:rgba(201,169,97,0.2);border:1px solid rgba(201,169,97,0.4);border-radius:12px;font-size:12px;color:var(--gold-light)}

/* ===== PROJECTS v2 — Engineering-Level Cards ===== */
.proj-v2-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:32px}
.proj-v2-card{background:var(--white);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow);transition:var(--transition);border:1px solid var(--border);display:flex;flex-direction:column}
.proj-v2-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--gold)}
.proj-v2-image{position:relative;height:240px;overflow:hidden}
.proj-v2-image img{width:100%;height:100%;object-fit:cover;transition:transform 0.5s cubic-bezier(0.4,0,0.2,1)}
.proj-v2-card:hover .proj-v2-image img{transform:scale(1.06)}
.proj-v2-cat-badge{position:absolute;top:16px;left:16px;background:var(--navy);color:var(--gold-light);padding:6px 14px;border-radius:20px;font-size:12px;font-weight:600;letter-spacing:0.5px;z-index:2;border:1px solid rgba(201,169,97,0.4)}
.proj-v2-scope{position:absolute;top:16px;right:16px;background:var(--gold);color:var(--navy);padding:6px 14px;border-radius:20px;font-size:12px;font-weight:700;z-index:2}
.proj-v2-body{padding:24px;flex:1;display:flex;flex-direction:column}
.proj-v2-title{font-family:'Inter',sans-serif;font-size:22px;font-weight:600;color:var(--navy);margin-bottom:4px}
.proj-v2-location{font-size:13px;color:var(--text-mid);margin-bottom:4px;display:flex;align-items:center;gap:6px}
.proj-v2-location::before{content:"📍";font-size:14px}
.proj-v2-tag{font-size:12px;font-weight:600;color:var(--gold-dark);background:rgba(201,169,97,0.08);border:1px solid rgba(201,169,97,0.2);border-radius:6px;padding:4px 10px;margin-bottom:16px;display:inline-block}
.proj-v2-info{display:grid;gap:10px;margin-bottom:16px}
.proj-v2-info-row{display:grid;grid-template-columns:140px 1fr;gap:12px;align-items:start;padding-bottom:10px;border-bottom:1px solid var(--border)}
.proj-v2-info-row:last-child{border-bottom:none;padding-bottom:0}
.proj-v2-info-label{font-size:11px;font-weight:700;letter-spacing:0.5px;text-transform:uppercase;color:var(--gold-dark);padding-top:2px}
.proj-v2-info-value{font-size:14px;color:var(--text);line-height:1.5}
.proj-v2-solution{background:linear-gradient(135deg,rgba(13,27,42,0.04),rgba(201,169,97,0.06));border-left:3px solid var(--gold);border-radius:0 var(--radius) var(--radius) 0;padding:14px 16px;margin-bottom:16px}
.proj-v2-solution-label{font-size:11px;font-weight:700;letter-spacing:0.5px;text-transform:uppercase;color:var(--gold-dark);margin-bottom:6px;display:block}
.proj-v2-solution-text{font-size:13px;color:var(--text);line-height:1.6}
.proj-v2-params{display:flex;gap:8px;flex-wrap:wrap;margin-top:auto;padding-top:8px}
.proj-v2-param{padding:4px 12px;background:rgba(13,27,42,0.06);border:1px solid var(--border);border-radius:12px;font-size:12px;font-weight:600;color:var(--steel)}
.proj-v2-param.gold{background:rgba(201,169,97,0.12);border-color:rgba(201,169,97,0.3);color:var(--gold-dark)}

/* Project category archive filter */
.proj-archive-filter{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:32px}
.proj-archive-btn{padding:10px 24px;border-radius:24px;font-size:14px;font-weight:var(--fw-regular);border:2px solid var(--border);background:var(--white);color:var(--text-mid);cursor:pointer;transition:var(--transition)}
.proj-archive-btn:hover{border-color:var(--gold);color:var(--navy)}
.proj-archive-btn.active{background:var(--navy);color:var(--gold-light);border-color:var(--navy)}
.proj-archive-btn .count{display:inline-block;margin-inline-start:6px;font-size:12px;opacity:0.7}

/* Projects page header v2 */
.proj-hero{background:linear-gradient(135deg,var(--navy) 0%,var(--steel) 100%);padding:80px 0 40px;color:var(--white);position:relative;overflow:hidden}
.proj-hero::before{content:"";position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,rgba(201,169,97,0.08) 0%,transparent 60%);pointer-events:none}
.proj-hero h1{font-family:'Inter',sans-serif;font-size:var(--fs-h1);font-weight:var(--fw-bold);letter-spacing:var(--ls-wide);margin-bottom:12px;position:relative}
.proj-hero p{font-size:17px;opacity:0.85;max-width:680px;line-height:1.6;position:relative}
.proj-hero-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:36px;position:relative}
.proj-hero-stat{text-align:left}
.proj-hero-stat .num{font-size:32px;font-weight:700;color:var(--gold-light);font-family:'Inter',sans-serif}
.proj-hero-stat .label{font-size:13px;opacity:0.7;margin-top:4px}
@media(max-width:768px){
  .proj-v2-grid{grid-template-columns:1fr}
  .proj-v2-info-row{grid-template-columns:1fr;gap:4px}
  .proj-hero-stats{grid-template-columns:repeat(2,1fr)}
}

/* Project Detail */
.project-detail-hero{position:relative;height:50vh;min-height:400px;overflow:hidden;margin-top:var(--header-h)}
.project-detail-hero img{width:100%;height:100%;object-fit:cover}
.project-detail-hero .overlay{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(13,27,42,0.6),rgba(13,27,42,0.85));display:flex;align-items:flex-end;padding:48px}
.project-detail-hero .overlay-content{color:var(--white);max-width:800px}
.project-detail-hero h1{font-family:'Inter',sans-serif;font-size:40px;font-weight:var(--fw-bold);letter-spacing:var(--ls-wide);margin-bottom:8px}
.project-meta-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin:48px 0}
.project-meta-item{text-align:center;padding:24px;background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow)}
.project-meta-item .label{font-size:12px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:var(--text-light);margin-bottom:8px}
.project-meta-item .value{font-size:24px;font-weight:700;color:var(--navy)}

/* ===== LOGO WALL (Module 1) ===== */
.logo-wall-section{background:var(--white);padding:60px 0}
.logo-wall{display:grid;grid-template-columns:repeat(6,1fr);gap:24px;align-items:center}
.logo-item{height:80px;display:flex;align-items:center;justify-content:center;background:var(--bg);border-radius:var(--radius);padding:16px;transition:var(--transition);filter:grayscale(100%);opacity:0.6}
.logo-item:hover{filter:grayscale(0);opacity:1;transform:scale(1.05)}
.logo-item span{font-family:'Inter',sans-serif;font-size:18px;font-weight:600;color:var(--text-mid)}

/* ===== CONTAINER SHIPMENT (Module 1) ===== */
.container-scroll-section{background:var(--navy);padding:60px 0;overflow:hidden}
.container-scroll-track{display:flex;gap:24px;animation:scrollLeft 30s linear infinite}
.container-scroll-track:hover{animation-play-state:paused}
@keyframes scrollLeft{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
.container-card{min-width:320px;background:rgba(255,255,255,0.05);border:1px solid rgba(201,169,97,0.2);border-radius:var(--radius-lg);padding:24px;color:var(--white)}
.container-card .month{font-size:13px;font-weight:600;color:var(--gold);text-transform:uppercase;letter-spacing:1px}
.container-card .dest{font-size:18px;font-weight:600;margin:8px 0}
.container-card .specs{font-size:14px;opacity:0.7}
.container-card .qty{font-size:32px;font-family:'Inter',sans-serif;font-weight:700;color:var(--gold);margin-top:8px}

/* ===== TESTIMONIALS (Enhanced) ===== */
.testimonials-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.testimonial-card{background:var(--white);border-radius:var(--radius-lg);padding:32px;box-shadow:var(--shadow);transition:var(--transition)}
.testimonial-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}
.testimonial-quote{font-family:'Inter',sans-serif;font-size:48px;color:var(--gold);line-height:1;margin-bottom:16px}
.testimonial-stars{display:flex;gap:4px;margin-bottom:16px;color:var(--gold)}
.testimonial-stars svg{width:18px;height:18px}
.testimonial-text{font-size:15px;line-height:1.7;color:var(--text);margin-bottom:20px}
.testimonial-author{display:flex;align-items:center;gap:12px}
.testimonial-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,var(--navy),var(--steel));display:flex;align-items:center;justify-content:center;color:var(--gold);font-size:18px;font-weight:600;flex-shrink:0;overflow:hidden}
.testimonial-avatar img{width:100%;height:100%;object-fit:cover}
.author-name{font-size:15px;font-weight:600;color:var(--navy)}
.author-meta{font-size:13px;color:var(--text-light)}
.testimonial-video-btn{display:inline-flex;align-items:center;gap:8px;margin-top:16px;font-size:13px;font-weight:var(--fw-regular);color:var(--gold);cursor:pointer;text-decoration:none;transition:var(--transition)}
.testimonial-video-btn:hover{text-decoration:underline;color:var(--gold-dark)}

/* ===== MANUFACTURER ===== */
.factory-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.factory-card{background:var(--white);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow);transition:var(--transition)}
.factory-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}
.factory-img{height:200px;overflow:hidden;position:relative}
.factory-img img{width:100%;height:100%;object-fit:cover}
.factory-img-placeholder{width:100%;height:100%;background:linear-gradient(135deg,var(--navy),var(--steel));display:flex;align-items:center;justify-content:center;color:rgba(201,169,97,0.4);font-size:14px;font-weight:500;text-align:center;padding:20px}
.factory-info{padding:20px}
.factory-info h3{font-size:16px;font-weight:600;color:var(--navy);margin-bottom:8px}
.factory-info p{font-size:14px;color:var(--text-mid)}
.factory-badge{position:absolute;top:12px;left:12px;background:var(--gold);color:var(--navy);padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;z-index:2}

/* QC Process */
.qc-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:48px}
.qc-step{text-align:center;position:relative}
.qc-step-num{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,var(--navy),var(--steel));color:var(--gold);display:flex;align-items:center;justify-content:center;font-family:'Inter',sans-serif;font-size:24px;font-weight:700;margin:0 auto 16px}
.qc-step h4{font-size:16px;font-weight:600;color:var(--navy);margin-bottom:8px}
.qc-step p{font-size:14px;color:var(--text-mid)}

/* OEM Section */
.oem-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.oem-card{background:var(--white);border-radius:var(--radius-lg);padding:32px;box-shadow:var(--shadow);transition:var(--transition)}
.oem-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border:1px solid var(--gold)}
.oem-icon{width:48px;height:48px;margin-bottom:16px;color:var(--gold)}
.oem-card h3{font-size:18px;font-weight:600;color:var(--navy);margin-bottom:8px}
.oem-card p{font-size:14px;color:var(--text-mid)}
.oem-features{margin-top:12px}
.oem-features li{font-size:13px;color:var(--text);padding:4px 0;padding-inline-start:20px;position:relative}
.oem-features li::before{content:'';position:absolute;left:0;top:10px;width:6px;height:6px;border-radius:50%;background:var(--gold)}

/* ===== SHIPPING ===== */
.shipping-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}
.shipping-data-card{background:linear-gradient(135deg,var(--navy),var(--steel));border-radius:var(--radius-lg);padding:40px;color:var(--white)}
.shipping-data-card h3{font-size:24px;font-weight:600;margin-bottom:24px}
.shipping-stat-row{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid rgba(255,255,255,0.1)}
.shipping-stat-row .label{font-size:14px;opacity:0.8}
.shipping-stat-row .value{font-size:18px;font-weight:600;color:var(--gold)}
.shipping-features{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.shipping-feature{background:var(--white);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow)}
.shipping-feature h4{font-size:16px;font-weight:600;color:var(--navy);margin-bottom:8px}
.shipping-feature p{font-size:14px;color:var(--text-mid)}

/* ===== PROCESS ===== */
.process-steps{display:grid;grid-template-columns:repeat(7,1fr);gap:12px;counter-reset:step}
.process-step{text-align:center;position:relative}
.process-step::before{counter-increment:step;content:counter(step);width:48px;height:48px;border-radius:50%;background:var(--white);border:2px solid var(--gold);color:var(--gold);display:flex;align-items:center;justify-content:center;font-family:'Inter',sans-serif;font-size:20px;font-weight:700;margin:0 auto 12px;transition:var(--transition)}
.process-step:hover::before{background:var(--gold);color:var(--navy)}
.process-step h4{font-size:13px;font-weight:600;color:var(--navy);margin-bottom:4px}
.process-step p{font-size:12px;color:var(--text-light)}

/* ===== RESOURCES ===== */
.resources-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.resource-card{background:var(--white);border-radius:var(--radius-lg);padding:32px;box-shadow:var(--shadow);transition:var(--transition)}
.resource-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}
.resource-icon{width:48px;height:48px;margin-bottom:16px;color:var(--gold)}
.resource-card h3{font-size:18px;font-weight:600;color:var(--navy);margin-bottom:8px}
.resource-card p{font-size:14px;color:var(--text-mid);margin-bottom:12px}

/* Blog List */
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.blog-card{display:block;background:var(--white);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow);transition:var(--transition);text-decoration:none;color:inherit}
.blog-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}
.blog-img{height:180px;overflow:hidden}
.blog-img img{width:100%;height:100%;object-fit:cover}
.blog-img-placeholder{width:100%;height:100%;background:linear-gradient(135deg,var(--steel),var(--navy));display:flex;align-items:center;justify-content:center;color:var(--gold);font-size:14px}
.blog-info{padding:24px}
.blog-date{font-size:12px;font-weight:600;color:var(--gold);text-transform:uppercase;letter-spacing:1px}
.blog-info h3{font-size:18px;font-weight:600;color:var(--navy);margin:8px 0}
.blog-info p{font-size:14px;color:var(--text-mid);margin-bottom:12px}

/* FAQ with Sidebar */
.faq-layout{display:grid;grid-template-columns:240px 1fr;gap:48px;align-items:start}
.faq-sidebar{position:sticky;top:130px}
.faq-sidebar h4{font-size:13px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:var(--gold);margin-bottom:16px}
.faq-sidebar a{display:block;padding:10px 16px;border-radius:8px;font-size:14px;color:var(--text-mid);transition:var(--transition);border-left:3px solid transparent}
.faq-sidebar a:hover,.faq-sidebar a.active{background:var(--bg);color:var(--gold);border-left-color:var(--gold)}
.faq-category{margin-bottom:32px}
.faq-category-title{font-size:18px;font-weight:600;color:var(--navy);margin-bottom:16px;padding-bottom:8px;border-bottom:2px solid var(--gold)}
.faq-item{border-bottom:1px solid var(--border)}
.faq-question{padding:20px 0;display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-size:var(--fs-body);font-weight:var(--fw-medium);line-height:var(--lh-normal);color:var(--text)}
.faq-question:hover{color:var(--gold)}
.faq-question .icon{width:24px;height:24px;flex-shrink:0;transition:transform 0.3s}
.faq-item.open .faq-question .icon{transform:rotate(45deg)}
.faq-answer{max-height:0;overflow:hidden;transition:max-height 0.4s cubic-bezier(0.4,0,0.2,1)}
.faq-item.open .faq-answer{max-height:300px}
.faq-answer p{padding-bottom:20px;font-size:var(--fs-small);color:var(--text-mid);line-height:var(--lh-relaxed)}

/* ===== CONTACT FORMS ===== */
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px}
.contact-form-card{background:var(--white);border-radius:var(--radius-lg);padding:40px;box-shadow:var(--shadow)}
.contact-form-card h3{font-size:22px;font-weight:600;color:var(--navy);margin-bottom:8px}
.contact-form-card .form-desc{font-size:14px;color:var(--text-mid);margin-bottom:24px}
.form-group{margin-bottom:20px}
.form-group label{display:block;font-size:14px;font-weight:600;color:var(--text);margin-bottom:6px}
.form-group label .required{color:#e53e3e}
.form-group input,.form-group select,.form-group textarea{width:100%;padding:14px 16px;border:1px solid var(--border);border-radius:10px;font-size:15px;font-family:inherit;outline:none;transition:var(--transition)}
.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(201,169,97,0.1)}
.form-group textarea{min-height:120px;resize:vertical}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.file-upload{border:2px dashed var(--border);border-radius:var(--radius);padding:24px;text-align:center;transition:var(--transition);cursor:pointer}
.file-upload:hover{border-color:var(--gold);background:rgba(201,169,97,0.03)}
.file-upload p{font-size:14px;color:var(--text-mid)}
.file-upload .formats{font-size:12px;color:var(--text-light);margin-top:4px}
.form-success{display:none;text-align:center;padding:40px}
.form-success h3{color:var(--gold);font-size:24px;margin-bottom:8px}
.form-success p{color:var(--text-mid)}
.auto-reply-notice{display:flex;align-items:center;gap:8px;padding:12px 16px;background:rgba(201,169,97,0.08);border-radius:8px;font-size:13px;color:var(--gold-dark);margin-top:16px}

/* Sample Request Form (simplified) */
.sample-form{max-width:600px;margin:0 auto}
.sample-form .form-group{margin-bottom:16px}

/* ===== CTA SECTION ===== */
.cta-section{background:linear-gradient(135deg,var(--navy),var(--steel));padding:80px 0;text-align:center;color:var(--white)}
.cta-section h2{font-family:'Inter',sans-serif;font-size:var(--fs-h2);font-weight:var(--fw-medium);letter-spacing:var(--ls-wide);margin-bottom:16px}
.cta-section p{font-size:18px;opacity:0.8;margin-bottom:32px;max-width:600px;margin-inline-start:auto;margin-inline-end:auto}

/* ===== FLOATING WHATSAPP (Module 4) ===== */
.whatsapp-float{position:fixed;bottom:24px;right:24px;z-index:997;display:flex;flex-direction:column;align-items:flex-end;gap:12px}
.whatsapp-btn{width:60px;height:60px;border-radius:50%;background:var(--green);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px rgba(37,211,102,0.4);transition:var(--transition);cursor:pointer;position:relative}
.whatsapp-btn:hover{transform:scale(1.1);box-shadow:0 6px 24px rgba(37,211,102,0.5)}
.whatsapp-btn svg{width:32px;height:32px;fill:var(--white)}
.whatsapp-btn::before{content:'';position:absolute;inset:0;border-radius:50%;border:2px solid var(--green);animation:ringPulse 2s ease-out infinite}
@keyframes ringPulse{0%{transform:scale(1);opacity:1}100%{transform:scale(1.5);opacity:0}}
.wechat-btn{width:48px;height:48px;border-radius:50%;background:#07C160;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow);transition:var(--transition);cursor:pointer}
.wechat-btn:hover{transform:scale(1.1)}
.wechat-btn svg{width:26px;height:26px;fill:var(--white)}
.whatsapp-tooltip{background:var(--white);border-radius:12px;padding:16px;box-shadow:var(--shadow-lg);max-width:280px;opacity:0;visibility:hidden;transform:translateY(10px);transition:var(--transition)}
.whatsapp-float:hover .whatsapp-tooltip{opacity:1;visibility:visible;transform:translateY(0)}
.whatsapp-tooltip h5{font-size:14px;font-weight:600;color:var(--navy);margin-bottom:4px}
.whatsapp-tooltip p{font-size:12px;color:var(--text-mid)}
.whatsapp-tooltip .timezone{font-size:11px;color:var(--gold);margin-top:4px}

/* Quick Quote Sidebar (Module 4) */
/* WB-OPT-02: Mobile static container data cards (replaces scroll on mobile) */
.container-scroll-static{display:none}
.container-scroll-static .cs-card{background:rgba(255,255,255,0.1);border-radius:8px;padding:14px 18px;display:flex;justify-content:space-between;align-items:center;gap:12px}
.container-scroll-static .cs-card .cs-info{font-size:14px;color:rgba(255,255,255,0.9)}
.container-scroll-static .cs-card .cs-qty{font-size:16px;font-weight:700;color:var(--gold);font-family:'Inter',sans-serif;white-space:nowrap}

/* ===== QUICK INQUIRY WIDGET (WB-OPT-01) ===== */
.quick-inquiry-widget{position:fixed;right:0;top:50%;transform:translateY(-50%);z-index:997;display:flex;align-items:flex-start}
.qiw-tab{display:flex;align-items:center;gap:6px;background:var(--gold);color:var(--navy);padding:18px 12px;border-radius:12px 0 0 12px;writing-mode:vertical-rl;font-size:14px;font-weight:700;cursor:pointer;transition:var(--transition);box-shadow:var(--shadow);letter-spacing:1px}
.qiw-tab:hover{background:var(--gold-dark);color:var(--white)}
.qiw-tab svg{writing-mode:horizontal-tb;transform:rotate(90deg)}
.qiw-panel{position:absolute;right:100%;top:0;width:340px;background:var(--white);border-radius:12px 0 0 12px;box-shadow:var(--shadow-lg);padding:24px;transform:translateX(100%);opacity:0;visibility:hidden;transition:all 0.3s cubic-bezier(0.4,0,0.2,1)}
.qiw-panel.open{transform:translateX(0);opacity:1;visibility:visible}
.qiw-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}
.qiw-header h4{font-family:'Inter',sans-serif;font-size:20px;font-weight:600;color:var(--navy)}
.qiw-close{font-size:28px;color:var(--text-light);cursor:pointer;line-height:1;background:none;border:none;padding:0 4px;transition:var(--transition)}
.qiw-close:hover{color:var(--navy)}
.qiw-form{display:flex;flex-direction:column;gap:14px}
.qiw-field{display:flex;flex-direction:column;gap:4px}
.qiw-field label{font-size:13px;font-weight:600;color:var(--text-mid)}
.qiw-field input,.qiw-field select{padding:10px 14px;border:1.5px solid var(--border);border-radius:8px;font-size:14px;font-family:inherit;outline:none;transition:var(--transition)}
.qiw-field input:focus,.qiw-field select:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(201,169,97,0.15)}
.qiw-submit{padding:14px 20px;background:var(--gold);color:var(--navy);border:none;border-radius:8px;font-size:15px;font-weight:700;cursor:pointer;transition:var(--transition);margin-top:4px}
.qiw-submit:hover{background:var(--gold-dark);color:var(--white);transform:translateY(-1px)}
.qiw-note{font-size:12px;color:var(--text-light);text-align:center;margin-top:4px}
.qiw-note strong{color:var(--gold)}

/* ===== FACTORY VIDEO HERO (WB-OPT-01) ===== */
.factory-video-hero{display:block;position:relative;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-lg);text-decoration:none;max-width:900px;margin:0 auto;width:100%;height:340px;object-fit:cover;background:var(--steel)}
.fvh-bg{width:100%;height:340px;background:var(--steel);display:flex;align-items:center;justify-content:center}
.fvh-bg .factory-img-placeholder{color:rgba(255,255,255,0.6);text-align:center;font-size:18px;font-weight:600;line-height:1.6}
.fvh-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:rgba(13,27,42,0.4);transition:var(--transition)}
.factory-video-hero:hover .fvh-overlay{background:rgba(13,27,42,0.55)}
.fvh-play-btn{width:72px;height:72px;border-radius:50%;background:var(--gold);display:flex;align-items:center;justify-content:center;transition:var(--transition);box-shadow:0 4px 24px rgba(201,169,97,0.4)}
.fvh-play-btn svg{width:32px;height:32px;fill:var(--navy);margin-inline-start:4px}
.factory-video-hero:hover .fvh-play-btn{transform:scale(1.1);box-shadow:0 6px 32px rgba(201,169,97,0.6)}
.fvh-label{color:var(--white);font-size:16px;font-weight:600;letter-spacing:0.5px}

/* ===== FOOTER ===== */
.footer{background:var(--navy);color:var(--white);padding:60px 0 24px}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:40px;margin-bottom:40px}
.footer-brand p{font-size:14px;opacity:0.7;margin:12px 0}
.footer-col h4{font-size:14px;font-weight:600;color:var(--gold);margin-bottom:16px;text-transform:uppercase;letter-spacing:1px}
.footer-col a{display:block;font-size:14px;opacity:0.7;padding:4px 0;transition:var(--transition)}
.footer-col a:hover{opacity:1;color:var(--gold)}
.footer-social{display:flex;gap:12px;margin-top:16px}
.footer-social a{width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,0.1);display:flex;align-items:center;justify-content:center;transition:var(--transition)}
.footer-social a:hover{background:var(--gold);color:var(--navy)}
.footer-social svg{width:18px;height:18px;fill:var(--white)}
.footer-bottom{border-top:1px solid rgba(255,255,255,0.1);padding-top:24px;display:flex;justify-content:space-between;font-size:13px;opacity:0.6}
.footer-compliance{display:flex;gap:16px}
.footer-compliance a:hover{color:var(--gold)}

/* ===== PAGE HEADER (for subpages) ===== */
.page-header{background:linear-gradient(135deg,var(--navy),var(--steel));padding:160px 0 40px;text-align:center;color:var(--white)}
.page-header h1{font-family:'Inter',sans-serif;font-size:var(--fs-h1);font-weight:var(--fw-bold);letter-spacing:var(--ls-wide);margin-bottom:12px}
.page-header p{font-size:18px;opacity:0.8;max-width:600px;margin:0 auto}

.breadcrumb{display:flex;gap:8px;justify-content:center;margin-top:16px;font-size:14px;opacity:0.6}
.breadcrumb a:hover{color:var(--gold)}

/* ===== LAZY LOAD ===== */
img[data-src]{opacity:0;transition:opacity 0.3s}
img.loaded{opacity:1}

/* ===== RESPONSIVE ===== */
@media(max-width:1024px){
  .products-grid,.trust-grid,.testimonials-grid,.blog-grid,.projects-grid,.factory-grid,.oem-grid{grid-template-columns:repeat(2,1fr)}
  .audience-grid{grid-template-columns:repeat(2,1fr)}
  .regional-cards{grid-template-columns:repeat(3,1fr)}
  .process-steps{grid-template-columns:repeat(4,1fr)}
  .filter-grid{grid-template-columns:repeat(3,1fr)}
  .nav{display:none}
  .mobile-toggle{display:block}
  .mega-menu{display:none}
  .footer-grid{grid-template-columns:1fr 1fr}
  .contact-grid,.shipping-grid,.product-detail-hero{grid-template-columns:1fr}
  .faq-layout{grid-template-columns:1fr}
  .faq-sidebar{position:static;margin-bottom:24px}
  .logo-wall{grid-template-columns:repeat(3,1fr)}
  .option-grid{grid-template-columns:repeat(2,1fr)}
  .mega-menu{width:100%;left:0;transform:none}
  .shipping-features{grid-template-columns:1fr}
  .qc-steps{grid-template-columns:repeat(2,1fr)}
  .core-adv-grid{grid-template-columns:repeat(4,1fr);gap:0}
  .core-adv-card{padding:22px 14px}
  .core-adv-icon{width:42px;height:42px;margin-bottom:12px}
  .core-adv-icon svg{width:36px;height:36px}
  .core-adv-card h3{font-size:15px}
  .core-adv-card p{font-size:12px}
}

@media(max-width:768px){
  .section{padding:60px 0}
  .section-title{font-size:28px}
  .section-sub{font-size:16px;margin-bottom:40px}
  .hero h1{font-size:32px}
  .hero p{font-size:16px}
  /* WB-OPT-02: Mobile hero text trim — show shorter headline */
  .hero h1 .hero-h1-desktop{display:none}
  .hero h1 .hero-h1-mobile{display:inline}
  /* WB-OPT-02: Mobile nav CTA — 56px thumb-friendly */
  .mobile-nav-cta{margin-top:16px;width:100%;min-height:56px;font-size:16px}
  .hero-stats-bar{gap:24px}
  .hero-stat .num{font-size:24px}
  .products-grid,.trust-grid,.testimonials-grid,.blog-grid,.projects-grid,.audience-grid,.factory-grid,.oem-grid,.resources-grid{grid-template-columns:1fr}
  .regional-cards{grid-template-columns:1fr}
  .process-steps{grid-template-columns:repeat(2,1fr)}
  .filter-grid{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr}
  .form-row{grid-template-columns:1fr}
  .logo-wall{grid-template-columns:repeat(2,1fr)}
  .page-header{padding:140px 0 40px}
  .page-header h1{font-size:28px}
  .container{padding:0 16px}
  .whatsapp-float{bottom:16px;right:16px}
  .whatsapp-btn{width:52px;height:52px}
  .quick-inquiry-widget{display:none}
  .project-meta-grid{grid-template-columns:repeat(2,1fr)}
  .param-table{font-size:12px}
  .param-table th,.param-table td{padding:8px 10px}
  .mobile-nav{top:72px}
  .header{top:0}
  .hero{height:90vh}
  /* WB-M3B: Mobile hero composition — emphasize door/window area */
  .hero-bg img{object-position:center 35%}
  /* WB-HERO-REBUILD: center homepage hero text on mobile */
  .hero-left{justify-content:center}
  .hero-left .hero-content{text-align:center;margin:0 auto;padding-inline-start:24px}
  .hero-left .hero-content p{margin-inline-start:auto;margin-inline-end:auto}
  .hero-left .hero-cta{justify-content:center}
  .hero-left .hero-overlay-left{background:linear-gradient(180deg,rgba(13,27,42,0.88) 0%,rgba(13,27,42,0.65) 45%,rgba(13,27,42,0.35) 100%)}
  /* WB-HERO-REBUILD: mobile floating action button */
  .floating-mobile-btn{display:flex}
  .floating-sidebar{display:none}
  .blog-img,.blog-card img{height:140px}
  .cta-section h2{font-size:24px}
  /* WB-OPT-02: Hide container scroll on mobile, show static cards instead */
  .container-scroll-track{display:none}
  .container-scroll-static{display:flex !important;flex-direction:column;gap:12px;padding:0 16px}
  /* WB-OPT-02: Factory video hero smaller on mobile */
  .fvh-bg,video.factory-video-hero{height:200px}
  .fvh-play-btn{width:56px;height:56px}
  .fvh-play-btn svg{width:24px;height:24px}
  .fvh-label{font-size:14px}
  /* Hero advantage strip: move below hero on mobile */
  .hero-adv-strip{position:relative;padding:24px 0 36px}
  .hero-fullscreen::after{display:none}
  .core-adv-grid{grid-template-columns:repeat(2,1fr);gap:0}
  .core-adv-card{padding:12px 16px;gap:10px}
  .core-adv-card:nth-child(odd)::before{display:none}
  .core-adv-card:nth-child(3)::before,.core-adv-card:nth-child(4)::before{display:none}
  .core-adv-icon{width:28px;height:28px}
  .core-adv-icon svg{width:22px;height:22px}
  .core-adv-card h3{font-size:12px;color:var(--text)}
  .core-adv-card p{font-size:11px;color:var(--text-light)}
}

@media(max-width:480px){
  .core-adv-grid{grid-template-columns:1fr;gap:0}
  .core-adv-card::before{display:none!important}
  .core-adv-card{border-bottom:1px solid rgba(0,0,0,0.06)}
}
/* ============================================
   v7 NEW COMPONENTS — Engineer Design Skeleton
   ============================================ */

/* ===== FOUR CORE ADVANTAGES — borderless transparent strip on hero bottom ===== */
.hero-adv-strip{
  position:absolute;
  bottom:0;
  left:0;
  right:0;
  z-index:3;
  padding:0 0 22px;
}
.hero-fullscreen::after{
  content:"";
  position:absolute;
  bottom:0;
  left:0;
  right:0;
  height:160px;
  z-index:1;
  background:linear-gradient(180deg,rgba(13,27,42,0) 0%,rgba(13,27,42,0.45) 50%,rgba(13,27,42,0.65) 100%);
  pointer-events:none;
}
.core-adv-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0}
.core-adv-card{
  background:transparent;
  border:none;
  border-radius:0;
  padding:14px 20px;
  text-align:left;
  transition:var(--transition);
  display:flex;
  flex-direction:row;
  align-items:center;
  gap:14px;
  box-shadow:none;
  position:relative;
}
.core-adv-card + .core-adv-card::before{
  content:"";
  position:absolute;
  left:0;
  top:50%;
  transform:translateY(-50%);
  width:1px;
  height:32px;
  background:rgba(255,255,255,0.15);
}
.core-adv-card:hover{
  transform:none;
  background:transparent;
  box-shadow:none;
  border:none;
}
.core-adv-card:hover .core-adv-icon{opacity:1}
.core-adv-icon{flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:var(--gold);margin-bottom:0;opacity:0.85;transition:var(--transition)}
.core-adv-icon svg{width:26px;height:26px}
.core-adv-text{display:flex;flex-direction:column;min-width:0;justify-content:center}
.core-adv-card h3{font-family:'Inter',sans-serif;font-size:13px;font-weight:600;color:#fff;margin:0 0 2px;letter-spacing:0.02em;line-height:1.2;text-transform:uppercase}
.core-adv-card p{font-family:'Inter',sans-serif;font-size:12px;font-weight:400;color:rgba(255,255,255,0.65);margin:0;line-height:1.4}

/* ===== REGIONAL CTA BUTTON (WB-OP-01) ===== */
.reg-cta-btn{display:inline-block;margin-top:12px;padding:8px 16px;background:transparent;border:1.5px solid var(--gold);border-radius:8px;color:var(--gold);font-size:13px;font-weight:var(--fw-regular);transition:var(--transition)}
.reg-cta-btn:hover{background:var(--gold);color:var(--navy)}

/* ===== FLOATING SIDEBAR (Catalog / Engineering / Consultation) ===== */
.floating-sidebar{position:fixed;right:0;top:50%;transform:translateY(-50%);z-index:900;display:flex;flex-direction:column;background:var(--navy);border-radius:12px 0 0 12px;overflow:hidden;box-shadow:-4px 0 24px rgba(13,27,42,0.2);border:1px solid rgba(201,169,97,0.2);border-right:none}
.fs-item{display:flex;flex-direction:column;align-items:center;gap:6px;padding:16px 14px;color:rgba(255,255,255,0.7);font-size:11px;font-weight:600;text-align:center;border-bottom:1px solid rgba(201,169,97,0.12);transition:var(--transition);min-width:84px;line-height:1.3}
.fs-item:last-child{border-bottom:none}
.fs-item:hover{background:rgba(201,169,97,0.12);color:var(--gold)}
.fs-item svg{width:24px;height:24px;color:var(--gold);flex-shrink:0}
.fs-item:hover svg{transform:scale(1.1)}
/* WB-HERO-REBUILD: mobile floating action button (collapsed sidebar) */
.floating-mobile-btn{display:none;position:fixed;right:16px;top:50%;transform:translateY(-50%);z-index:901;width:52px;height:52px;border-radius:50%;background:var(--navy);border:1px solid rgba(201,169,97,0.3);box-shadow:-2px 0 16px rgba(13,27,42,0.25);color:var(--gold);align-items:center;justify-content:center;cursor:pointer;transition:var(--transition)}
.floating-mobile-btn:hover{background:rgba(201,169,97,0.15)}
.floating-mobile-btn svg{width:24px;height:24px}
.floating-mobile-menu{position:fixed;right:16px;top:50%;transform:translateY(-50%) scale(0.9);z-index:902;opacity:0;pointer-events:none;transition:var(--transition);background:var(--navy);border-radius:12px;overflow:hidden;box-shadow:-4px 0 24px rgba(13,27,42,0.3);border:1px solid rgba(201,169,97,0.2);min-width:180px}
.floating-mobile-menu.active{opacity:1;pointer-events:auto;transform:translateY(-50%) scale(1)}
.floating-mobile-menu .fs-item{flex-direction:row;justify-content:flex-start;gap:12px;padding:14px 16px;text-align:left;font-size:13px;border-bottom:1px solid rgba(201,169,97,0.12)}
.floating-mobile-menu .fs-item:last-child{border-bottom:none}
.floating-mobile-menu .fs-item svg{width:20px;height:20px}

/* ===== WHY CHOOSE VISUAL CARD GRID (text-to-visual ratio optimization) ===== */
.why-choose-grid{margin-top:28px;padding:24px;background:var(--bg);border-radius:12px;border-top:3px solid var(--gold)}
.wc-heading{font-size:16px;font-weight:700;color:var(--navy);margin-bottom:20px;text-align:center}
.wc-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}
.wc-card{background:var(--white);border-radius:10px;padding:20px 16px;text-align:center;border:1px solid var(--border);transition:var(--transition)}
.wc-card:hover{border-color:var(--gold);box-shadow:0 4px 16px rgba(201,169,97,0.15);transform:translateY(-2px)}
.wc-num{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;background:linear-gradient(135deg,var(--navy),var(--steel));color:var(--gold);border-radius:50%;font-size:16px;font-weight:700;margin-bottom:12px}
.wc-card h5{font-size:14px;font-weight:600;color:var(--navy);margin-bottom:8px;line-height:1.3}
.wc-card p{font-size:13px;color:var(--text-mid);line-height:1.5}

/* ===== CAPABILITY SECTION (dark, "Configured Around") ===== */
.capability-section{background:linear-gradient(135deg,var(--navy) 0%,var(--steel) 100%);padding:100px 0;color:var(--white);position:relative;overflow:hidden}
.capability-section::before{content:'';position:absolute;top:0;right:0;width:500px;height:500px;background:radial-gradient(circle,rgba(201,169,97,0.08) 0%,transparent 70%);pointer-events:none}
.capability-section .section-tag{color:var(--gold)}
.capability-section .section-title{color:var(--white)}
.capability-section .section-sub{color:rgba(255,255,255,0.7)}
.capability-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:48px}
.capability-card{background:rgba(255,255,255,0.05);border:1px solid rgba(201,169,97,0.2);border-radius:var(--radius-lg);padding:32px;transition:var(--transition)}
.capability-card:hover{background:rgba(255,255,255,0.08);border-color:var(--gold);transform:translateY(-4px)}
.capability-card .cap-num{font-family:'Inter',sans-serif;font-size:14px;font-weight:600;color:var(--gold);letter-spacing:2px;margin-bottom:12px}
.capability-card .cap-icon{width:48px;height:48px;margin-bottom:16px;color:var(--gold)}
.capability-card h3{font-size:18px;font-weight:600;margin-bottom:8px;color:var(--white)}
.capability-card p{font-size:14px;color:rgba(255,255,255,0.7);line-height:1.6}

/* ===== PRODUCT CONFIGURATIONS GRID (by opening type) ===== */
.config-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.config-card{background:var(--white);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow);transition:var(--transition);position:relative;display:flex;flex-direction:column}
.config-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border:1px solid var(--gold)}
.config-img{height:200px;overflow:hidden;position:relative;background:linear-gradient(135deg,var(--bg-gray),var(--bg))}
.config-img img{width:100%;height:100%;object-fit:cover;transition:transform 0.5s cubic-bezier(0.4,0,0.2,1)}
.config-card:hover .config-img img{transform:scale(1.08)}
.config-img-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--steel),var(--navy));color:rgba(201,169,97,0.5);font-size:14px;font-weight:500}
.config-info{padding:24px}
.config-info h3{font-size:18px;font-weight:600;color:var(--navy);margin-bottom:6px}
.config-info .config-desc{font-size:14px;color:var(--text-mid);margin-bottom:12px}
.config-tags{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}
.config-tag{padding:3px 10px;background:var(--bg);border-radius:12px;font-size:12px;font-weight:500;color:var(--text-mid)}
.config-link{font-size:14px;font-weight:600;color:var(--gold);display:inline-flex;align-items:center;gap:4px}
.config-link:hover{gap:8px}

/* ===== PRODUCT DETAIL TABS ===== */
.detail-tabs-wrap{margin-top:48px}
.detail-tabs{display:flex;gap:4px;border-bottom:2px solid var(--border);overflow-x:auto;margin-bottom:32px}
.detail-tab{padding:14px 24px;font-size:15px;font-weight:600;color:var(--text-mid);background:none;border:none;cursor:pointer;white-space:nowrap;border-bottom:3px solid transparent;margin-bottom:-2px;transition:var(--transition)}
.detail-tab:hover{color:var(--gold)}
.detail-tab.active{color:var(--gold);border-bottom-color:var(--gold)}
.detail-tab-content{display:none;animation:fadeIn 0.4s ease}
.detail-tab-content.active{display:block}
@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
.detail-section h3{font-size:20px;font-weight:600;color:var(--navy);margin-bottom:16px}
.detail-section p{font-size:15px;color:var(--text-mid);margin-bottom:16px;line-height:1.7}
.detail-feature-list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:16px 0}
.detail-feature-list li{font-size:14px;color:var(--text);padding:8px 0 8px 24px;position:relative}
.detail-feature-list li::before{content:'';position:absolute;left:0;top:14px;width:8px;height:8px;border-radius:50%;background:var(--gold)}
.detail-feature-list li strong{color:var(--navy)}

/* Cross-section diagram placeholder */
.cross-section{background:var(--bg);border-radius:var(--radius-lg);padding:40px;text-align:center;margin:24px 0}
.cross-section-placeholder{width:100%;max-width:400px;height:200px;margin:0 auto;background:linear-gradient(135deg,var(--steel),var(--navy));border-radius:var(--radius);display:flex;align-items:center;justify-content:center;color:rgba(201,169,97,0.5);font-size:14px}

/* Comparison table in detail */
.compare-table{width:100%;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}
.compare-table th{background:var(--navy);color:var(--white);padding:14px;font-size:14px;font-weight:600;text-align:left}
.compare-table td{padding:14px;border-bottom:1px solid var(--border);font-size:14px}
.compare-table tr:nth-child(even){background:var(--bg)}
.compare-table .check{color:var(--green);font-weight:700}
.compare-table .cross{color:#e53e3e;font-weight:700}

/* ===== QUOTE PAGE LAYOUT (left value panel + right form) ===== */
.quote-layout{display:grid;grid-template-columns:1fr 1.5fr;gap:48px;align-items:start}
.quote-value-panel{background:linear-gradient(135deg,var(--navy),var(--steel));border-radius:var(--radius-lg);padding:40px;color:var(--white);position:sticky;top:130px}
.quote-value-panel h3{font-size:24px;font-weight:600;margin-bottom:8px;color:var(--white)}
.quote-value-panel .qvp-sub{font-size:14px;color:rgba(255,255,255,0.7);margin-bottom:32px}
.quote-value-item{display:flex;gap:16px;padding:20px 0;border-bottom:1px solid rgba(255,255,255,0.1)}
.quote-value-item:last-child{border-bottom:none}
.quote-value-num{width:40px;height:40px;border-radius:50%;background:rgba(201,169,97,0.15);border:2px solid var(--gold);color:var(--gold);display:flex;align-items:center;justify-content:center;font-family:'Inter',sans-serif;font-size:16px;font-weight:700;flex-shrink:0}
.quote-value-item h4{font-size:16px;font-weight:600;margin-bottom:4px;color:var(--white)}
.quote-value-item p{font-size:13px;color:rgba(255,255,255,0.7)}
.quote-form-panel{background:var(--white);border-radius:var(--radius-lg);padding:40px;box-shadow:var(--shadow)}

/* Collapsible form fields */
.form-collapsible{margin-top:16px;padding-top:16px;border-top:1px dashed var(--border)}
.form-collapsible-toggle{font-size:14px;font-weight:600;color:var(--gold);cursor:pointer;display:flex;align-items:center;gap:6px}
.form-collapsible-toggle .arrow{transition:transform 0.3s}
.form-collapsible-toggle.open .arrow{transform:rotate(180deg)}
.form-collapsible-content{max-height:0;overflow:hidden;transition:max-height 0.4s cubic-bezier(0.4,0,0.2,1)}
.form-collapsible-content.open{max-height:600px}

/* ===== INSIDE STARVEILBUILD (renamed manufacturer section) ===== */
.inside-section{background:var(--bg)}
.inside-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-bottom:48px}
.inside-stat{text-align:center;padding:32px;background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow)}
.inside-stat .num{font-family:'Inter',sans-serif;font-size:48px;font-weight:700;color:var(--gold);line-height:1}
.inside-stat .label{font-size:14px;color:var(--text-mid);margin-top:8px}

/* ===== ENHANCED PROJECT CARDS (with parameter tags) ===== */
.project-params{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}
.project-param-tag{padding:2px 8px;background:rgba(201,169,97,0.15);border:1px solid rgba(201,169,97,0.3);border-radius:10px;font-size:11px;color:var(--gold-light);font-weight:500}

/* ===== STAT BAR (homepage) ===== */
.stat-bar{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;background:var(--white);border-radius:var(--radius-lg);padding:40px;box-shadow:var(--shadow);margin-top:-60px;position:relative;z-index:10}
.stat-bar-item{text-align:center}
.stat-bar-item .num{font-family:'Inter',sans-serif;font-size:40px;font-weight:700;color:var(--gold);line-height:1}
.stat-bar-item .label{font-size:14px;color:var(--text-mid);margin-top:8px}

/* ===== v7: FILTER TABS (button-style filters) ===== */
.filter-tabs-group{margin-bottom:20px}
.filter-tabs-group:last-child{margin-bottom:0}
.filter-tabs-group h4{font-size:13px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:var(--gold);margin-bottom:12px}
.filter-tabs{display:flex;flex-wrap:wrap;gap:8px}
.filter-btn{padding:8px 18px;border:1px solid var(--border);border-radius:24px;background:var(--white);color:var(--text-mid);font-size:14px;font-weight:500;font-family:inherit;cursor:pointer;transition:var(--transition)}
.filter-btn:hover{border-color:var(--gold);color:var(--gold)}
.filter-btn.active{background:var(--navy);color:var(--white);border-color:var(--navy)}
.filter-tabs-group+.filter-tabs-group{border-top:1px solid var(--border);padding-top:20px}

/* ===== WHY STARVEILBUILD + CONFIGURE YOUR SYSTEM ===== */
.why-config-section{padding:80px 0;background:var(--bg)}
.why-config-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:stretch}
.why-col{display:flex;flex-direction:column;justify-content:center}
.why-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:16px}
.why-list li{display:flex;gap:14px;align-items:flex-start;font-size:15px;color:var(--text-mid);line-height:1.5}
.why-list li svg{width:22px;height:22px;color:var(--gold);flex-shrink:0;margin-top:1px}
.why-list li strong{color:var(--text)}
.configure-col{display:flex}
.configure-card{position:relative;width:100%;min-height:420px;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;justify-content:flex-end}
.configure-bg{position:absolute;inset:0;z-index:0}
.configure-img-placeholder{width:100%;height:100%;background:linear-gradient(135deg,var(--navy),var(--steel));display:flex;align-items:center;justify-content:center;color:rgba(201,169,97,0.4);font-size:18px;font-weight:600;text-align:center}
.configure-overlay{position:relative;z-index:1;background:linear-gradient(0deg,rgba(13,27,42,0.95) 0%,rgba(13,27,42,0.7) 60%,rgba(13,27,42,0.2) 100%);padding:40px;color:var(--white)}
.configure-overlay h3{font-family:'Inter',sans-serif;font-size:var(--fs-h3);font-weight:var(--fw-semibold);margin-bottom:12px}
.configure-overlay p{font-size:15px;color:rgba(255,255,255,0.8);margin-bottom:24px;max-width:360px}
.configure-overlay .btn{align-self:flex-start}

/* ===== v7 RESPONSIVE ADDITIONS ===== */
@media(max-width:1024px){
  .floating-sidebar{display:none}
  .capability-grid{grid-template-columns:repeat(2,1fr)}
  .config-grid{grid-template-columns:repeat(2,1fr)}
  .quote-layout{grid-template-columns:1fr}
  .quote-value-panel{position:static}
  .inside-stats{grid-template-columns:repeat(2,1fr)}
  .stat-bar{grid-template-columns:repeat(2,1fr)}
  .detail-feature-list{grid-template-columns:1fr}
  .why-config-grid{grid-template-columns:1fr}
  .configure-card{min-height:360px}
}

@media(max-width:768px){
  .capability-grid{grid-template-columns:1fr}
  .config-grid{grid-template-columns:1fr}
  .inside-stats{grid-template-columns:1fr}
  .stat-bar{grid-template-columns:1fr;margin-top:-40px;padding:24px}
  .detail-tabs{flex-wrap:wrap;gap:0}
  .detail-tab{padding:10px 16px;font-size:14px}
  .quote-value-panel{padding:28px}
  .quote-form-panel{padding:24px}
  .filter-btn{padding:7px 14px;font-size:13px}
  .filter-tabs-group+.filter-tabs-group{padding-top:16px}
  .why-config-section{padding:56px 0}
  .why-config-grid{gap:32px}
  .configure-overlay{padding:28px}
  .configure-overlay h3{font-size:24px}
}

/* ============================================
   v8 NEW COMPONENTS — WB-STARVEIL-002~020
   ============================================ */

/* ===== WB-003: PERFORMANCE QUICK BUTTONS ===== */
.perf-quick-section{padding:48px 0;background:var(--bg)}
.perf-quick-bar{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
.perf-quick-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:20px 16px;background:var(--gold);color:var(--navy);border-radius:var(--radius);font-size:15px;font-weight:var(--fw-regular);text-align:center;transition:var(--transition);min-height:80px;text-decoration:none}
.perf-quick-btn:hover{background:var(--gold-dark);color:var(--white);transform:translateY(-3px);box-shadow:var(--shadow-lg)}
.perf-quick-btn .pq-icon{font-size:22px}
.perf-quick-btn .pq-label{font-size:13px;font-weight:var(--fw-regular);line-height:1.3}
.perf-quick-btn .pq-sub{font-size:11px;font-weight:500;opacity:0.8}

/* ===== WB-004: BLOG SECTION (homepage) ===== */
.blog-section{padding:80px 0;background:var(--white)}
.blog-card .blog-cat-tag{display:inline-block;padding:3px 10px;border-radius:10px;font-size:11px;font-weight:600;margin-inline-start:8px}
.blog-cat-tag.buying-guide{background:rgba(201,169,97,0.15);color:var(--gold-dark)}
.blog-cat-tag.technical{background:rgba(27,58,91,0.1);color:var(--steel)}
.blog-cat-tag.industry-standard{background:rgba(46,125,50,0.1);color:#2E7D32}

/* ===== WB-005: TEST REPORTS PAGE ===== */
.test-report-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-top:40px}
.test-report-card{background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;transition:var(--transition)}
.test-report-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border:1px solid var(--gold)}
.test-report-header{padding:24px;background:linear-gradient(135deg,var(--navy),var(--steel));color:var(--white)}
.test-report-header h3{font-size:20px;font-weight:600;margin-bottom:4px}
.test-report-header .tr-region{font-size:13px;color:var(--gold);font-weight:600;letter-spacing:1px;text-transform:uppercase}
.test-report-body{padding:24px}
.test-report-body p{font-size:14px;color:var(--text-mid);margin-bottom:16px;line-height:1.7}
.test-report-data{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px}
.test-report-data-item{padding:12px;background:var(--bg);border-radius:8px}
.test-report-data-item .trd-label{font-size:12px;color:var(--text-light);font-weight:600;margin-bottom:4px}
.test-report-data-item .trd-value{font-size:15px;font-weight:700;color:var(--navy)}
.test-report-download{display:flex;align-items:center;gap:8px;padding:12px 20px;background:var(--gold);color:var(--navy);border-radius:8px;font-size:14px;font-weight:var(--fw-regular);cursor:pointer;transition:var(--transition);border:none;width:100%;justify-content:center}
.test-report-download:hover{background:var(--gold-dark);color:var(--white)}

/* ===== WB-007: OEM FOUR-CARD GRID (inside factory) ===== */
.oem-four-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.oem-four-card{background:var(--white);border-radius:var(--radius);padding:28px;box-shadow:var(--shadow);transition:var(--transition);text-align:center}
.oem-four-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border:1px solid var(--gold)}
.oem-four-card .oem-icon{width:56px;height:56px;margin:0 auto 16px;background:rgba(201,169,97,0.1);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--gold)}
.oem-four-card .oem-icon svg{width:28px;height:28px}
.oem-four-card h4{font-size:15px;font-weight:600;color:var(--navy);margin-bottom:8px}
.oem-four-card p{font-size:13px;color:var(--text-mid);line-height:1.5}

/* ===== WB-008: SOCIAL MEDIA GALLERY ===== */
.social-gallery-section{padding:60px 0;background:var(--bg)}
.social-gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.social-gallery-card{background:var(--white);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);transition:var(--transition)}
.social-gallery-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}
.social-gallery-img{height:180px;background:linear-gradient(135deg,var(--steel),var(--navy));display:flex;align-items:center;justify-content:center;color:rgba(201,169,97,0.4);font-size:13px;text-align:center;padding:16px}
.social-gallery-info{padding:16px;text-align:center}
.social-gallery-info .sg-platform{font-size:13px;font-weight:600;color:var(--gold);display:flex;align-items:center;justify-content:center;gap:6px}
.social-gallery-info p{font-size:12px;color:var(--text-mid);margin-top:4px}

/* ===== WB-010: PRODUCT SAMPLE LINK ===== */
.product-sample-link{display:inline-block;margin-top:12px;font-size:14px;font-weight:700;color:var(--steel);transition:var(--transition);padding:8px 16px;border:1.5px solid var(--steel);border-radius:8px;min-height:40px;display:inline-flex;align-items:center}
.product-sample-link:hover{color:var(--gold);border-color:var(--gold);background:rgba(201,169,97,0.05);transform:translateY(-1px)}
.product-sample-link::after{content:' \2192';transition:var(--transition);margin-inline-start:4px}

/* ===== WB-011: SEARCH OVERLAY ===== */
.search-trigger{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;transition:var(--transition);cursor:pointer;color:var(--text)}
.search-trigger:hover{background:var(--bg);color:var(--gold)}
.search-trigger svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:2}
.search-overlay{position:fixed;inset:0;z-index:9999;background:rgba(13,27,42,0.92);backdrop-filter:blur(8px);display:flex;align-items:flex-start;justify-content:center;padding-top:120px;opacity:0;visibility:hidden;transition:var(--transition)}
.search-overlay.open{opacity:1;visibility:visible}
.search-box{width:90%;max-width:640px}
.search-input-wrap{position:relative}
.search-input{width:100%;padding:18px 56px 18px 24px;border:none;border-radius:12px;font-size:18px;font-family:inherit;outline:none;background:var(--white);box-shadow:var(--shadow-lg)}
.search-input:focus{box-shadow:0 0 0 3px rgba(201,169,97,0.3),var(--shadow-lg)}
.search-submit{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:40px;height:40px;border:none;border-radius:8px;background:var(--gold);color:var(--navy);cursor:pointer;display:flex;align-items:center;justify-content:center}
.search-close{position:absolute;top:32px;right:32px;width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,0.1);border:none;color:var(--white);font-size:24px;cursor:pointer;transition:var(--transition)}
.search-close:hover{background:rgba(255,255,255,0.2)}
.search-results{margin-top:16px;background:var(--white);border-radius:12px;box-shadow:var(--shadow-lg);max-height:400px;overflow-y:auto;display:none}
.search-results.has-results{display:block}
.search-result-item{display:block;padding:14px 20px;border-bottom:1px solid var(--border);font-size:15px;color:var(--text);transition:var(--transition)}
.search-result-item:last-child{border-bottom:none}
.search-result-item:hover{background:var(--bg);color:var(--gold)}
.search-result-item .sr-title{font-weight:600;color:var(--navy)}
.search-result-item .sr-type{font-size:12px;color:var(--gold);font-weight:600;text-transform:uppercase;letter-spacing:1px}
.search-hint{color:rgba(255,255,255,0.5);font-size:14px;text-align:center;margin-top:12px}

/* ===== WB-016: UNIFIED LABEL COLORS ===== */
.tag-perf{background:var(--gold);color:var(--navy)} /* Performance: gold */
.tag-new,.tag-hot{background:var(--steel);color:var(--white)} /* New/Hot: steel blue */
.tag-eco,.tag-acoustic-unified{background:rgba(46,125,50,0.12);color:#2E7D32} /* Acoustic/Eco: green */
.label-unified{display:inline-block;padding:3px 10px;border-radius:10px;font-size:12px;font-weight:600}

/* ===== WB-017: TESTIMONIAL THUMBNAIL ===== */
.testimonial-thumb{width:100%;height:120px;border-radius:var(--radius);margin-top:16px;overflow:hidden;background:linear-gradient(135deg,var(--steel),var(--navy));display:flex;align-items:center;justify-content:center;color:rgba(201,169,97,0.4);font-size:12px;text-align:center}

/* ===== WB-018: FACTORY VIDEO BUTTON ===== */
.factory-video-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:var(--gold);color:var(--navy);border-radius:var(--radius);font-size:14px;font-weight:var(--fw-regular);cursor:pointer;transition:var(--transition);border:none;text-decoration:none}
.factory-video-btn:hover{background:var(--gold-dark);color:var(--white);transform:translateY(-2px)}
.factory-video-btn svg{width:18px;height:18px;fill:currentColor}

/* ===== WB-FIX-01: VIEW ALL FAQ BUTTON ENLARGED ===== */
.faq-view-all-btn{display:inline-block;padding:20px 56px !important;font-size:17px !important;font-weight:var(--fw-regular);min-height:60px;border-radius:var(--radius);background:var(--gold);color:var(--navy);transition:var(--transition);text-decoration:none;letter-spacing:0.5px}
.faq-view-all-btn:hover{background:var(--gold-dark);color:var(--white);transform:translateY(-2px);box-shadow:0 8px 24px rgba(201,169,97,0.3)}

/* ===== WB-FIX-08: MOBILE SEARCH AUTOCOMPLETE ===== */
.search-suggestions{margin-top:12px;display:flex;flex-wrap:wrap;gap:8px}
.search-suggestion-chip{padding:6px 14px;border:1px solid var(--border);border-radius:20px;font-size:13px;color:var(--text-mid);cursor:pointer;transition:var(--transition);background:var(--white)}
.search-suggestion-chip:hover{border-color:var(--gold);color:var(--gold-dark);background:rgba(201,169,97,0.05)}

/* ===== WB-FIX-08: MOBILE FAQ TOUCH AREA ===== */
@media(max-width:768px){
  .faq-question{padding:24px 0;min-height:56px;font-size:15px}
  .faq-question .icon{width:28px;height:28px}
  .faq-answer{padding-top:8px}
  .faq-answer p{font-size:14px;line-height:1.7}
  .mobile-products-accordion .mpa-link{padding:14px 16px;min-height:48px;font-size:15px;display:flex;align-items:center}
}

/* ===== WB-019: FOOTER SOCIAL TOOLTIP ===== */
.footer-social a{position:relative}
.social-tooltip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%);background:var(--white);color:var(--navy);padding:6px 12px;border-radius:6px;font-size:12px;font-weight:600;white-space:nowrap;opacity:0;visibility:hidden;transition:var(--transition);pointer-events:none;box-shadow:var(--shadow)}
.footer-social a:hover .social-tooltip{opacity:1;visibility:visible}
.social-tooltip::after{content:'';position:absolute;top:100%;left:50%;transform:translateX(-50%);border:5px solid transparent;border-top-color:var(--white)}

/* ===== WB-020: UNIFIED CTA ===== */
.section-cta-wrap{text-align:center;margin-top:48px}
.cta-outline-white{display:inline-flex;align-items:center;gap:8px;padding:14px 32px;border:2px solid var(--white);color:var(--white);border-radius:var(--radius);font-size:15px;font-weight:var(--fw-regular);transition:var(--transition);background:transparent}
.cta-outline-white:hover{background:var(--white);color:var(--navy)}

/* ===== v8 MOBILE RESPONSIVE ===== */
@media(max-width:768px){
  /* Product grid: tablet 2 col, phone 1 col — already handled */
  .perf-quick-bar{grid-template-columns:repeat(2,1fr)}
  .oem-four-grid{grid-template-columns:1fr}
  .social-gallery{grid-template-columns:repeat(2,1fr)}
  .test-report-grid{grid-template-columns:1fr}
  .whatsapp-tooltip .timezone{font-size:13px;line-height:1.5}
  .whatsapp-tooltip{max-width:240px}
  .whatsapp-tooltip .tz-detail{font-size:11px;color:rgba(201,169,97,0.8);margin-top:4px;display:block}
  /* WB-OP-02: 48px minimum touch targets */
  .mobile-nav a,.mobile-nav button{min-height:48px;display:flex;align-items:center}
  .mps-link-flat,.mr-link,.mpa-link{min-height:48px;padding:14px 16px}
  .mqa-btn{min-height:56px}
  .faq-question{min-height:56px}
  .btn{min-height:48px}
  .config-link,.product-sample-link{min-height:48px;padding:12px 16px}
}

/* ============================================
   v9 OPTIMIZATION — DUAL-TRACK NAV + PILLAR PAGES
   ============================================ */

/* ===== v9: DUAL-TRACK HEADER ===== */
.header-v9{position:fixed;top:0;left:0;right:0;z-index:999;background:rgba(255,255,255,0.97);backdrop-filter:blur(12px);box-shadow:0 1px 0 rgba(13,27,42,0.06);transition:var(--transition)}
.header-v9.scrolled{box-shadow:var(--shadow)}
.header-v9 .container{display:flex;align-items:center;justify-content:space-between;height:72px}
.header-v9-left{display:flex;align-items:center;gap:32px}
/* Role-based primary nav */
.role-nav{display:flex;align-items:center;gap:4px}
.role-nav-item{position:relative}
.role-nav-link{display:flex;align-items:center;gap:6px;padding:10px 18px;font-size:15px;font-weight:var(--fw-regular);color:var(--text);border-radius:8px;transition:var(--transition);cursor:pointer}
.role-nav-link:hover{color:var(--gold);background:rgba(201,169,97,0.08)}
.role-nav-link.active{color:var(--gold);box-shadow:inset 0 -2px 0 var(--gold)}
.role-nav-link .rn-icon{font-size:18px}
.role-nav-link .rn-arrow{font-size:10px;color:var(--text-light);transition:var(--transition)}
.role-nav-link:hover .rn-arrow{color:var(--gold);transform:rotate(180deg)}

/* Mega Menu for each role */
.role-mega{position:absolute;top:calc(100% + 12px);left:50%;transform:translateX(-50%) translateY(10px);background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:28px;width:720px;opacity:0;visibility:hidden;transition:var(--transition);z-index:1000}
.role-nav-item:hover .role-mega{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}
.role-mega-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.role-mega-col h4{font-size:12px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--gold);margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--border)}
.role-mega-link{display:block;padding:8px 12px;border-radius:8px;font-size:14px;color:var(--text-mid);transition:var(--transition);margin-bottom:2px}
.role-mega-link:hover{background:var(--bg);color:var(--gold);padding-inline-start:16px}
.role-mega-link strong{display:block;color:var(--navy);font-weight:600;font-size:14px}
.role-mega-link span{font-size:12px;color:var(--text-light)}

/* Functional secondary nav bar */
.func-nav-bar{background:var(--bg-gray);border-top:1px solid var(--border);border-bottom:1px solid var(--border);height:40px;display:flex;align-items:center}
.func-nav-bar .container{display:flex;align-items:center;justify-content:space-between;height:100%}
.func-nav{display:flex;align-items:center;gap:28px}
.func-nav a{font-size:13px;font-weight:500;color:var(--text-mid);transition:var(--transition);position:relative;padding:4px 0}
.func-nav a:hover{color:var(--navy)}
.func-nav a.active{color:var(--gold);font-weight:600}
.func-nav a.active::after{content:'';position:absolute;bottom:-12px;left:0;right:0;height:2px;background:var(--gold);border-radius:1px}

/* Parameterized search bar in header */
.header-search-bar{display:flex;align-items:center;gap:8px;background:var(--bg);border:1px solid var(--border);border-radius:24px;padding:6px 16px;width:280px;transition:var(--transition)}
.header-search-bar:focus-within{border-color:var(--gold);box-shadow:0 0 0 3px rgba(201,169,97,0.15)}
.header-search-bar svg{width:16px;height:16px;color:var(--text-light);flex-shrink:0}
.header-search-bar input{flex:1;border:none;background:none;outline:none;font-size:13px;color:var(--text);font-family:inherit}
.header-search-bar input::placeholder{color:var(--text-light)}

/* Header CTA group */
.header-cta-group{display:flex;align-items:center;gap:10px}
.header-cta-group .btn{padding:8px 16px;font-size:13px;min-height:38px}
.header-cta-group .btn-call{display:flex;align-items:center;gap:6px;padding:8px 14px;border:1.5px solid var(--border);border-radius:var(--radius);font-size:13px;font-weight:var(--fw-regular);color:var(--text-mid);transition:var(--transition)}
.header-cta-group .btn-call:hover{border-color:var(--gold);color:var(--gold)}

/* ===== v9: MOBILE ROLE ACCORDION NAV ===== */
.mobile-role-nav{display:none}
.mobile-role-accordion{margin-bottom:16px}
.mobile-role-header{display:flex;align-items:center;gap:10px;padding:16px 0;font-size:18px;font-weight:600;color:var(--text);border-bottom:1px solid var(--border);cursor:pointer;transition:var(--transition)}
.mobile-role-header:hover{color:var(--gold)}
.mobile-role-header .mr-icon{font-size:22px}
.mobile-role-header .mr-arrow{margin-inline-start:auto;font-size:12px;color:var(--text-light);transition:var(--transition)}
.mobile-role-header.open .mr-arrow{transform:rotate(180deg)}
.mobile-role-body{max-height:0;overflow:hidden;transition:max-height 0.3s cubic-bezier(0.4,0,0.2,1)}
.mobile-role-body.open{max-height:500px}
.mobile-role-body .mr-link{display:block;padding:12px 0 12px 36px;font-size:15px;color:var(--text-mid);border-bottom:1px solid var(--bg-gray);transition:var(--transition)}
.mobile-role-body .mr-link:hover{color:var(--gold);padding-inline-start:40px}
.mobile-role-body .mr-link span{display:block;font-size:12px;color:var(--text-light);margin-top:2px}

/* Mobile floating quick actions */
.mobile-quick-actions{position:fixed;bottom:0;left:0;right:0;z-index:997;display:none;background:var(--white);box-shadow:0 -4px 24px rgba(13,27,42,0.1);border-top:1px solid var(--border)}
.mobile-quick-actions .mqa-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0}
.mobile-quick-actions .mqa-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:14px 8px;font-size:11px;font-weight:var(--fw-regular);color:var(--text-mid);transition:var(--transition);border:none;background:none;min-height:56px}
.mobile-quick-actions .mqa-btn:hover{color:var(--gold)}
.mobile-quick-actions .mqa-btn svg{width:20px;height:20px}
.mobile-quick-actions .mqa-btn.primary{color:var(--gold)}

/* ===== v9: PILLAR PAGE STYLES ===== */
.pillar-hero{position:relative;padding:120px 0 80px;background:linear-gradient(135deg,var(--navy) 0%,var(--steel) 100%);color:var(--white);overflow:hidden}
.pillar-hero .container{position:relative;z-index:2}
.pillar-hero-tag{display:inline-flex;align-items:center;gap:8px;padding:6px 16px;background:rgba(201,169,97,0.15);border:1px solid rgba(201,169,97,0.3);border-radius:20px;font-size:13px;font-weight:600;color:var(--gold);margin-bottom:20px}
.pillar-hero h1{font-family:'Inter',sans-serif;font-size:48px;font-weight:var(--fw-bold);letter-spacing:var(--ls-wide);line-height:var(--lh-tight);margin-bottom:20px}
.pillar-hero .hero-value-prop{font-size:18px;line-height:1.7;max-width:640px;margin-bottom:32px;opacity:0.95}
.pillar-hero-cta{display:flex;gap:16px;flex-wrap:wrap}

/* Trust Bar */
.pillar-trust-bar{background:var(--white);padding:32px 0;border-bottom:1px solid var(--border)}
.pillar-trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.pillar-trust-item{text-align:center}
.pillar-trust-item .pt-icon{width:48px;height:48px;margin:0 auto 8px;background:rgba(201,169,97,0.1);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--gold)}
.pillar-trust-item .pt-value{font-family:'Inter',sans-serif;font-size:28px;font-weight:700;color:var(--navy)}
.pillar-trust-item .pt-label{font-size:13px;color:var(--text-mid)}

/* Process Timeline */
.pillar-process{padding:80px 0;background:var(--bg)}
.pillar-timeline{display:grid;grid-template-columns:repeat(5,1fr);gap:0;position:relative;margin-top:40px}
.pillar-timeline::before{content:'';position:absolute;top:32px;left:10%;right:10%;height:2px;background:var(--border);z-index:0}
.pillar-tl-step{position:relative;z-index:1;text-align:center;padding:0 12px}
.pillar-tl-circle{width:64px;height:64px;border-radius:50%;background:var(--white);border:2px solid var(--gold);display:flex;align-items:center;justify-content:center;margin:0 auto 12px;font-family:'Inter',sans-serif;font-size:20px;font-weight:700;color:var(--gold)}
.pillar-tl-step.active .pillar-tl-circle{background:var(--gold);color:var(--navy)}
.pillar-tl-step h4{font-size:14px;font-weight:600;color:var(--navy);margin-bottom:4px}
.pillar-tl-step p{font-size:12px;color:var(--text-mid)}

/* Compliance Region Tabs */
.pillar-compliance{padding:80px 0;background:var(--white)}
.compliance-tabs{display:flex;gap:8px;justify-content:center;margin-bottom:40px;flex-wrap:wrap}
.compliance-tab{padding:10px 24px;border-radius:24px;font-size:14px;font-weight:600;color:var(--text-mid);background:var(--bg);border:2px solid transparent;transition:var(--transition);cursor:pointer}
.compliance-tab:hover{border-color:var(--gold)}
.compliance-tab.active{background:var(--navy);color:var(--white);border-color:var(--navy)}
.compliance-panel{display:none}
.compliance-panel.active{display:block}
.compliance-panel h4{font-size:18px;font-weight:600;color:var(--navy);margin-bottom:12px}
.compliance-panel .comp-data{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:20px}
.compliance-data-item{padding:16px;background:var(--bg);border-radius:var(--radius);text-align:center}
.compliance-data-item .cd-value{font-family:'Inter',sans-serif;font-size:24px;font-weight:700;color:var(--gold)}
.compliance-data-item .cd-label{font-size:12px;color:var(--text-mid);margin-top:4px}

/* Project Calculator */
.pillar-calculator{padding:80px 0;background:var(--bg)}
.calc-box{max-width:640px;margin:0 auto;background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:40px}
.calc-field{margin-bottom:20px}
.calc-field label{display:block;font-size:14px;font-weight:600;color:var(--navy);margin-bottom:8px}
.calc-field select,.calc-field input{width:100%;padding:12px 16px;border:1px solid var(--border);border-radius:var(--radius);font-size:15px;font-family:inherit;outline:none;transition:var(--transition)}
.calc-field select:focus,.calc-field input:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(201,169,97,0.15)}
.calc-result{margin-top:24px;padding:24px;background:linear-gradient(135deg,var(--navy),var(--steel));border-radius:var(--radius);color:var(--white);text-align:center}
.calc-result .cr-estimate{font-family:'Inter',sans-serif;font-size:36px;font-weight:700;color:var(--gold)}
.calc-result .cr-label{font-size:14px;opacity:0.8}
.calc-disclaimer{font-size:12px;color:var(--text-light);text-align:center;margin-top:12px}

/* Case Studies */
.pillar-cases{padding:80px 0;background:var(--white)}
.pillar-case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:40px}
.pillar-case-card{position:relative;background:var(--white);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow);transition:var(--transition)}
.pillar-case-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}
.pillar-case-img{height:200px;background:linear-gradient(135deg,var(--steel),var(--navy));display:flex;align-items:center;justify-content:center;color:rgba(201,169,97,0.3);font-size:14px;text-align:center;padding:16px}
.pillar-case-body{padding:24px}
.pillar-case-body h4{font-size:17px;font-weight:600;color:var(--navy);margin-bottom:8px}
.pillar-case-body .pc-params{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}
.pillar-case-body .pc-param{padding:3px 10px;border-radius:12px;font-size:11px;font-weight:600;background:rgba(201,169,97,0.12);color:var(--gold-dark)}
.pillar-case-body p{font-size:14px;color:var(--text-mid);line-height:1.6}
.pillar-case-body .pc-testimonial{font-size:13px;color:var(--text);font-style:italic;margin-top:12px;padding:12px;background:var(--bg);border-radius:8px;border-left:3px solid var(--gold)}

/* Related Resources (internal linking) */
.pillar-related{padding:80px 0;background:var(--bg)}
.pillar-related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:40px}
.pillar-related-card{display:flex;align-items:center;gap:16px;padding:20px;background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow);transition:var(--transition)}
.pillar-related-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:var(--gold)}
.pillar-related-card .prc-icon{width:40px;height:40px;border-radius:8px;background:rgba(201,169,97,0.1);display:flex;align-items:center;justify-content:center;color:var(--gold);flex-shrink:0;font-size:20px}
.pillar-related-card .prc-content h5{font-size:14px;font-weight:600;color:var(--navy)}
.pillar-related-card .prc-content p{font-size:12px;color:var(--text-light)}

/* Pillar FAQ Schema section */
.pillar-faq{padding:80px 0;background:var(--white)}
.pillar-faq-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:40px}

/* ===== v9: FLOATING QUICK ACTIONS (Desktop) ===== */
.floating-quick-actions{position:fixed;right:24px;bottom:80px;z-index:996;display:flex;flex-direction:column;gap:12px}
.fqa-btn{width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-lg);transition:var(--transition);cursor:pointer;border:none}
.fqa-btn:hover{transform:scale(1.1)}
.fqa-btn svg{width:24px;height:24px}
.fqa-whatsapp{background:var(--green);color:var(--white)}
.fqa-quote{background:var(--gold);color:var(--navy)}
.fqa-sample{background:var(--steel);color:var(--white)}
.fqa-tooltip{position:absolute;right:calc(100% + 12px);top:50%;transform:translateY(-50%);background:var(--navy);color:var(--white);padding:6px 12px;border-radius:6px;font-size:12px;font-weight:600;white-space:nowrap;opacity:0;visibility:hidden;transition:var(--transition);pointer-events:none}
.fqa-btn:hover .fqa-tooltip{opacity:1;visibility:visible}

/* ===== v9: SEARCH AUTOCOMPLETE ===== */
.search-autocomplete{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow-lg);max-height:320px;overflow-y:auto;display:none;z-index:1000}
.search-autocomplete.show{display:block}
.search-ac-item{display:flex;align-items:center;gap:10px;padding:10px 16px;border-bottom:1px solid var(--border);cursor:pointer;transition:var(--transition)}
.search-ac-item:last-child{border-bottom:none}
.search-ac-item:hover{background:var(--bg)}
.search-ac-item .sac-type{font-size:11px;font-weight:700;color:var(--gold);text-transform:uppercase;letter-spacing:1px;background:rgba(201,169,97,0.1);padding:2px 8px;border-radius:4px}
.search-ac-item .sac-title{font-size:14px;color:var(--text);font-weight:500}
.search-ac-item .sac-highlight{color:var(--gold);font-weight:700}

/* ===== v9: RESPONSIVE ===== */
@media(max-width:1024px){
  .role-nav-link{padding:10px 12px;font-size:14px}
  .header-search-bar{width:200px}
  .role-mega{width:600px}
  .pillar-timeline{grid-template-columns:repeat(3,1fr)}
  .pillar-tl-step:nth-child(4),.pillar-tl-step:nth-child(5){margin-top:24px}
}

@media(max-width:768px){
  .header-v9{display:none}
  /* WB-NAV: Mobile sticky sub-nav (replaces display:none) */
  .func-nav-bar{display:flex;position:sticky;top:0;z-index:998;background:rgba(255,255,255,0.96);backdrop-filter:blur(10px);border-top:none;border-bottom:1px solid var(--border);height:38px}
  .func-nav{gap:20px;overflow-x:auto;-webkit-overflow-scrolling:touch;white-space:nowrap;scrollbar-width:none}
  .func-nav::-webkit-scrollbar{display:none}
  .func-nav a{font-size:12px;padding:4px 0}
  .func-nav a.active::after{bottom:-9px}
  .role-nav{display:none}
  .header-search-bar{display:none}
  .header-cta-group{display:none}
  /* Mobile header fallback */
  .header{display:flex}
  .nav{display:none}
  .mobile-role-nav{display:block}
  .mobile-quick-actions{display:block}
  .floating-quick-actions{display:none}
  .pillar-hero h1{font-size:32px}
  .pillar-trust-grid{grid-template-columns:repeat(2,1fr)}
  .pillar-timeline{grid-template-columns:repeat(2,1fr)}
  .pillar-timeline::before{display:none}
  .pillar-case-grid{grid-template-columns:1fr}
  .pillar-related-grid{grid-template-columns:1fr}
  .pillar-faq-grid{grid-template-columns:1fr}
  .compliance-data-comp-data{grid-template-columns:1fr}
  .calc-box{padding:24px}
  .role-mega{display:none}
  body{padding-bottom:60px}
}

/* ===== WB-023: PRODUCTS MEGA MENU (6-column grid with Solutions+Resources) ===== */
.products-nav-item{position:relative}
.products-mega{position:absolute;top:calc(100% + 12px);left:50%;transform:translateX(-50%) translateY(10px);background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:1200px;max-width:calc(100vw - 32px);opacity:0;visibility:hidden;transition:var(--transition);z-index:1001}
/* WB-FIX-01: JS-driven 300ms debounce hover (replaces instant :hover) */
.products-nav-item.mega-active .products-mega{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}
/* Top search bar inside mega */
.products-mega-search{padding:10px 20px;border-bottom:1px solid var(--border);background:var(--bg)}
.products-mega-search input{width:100%;padding:8px 16px;border:1px solid var(--border);border-radius:20px;font-size:13px;font-family:inherit;outline:none;transition:var(--transition);background:var(--white)}
.products-mega-search input:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(201,169,97,0.15)}
/* 6-column grid (4 product categories + Solutions + Resources) */
.products-mega-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;padding:16px}
.products-mega-col{background:#f7f7f7;border-radius:10px;padding:14px}
.products-mega-col::-webkit-scrollbar{width:4px}
.products-mega-col::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}
.products-mega-col h4{font-size:13px;font-weight:700;color:var(--gold);margin-bottom:8px;padding-bottom:6px;border-bottom:2px solid rgba(201,169,97,0.2);letter-spacing:0.5px}
.pm-link{display:block;padding:5px 8px;border-radius:5px;font-size:13px;font-weight:500;color:var(--text);transition:var(--transition);margin-bottom:1px}
.pm-link:hover{background:var(--white);color:var(--gold);padding-inline-start:14px}
.pm-view-all{display:block;margin-top:8px;padding:6px;text-align:center;font-size:12px;font-weight:700;color:var(--gold);border:1.5px solid rgba(201,169,97,0.3);border-radius:6px;transition:var(--transition)}
.pm-view-all:hover{background:var(--gold);color:var(--navy)}
/* WB-FIX-03: Bottom CTA bar - wider, equal distribution */
.products-mega-footer{display:flex;gap:16px;padding:14px 24px;background:linear-gradient(135deg,var(--navy),var(--steel));border-radius:0 0 var(--radius-lg) var(--radius-lg)}
.products-mega-footer a{flex:1;text-align:center;padding:10px 16px;border-radius:8px;font-size:13px;font-weight:700;transition:var(--transition)}
.products-mega-footer .pmf-catalog{background:var(--gold);color:var(--navy)}
.products-mega-footer .pmf-catalog:hover{background:var(--gold-dark);color:var(--white)}
.products-mega-footer .pmf-all{background:rgba(255,255,255,0.1);color:var(--white);border:1.5px solid rgba(201,169,97,0.4)}
.products-mega-footer .pmf-all:hover{background:rgba(201,169,97,0.2)}

/* ===== WB-023: MOBILE PRODUCTS ACCORDION ===== */
.mobile-products-accordion{margin-bottom:16px;border:1px solid var(--border);border-radius:12px;overflow:hidden}
.mobile-products-header{display:flex;align-items:center;gap:10px;padding:16px;font-size:18px;font-weight:600;color:var(--text);background:var(--bg);cursor:pointer;transition:var(--transition)}
.mobile-products-header:hover{color:var(--gold)}
.mobile-products-header .mp-icon{font-size:20px}
.mobile-products-header .mp-arrow{margin-inline-start:auto;font-size:12px;color:var(--text-light);transition:var(--transition)}
.mobile-products-header.open .mp-arrow{transform:rotate(180deg)}
.mobile-products-body{max-height:0;overflow:hidden;transition:max-height 0.4s cubic-bezier(0.4,0,0.2,1)}
.mobile-products-body.open{max-height:600px}
.mobile-products-sub{border-top:1px solid var(--border)}
.mobile-products-sub-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px 12px 36px;font-size:15px;font-weight:600;color:var(--text-mid);cursor:pointer;transition:var(--transition)}
.mobile-products-sub-header:hover{color:var(--gold)}
.mobile-products-sub-header .mps-arrow{font-size:10px;color:var(--text-light);transition:var(--transition)}
.mobile-products-sub-header.open .mps-arrow{transform:rotate(90deg)}
.mobile-products-sub-body{max-height:0;overflow:hidden;transition:max-height 0.3s ease}
.mobile-products-sub-body.open{max-height:300px}
.mobile-products-sub-body .mps-link{display:block;padding:10px 0 10px 52px;font-size:14px;color:var(--text-mid);border-bottom:1px solid var(--bg-gray);transition:var(--transition)}
.mobile-products-sub-body .mps-link:hover{color:var(--gold);padding-inline-start:56px}
/* WB-OPT-02: Flat mobile product links (2-level nav, no sub-categories) */
.mobile-products-body .mps-link-flat{display:block;padding:14px 16px 14px 36px;font-size:15px;font-weight:500;color:var(--text-mid);border-bottom:1px solid var(--bg-gray);transition:var(--transition);min-height:48px;display:flex;align-items:center}
.mobile-products-body .mps-link-flat:hover,.mobile-products-body .mps-link-flat:active{color:var(--gold);background:rgba(201,169,97,0.05);padding-inline-start:40px}
.mobile-products-view-all{display:block;padding:12px 16px;text-align:center;font-size:13px;font-weight:700;color:var(--gold);background:rgba(201,169,97,0.05);border-top:1px solid var(--border)}

/* ===== WB-023: 8-DIMENSION FILTER ===== */
.filter-grid-8{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.filter-grid-8 .filter-group label{display:block;font-size:12px;font-weight:600;color:var(--text-mid);margin-bottom:6px}
.filter-grid-8 .filter-group select{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:8px;font-size:14px;color:var(--text);background:var(--white);outline:none;transition:var(--transition)}
.filter-grid-8 .filter-group select:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(201,169,97,0.1)}

/* ===== WB-025: FILTER QTY SELECTOR + NO-REDIRECT PUSH ===== */
.filter-push-group{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-inline-start:auto}
.filter-qty-selector{display:flex;align-items:center;gap:0;border:1px solid var(--border);border-radius:8px;overflow:hidden;background:var(--white);height:38px}
.fqs-btn{width:34px;height:100%;border:none;background:var(--bg);color:var(--navy);font-size:18px;font-weight:var(--fw-regular);cursor:pointer;transition:var(--transition);display:flex;align-items:center;justify-content:center;line-height:1}
.fqs-btn:hover{background:var(--gold);color:var(--navy)}
.fqs-btn:active{transform:scale(0.92)}
.fqs-input{width:50px;height:100%;border:none;text-align:center;font-size:15px;font-weight:700;color:var(--navy);background:var(--white);outline:none;-moz-appearance:textfield;padding:0}
.fqs-input::-webkit-outer-spin-button,.fqs-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.fqs-unit{height:100%;border:none;border-left:1px solid var(--border);background:var(--bg);color:var(--text-mid);font-size:12px;font-weight:600;padding:0 8px;cursor:pointer;outline:none}
.fqs-unit:focus{background:var(--gold);color:var(--navy)}
.filter-view-list{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border:1px solid var(--border);border-radius:8px;font-size:13px;font-weight:600;color:var(--text-mid);text-decoration:none;transition:var(--transition);background:var(--white)}
.filter-view-list:hover{border-color:var(--gold);color:var(--gold-dark)}
.filter-view-list.has-items{border-color:var(--gold);background:rgba(201,169,97,0.08);color:var(--gold-dark)}
.filter-view-list.has-items:hover{background:rgba(201,169,97,0.15)}

/* ===== WB-025: MULTI-ROW QUOTE LIST (header+fields, per-row isolation) ===== */
.quote-list-section{padding:80px 0;background:var(--bg)}
.quote-list-container{max-width:1200px;margin:0 auto;background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden}
.quote-list-header{padding:32px;background:linear-gradient(135deg,var(--navy),var(--steel));color:var(--white)}
.quote-list-header h2{font-family:'Inter',sans-serif;font-size:var(--fs-h3);font-weight:var(--fw-medium);letter-spacing:var(--ls-wide);margin-bottom:8px}
.quote-list-header p{font-size:14px;opacity:0.85}
.quote-list-body{padding:32px}
/* Row container */
.ql-item{padding:16px;border:1px solid var(--border);border-radius:12px;margin-bottom:12px;transition:var(--transition);position:relative}
.ql-item:hover{border-color:var(--gold);box-shadow:0 2px 12px rgba(201,169,97,0.1)}
.ql-item.ql-locked{background:rgba(201,169,97,0.05);border-color:rgba(201,169,97,0.3)}
/* Row header bar */
.ql-item-header{display:flex;align-items:center;gap:8px;margin-bottom:12px;padding-bottom:8px;border-bottom:1px dashed var(--border)}
.ql-item-num{font-size:13px;font-weight:700;color:var(--gold-dark);background:rgba(201,169,97,0.12);padding:2px 10px;border-radius:12px;white-space:nowrap}
.ql-item-source{font-size:11px;color:var(--gold-dark);font-weight:600;flex:1}
.ql-item-actions{display:flex;gap:6px;margin-inline-start:auto}
/* Fields grid */
.ql-item-fields{display:grid;grid-template-columns:2fr 1.3fr 1.3fr 1fr 1fr 1.2fr 1.2fr 1.5fr;gap:12px;align-items:end}
.ql-field{display:flex;flex-direction:column;gap:4px}
.ql-field label{font-size:11px;font-weight:600;color:var(--text-light);text-transform:uppercase;letter-spacing:0.5px}
.ql-field select,.ql-field input{width:100%;padding:8px 10px;border:1px solid var(--border);border-radius:6px;font-size:13px;font-family:inherit;outline:none;transition:var(--transition);background:var(--white)}
.ql-field select:focus,.ql-field input:focus{border-color:var(--gold);box-shadow:0 0 0 2px rgba(201,169,97,0.1)}
.ql-field select:disabled{background:var(--bg-gray);color:var(--text-light);cursor:not-allowed}
.ql-field select[data-manual="1"]{border-left:2px solid var(--gold)}
.ql-item .ql-field-full{grid-column:1/-1}
/* Qty group: input + unit select */
.ql-qty-group{display:flex;gap:6px}
.ql-qty-group input{flex:1;min-width:0}
.ql-qty-group select{width:80px;flex-shrink:0}
/* Lock badge */
.ql-lock-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:12px;font-size:10px;font-weight:700;background:rgba(201,169,97,0.15);color:var(--gold-dark)}
/* Action buttons */
.ql-copy,.ql-remove{width:32px;height:32px;border:none;border-radius:8px;font-size:15px;cursor:pointer;transition:var(--transition);display:flex;align-items:center;justify-content:center}
.ql-copy{background:var(--bg);color:var(--text-mid)}
.ql-copy:hover{background:rgba(201,169,97,0.15);color:var(--gold-dark)}
.ql-remove{background:var(--bg);color:var(--text-light);font-size:14px}
.ql-remove:hover{background:#fee;color:#e24b4a}
.ql-add-row{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:16px}
.ql-summary{margin-top:24px;padding:24px;background:var(--bg);border-radius:12px}
.ql-summary-row{display:flex;justify-content:space-between;padding:8px 0;font-size:14px}
.ql-summary-row strong{color:var(--navy)}
.ql-actions{display:flex;gap:16px;margin-top:24px}
.ql-actions .btn{flex:1}
.ql-customer-info{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:24px}
.ql-customer-info .ql-field-full{grid-column:1/-1}

/* ===== WB-023: PRODUCT L1/L2/L3 BADGE ===== */
.product-tier-badge{display:inline-block;padding:2px 8px;border-radius:4px;font-size:10px;font-weight:700;letter-spacing:0.5px;margin-bottom:8px}
.product-tier-badge.l1{background:var(--navy);color:var(--gold)}
.product-tier-badge.l2{background:rgba(201,169,97,0.15);color:var(--gold-dark)}
.product-tier-badge.l3{background:var(--bg-gray);color:var(--text-mid)}

/* ===== WB-023: AUTO TAGS ===== */
.auto-tag{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:12px;font-size:11px;font-weight:600;margin:2px}
.auto-tag.perf{background:rgba(27,58,91,0.1);color:var(--steel)}
.auto-tag.region{background:rgba(15,110,86,0.1);color:#0f6e56}
.auto-tag.ops{background:rgba(201,169,97,0.12);color:var(--gold-dark)}
.auto-tag.new-arrival{background:var(--gold);color:var(--navy)}

/* ===== WB-023: NEW ARRIVAL SECTION ===== */
.new-arrivals-section{padding:60px 0;background:var(--bg)}
.new-arrivals-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:32px}
.new-arrival-card{background:var(--white);border-radius:12px;overflow:hidden;box-shadow:var(--shadow);transition:var(--transition);position:relative}
.new-arrival-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}
.new-arrival-card .na-badge{position:absolute;top:12px;left:12px;padding:4px 12px;border-radius:12px;font-size:11px;font-weight:700;background:var(--gold);color:var(--navy);z-index:2}
.new-arrival-card .na-img{height:160px;background:linear-gradient(135deg,var(--steel),var(--navy));display:flex;align-items:center;justify-content:center;color:rgba(201,169,97,0.3);font-size:12px;text-align:center;padding:12px}
.new-arrival-card .na-body{padding:16px}
.new-arrival-card .na-body h4{font-size:15px;font-weight:600;color:var(--navy);margin-bottom:6px}
.new-arrival-card .na-body p{font-size:12px;color:var(--text-mid);line-height:1.5}
.new-arrival-card .na-tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:10px}

/* ===== WB-023: RESPONSIVE EXTENSIONS ===== */
@media(max-width:1024px){
  .products-mega{width:960px}
  .products-mega-grid{grid-template-columns:repeat(3,1fr);gap:10px;padding:12px}
  .products-mega-col{padding:12px}
  .filter-grid-8{grid-template-columns:repeat(2,1fr)}
  .new-arrivals-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:768px){
  .products-mega{display:none}
  .products-nav-item.mega-active .products-mega{display:none}
  .filter-grid-8{grid-template-columns:1fr}
  /* WB-025: multi-row list stacks vertically on mobile */
  .ql-item-fields{grid-template-columns:1fr;gap:8px}
  .ql-item-header{flex-wrap:wrap;gap:6px}
  .ql-item-actions{margin-inline-start:auto}
  .ql-copy,.ql-remove{min-width:40px;min-height:40px;font-size:16px}
  .ql-qty-group{flex-direction:row}
  .ql-qty-group select{width:90px}
  .ql-customer-info{grid-template-columns:1fr}
  .new-arrivals-grid{grid-template-columns:1fr}
  .quote-list-body{padding:16px}
  .quote-list-header{padding:20px}
}
@media(max-width:1024px) and (min-width:769px){
  /* WB-025: tablet layout — fields wrap into 4 columns */
  .ql-item-fields{grid-template-columns:repeat(4,1fr)}
  .ql-item .ql-field-full{grid-column:1/-1}
}

/* ===== WB-024: LAYERED FILTER (basic + advanced collapsible) ===== */
.filter-layered{background:#fff;border-radius:12px;box-shadow:0 4px 24px rgba(13,27,42,0.08);padding:24px;border:1px solid var(--border)}
.filter-basic{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:end}
.filter-basic .filter-group{min-width:0}
.filter-basic .filter-group label{display:block;font-size:13px;font-weight:600;color:var(--text);margin-bottom:6px;letter-spacing:0.3px}
.filter-basic .filter-group select{width:100%;padding:10px 14px;border:1px solid var(--border);border-radius:12px;font-size:14px;color:var(--text);background:#fff;cursor:pointer;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234A5568' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:18px;padding-inline-end:38px}
.filter-basic .filter-group select:hover{border-color:var(--gold)}
.filter-basic .filter-group select:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px rgba(201,169,97,0.15)}

/* Smart auto-fill indicator */
.smart-fill-badge{display:inline-flex;align-items:center;gap:6px;background:rgba(201,169,97,0.12);color:var(--gold-dark);font-size:11px;font-weight:600;padding:4px 10px;border-radius:20px;margin-inline-start:8px;letter-spacing:0.3px;opacity:0;transition:opacity 0.3s}
.smart-fill-badge.visible{opacity:1}
.smart-fill-badge::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--gold);animation:pulse 2s infinite}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.4}}

/* Auto-filled parameter display */
.filter-autofill-summary{margin-top:16px;padding:14px 18px;background:#F7F8FA;border-radius:12px;border:1px solid var(--border);display:none}
.filter-autofill-summary.visible{display:block}
.filter-autofill-summary .af-label{font-size:11px;font-weight:600;color:var(--text-light);text-transform:uppercase;letter-spacing:1px;margin-bottom:8px}
.filter-autofill-summary .af-tags{display:flex;flex-wrap:wrap;gap:8px}
.filter-autofill-summary .af-tag{display:inline-flex;align-items:center;gap:4px;background:#fff;border:1px solid var(--border);border-radius:8px;padding:5px 12px;font-size:12px;color:var(--text);font-weight:500}
.filter-autofill-summary .af-tag .af-tag-key{color:var(--text-light);font-size:11px}
.filter-autofill-summary .af-tag .af-tag-val{color:var(--navy);font-weight:600}
.filter-autofill-summary .af-tag.locked{border-color:var(--gold);background:rgba(201,169,97,0.06)}

/* Advanced filter toggle */
.filter-advanced-toggle{display:flex;align-items:center;justify-content:space-between;margin-top:20px;padding:12px 18px;background:#F7F8FA;border-radius:12px;cursor:pointer;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);user-select:none}
.filter-advanced-toggle:hover{background:rgba(201,169,97,0.06)}
.filter-advanced-toggle .fat-label{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--gold-dark)}
.filter-advanced-toggle .fat-label .fat-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;transition:transform 0.3s cubic-bezier(0.4,0,0.2,1)}
.filter-advanced-toggle.open .fat-label .fat-icon{transform:rotate(180deg)}
.filter-advanced-toggle .fat-hint{font-size:12px;color:var(--text-light)}

/* Advanced filter panel (collapsible) */
.filter-advanced-panel{max-height:0;overflow:hidden;transition:max-height 0.4s cubic-bezier(0.4,0,0.2,1)}
.filter-advanced-panel.open{max-height:600px}
.filter-advanced-inner{padding:20px 0 0;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.filter-advanced-inner .filter-group label{display:block;font-size:13px;font-weight:600;color:var(--text);margin-bottom:6px}
.filter-advanced-inner .filter-group select{width:100%;padding:10px 14px;border:1px solid var(--border);border-radius:12px;font-size:14px;color:var(--text);background:#fff;cursor:pointer;transition:all 0.3s;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234A5568' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:18px;padding-inline-end:38px}
.filter-advanced-inner .filter-group select:hover{border-color:var(--gold)}
.filter-advanced-inner .filter-group select:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px rgba(201,169,97,0.15)}
.filter-advanced-inner .filter-group select option:checked{background:rgba(201,169,97,0.12)}

/* Hurricane impact toggle switch */
.filter-hurricane-toggle{grid-column:1/-1;display:flex;align-items:center;gap:12px;padding:12px 16px;background:rgba(201,169,97,0.06);border:1px solid var(--gold);border-radius:12px}
.filter-hurricane-toggle input[type="checkbox"]{width:20px;height:20px;accent-color:var(--gold);cursor:pointer}
.filter-hurricane-toggle label{font-size:14px;font-weight:600;color:var(--gold-dark);cursor:pointer;margin:0}
.filter-hurricane-toggle .fht-hint{font-size:12px;color:var(--text-light);margin-inline-start:auto}
.filter-hurricane-toggle.active{background:rgba(201,169,97,0.12);box-shadow:0 0 0 2px rgba(201,169,97,0.2)}

/* Filter actions bar */
.filter-actions-bar{display:flex;align-items:center;gap:12px;margin-top:20px;flex-wrap:wrap}
.filter-actions-bar .btn{min-height:42px}
/* WB-FIX-02: Match count text */
.filter-match-count{font-size:14px;font-weight:600;color:var(--text-mid);padding:6px 14px;background:var(--bg);border-radius:8px;border:1px solid var(--border);display:inline-flex;align-items:center;gap:6px}
.filter-match-count strong{color:var(--gold-dark);font-size:18px;font-family:'Inter',sans-serif}
/* WB-FIX-02: Multi-select checkbox dropdown */
.ms-dropdown{position:relative}
.ms-dropdown-btn{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:8px;font-size:14px;color:var(--text);background:var(--white);outline:none;transition:var(--transition);cursor:pointer;display:flex;justify-content:space-between;align-items:center;text-align:left}
.ms-dropdown-btn:hover,.ms-dropdown-btn:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(201,169,97,0.1)}
.ms-dropdown-btn .ms-arrow{transition:transform 0.3s;flex-shrink:0;margin-inline-start:8px}
.ms-dropdown.open .ms-arrow{transform:rotate(180deg)}
.ms-dropdown-panel{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--white);border:1px solid var(--border);border-radius:8px;box-shadow:var(--shadow-lg);max-height:240px;overflow-y:auto;z-index:50;display:none;padding:4px}
.ms-dropdown.open .ms-dropdown-panel{display:block}
.ms-option{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:6px;cursor:pointer;font-size:13px;transition:var(--transition)}
.ms-option:hover{background:var(--bg)}
.ms-option input{margin:0;accent-color:var(--gold);width:16px;height:16px}
.ms-option label{cursor:pointer;flex:1}
.filter-actions-bar .btn-push{margin-inline-start:auto;background:var(--gold);color:var(--navy);font-weight:var(--fw-regular);padding:10px 24px;border-radius:12px;border:none;cursor:pointer;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);font-size:14px;display:inline-flex;align-items:center;gap:8px}
.filter-actions-bar .btn-push:hover{background:var(--gold-dark);color:#fff;transform:translateY(-2px);box-shadow:0 6px 20px rgba(201,169,97,0.3)}
.filter-actions-bar .btn-push:active{transform:translateY(0)}

/* Toast notification */
.filter-toast{position:fixed;bottom:24px;right:24px;background:var(--navy);color:#fff;padding:16px 24px;border-radius:12px;box-shadow:0 12px 48px rgba(13,27,42,0.2);font-size:14px;z-index:9999;transform:translateY(120%);transition:transform 0.4s cubic-bezier(0.4,0,0.2,1);max-width:360px}
.filter-toast.show{transform:translateY(0)}
.filter-toast .ft-icon{color:var(--gold);font-weight:700;margin-inline-end:8px}
.filter-toast.error{background:#C53030}

/* Mobile: layered filter responsive */
@media(max-width:768px){
  .filter-basic{grid-template-columns:1fr;gap:12px}
  .filter-advanced-inner{grid-template-columns:1fr;gap:10px}
  .filter-advanced-panel.open{max-height:800px}
  .filter-actions-bar{flex-direction:column;align-items:stretch}
  .filter-actions-bar .btn-push{margin-inline-start:0;width:100%;justify-content:center}
  .filter-advanced-toggle{padding:14px 16px}
  .filter-advanced-toggle .fat-hint{display:none}
  /* Filter qty selector + push group mobile */
  .filter-push-group{margin-inline-start:0;width:100%;flex-direction:column;gap:10px;align-items:stretch}
  .filter-qty-selector{width:100%;justify-content:center;height:44px}
  .fqs-btn{width:44px;height:44px;font-size:20px}
  .fqs-input{font-size:16px}
  .fqs-unit{font-size:13px;padding:0 12px}
  .filter-actions-bar .btn-push{width:100%;justify-content:center}
  .filter-view-list{width:100%;justify-content:center;padding:12px}
}

/* ===== WB-FIX-05: Export PDF Spec Sheet Button ===== */
.btn-export-pdf{
  display:inline-flex;align-items:center;gap:8px;
  background:transparent;color:var(--steel);
  border:1.5px solid var(--steel);border-radius:8px;
  font-size:14px;font-weight:600;padding:10px 18px;
  cursor:pointer;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);
  white-space:nowrap;
}
.btn-export-pdf:hover{
  border-color:var(--gold);color:var(--gold);
  background:rgba(201,169,97,0.06);
}
.btn-export-pdf svg{flex-shrink:0}
@media(max-width:768px){
  .btn-export-pdf{width:100%;justify-content:center;padding:12px}
}

/* ===== WB-SOL-FIX-03: Trust Prelude (inline style cleanup) ===== */
.trust-prelude{background:linear-gradient(135deg,var(--navy) 0%,var(--steel) 100%);color:#fff;padding:80px 0}
.tp-header{margin-bottom:48px}
.tp-tag{color:var(--gold)}
.tp-title{color:#fff}
.tp-sub{color:rgba(255,255,255,0.75);max-width:720px;margin:0 auto}
.tp-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px}
.tp-card{background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);border-radius:var(--radius);padding:32px}
.tp-icon{font-size:36px;margin-bottom:16px}
.tp-card h3{font-size:20px;margin-bottom:12px;color:#fff}
.tp-card p{color:rgba(255,255,255,0.65);line-height:1.7}
.tp-card p a{color:var(--gold-light);text-decoration:underline}
.tp-highlight{color:var(--gold)}
.tp-cta{border-color:var(--gold);color:var(--gold)}
.tp-cta:hover{background:var(--gold);color:var(--navy)}

/* ===== WB-SOL-FIX-01: Audience Split Cards (image + differentiated CTA) ===== */
.audience-split-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px;margin-top:48px}
.audience-split-card{background:var(--white);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow);transition:var(--transition);display:flex;flex-direction:column;border:1px solid var(--border)}
.audience-split-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--gold)}
.asc-image{width:100%;height:200px;overflow:hidden;position:relative;background:var(--bg-gray)}
.asc-image img{width:100%;height:100%;object-fit:cover;transition:transform 0.4s cubic-bezier(0.4,0,0.2,1);filter:blur(0);opacity:1}
.asc-image img.lazy-loading{filter:blur(8px);opacity:0.7}
.audience-split-card:hover .asc-image img{transform:scale(1.05)}
.asc-body{padding:28px;flex:1;display:flex;flex-direction:column}
.asc-tag{font-size:13px;font-weight:600;color:var(--gold);letter-spacing:1px;text-transform:uppercase;margin-bottom:12px}
.asc-body h3{font-size:22px;font-weight:600;color:var(--text);margin-bottom:12px;font-family:'Inter',sans-serif}
.asc-body p{color:var(--text-mid);line-height:1.6;margin-bottom:16px;font-size:15px}
.asc-features{list-style:none;padding:0;margin:0 0 24px 0;flex:1}
.asc-features li{padding:6px 0 6px 24px;position:relative;color:var(--text-mid);font-size:14px}
.asc-features li::before{content:"✓";position:absolute;left:0;color:var(--gold);font-weight:700}
.asc-cta{margin-top:auto;width:100%;text-align:center}
@media(max-width:768px){
  .audience-split-grid{grid-template-columns:1fr;gap:20px}
  .asc-image{height:180px}
  .asc-body{padding:20px}
  .asc-body h3{font-size:18px}
  .asc-cta{font-size:14px;padding:12px 16px}
}

/* ===== WB-SOL-FIX-01: Related Resources (role-specific) ===== */
.related-resources{padding:80px 0;background:var(--bg)}
.rr-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;margin-top:40px}
.rr-card{background:var(--white);border-radius:var(--radius);padding:28px;border:1px solid var(--border);transition:var(--transition);display:flex;flex-direction:column;text-decoration:none;color:inherit}
.rr-card:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:var(--gold)}
.rr-card .rr-icon{width:48px;height:48px;border-radius:12px;background:rgba(201,169,97,0.1);display:flex;align-items:center;justify-content:center;font-size:22px;margin-bottom:16px;color:var(--gold)}
.rr-card h4{font-size:16px;font-weight:600;color:var(--text);margin-bottom:8px}
.rr-card p{font-size:13px;color:var(--text-light);line-height:1.5;margin-bottom:12px;flex:1}
.rr-card .rr-link{font-size:13px;font-weight:600;color:var(--gold);display:inline-flex;align-items:center;gap:4px}
.rr-card:hover .rr-link{gap:8px}
@media(max-width:768px){.rr-grid{grid-template-columns:1fr;gap:16px}.related-resources{padding:60px 0}}

/* ===== WB-SOL-FIX-02: Operations Banner ===== */
.ops-banner{display:flex;align-items:center;gap:16px;padding:16px 24px;border-radius:var(--radius);background:linear-gradient(135deg,rgba(201,169,97,0.08) 0%,rgba(201,169,97,0.03) 100%);border:1px solid rgba(201,169,97,0.25);margin-bottom:0}
.ops-banner .ob-icon{font-size:24px;flex-shrink:0}
.ops-banner .ob-text{flex:1;font-size:14px;color:var(--text-mid);line-height:1.5}
.ops-banner .ob-text strong{color:var(--gold-dark);font-weight:700}
.ops-banner .ob-cta{font-size:13px;font-weight:var(--fw-regular);color:var(--gold);white-space:nowrap;text-decoration:none;transition:var(--transition)}
.ops-banner .ob-cta:hover{color:var(--gold-dark);gap:8px}
@media(max-width:768px){.ops-banner{flex-direction:column;align-items:flex-start;gap:10px;padding:14px 16px}.ops-banner .ob-cta{align-self:flex-end}}

/* ===== WB-SOL-FIX-03: Blur-up image placeholder ===== */
.blur-up-container{position:relative;overflow:hidden;background:var(--bg-gray)}
.blur-up-container::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}
.blur-up-container img{position:relative;z-index:1;opacity:0;transition:opacity 0.4s ease}
.blur-up-container img.loaded{opacity:1}
.blur-up-container img.loaded~::before{display:none}
@keyframes shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}

/* ===== WB-SOL-FIX-03: Mobile accordion expand/collapse all ===== */
.mobile-accordion-controls{display:flex;gap:12px;padding:12px 16px;border-bottom:1px solid var(--border)}
.mac-btn{font-size:13px;font-weight:var(--fw-regular);color:var(--gold-dark);background:none;border:none;cursor:pointer;padding:6px 14px;border-radius:6px;transition:var(--transition)}
.mac-btn:hover{background:rgba(201,169,97,0.1)}
.mac-btn:active{transform:scale(0.97)}

/* ===== WB-SOL-FIX-03: WhatsApp tooltip enhanced contrast ===== */
.whatsapp-tooltip{font-size:14px!important}
.whatsapp-tooltip .tz-detail{font-size:13px!important;color:rgba(255,255,255,0.85)!important;line-height:1.7!important;font-weight:500}
.whatsapp-tooltip .timezone{font-size:14px!important;color:var(--gold-light)!important;font-weight:600}

/* ===== WB-SOL-FIX-05: Tiered Pricing Table ===== */
.tiered-pricing-table{width:100%;border-collapse:collapse;margin-top:32px;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}
.tiered-pricing-table thead{background:linear-gradient(135deg,var(--navy) 0%,var(--steel) 100%)}
.tiered-pricing-table th{color:#fff;padding:16px 20px;font-size:14px;font-weight:600;text-align:left;letter-spacing:0.5px}
.tiered-pricing-table th:first-child{text-align:left}
.tiered-pricing-table td{padding:14px 20px;font-size:14px;color:var(--text);border-bottom:1px solid var(--border);background:var(--white)}
.tiered-pricing-table tbody tr:hover td{background:rgba(201,169,97,0.04)}
.tiered-pricing-table .tier-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:700;letter-spacing:0.5px}
.tiered-pricing-table .tier-bronze{background:rgba(205,127,50,0.12);color:#CD7F32}
.tiered-pricing-table .tier-silver{background:rgba(192,192,192,0.15);color:#666}
.tiered-pricing-table .tier-gold{background:rgba(201,169,97,0.15);color:var(--gold-dark)}
.tiered-pricing-table .tier-platinum{background:rgba(13,27,42,0.1);color:var(--navy)}
.tiered-pricing-table .discount-cell{font-weight:700;color:var(--gold-dark);font-family:'Inter',sans-serif;font-size:16px}
@media(max-width:768px){
  .tiered-pricing-table{font-size:12px}
  .tiered-pricing-table th,.tiered-pricing-table td{padding:10px 8px}
  .tiered-pricing-table .tier-badge{font-size:10px;padding:3px 8px}
}

/* ===== WB-SOL-FIX-05: OEM Path Visualization Cards ===== */
.oem-path-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-top:40px}
.oem-path-card{background:var(--white);border-radius:var(--radius-lg);padding:36px;border:2px solid var(--border);transition:var(--transition);position:relative;overflow:hidden}
.oem-path-card:hover{border-color:var(--gold);box-shadow:var(--shadow-lg)}
.oem-path-card .op-badge{position:absolute;top:20px;right:20px;padding:6px 16px;border-radius:20px;font-size:12px;font-weight:700;letter-spacing:1px;text-transform:uppercase}
.oem-path-card .op-badge-a{background:rgba(201,169,97,0.15);color:var(--gold-dark)}
.oem-path-card .op-badge-b{background:rgba(27,58,91,0.1);color:var(--steel)}
.oem-path-card .op-icon{font-size:32px;margin-bottom:16px}
.oem-path-card h4{font-size:20px;font-weight:600;color:var(--text);margin-bottom:12px;font-family:'Inter',sans-serif}
.oem-path-card .op-desc{font-size:14px;color:var(--text-mid);line-height:1.6;margin-bottom:20px}
.oem-path-card .op-steps{list-style:none;padding:0;margin:0 0 24px 0}
.oem-path-card .op-steps li{padding:8px 0 8px 32px;position:relative;font-size:14px;color:var(--text-mid)}
.oem-path-card .op-steps li::before{content:counter(step-counter,decimal);counter-increment:step-counter;position:absolute;left:0;top:8px;width:22px;height:22px;border-radius:50%;background:var(--bg);color:var(--gold-dark);font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center}
.oem-path-card .op-steps{counter-reset:step-counter}
.oem-path-card .op-timeline{font-size:13px;color:var(--text-light);padding:10px 14px;background:var(--bg);border-radius:8px;display:inline-block}
.oem-path-card .op-timeline strong{color:var(--gold-dark)}
@media(max-width:768px){.oem-path-grid{grid-template-columns:1fr;gap:20px}.oem-path-card{padding:24px}}

/* ===== WB-SOL-FIX-01: Footer solutions compact ===== */
.footer-catalog-link{color:var(--gold)!important;font-weight:600!important}
.footer-catalog-link:hover{color:var(--gold-dark)!important}
.footer-solutions-compact{display:flex;flex-wrap:wrap;gap:8px 16px}
.footer-solutions-compact a{font-size:13px;color:var(--text-light);text-decoration:none;transition:var(--transition);white-space:nowrap}
.footer-solutions-compact a:hover{color:var(--gold)}
@media(max-width:768px){.footer-solutions-compact{gap:6px 12px}.footer-solutions-compact a{font-size:12px}}

/* ===== WB-SOL-FIX-02: Calculator PDF Export Button ===== */
.calc-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.calc-actions .calc-submit{flex:1;min-width:200px}
.btn-export-estimate{display:inline-flex;align-items:center;gap:8px;background:var(--steel);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:var(--fw-regular);padding:10px 20px;cursor:pointer;transition:var(--transition);white-space:nowrap}
.btn-export-estimate:hover{background:var(--navy);transform:translateY(-1px);box-shadow:var(--shadow)}
@media(max-width:768px){.calc-actions{flex-direction:column}.calc-actions .calc-submit{width:100%}.btn-export-estimate{width:100%;justify-content:center}}

/* ===== WB-SOL-FIX-04: Tech Blog Card Section ===== */
.tech-blog-section{padding:60px 0;background:var(--bg)}
.tech-blog-card{position:relative;max-width:760px;margin:0 auto;background:var(--white);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow);border:1px solid var(--border);display:flex;flex-direction:column;transition:var(--transition)}
.tech-blog-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--gold)}
.tbc-header{display:flex;align-items:center;gap:12px;padding:20px 28px 0}
.tbc-badge{background:var(--gold);color:#fff;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;letter-spacing:0.5px;text-transform:uppercase}
.tbc-readtime{font-size:13px;color:var(--text-light)}
.tbc-body{padding:16px 28px 24px}
.tbc-body h3{font-size:22px;font-weight:600;color:var(--navy);margin-bottom:10px;line-height:1.3}
.tbc-body p{color:var(--text-mid);line-height:1.7;font-size:15px;margin-bottom:16px}
.tbc-tags{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}
.tbc-tag{background:var(--bg-gray);color:var(--text-mid);padding:4px 10px;border-radius:6px;font-size:12px;font-weight:500}
.tbc-cta{display:inline-flex;align-items:center;gap:6px;color:var(--gold);font-weight:var(--fw-regular);font-size:14px;transition:var(--transition)}
.tbc-cta:hover{color:var(--gold-dark);gap:10px}
@media(max-width:768px){.tech-blog-section{padding:40px 0}.tbc-body{padding:12px 20px 20px}.tbc-body h3{font-size:18px}.tbc-body p{font-size:14px}}

/* ===== WB-SOL-FIX-04: Case Study Regional Link ===== */
.case-regional-link{display:inline-flex;align-items:center;gap:6px;margin-top:12px;padding:6px 14px;background:rgba(201,169,97,0.1);border:1px solid rgba(201,169,97,0.3);border-radius:6px;font-size:13px;font-weight:600;color:var(--gold-dark);transition:var(--transition)}
.case-regional-link:hover{background:var(--gold);color:#fff;border-color:var(--gold)}

/* ===== WB-COMPLIANCE-FULL-USA: Compliance Notice Block ===== */
.compliance-notice{max-width:900px;margin:0 auto 48px;background:#fff8e1;border-left:4px solid #f9a825;border-radius:var(--radius);padding:24px 28px}
.compliance-notice h4{display:flex;gap:8px;align-items:center;color:#333;font-weight:700;font-size:16px;margin-bottom:12px}
.compliance-notice h4 svg{width:20px;height:20px;flex-shrink:0}
.compliance-notice p{line-height:1.8;color:#555;margin:12px 0}
.compliance-notice .cn-links{margin-top:20px;display:flex;gap:16px;flex-wrap:wrap;align-items:center}
.compliance-notice .cn-links a{color:var(--gold-dark);font-weight:600;font-size:14px;transition:var(--transition)}
.compliance-notice .cn-links a:hover{color:var(--gold)}
.compliance-notice .cn-links .cn-separator{color:#ccc;font-size:14px}
@media(max-width:768px){.compliance-notice{padding:18px 20px;margin-bottom:32px}.compliance-notice p{font-size:14px}}

/* ===== WB-COMPLIANCE-FULL-USA: Certification Timeline ===== */
.cert-timeline-section{padding:80px 0;background:var(--white)}
.cert-timeline{max-width:1000px;margin:0 auto;display:flex;flex-wrap:wrap;gap:0;justify-content:space-between;position:relative}
.cert-timeline::before{content:"";position:absolute;top:40px;left:5%;right:5%;height:3px;background:linear-gradient(90deg,var(--gold-light),var(--gold),var(--gold-dark));border-radius:2px;z-index:0}
.cert-tl-step{flex:1;min-width:160px;text-align:center;position:relative;z-index:1;padding:0 8px}
.cert-tl-num{width:56px;height:56px;border-radius:50%;background:var(--white);border:3px solid var(--gold);display:flex;align-items:center;justify-content:center;font-family:'Inter',sans-serif;font-size:22px;font-weight:700;color:var(--navy);margin:0 auto 16px;box-shadow:0 4px 12px rgba(201,169,97,0.2)}
.cert-tl-step h4{font-size:15px;font-weight:600;color:var(--navy);margin-bottom:6px}
.cert-tl-step p{font-size:13px;color:var(--text-mid);line-height:1.5}
.cert-tl-duration{display:inline-block;margin-top:8px;padding:3px 10px;background:rgba(201,169,97,0.12);border-radius:12px;font-size:12px;color:var(--gold-dark);font-weight:600}
.cert-tl-passrate{text-align:center;margin-top:32px;padding:16px 28px;background:rgba(201,169,97,0.08);border-radius:var(--radius);display:inline-block;font-size:15px;color:var(--navy);font-weight:600}
.cert-tl-passrate strong{color:var(--gold-dark);font-size:20px;font-family:'Inter',sans-serif}
@media(max-width:768px){.cert-timeline{flex-direction:column;gap:24px}.cert-timeline::before{display:none}.cert-tl-step{min-width:100%}.cert-tl-num{margin-bottom:8px}}

/* ===== WB-COMPLIANCE-FULL-USA: HVHZ FAQ ===== */
.hvhz-faq-section{padding:80px 0;background:var(--bg)}
.hvhz-faq-list{max-width:780px;margin:0 auto}
.hvhz-faq-item{background:var(--white);border-radius:var(--radius);margin-bottom:12px;overflow:hidden;border:1px solid var(--border);transition:var(--transition)}
.hvhz-faq-item:hover{border-color:rgba(201,169,97,0.3)}
.hvhz-faq-q{padding:18px 24px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-size:var(--fs-body);font-weight:var(--fw-medium);line-height:var(--lh-normal);color:var(--navy);user-select:none}
.hvhz-faq-q .hfh-icon{width:24px;height:24px;flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:transform 0.3s ease;color:var(--hero-theme,var(--gold))}
.hvhz-faq-item.active .hvhz-faq-q .hfh-icon{transform:rotate(45deg)}
.faq-highlight{color:var(--hero-theme,var(--gold));font-weight:600}
.hvhz-faq-a{max-height:0;overflow:hidden;transition:max-height 0.4s cubic-bezier(0.4,0,0.2,1)}
.hvhz-faq-item.active .hvhz-faq-a{max-height:400px}
.hvhz-faq-a-inner{padding:0 24px 18px;font-size:var(--fs-small);color:var(--text-mid);line-height:var(--lh-relaxed)}
@media(max-width:768px){.hvhz-faq-q{font-size:14px;padding:16px 20px}.hvhz-faq-a-inner{font-size:13px;padding:0 20px 16px}}

/* ===== WB-COMPLIANCE-FULL-USA: Param Table Status Badge ===== */
.status-inhouse{display:inline-block;padding:3px 10px;border-radius:6px;font-size:12px;font-weight:600;background:rgba(34,139,87,0.1);color:#226b4e;border:1px solid rgba(34,139,87,0.2)}
.status-specimens{display:inline-block;padding:3px 10px;border-radius:6px;font-size:12px;font-weight:600;background:rgba(201,169,97,0.1);color:var(--gold-dark);border:1px solid rgba(201,169,97,0.2)}
.param-table-disclaimer{font-size:13px;color:var(--text-mid);margin-top:16px;text-align:center;line-height:1.6;padding:12px 20px;background:var(--bg);border-radius:var(--radius)}

/* ===== WB-COMPLIANCE-FULL-USA: Product Badge NOA Support ===== */
.badge-noa-support{display:inline-block;padding:3px 8px;border-radius:4px;font-size:11px;font-weight:600;background:rgba(13,27,42,0.08);color:var(--navy);border:1px solid rgba(13,27,42,0.15)}

/* ===== WB-COMPLIANCE-FULL-USA: Certification Partnership Page ===== */
.cert-partnership-hero{padding:100px 0 40px;background:linear-gradient(135deg,var(--navy),var(--steel));color:#fff;text-align:center}
.cert-partnership-hero h1{font-family:'Inter',sans-serif;font-size:var(--fs-h1);font-weight:var(--fw-bold);letter-spacing:var(--ls-wide);margin-bottom:16px;line-height:var(--lh-tight)}
.cert-partnership-hero p{font-size:18px;color:rgba(255,255,255,0.8);max-width:700px;margin:0 auto 28px;line-height:1.6}
.cp-pain-point{background:var(--white);border-radius:var(--radius-lg);padding:32px;box-shadow:var(--shadow);border:1px solid var(--border);transition:var(--transition)}
.cp-pain-point:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--gold)}
.cp-pain-point .cpp-icon{width:48px;height:48px;border-radius:12px;background:rgba(220,53,69,0.1);display:flex;align-items:center;justify-content:center;margin-bottom:16px}
.cp-comparison-table{width:100%;border-collapse:collapse;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}
.cp-comparison-table th{background:var(--navy);color:#fff;padding:16px 20px;font-size:14px;font-weight:600;text-align:left}
.cp-comparison-table td{padding:14px 20px;font-size:14px;border-bottom:1px solid var(--border);color:var(--text)}
.cp-comparison-table tr:last-child td{border-bottom:none}
.cp-comparison-table .cp-col-ours{background:rgba(201,169,97,0.05);font-weight:600}
.cp-standard-card{background:var(--white);border-radius:var(--radius);padding:24px;border:1px solid var(--border);text-align:center;transition:var(--transition)}
.cp-standard-card:hover{border-color:var(--gold);box-shadow:var(--shadow)}
.cp-standard-card .cps-flag{font-size:32px;margin-bottom:8px}
.cp-standard-card h4{font-size:16px;font-weight:600;color:var(--navy);margin-bottom:6px}
.cp-standard-card p{font-size:13px;color:var(--text-mid);line-height:1.5}
.cp-case-card{background:var(--white);border-radius:var(--radius);padding:28px;box-shadow:var(--shadow);border-left:4px solid var(--gold)}
.cp-case-card h4{font-size:18px;font-weight:600;color:var(--navy);margin-bottom:8px}
.cp-case-card .cpc-region{display:inline-block;padding:3px 10px;background:rgba(201,169,97,0.12);border-radius:12px;font-size:12px;color:var(--gold-dark);font-weight:600;margin-bottom:12px}
.cp-case-card p{font-size:14px;color:var(--text-mid);line-height:1.7}
.cp-case-card .cpc-timeline{margin-top:12px;padding-top:12px;border-top:1px solid var(--border);font-size:13px;color:var(--text-light)}
@media(max-width:768px){.cert-partnership-hero{padding:60px 0 40px}.cert-partnership-hero h1{font-size:28px}.cert-partnership-hero p{font-size:15px}.cp-comparison-table{font-size:12px}.cp-comparison-table th,.cp-comparison-table td{padding:10px 12px}}

/* ===== WB-OP-07: Additional utility classes for inline style cleanup ===== */
.cert-nav-link{color:var(--gold);font-weight:var(--fw-regular)}
.mobile-quote-full{margin-top:16px;width:100%}
.text-center-mb24{text-align:center;margin-bottom:24px}
.p-24{padding:24px}
.feature-label{font-size:15px;font-weight:600;color:var(--navy);margin-bottom:12px}
.text-mid-720{color:var(--text-mid);max-width:720px;margin:0 auto}
.mt-8{margin-top:8px}
.mt-12{margin-top:12px}
.h-240{height:240px}
.card-flat{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,0.06)}
.section-title-md{font-size:32px}
.gold-fs-18{color:var(--gold);font-size:18px}
.mb-8{margin-bottom:8px}
.mb-6{margin-bottom:6px}
.fw-600{font-weight:600}
.fw-700{font-weight:700}
.flex-shrink-0{flex-shrink:0}
.icon-36{width:36px;height:36px}
.icon-40{width:40px;height:40px}

/* ===== SYSTEM CONFIGURATION — Six-Dimensional Visualization Module ===== */
/* Core differentiator: every product page shows 6 configuration dimensions */
/* Dimensions: Profile Structure | Glass Solution | Hardware Grade | Surface Finish | Opening Type | Thermal & Wind Performance */
.sysconfig-section{padding:80px 0;background:var(--white)}
.sysconfig-section.alt-bg{background:var(--bg)}
.sysconfig-header{text-align:center;max-width:760px;margin:0 auto 48px}
.sysconfig-header .section-tag{display:inline-block;padding:4px 14px;background:rgba(201,169,97,0.12);border-radius:20px;font-size:13px;font-weight:600;color:var(--gold-dark);margin-bottom:16px;text-transform:uppercase;letter-spacing:1px}
.sysconfig-header h2{font-family:'Inter',sans-serif;font-size:var(--fs-h2);font-weight:var(--fw-medium);letter-spacing:var(--ls-wide);color:var(--navy);margin-bottom:12px;line-height:var(--lh-tight)}
.sysconfig-header p{font-size:16px;color:var(--text-mid);line-height:1.7}
.sysconfig-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.sysconfig-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);padding:28px 24px;transition:var(--transition);position:relative;overflow:hidden}
.sysconfig-card::before{content:"";position:absolute;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,var(--gold-light),var(--gold),var(--gold-dark));transform:scaleX(0);transform-origin:left;transition:transform 0.4s cubic-bezier(0.4,0,0.2,1)}
.sysconfig-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:rgba(201,169,97,0.3)}
.sysconfig-card:hover::before{transform:scaleX(1)}
.sc-card-head{display:flex;align-items:center;gap:14px;margin-bottom:20px}
.sc-card-icon{width:44px;height:44px;border-radius:10px;background:linear-gradient(135deg,rgba(13,27,42,0.06),rgba(27,58,91,0.08));display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:var(--transition)}
.sysconfig-card:hover .sc-card-icon{background:linear-gradient(135deg,rgba(201,169,97,0.12),rgba(201,169,97,0.18))}
.sc-card-icon svg{width:24px;height:24px;color:var(--navy);transition:var(--transition)}
.sysconfig-card:hover .sc-card-icon svg{color:var(--gold-dark)}
.sc-card-title{font-size:16px;font-weight:700;color:var(--navy);margin:0;line-height:1.3}
.sc-card-subtitle{font-size:12px;color:var(--text-light);margin-top:2px;text-transform:uppercase;letter-spacing:0.5px}
.sc-spec-list{display:flex;flex-direction:column;gap:14px}
.sc-spec-row{display:flex;flex-direction:column;gap:6px}
.sc-spec-label{display:flex;justify-content:space-between;align-items:center;font-size:13px}
.sc-spec-name{color:var(--text-mid);font-weight:500}
.sc-spec-value{color:var(--navy);font-weight:700;font-size:13px}
.sc-spec-bar{height:6px;background:var(--bg-gray);border-radius:3px;overflow:hidden;position:relative}
.sc-spec-bar-fill{height:100%;border-radius:3px;background:linear-gradient(90deg,var(--gold),var(--gold-dark));transition:width 0.8s cubic-bezier(0.4,0,0.2,1)}
.sc-spec-bar-fill.level-high{background:linear-gradient(90deg,#2d8659,#226b4e)}
.sc-spec-bar-fill.level-mid{background:linear-gradient(90deg,var(--gold),var(--gold-dark))}
.sc-spec-bar-fill.level-base{background:linear-gradient(90deg,var(--steel),var(--navy))}
.sc-tag-group{display:flex;flex-wrap:wrap;gap:6px}
.sc-tag{display:inline-block;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:600;background:rgba(13,27,42,0.05);color:var(--navy);border:1px solid var(--border);transition:var(--transition)}
.sc-tag.sc-tag-active{background:rgba(201,169,97,0.12);color:var(--gold-dark);border-color:rgba(201,169,97,0.3)}
.sc-tag.sc-tag-optional{background:rgba(255,255,255,0.6);color:var(--text-mid);border-style:dashed}
.sc-rating-dots{display:flex;gap:4px;align-items:center}
.sc-dot{width:8px;height:8px;border-radius:50%;background:var(--border);transition:var(--transition)}
.sc-dot.filled{background:var(--gold)}
.sc-rating-label{font-size:11px;color:var(--text-light);margin-inline-start:6px}
.sc-config-note{margin-top:20px;padding:14px 16px;background:rgba(13,27,42,0.03);border-radius:8px;font-size:13px;color:var(--text-mid);line-height:1.6;display:flex;gap:10px;align-items:flex-start}
.sc-config-note svg{width:18px;height:18px;color:var(--gold-dark);flex-shrink:0;margin-top:1px}
.sysconfig-cta{text-align:center;margin-top:40px;padding:32px;background:linear-gradient(135deg,var(--navy),var(--steel));border-radius:var(--radius);color:#fff}
.sysconfig-cta h3{font-family:'Inter',sans-serif;font-size:var(--fs-h3);font-weight:var(--fw-semibold);margin-bottom:8px}
.sysconfig-cta p{font-size:14px;color:rgba(255,255,255,0.75);margin-bottom:20px}
.sysconfig-cta .btn-gold{display:inline-block;padding:14px 32px;background:var(--gold);color:var(--navy);border-radius:8px;font-size:15px;font-weight:var(--fw-regular);transition:var(--transition)}
.sysconfig-cta .btn-gold:hover{background:var(--gold-light);transform:translateY(-2px);box-shadow:0 8px 24px rgba(201,169,97,0.3)}
@media(max-width:1024px){.sysconfig-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.sysconfig-grid{grid-template-columns:1fr}.sysconfig-header h2{font-size:28px}.sysconfig-section{padding:60px 0}.sysconfig-card{padding:22px 20px}}

/* ===== PRODUCT GALLERY (images-below layout) ===== */
.gallery-header{text-align:center;margin-bottom:40px}
.gallery-header h3{font-size:var(--fs-h2);font-weight:var(--fw-semibold);color:var(--navy);margin-bottom:8px}
.gallery-header p{font-size:var(--fs-body);color:var(--text-mid);max-width:600px;margin:0 auto}
.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.gallery-card{background:var(--white);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);transition:var(--transition)}
.gallery-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}
.gallery-card-img{aspect-ratio:4/3;overflow:hidden;background:var(--bg)}
.gallery-card-img img{width:100%;height:100%;object-fit:cover;display:block}
.gallery-card-text{padding:16px 18px 20px}
.gallery-card-text h4{font-size:18px;font-weight:var(--fw-bold);color:#1A2836;margin-bottom:6px}
.gallery-card-text p{font-size:13px;color:#555E69;line-height:1.5}
.gallery-btn-wrap{text-align:center;margin-top:32px}
.gallery-btn-wrap .btn{display:inline-block;padding:12px 28px;background:#1A4060;color:#fff;border-radius:8px;font-size:14px;font-weight:var(--fw-regular);transition:var(--transition);text-decoration:none}
.gallery-btn-wrap .btn:hover{background:#234E78;transform:translateY(-2px);box-shadow:0 8px 24px rgba(26,64,96,0.25)}
@media(max-width:1024px){.gallery-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.gallery-grid{grid-template-columns:1fr}.gallery-header h3{font-size:24px}}

/* ===== CASEMENT GALLERY OVERRIDES (16:9, 2x3 grid) ===== */
.casement-gallery .gallery-header h2{font-size:var(--fs-h2);font-weight:var(--fw-bold);color:#1a1a1a;margin-bottom:10px}
.casement-gallery .gallery-header p{font-size:var(--fs-body);color:#666;max-width:700px;margin:0 auto}
.casement-gallery .gallery-grid{grid-template-columns:repeat(3,1fr);gap:32px 24px}
.casement-gallery .gallery-card{border-radius:8px}
.casement-gallery .gallery-card-img{aspect-ratio:16/9}
.casement-gallery .gallery-card-text{padding:14px 18px 18px}
.casement-gallery .gallery-card-text h4{font-size:18px;font-weight:600;color:#222;margin-bottom:6px}
.casement-gallery .gallery-card-text p{font-size:13px;color:#666;font-weight:400;line-height:1.5}
.casement-gallery-cta{text-align:center;margin-top:40px;display:flex;justify-content:center;gap:16px;flex-wrap:wrap}
.casement-gallery-cta .btn-gold{display:inline-block;padding:14px 32px;background:var(--gold);color:var(--navy);border-radius:8px;font-size:15px;font-weight:var(--fw-regular);transition:var(--transition);text-decoration:none}
.casement-gallery-cta .btn-gold:hover{background:var(--gold-dark);color:var(--white);transform:translateY(-2px);box-shadow:0 8px 24px rgba(201,169,97,0.3)}
.casement-gallery-cta .btn-white{display:inline-block;padding:14px 32px;background:var(--white);color:var(--navy);border:2px solid #D0D7E0;border-radius:8px;font-size:15px;font-weight:var(--fw-regular);transition:var(--transition);text-decoration:none}
.casement-gallery-cta .btn-white:hover{border-color:var(--gold);color:var(--gold-dark);transform:translateY(-2px);box-shadow:var(--shadow)}
@media(max-width:768px){.casement-gallery .gallery-grid{grid-template-columns:repeat(2,1fr);gap:16px}}
@media(max-width:480px){.casement-gallery .gallery-grid{grid-template-columns:1fr}}

/* ===== SUNROOM GALLERY OVERRIDES (16:9, 2x3 grid) ===== */
.sunroom-gallery .gallery-header h2{font-size:var(--fs-h2);font-weight:var(--fw-bold);color:#1a1a1a;margin-bottom:10px}
.sunroom-gallery .gallery-header p{font-size:var(--fs-body);color:#666;max-width:700px;margin:0 auto}
.sunroom-gallery .gallery-grid{grid-template-columns:repeat(3,1fr);gap:32px 24px}
.sunroom-gallery .gallery-card{border-radius:8px}
.sunroom-gallery .gallery-card-img{aspect-ratio:16/9}
.sunroom-gallery .gallery-card-text{padding:14px 18px 18px}
.sunroom-gallery .gallery-card-text h4{font-size:18px;font-weight:600;color:#222;margin-bottom:6px}
.sunroom-gallery .gallery-card-text p{font-size:13px;color:#666;font-weight:400;line-height:1.5}
.sunroom-gallery-cta{text-align:center;margin-top:40px;display:flex;justify-content:center;gap:16px;flex-wrap:wrap}
.sunroom-gallery-cta .btn-gold{display:inline-block;padding:14px 32px;background:var(--gold);color:var(--navy);border-radius:8px;font-size:15px;font-weight:var(--fw-regular);transition:var(--transition);text-decoration:none}
.sunroom-gallery-cta .btn-gold:hover{background:var(--gold-dark);color:var(--white);transform:translateY(-2px);box-shadow:0 8px 24px rgba(201,169,97,0.3)}
.sunroom-gallery-cta .btn-white{display:inline-block;padding:14px 32px;background:var(--white);color:var(--navy);border:2px solid #D0D7E0;border-radius:8px;font-size:15px;font-weight:var(--fw-regular);transition:var(--transition);text-decoration:none}
.sunroom-gallery-cta .btn-white:hover{border-color:var(--gold);color:var(--gold-dark);transform:translateY(-2px);box-shadow:var(--shadow)}
@media(max-width:768px){.sunroom-gallery .gallery-grid{grid-template-columns:repeat(2,1fr);gap:16px}}
@media(max-width:480px){.sunroom-gallery .gallery-grid{grid-template-columns:1fr}}

/* ===== CURTAIN WALL GALLERY OVERRIDES (16:9, 2x3 grid) ===== */
.curtain-wall-gallery .gallery-header{text-align:center;margin-bottom:40px}
.curtain-wall-gallery .gallery-header h2{font-size:var(--fs-h2);font-weight:var(--fw-bold);color:#1a1a1a;margin-bottom:10px}
.curtain-wall-gallery .gallery-header p{font-size:var(--fs-body);color:#666;max-width:760px;margin:0 auto}
.curtain-wall-gallery .gallery-grid{grid-template-columns:repeat(3,1fr);gap:32px 24px}
.curtain-wall-gallery .gallery-card{border-radius:8px;overflow:hidden;background:var(--white);transition:transform 0.2s,box-shadow 0.2s}
.curtain-wall-gallery .gallery-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px rgba(0,0,0,0.1)}
.curtain-wall-gallery .gallery-card-img{aspect-ratio:16/9;overflow:hidden;background:#eef1f5}
.curtain-wall-gallery .gallery-card-img img{width:100%;height:100%;object-fit:cover;display:block}
.curtain-wall-gallery .gallery-card-text{padding:18px 20px 22px}
.curtain-wall-gallery .gallery-card-text h3{font-size:18px;font-weight:var(--fw-bold);color:#1A2836;margin-bottom:10px;line-height:1.35}
.curtain-wall-gallery .gallery-card-text p{font-size:14px;color:#555E69;font-weight:400;line-height:1.6;margin-bottom:14px}
.curtain-wall-gallery .gallery-link{display:inline-flex;align-items:center;font-size:14px;font-weight:var(--fw-semibold);color:var(--steel);text-decoration:none;transition:color 0.2s}
.curtain-wall-gallery .gallery-link:hover{color:var(--gold-dark)}
.curtain-wall-gallery .gallery-link::after{content:"→";margin-left:6px;transition:transform 0.2s}
.curtain-wall-gallery .gallery-link:hover::after{transform:translateX(3px)}
.curtain-wall-gallery-cta{text-align:center;margin-top:48px;display:flex;justify-content:center;gap:16px;flex-wrap:wrap}
.curtain-wall-gallery-cta .btn-gold{display:inline-block;padding:14px 32px;background:var(--gold);color:var(--navy);border-radius:8px;font-size:15px;font-weight:var(--fw-regular);transition:var(--transition);text-decoration:none}
.curtain-wall-gallery-cta .btn-gold:hover{background:var(--gold-dark);color:var(--white);transform:translateY(-2px);box-shadow:0 8px 24px rgba(201,169,97,0.3)}
.curtain-wall-gallery-cta .btn-white{display:inline-block;padding:14px 32px;background:var(--white);color:var(--navy);border:2px solid #D0D7E0;border-radius:8px;font-size:15px;font-weight:var(--fw-regular);transition:var(--transition);text-decoration:none}
.curtain-wall-gallery-cta .btn-white:hover{border-color:var(--gold);color:var(--gold-dark);transform:translateY(-2px);box-shadow:var(--shadow)}
@media(max-width:1024px){.curtain-wall-gallery .gallery-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:768px){.curtain-wall-gallery .gallery-grid{grid-template-columns:1fr;gap:20px}.curtain-wall-gallery .gallery-header h2{font-size:24px}}
@media(max-width:480px){.curtain-wall-gallery .gallery-card-text h3{font-size:16px}.curtain-wall-gallery-cta{flex-direction:column;align-items:stretch;gap:12px}}

/* ===== TILT & TURN GALLERY OVERRIDES (16:9, 2x3 grid) ===== */
.tilt-turn-gallery .gallery-header h2{font-size:var(--fs-h2);font-weight:var(--fw-bold);color:#1a1a1a;margin-bottom:10px}
.tilt-turn-gallery .gallery-header p{font-size:var(--fs-body);color:#666;max-width:700px;margin:0 auto}
.tilt-turn-gallery .gallery-grid{grid-template-columns:repeat(3,1fr);gap:32px 24px}
.tilt-turn-gallery .gallery-card{border-radius:8px}
.tilt-turn-gallery .gallery-card-img{aspect-ratio:16/9}
.tilt-turn-gallery .gallery-card-text{padding:14px 18px 18px}
.tilt-turn-gallery .gallery-card-text h4{font-size:18px;font-weight:600;color:#222;margin-bottom:6px}
.tilt-turn-gallery .gallery-card-text p{font-size:13px;color:#666;font-weight:400;line-height:1.5}
.tilt-turn-gallery-cta{text-align:center;margin-top:40px;display:flex;justify-content:center;gap:16px;flex-wrap:wrap}
.tilt-turn-gallery-cta .btn-gold{display:inline-block;padding:14px 32px;background:var(--gold);color:var(--navy);border-radius:8px;font-size:15px;font-weight:var(--fw-regular);transition:var(--transition);text-decoration:none}
.tilt-turn-gallery-cta .btn-gold:hover{background:var(--gold-dark);color:var(--white);transform:translateY(-2px);box-shadow:0 8px 24px rgba(201,169,97,0.3)}
.tilt-turn-gallery-cta .btn-white{display:inline-block;padding:14px 32px;background:var(--white);color:var(--navy);border:2px solid #D0D7E0;border-radius:8px;font-size:15px;font-weight:var(--fw-regular);transition:var(--transition);text-decoration:none}
.tilt-turn-gallery-cta .btn-white:hover{border-color:var(--gold);color:var(--gold-dark);transform:translateY(-2px);box-shadow:var(--shadow)}
@media(max-width:768px){.tilt-turn-gallery .gallery-grid{grid-template-columns:repeat(2,1fr);gap:16px}}
@media(max-width:480px){.tilt-turn-gallery .gallery-grid{grid-template-columns:1fr}}

/* ===== AWNING GALLERY OVERRIDES (16:9, 2x3 grid) ===== */
.awning-gallery .gallery-header h2{font-size:var(--fs-h2);font-weight:var(--fw-bold);color:#1a1a1a;margin-bottom:10px}
.awning-gallery .gallery-header p{font-size:var(--fs-body);color:#666;max-width:700px;margin:0 auto}
.awning-gallery .gallery-grid{grid-template-columns:repeat(3,1fr);gap:32px 24px}
.awning-gallery .gallery-card{border-radius:8px}
.awning-gallery .gallery-card-img{aspect-ratio:16/9}
.awning-gallery .gallery-card-text{padding:14px 18px 18px}
.awning-gallery .gallery-card-text h4{font-size:18px;font-weight:600;color:#222;margin-bottom:6px}
.awning-gallery .gallery-card-text p{font-size:13px;color:#666;font-weight:400;line-height:1.5}
.awning-gallery-cta{text-align:center;margin-top:40px;display:flex;justify-content:center;gap:16px;flex-wrap:wrap}
.awning-gallery-cta .btn-gold{display:inline-block;padding:14px 32px;background:var(--gold);color:var(--navy);border-radius:8px;font-size:15px;font-weight:var(--fw-regular);transition:var(--transition);text-decoration:none}
.awning-gallery-cta .btn-gold:hover{background:var(--gold-dark);color:var(--white);transform:translateY(-2px);box-shadow:0 8px 24px rgba(201,169,97,0.3)}
.awning-gallery-cta .btn-white{display:inline-block;padding:14px 32px;background:var(--white);color:var(--navy);border:2px solid #D0D7E0;border-radius:8px;font-size:15px;font-weight:var(--fw-regular);transition:var(--transition);text-decoration:none}
.awning-gallery-cta .btn-white:hover{border-color:var(--gold);color:var(--gold-dark);transform:translateY(-2px);box-shadow:var(--shadow)}
@media(max-width:768px){.awning-gallery .gallery-grid{grid-template-columns:repeat(2,1fr);gap:16px}}
@media(max-width:480px){.awning-gallery .gallery-grid{grid-template-columns:1fr}}

/* ===== SMART GALLERY OVERRIDES (1:1, 2x3 grid) ===== */
.smart-gallery .gallery-header{text-align:center;margin-bottom:40px}
.smart-gallery .gallery-header h2{font-size:var(--fs-h2);font-weight:var(--fw-bold);color:#1a1a1a;margin-bottom:10px}
.smart-gallery .gallery-header p{font-size:var(--fs-body);color:#666;max-width:760px;margin:0 auto}
.smart-gallery .gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px 24px}
.smart-gallery .gallery-card{border-radius:8px;overflow:hidden;background:var(--white);box-shadow:0 2px 8px rgba(0,0,0,0.06);transition:transform 0.2s,box-shadow 0.2s}
.smart-gallery .gallery-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px rgba(0,0,0,0.1)}
.smart-gallery .gallery-card-img{aspect-ratio:1/1;overflow:hidden;background:#eef1f5}
.smart-gallery .gallery-card-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 0.3s}
.smart-gallery .gallery-card:hover .gallery-card-img img{transform:scale(1.03)}
.smart-gallery .gallery-card-text{padding:18px 20px 22px}
.smart-gallery .gallery-card-text h3{font-size:18px;font-weight:var(--fw-bold);color:#1A2836;margin-bottom:10px;line-height:1.35}
.smart-gallery .gallery-card-text p{font-size:14px;color:#555E69;font-weight:400;line-height:1.6;margin-bottom:14px}
.smart-gallery .gallery-link{display:inline-flex;align-items:center;font-size:14px;font-weight:var(--fw-semibold);color:var(--steel);text-decoration:none;transition:color 0.2s}
.smart-gallery .gallery-link:hover{color:var(--gold-dark)}
.smart-gallery .gallery-link::after{content:"\2192";margin-left:6px;transition:transform 0.2s}
.smart-gallery .gallery-link:hover::after{transform:translateX(3px)}
.smart-gallery-cta{text-align:center;margin-top:48px;display:flex;justify-content:center;gap:16px;flex-wrap:wrap}
.smart-gallery-cta .btn-gold{display:inline-block;padding:14px 32px;background:var(--gold);color:var(--navy);border-radius:8px;font-size:15px;font-weight:var(--fw-regular);transition:var(--transition);text-decoration:none}
.smart-gallery-cta .btn-gold:hover{background:var(--gold-dark);color:var(--white);transform:translateY(-2px);box-shadow:0 8px 24px rgba(201,169,97,0.3)}
.smart-gallery-cta .btn-white{display:inline-block;padding:14px 32px;background:var(--white);color:var(--navy);border:2px solid #D0D7E0;border-radius:8px;font-size:15px;font-weight:var(--fw-regular);transition:var(--transition);text-decoration:none}
.smart-gallery-cta .btn-white:hover{border-color:var(--gold);color:var(--gold-dark);transform:translateY(-2px);box-shadow:var(--shadow)}
[id="app-smart-control"],[id="auto-weather-response"],[id="concealed-motor-system"],[id="motorized-sliding-door"],[id="automated-clerestory-window"]{scroll-margin-top:80px}
@media(max-width:1024px){.smart-gallery .gallery-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:768px){.smart-gallery .gallery-grid{grid-template-columns:1fr;gap:20px}.smart-gallery .gallery-header h2{font-size:24px}}
@media(max-width:480px){.smart-gallery .gallery-card-text h3{font-size:16px}.smart-gallery-cta{flex-direction:column;align-items:stretch;gap:12px}}

/* ===== GLOBAL EXPORT CAPABILITY (Module 1) ===== */
.export-section{padding:80px 0;background:linear-gradient(135deg,var(--navy) 0%,var(--steel) 100%);color:#fff;position:relative;overflow:hidden}
.export-section::before{content:"";position:absolute;top:0;right:0;width:500px;height:500px;background:radial-gradient(circle,rgba(201,169,97,0.08) 0%,transparent 70%);pointer-events:none}
.export-header{text-align:center;max-width:760px;margin:0 auto 48px;position:relative;z-index:1}
.export-header .section-tag{display:inline-block;padding:4px 14px;background:rgba(201,169,97,0.15);border:1px solid rgba(201,169,97,0.3);border-radius:20px;font-size:13px;font-weight:600;color:var(--gold-light);margin-bottom:16px;text-transform:uppercase;letter-spacing:1px}
.export-header h2{font-family:'Inter',sans-serif;font-size:var(--fs-h2);font-weight:var(--fw-medium);letter-spacing:var(--ls-wide);margin-bottom:12px;line-height:var(--lh-tight)}
.export-header p{font-size:16px;color:rgba(255,255,255,0.7);line-height:1.7}
.export-stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-bottom:48px;position:relative;z-index:1}
.export-stat{text-align:center;padding:24px 16px;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);border-radius:var(--radius);transition:var(--transition)}
.export-stat:hover{background:rgba(255,255,255,0.08);border-color:rgba(201,169,97,0.3);transform:translateY(-4px)}
.export-stat .es-num{font-family:'Inter',sans-serif;font-size:40px;font-weight:700;color:var(--gold-light);line-height:1.2}
.export-stat .es-label{font-size:13px;color:rgba(255,255,255,0.6);margin-top:6px;text-transform:uppercase;letter-spacing:0.5px}
.export-regions{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;position:relative;z-index:1}
.export-region{padding:20px 16px;background:rgba(255,255,255,0.04);border-radius:var(--radius);border:1px solid rgba(255,255,255,0.08);transition:var(--transition);text-align:center}
.export-region:hover{background:rgba(201,169,97,0.08);border-color:rgba(201,169,97,0.25);transform:translateY(-3px)}
.export-region .er-flag{font-size:28px;margin-bottom:8px;line-height:1}
.export-region .er-name{font-size:14px;font-weight:700;color:#fff;margin-bottom:4px}
.export-region .er-spec{font-size:12px;color:var(--gold-light);font-weight:600;margin-bottom:6px}
.export-region .er-desc{font-size:11px;color:rgba(255,255,255,0.5);line-height:1.5}
.export-logistics{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:36px;position:relative;z-index:1}
.export-logi-item{display:flex;align-items:flex-start;gap:14px;padding:20px;background:rgba(255,255,255,0.04);border-radius:var(--radius);border:1px solid rgba(255,255,255,0.08)}
.export-logi-icon{width:40px;height:40px;border-radius:10px;background:rgba(201,169,97,0.12);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.export-logi-icon svg{width:22px;height:22px;color:var(--gold-light)}
.export-logi-text h4{font-size:14px;font-weight:700;color:#fff;margin-bottom:4px}
.export-logi-text p{font-size:12px;color:rgba(255,255,255,0.55);line-height:1.5}
@media(max-width:1024px){.export-stats-row{grid-template-columns:repeat(2,1fr)}.export-regions{grid-template-columns:repeat(3,1fr)}.export-logistics{grid-template-columns:1fr}}
@media(max-width:640px){.export-section{padding:60px 0}.export-header h2{font-size:26px}.export-stats-row{grid-template-columns:repeat(2,1fr);gap:12px}.export-stat .es-num{font-size:28px}.export-regions{grid-template-columns:repeat(2,1fr)}.export-logistics{grid-template-columns:1fr}}

/* ===== MANUFACTURER B2B ENGINEERING PAGE (Module 3) ===== */
/* Structure: Hero → Manufacturing Philosophy → Production Process → Strict QC → Factory Scale → Global Export → Certification → CTA */
.mfg-hero{padding:100px 0 40px;background:linear-gradient(135deg,var(--navy) 0%,var(--steel) 100%);color:#fff;position:relative;overflow:hidden}
.mfg-hero::before{content:"";position:absolute;top:0;right:0;width:600px;height:600px;background:radial-gradient(circle,rgba(201,169,97,0.06) 0%,transparent 70%);pointer-events:none}
.mfg-hero .breadcrumb a{color:rgba(255,255,255,0.6)}
.mfg-hero .breadcrumb span{color:rgba(255,255,255,0.4)}
.mfg-hero h1{font-family:'Inter',sans-serif;font-size:var(--fs-h1);font-weight:var(--fw-bold);letter-spacing:var(--ls-wide);line-height:var(--lh-tight);margin-bottom:16px;position:relative;z-index:1}
.mfg-hero .mfg-hero-sub{font-size:18px;color:rgba(255,255,255,0.75);max-width:720px;line-height:1.7;margin-bottom:32px;position:relative;z-index:1}
.mfg-hero-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;position:relative;z-index:1}
.mfg-hero-stat{padding:20px;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);border-radius:var(--radius)}
.mfg-hero-stat .mhs-num{font-family:'Inter',sans-serif;font-size:32px;font-weight:700;color:var(--gold-light)}
.mfg-hero-stat .mhs-label{font-size:13px;color:rgba(255,255,255,0.6);margin-top:4px}
.mfg-philosophy{padding:80px 0;background:var(--white)}
.mfg-philosophy-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.mfg-philosophy-text .section-tag{display:inline-block;padding:4px 14px;background:rgba(201,169,97,0.12);border-radius:20px;font-size:13px;font-weight:600;color:var(--gold-dark);margin-bottom:16px;text-transform:uppercase;letter-spacing:1px}
.mfg-philosophy-text h2{font-family:'Inter',sans-serif;font-size:var(--fs-h2);font-weight:var(--fw-medium);letter-spacing:var(--ls-wide);color:var(--navy);margin-bottom:20px;line-height:var(--lh-tight)}
.mfg-philosophy-text p{font-size:16px;color:var(--text-mid);line-height:1.8;margin-bottom:16px}
.mfg-philosophy-pillars{display:grid;gap:16px;margin-top:24px}
.mfg-pillar{display:flex;gap:14px;align-items:flex-start;padding:16px;background:var(--bg);border-radius:var(--radius);border-left:3px solid var(--gold)}
.mfg-pillar-icon{width:36px;height:36px;border-radius:8px;background:rgba(201,169,97,0.12);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.mfg-pillar-icon svg{width:20px;height:20px;color:var(--gold-dark)}
.mfg-pillar h4{font-size:14px;font-weight:700;color:var(--navy);margin-bottom:4px}
.mfg-pillar p{font-size:13px;color:var(--text-mid);line-height:1.5;margin:0}
.mfg-process{padding:80px 0;background:var(--bg)}
.mfg-process-flow{display:grid;grid-template-columns:repeat(6,1fr);gap:16px;margin-top:40px;position:relative}
.mfg-process-flow::before{content:"";position:absolute;top:32px;left:4%;right:4%;height:2px;background:linear-gradient(90deg,var(--gold-light),var(--gold),var(--gold-dark));z-index:0}
.mfg-process-step{text-align:center;position:relative;z-index:1}
.mfg-process-num{width:64px;height:64px;border-radius:50%;background:var(--white);border:3px solid var(--gold);display:flex;align-items:center;justify-content:center;font-family:'Inter',sans-serif;font-size:22px;font-weight:700;color:var(--navy);margin:0 auto 16px;box-shadow:0 4px 12px rgba(201,169,97,0.15)}
.mfg-process-step h4{font-size:14px;font-weight:700;color:var(--navy);margin-bottom:6px}
.mfg-process-step p{font-size:12px;color:var(--text-mid);line-height:1.5}
.mfg-qc{padding:80px 0;background:var(--white)}
.mfg-qc-gates{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:40px}
.mfg-qc-gate{background:var(--bg);border-radius:var(--radius);padding:28px 24px;border-top:3px solid var(--gold);transition:var(--transition)}
.mfg-qc-gate:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}
.mfg-qc-gate .mqg-num{font-family:'Inter',sans-serif;font-size:36px;font-weight:700;color:rgba(201,169,97,0.25);line-height:1}
.mfg-qc-gate h4{font-size:16px;font-weight:700;color:var(--navy);margin:8px 0 12px}
.mfg-qc-gate p{font-size:13px;color:var(--text-mid);line-height:1.6;margin-bottom:12px}
.mfg-qc-gate .mqg-spec{font-size:12px;color:var(--gold-dark);font-weight:600;padding:4px 10px;background:rgba(201,169,97,0.1);border-radius:6px;display:inline-block}
.mfg-scale{padding:80px 0;background:var(--bg)}
.mfg-scale-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:40px}
.mfg-scale-card{background:var(--white);border-radius:var(--radius);padding:28px;border:1px solid var(--border);transition:var(--transition)}
.mfg-scale-card:hover{border-color:rgba(201,169,97,0.3);box-shadow:var(--shadow)}
.mfg-scale-card .msc-icon{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,rgba(13,27,42,0.06),rgba(27,58,91,0.08));display:flex;align-items:center;justify-content:center;margin-bottom:16px}
.mfg-scale-card .msc-icon svg{width:26px;height:26px;color:var(--navy)}
.mfg-scale-card h4{font-size:18px;font-weight:700;color:var(--navy);margin-bottom:8px}
.mfg-scale-card .msc-metric{font-family:'Inter',sans-serif;font-size:28px;font-weight:700;color:var(--gold-dark);margin-bottom:8px}
.mfg-scale-card p{font-size:14px;color:var(--text-mid);line-height:1.6}
.mfg-export{padding:80px 0;background:var(--white)}
.mfg-export-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:40px}
.mfg-export-card{padding:28px;background:var(--bg);border-radius:var(--radius);border:1px solid var(--border)}
.mfg-export-card h4{font-size:16px;font-weight:700;color:var(--navy);margin-bottom:12px;display:flex;align-items:center;gap:8px}
.mfg-export-card h4 svg{width:20px;height:20px;color:var(--gold-dark)}
.mfg-export-card p{font-size:13px;color:var(--text-mid);line-height:1.6}
.mfg-export-card .mec-list{margin-top:12px;display:flex;flex-direction:column;gap:6px}
.mfg-export-card .mec-list-item{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text)}
.mfg-export-card .mec-list-item::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--gold);flex-shrink:0}
.mfg-cert-display{padding:80px 0;background:var(--bg)}
.mfg-cert-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:40px}
.mfg-cert-card{background:var(--white);border-radius:var(--radius);padding:24px;text-align:center;border:1px solid var(--border);transition:var(--transition)}
.mfg-cert-card:hover{border-color:var(--gold);box-shadow:var(--shadow);transform:translateY(-3px)}
.mfg-cert-card .mcc-standard{font-size:18px;font-weight:700;color:var(--navy);margin-bottom:6px}
.mfg-cert-card .mcc-region{font-size:12px;color:var(--gold-dark);font-weight:600;text-transform:uppercase;letter-spacing:0.5px;margin-bottom:10px}
.mfg-cert-card .mcc-desc{font-size:13px;color:var(--text-mid);line-height:1.5}
.mfg-cert-note{max-width:800px;margin:32px auto 0;padding:16px 24px;background:rgba(201,169,97,0.08);border:1px solid rgba(201,169,97,0.2);border-radius:var(--radius);font-size:14px;color:var(--text-mid);line-height:1.6;text-align:center}
.mfg-cert-note strong{color:var(--navy)}
@media(max-width:1024px){.mfg-philosophy-grid{grid-template-columns:1fr}.mfg-process-flow{grid-template-columns:repeat(3,1fr)}.mfg-process-flow::before{display:none}.mfg-qc-gates{grid-template-columns:repeat(2,1fr)}.mfg-scale-grid{grid-template-columns:repeat(2,1fr)}.mfg-export-grid{grid-template-columns:1fr}.mfg-cert-grid{grid-template-columns:repeat(2,1fr)}.mfg-hero-stats{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.mfg-hero{padding:60px 0 40px}.mfg-hero h1{font-size:28px}.mfg-hero-stats{grid-template-columns:repeat(2,1fr);gap:12px}.mfg-philosophy-text h2{font-size:24px}.mfg-process-flow{grid-template-columns:repeat(2,1fr);gap:20px}.mfg-qc-gates{grid-template-columns:1fr}.mfg-scale-grid{grid-template-columns:1fr}.mfg-cert-grid{grid-template-columns:1fr}}

/* ===== ENGINEERING SERVICE PAGE (Module 4 — Biggest Differentiator) ===== */
/* 6-step process + drawing upload form */
.eng-hero{padding:100px 0 40px;background:linear-gradient(135deg,var(--navy) 0%,var(--steel) 100%);color:#fff;position:relative;overflow:hidden}
.eng-hero::before{content:"";position:absolute;top:0;right:0;width:600px;height:600px;background:radial-gradient(circle,rgba(201,169,97,0.06) 0%,transparent 70%);pointer-events:none}
.eng-hero .breadcrumb a{color:rgba(255,255,255,0.6)}
.eng-hero .breadcrumb span{color:rgba(255,255,255,0.4)}
.eng-hero h1{font-family:'Inter',sans-serif;font-size:var(--fs-h1);font-weight:var(--fw-bold);letter-spacing:var(--ls-wide);line-height:var(--lh-tight);margin-bottom:16px;position:relative;z-index:1}
.eng-hero .eng-hero-sub{font-size:18px;color:rgba(255,255,255,0.75);max-width:720px;line-height:1.7;margin-bottom:32px;position:relative;z-index:1}
.eng-hero-features{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;position:relative;z-index:1}
.eng-hero-feature{display:flex;align-items:center;gap:12px;padding:16px 20px;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);border-radius:var(--radius)}
.eng-hero-feature svg{width:24px;height:24px;color:var(--gold-light);flex-shrink:0}
.eng-hero-feature span{font-size:14px;color:rgba(255,255,255,0.85)}
.eng-process{padding:80px 0;background:var(--white)}
.eng-process-header{text-align:center;max-width:760px;margin:0 auto 48px}
.eng-process-header .section-tag{display:inline-block;padding:4px 14px;background:rgba(201,169,97,0.12);border-radius:20px;font-size:13px;font-weight:600;color:var(--gold-dark);margin-bottom:16px;text-transform:uppercase;letter-spacing:1px}
.eng-process-header h2{font-family:'Inter',sans-serif;font-size:var(--fs-h2);font-weight:var(--fw-medium);letter-spacing:var(--ls-wide);color:var(--navy);margin-bottom:12px;line-height:var(--lh-tight)}
.eng-process-header p{font-size:16px;color:var(--text-mid);line-height:1.7}
.eng-process-timeline{max-width:1100px;margin:0 auto;position:relative}
.eng-process-timeline::before{content:"";position:absolute;top:0;bottom:0;left:50%;width:2px;background:linear-gradient(180deg,var(--gold-light),var(--gold),var(--gold-dark));transform:translateX(-50%)}
.eng-tl-step{display:flex;align-items:flex-start;gap:0;margin-bottom:48px;position:relative}
.eng-tl-step:nth-child(even){flex-direction:row-reverse}
.eng-tl-step-content{flex:1;padding:0 32px}
.eng-tl-step:nth-child(even) .eng-tl-step-content{text-align:right}
.eng-tl-step-num{position:absolute;left:50%;transform:translateX(-50%);width:56px;height:56px;border-radius:50%;background:var(--white);border:3px solid var(--gold);display:flex;align-items:center;justify-content:center;font-family:'Inter',sans-serif;font-size:20px;font-weight:700;color:var(--navy);z-index:1;box-shadow:0 4px 12px rgba(201,169,97,0.15)}
.eng-tl-card{background:var(--bg);border-radius:var(--radius);padding:24px;border:1px solid var(--border);transition:var(--transition)}
.eng-tl-card:hover{border-color:rgba(201,169,97,0.3);box-shadow:var(--shadow);transform:translateY(-2px)}
.eng-tl-card h4{font-size:16px;font-weight:700;color:var(--navy);margin-bottom:8px;display:flex;align-items:center;gap:8px}
.eng-tl-card h4 svg{width:18px;height:18px;color:var(--gold-dark)}
.eng-tl-card p{font-size:13px;color:var(--text-mid);line-height:1.6;margin-bottom:12px}
.eng-tl-card .etl-deliverables{display:flex;flex-wrap:wrap;gap:6px}
.eng-tl-card .etl-deliverables .sc-tag{font-size:11px}
.eng-tl-step:nth-child(even) .eng-tl-card .etl-deliverables{justify-content:flex-end}
.eng-drawing-form{padding:80px 0;background:var(--bg)}
.eng-form-wrap{max-width:800px;margin:0 auto;background:var(--white);border-radius:var(--radius-lg);padding:48px;box-shadow:var(--shadow);border-top:4px solid var(--gold)}
.eng-form-wrap h2{font-family:'Inter',sans-serif;font-size:var(--fs-h3);font-weight:var(--fw-medium);letter-spacing:var(--ls-wide);color:var(--navy);margin-bottom:8px;text-align:center}
.eng-form-wrap .eng-form-sub{text-align:center;font-size:15px;color:var(--text-mid);margin-bottom:32px;line-height:1.6}
.eng-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.eng-form-field{display:flex;flex-direction:column;gap:6px}
.eng-form-field.full{grid-column:1/-1}
.eng-form-field label{font-size:13px;font-weight:600;color:var(--navy)}
.eng-form-field label .req{color:#dc3545}
.eng-form-field input,.eng-form-field select,.eng-form-field textarea{padding:12px 16px;border:1px solid var(--border);border-radius:8px;font-size:14px;font-family:inherit;background:var(--bg);transition:var(--transition)}
.eng-form-field input:focus,.eng-form-field select:focus,.eng-form-field textarea:focus{border-color:var(--gold);outline:none;background:var(--white)}
.eng-form-field textarea{resize:vertical;min-height:100px}
.eng-form-upload{grid-column:1/-1;border:2px dashed var(--border);border-radius:var(--radius);padding:32px;text-align:center;transition:var(--transition);cursor:pointer;background:var(--bg)}
.eng-form-upload:hover{border-color:var(--gold);background:rgba(201,169,97,0.04)}
.eng-form-upload svg{width:40px;height:40px;color:var(--gold-dark);margin-bottom:12px}
.eng-form-upload h4{font-size:16px;font-weight:700;color:var(--navy);margin-bottom:6px}
.eng-form-upload p{font-size:13px;color:var(--text-mid)}
.eng-form-upload .efu-formats{margin-top:8px;font-size:12px;color:var(--text-light)}
.eng-form-submit{grid-column:1/-1;margin-top:8px}
.eng-form-submit button{width:100%;padding:16px;background:var(--gold);color:var(--navy);border-radius:8px;font-size:16px;font-weight:700;transition:var(--transition);cursor:pointer;border:none}
.eng-form-submit button:hover{background:var(--gold-light);transform:translateY(-2px);box-shadow:0 8px 24px rgba(201,169,97,0.3)}
.eng-form-note{grid-column:1/-1;font-size:12px;color:var(--text-light);text-align:center;margin-top:8px;line-height:1.5}
.eng-capabilities{padding:80px 0;background:var(--white)}
.eng-cap-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:40px}
.eng-cap-card{background:var(--bg);border-radius:var(--radius);padding:28px;border:1px solid var(--border);transition:var(--transition)}
.eng-cap-card:hover{border-color:rgba(201,169,97,0.3);box-shadow:var(--shadow);transform:translateY(-3px)}
.eng-cap-card .ecc-icon{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,rgba(13,27,42,0.06),rgba(27,58,91,0.08));display:flex;align-items:center;justify-content:center;margin-bottom:16px}
.eng-cap-card .ecc-icon svg{width:26px;height:26px;color:var(--navy)}
.eng-cap-card h4{font-size:16px;font-weight:700;color:var(--navy);margin-bottom:8px}
.eng-cap-card p{font-size:13px;color:var(--text-mid);line-height:1.6}
.eng-faq{padding:80px 0;background:var(--bg)}
.eng-faq-list{max-width:780px;margin:0 auto}
.eng-faq-item{background:var(--white);border-radius:var(--radius);margin-bottom:12px;overflow:hidden;border:1px solid var(--border);transition:var(--transition)}
.eng-faq-item:hover{border-color:rgba(201,169,97,0.3)}
.eng-faq-q{padding:18px 24px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-size:var(--fs-body);font-weight:var(--fw-medium);line-height:var(--lh-normal);color:var(--navy);user-select:none}
.eng-faq-q .eng-faq-icon{width:24px;height:24px;flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:transform 0.3s ease;color:var(--gold)}
.eng-faq-item.active .eng-faq-q .eng-faq-icon{transform:rotate(45deg)}
.eng-faq-a{max-height:0;overflow:hidden;transition:max-height 0.4s cubic-bezier(0.4,0,0.2,1)}
.eng-faq-item.active .eng-faq-a{max-height:400px}
.eng-faq-a-inner{padding:0 24px 18px;font-size:var(--fs-small);color:var(--text-mid);line-height:var(--lh-relaxed)}
@media(max-width:768px){.eng-hero-features{grid-template-columns:1fr}.eng-process-timeline::before{left:28px}.eng-tl-step{flex-direction:row !important}.eng-tl-step-content{flex:1;padding:0 0 0 72px;text-align:left !important}.eng-tl-step-num{left:28px}.eng-tl-step:nth-child(even) .eng-tl-card .etl-deliverables{justify-content:flex-start}.eng-form-grid{grid-template-columns:1fr}.eng-form-wrap{padding:28px 20px}.eng-cap-grid{grid-template-columns:1fr}}
@media(max-width:640px){.eng-hero{padding:60px 0 40px}.eng-hero h1{font-size:26px}.eng-process-header h2{font-size:24px}}

/* ===== WB-COOKIE: GDPR Cookie Consent Banner ===== */
.cookie-consent{position:fixed;bottom:0;left:0;right:0;z-index:9999;background:var(--navy,#0D1B2A);color:var(--white,#fff);padding:16px 24px;box-shadow:0 -4px 20px rgba(0,0,0,0.15);align-items:center;justify-content:center;flex-wrap:wrap;gap:16px;font-family:var(--font-body,'Inter',sans-serif)}
.cookie-consent .cookie-content{max-width:1200px;width:100%;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px}
.cookie-consent .cookie-text{font-size:13px;line-height:1.6;color:rgba(255,255,255,0.85);margin:0;flex:1;min-width:280px}
.cookie-consent .cookie-text a{color:var(--gold,#C9A961);text-decoration:underline}
.cookie-consent .cookie-actions{display:flex;gap:10px;flex-shrink:0}
.cookie-consent .cookie-btn{padding:8px 22px;font-size:13px;font-weight:var(--fw-regular);border-radius:8px;cursor:pointer;border:none;transition:var(--transition,all 0.3s ease);font-family:inherit}
.cookie-consent .cookie-accept{background:var(--gold,#C9A961);color:var(--navy,#0D1B2A)}
.cookie-consent .cookie-accept:hover{background:var(--gold-light,#E8D5A3)}
.cookie-consent .cookie-decline{background:transparent;color:rgba(255,255,255,0.7);border:1px solid rgba(255,255,255,0.3)}
.cookie-consent .cookie-decline:hover{color:var(--white,#fff);border-color:rgba(255,255,255,0.6)}
@media(max-width:768px){
  .cookie-consent{padding:14px 16px}
  .cookie-consent .cookie-content{flex-direction:column;text-align:center}
  .cookie-consent .cookie-text{min-width:100%}
  .cookie-consent .cookie-actions{width:100%;justify-content:center}
  .cookie-consent .cookie-btn{flex:1;max-width:160px}
}

/* ===== WB-RTL: Arabic RTL Logical Property Overrides ===== */
/* Invisible: only activates when dir="rtl" is set on <html> */
[dir="rtl"]{direction:rtl;text-align:right}
[dir="rtl"] body{text-align:right}
[dir="rtl"] .header-v9 .nav-left,[dir="rtl"] .header-v9 .nav-right,[dir="rtl"] .header-v9-left,[dir="rtl"] .header-cta-group{flex-direction:row-reverse}
[dir="rtl"] .header-v9-left .logo{margin-inline-start:0;margin-inline-end:auto}
[dir="rtl"] .header-cta-group{margin-inline-start:auto;margin-inline-end:0}
[dir="rtl"] .hero-content{margin-inline-start:0;margin-inline-end:auto}
[dir="rtl"] .hero-left .hero-content{margin-inline-start:auto;margin-inline-end:0}
[dir="rtl"] .hero-overlay-left{background:linear-gradient(90deg,rgba(13,27,42,0.35) 0%,rgba(13,27,42,0.65) 45%,rgba(13,27,42,0.88) 100%)}
[dir="rtl"] .section-tag,[dir="rtl"] .section-title,[dir="rtl"] .section-sub{text-align:right}
[dir="rtl"] .footer-grid{direction:rtl;text-align:right}
[dir="rtl"] .footer-bottom{flex-direction:row-reverse}
[dir="rtl"] .footer-compliance{flex-direction:row-reverse}
[dir="rtl"] .whatsapp-float{inset-inline-end:20px;inset-inline-start:auto}
[dir="rtl"] .floating-sidebar{inset-inline-end:16px;inset-inline-start:auto}
[dir="rtl"] .floating-mobile-menu{inset-inline-end:16px;inset-inline-start:auto}
[dir="rtl"] .mobile-products-body,[dir="rtl"] .mobile-role-body{text-align:right}
[dir="rtl"] .products-mega{inset-inline-start:auto;inset-inline-end:0}
[dir="rtl"] .role-mega{inset-inline-start:auto;inset-inline-end:0}
[dir="rtl"] .search-modal-content{margin:0 auto}
[dir="rtl"] .faq-item{text-align:right}
[dir="rtl"] .faq-q{flex-direction:row-reverse}
[dir="rtl"] .config-card-body,[dir="rtl"] .accordion-body{text-align:right}
[dir="rtl"] .eng-tl-step{flex-direction:row-reverse !important}
[dir="rtl"] .eng-tl-step-content{text-align:right !important;padding:0 72px 0 0 !important}
[dir="rtl"] .eng-process-timeline::before{inset-inline-start:auto;inset-inline-end:28px}
[dir="rtl"] .eng-tl-step-num{inset-inline-start:auto;inset-inline-end:28px}
[dir="rtl"] .cookie-consent .cookie-content{flex-direction:row-reverse}
[dir="rtl"] .cookie-consent .cookie-text{text-align:right}
/* Logical property utilities for RTL */
[dir="rtl"] .ml-auto{margin-inline-start:auto;margin-inline-end:0}
[dir="rtl"] .mr-auto{margin-inline-end:auto;margin-inline-start:0}
[dir="rtl"] .text-left{text-align:right}
[dir="rtl"] .text-right{text-align:left}

/* ===== WB-V9 A11y & UX Additions ===== */

/* Skip to Content link (a11y) */
.skip-link{position:absolute;top:-40px;left:0;background:var(--navy);color:#fff;padding:8px 16px;z-index:10000;border-radius:0 0 8px 0;font-size:14px;transition:top 0.3s cubic-bezier(0.4,0,0.2,1);text-decoration:none}
.skip-link:focus{top:0;color:#fff;outline:2px solid var(--gold);outline-offset:2px}

/* Back to Top button */
.back-to-top{position:fixed;bottom:88px;right:24px;width:44px;height:44px;border-radius:50%;background:var(--navy);color:var(--gold);border:none;cursor:pointer;font-size:20px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px rgba(13,27,42,0.2);z-index:997;opacity:0;visibility:hidden;transition:all 0.3s cubic-bezier(0.4,0,0.2,1)}
.back-to-top.visible{opacity:1;visibility:visible}
.back-to-top:hover{background:var(--steel);transform:translateY(-2px);box-shadow:0 6px 20px rgba(13,27,42,0.3)}
.back-to-top:focus{outline:2px solid var(--gold);outline-offset:2px}

/* FAQ a11y focus state */
.faq-question[role="button"]:focus{outline:2px solid var(--gold);outline-offset:2px}
.faq-question[role="button"]{cursor:pointer}

/* Mobile accordion a11y */
.mobile-role-accordion-header[role="button"]:focus{outline:2px solid var(--gold);outline-offset:2px}

/* RTL support for Arabic pages (WB-V9) */
[dir="rtl"] .lang-switch{flex-direction:row-reverse}
[dir="rtl"] .footer-col{margin-inline-start:0;margin-inline-end:48px}
[dir="rtl"] .footer-social{justify-content:flex-start}
[dir="rtl"] .nav-mega{left:auto;right:0}
[dir="rtl"] .trust-item{text-align:right}
[dir="rtl"] .faq-question{text-align:right}
[dir="rtl"] .back-to-top{right:auto;left:24px}

/* Back to top responsive */
@media(max-width:768px){
  .back-to-top{bottom:80px;right:16px;width:40px;height:40px;font-size:18px}
  [dir="rtl"] .back-to-top{right:auto;left:16px}
}

/* ===== WB-V9 Certification Badge Bar ===== */
.cert-badge-bar{background:var(--bg);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:12px 0}
.cert-badges{display:flex;align-items:center;justify-content:center;gap:24px;flex-wrap:wrap}
.cert-badge{font-size:13px;font-weight:700;color:var(--text-mid);letter-spacing:0.5px;padding:4px 12px;border:1px solid var(--border);border-radius:20px;background:var(--white);transition:all 0.3s}
.cert-badge:hover{border-color:var(--gold);color:var(--gold)}
@media(max-width:768px){.cert-badges{gap:8px}.cert-badge{font-size:11px;padding:3px 8px}}

/* ===== WB-CARD-LINK: Full-card clickable overlay ===== */
.config-card, .product-card { position: relative; }
.card-link-overlay {
  position: absolute;
  inset: 0;
  z-index: 1;
  display: block;
  text-decoration: none;
  color: inherit;
}
/* Inner links need to stay above overlay */
.config-card .config-link,
.product-card .config-link,
.product-card .product-sample-link,
.pillar-case-card .case-regional-link,
.tech-blog-card .tbc-cta {
  position: relative;
  z-index: 2;
}
/* ===== WB-PROD-META: Structured product metadata (hidden) ===== */
.prod-meta {
  display: none !important;
  visibility: hidden;
  position: absolute;
  left: -9999px;
}

/* ===== WB-V9: SINGLE-LAYER HEADER ===== */
/* Replaces legacy multi-layer nav with single clean header */
.wb-header{position:fixed;top:0;left:0;right:0;z-index:999;background:rgba(255,255,255,0.97);backdrop-filter:blur(12px);box-shadow:0 1px 0 rgba(13,27,42,0.06);transition:var(--transition)}
.wb-header.scrolled{box-shadow:0 2px 16px rgba(13,27,42,0.08)}
.wb-header-inner{display:flex;align-items:center;justify-content:space-between;height:64px;gap:24px}
.wb-header .logo{display:flex;align-items:center;gap:10px;font-family:'Inter',sans-serif;font-size:22px;font-weight:700;color:#B8966A;white-space:nowrap;flex-shrink:0;transition:color 0.3s ease;position:relative}
.wb-header .logo::after{content:'';position:absolute;bottom:-4px;left:0;right:0;height:2px;background:var(--gold);border-radius:1px;transform:scaleX(0);transform-origin:left center;transition:transform 0.3s ease}
.wb-header .logo:hover{color:var(--gold)}
.wb-header .logo:hover::after{transform:scaleX(1)}
.wb-header .logo:hover .logo-mark{box-shadow:0 0 0 2px rgba(201,169,97,0.35)}
.wb-header .logo-mark{width:32px;height:32px;border-radius:8px;background:linear-gradient(135deg,var(--navy),var(--steel));display:flex;align-items:center;justify-content:center;color:var(--gold);font-size:16px;font-weight:700;transition:box-shadow 0.3s ease}

/* Primary nav */
.wb-nav{display:flex;align-items:center;gap:2px;flex:1;justify-content:center}
.wb-nav-item{position:relative}
.wb-nav-link{display:flex;align-items:center;gap:6px;padding:10px 18px;font-size:16px;font-weight:var(--fw-regular);color:var(--text);border-radius:8px;transition:var(--transition);cursor:pointer;white-space:nowrap}
.wb-nav-link:hover{color:var(--gold);background:rgba(201,169,97,0.08)}
.wb-nav-link.active{color:var(--gold)}
.wb-nav-link.active::after{content:'';position:absolute;bottom:-2px;left:16px;right:16px;height:2px;background:var(--gold);border-radius:1px}
.wb-nav-icon{font-size:16px;line-height:1}
.wb-nav-arrow{font-size:9px;color:var(--text-light);transition:var(--transition)}
.wb-nav-link:hover .wb-nav-arrow{color:var(--gold);transform:rotate(180deg)}

/* Mega menu panels */
.wb-mega{position:absolute;top:calc(100% + 8px);left:50%;transform:translateX(-50%) translateY(10px);background:var(--white);border-radius:var(--radius-lg);box-shadow:0 12px 48px rgba(13,27,42,0.12);border:1px solid var(--border);opacity:0;visibility:hidden;transition:var(--transition);z-index:1000}
.wb-nav-item:hover .wb-mega{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}

/* Products mega (wide, 4-col with scroll columns) */
.wb-mega-products{width:900px;padding:24px}

/* Solutions/Projects/Manufacturer/Resources mega (medium) */
.wb-mega-solutions{width:840px;padding:24px}
.wb-mega-simple{width:680px;padding:24px}

/* Mega grid */
.wb-mega-grid{display:grid;gap:20px}
.wb-mega-grid-4{grid-template-columns:repeat(4,1fr)}
.wb-mega-grid-3{grid-template-columns:repeat(3,1fr)}
/* WB-PRODUCTS-DROPDOWN: single-column scroll for long dropdown columns */
.dropdown-col{max-height:65vh;overflow-y:auto;overflow-x:hidden}
.wb-mega-col h4 a{color:inherit;text-decoration:none;transition:var(--transition)}
.wb-mega-col h4{font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--gold);margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid var(--border)}
.wb-mega-link{display:block;padding:7px 10px;border-radius:8px;font-size:14px;color:var(--text-mid);transition:var(--transition);margin-bottom:1px;line-height:1.4}
.wb-mega-link:hover{background:var(--bg);color:var(--gold);padding-left:14px}
.wb-mega-link strong{display:block;color:var(--navy);font-weight:600;font-size:14px}
.wb-mega-link span{font-size:12px;color:var(--text-light)}

/* Mega footer */
.wb-mega-footer{display:flex;gap:12px;justify-content:flex-end;margin-top:16px;padding-top:16px;border-top:1px solid var(--border)}
.wb-mega-footer a{padding:8px 20px;border-radius:8px;font-size:13px;font-weight:var(--fw-regular);transition:var(--transition)}
.wb-mega-footer-catalog{background:var(--bg);color:var(--text-mid)}
.wb-mega-footer-catalog:hover{background:var(--bg-gray);color:var(--navy)}
.wb-mega-footer-all{background:var(--gold);color:var(--navy)}
.wb-mega-footer-all:hover{background:var(--gold-dark);color:var(--white)}

/* Mega column header link */
.wb-mega-col h4 a{color:inherit;text-decoration:none;transition:var(--transition)}
.wb-mega-col h4 a:hover{color:var(--steel)}

/* Header right section */
.wb-header-right{display:flex;align-items:center;gap:12px;flex-shrink:0}
.wb-search-trigger{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;border:none;background:var(--bg);color:var(--text-mid);cursor:pointer;transition:var(--transition)}
.wb-search-trigger:hover{background:rgba(201,169,97,0.12);color:var(--gold)}
.wb-search-trigger svg{width:18px;height:18px}
.wb-header-right .btn-gold{padding:10px 20px;font-size:13px;font-weight:var(--fw-regular);min-height:40px}

/* Mobile toggle */
.wb-mobile-toggle{display:none;flex-direction:column;gap:4px;width:40px;height:40px;border:none;background:none;cursor:pointer;padding:8px;align-items:center;justify-content:center}
.wb-mobile-toggle span{width:22px;height:2px;background:var(--navy);border-radius:2px;transition:var(--transition)}
.wb-mobile-toggle.open span:nth-child(1){transform:translateY(6px) rotate(45deg)}
.wb-mobile-toggle.open span:nth-child(2){opacity:0}
.wb-mobile-toggle.open span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}

/* Mobile nav */
.wb-mobile-nav{display:none;position:fixed;top:64px;left:0;right:0;bottom:0;background:var(--white);z-index:998;overflow-y:auto;padding:16px 20px}
.wb-mobile-nav.open{display:block}
.wb-mobile-search-row{display:flex;flex-direction:column;gap:12px;padding:12px 0;border-bottom:1px solid var(--border);margin-bottom:16px}
.wb-mobile-search-input{padding:12px 16px;border:1px solid var(--border);border-radius:24px;font-size:15px;outline:none;width:100%}
.wb-mobile-search-input:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(201,169,97,0.15)}

/* Mobile panels (independent accordions) */
.wb-mobile-panel{margin-bottom:8px;border-bottom:1px solid var(--border)}
.wb-mobile-panel-header{display:flex;align-items:center;gap:10px;padding:16px 0;font-size:17px;font-weight:600;color:var(--text);cursor:pointer;transition:var(--transition)}
.wb-mobile-panel-header:hover{color:var(--gold)}
.wb-mobile-panel-header .wb-mp-icon{font-size:20px}
.wb-mobile-panel-header .wb-mp-arrow{margin-inline-start:auto;font-size:12px;color:var(--text-light);transition:var(--transition)}
.wb-mobile-panel-header.open .wb-mp-arrow{transform:rotate(180deg)}
.wb-mobile-panel-body{max-height:0;overflow:hidden;transition:max-height 0.3s cubic-bezier(0.4,0,0.2,1)}
.wb-mobile-panel-body.open{max-height:600px}
.wb-mp-link{display:block;padding:12px 0 12px 32px;font-size:15px;color:var(--text-mid);border-bottom:1px solid var(--bg-gray);transition:var(--transition);text-decoration:none}
.wb-mp-link:hover{color:var(--gold);padding-inline-start:36px}
.wb-mp-link span{display:block;font-size:12px;color:var(--text-light);margin-top:2px}
.wb-mp-view-all{display:block;padding:14px 0 14px 32px;font-size:15px;font-weight:var(--fw-regular);color:var(--gold);transition:var(--transition)}
.wb-mp-view-all:hover{color:var(--gold-dark)}

/* Mobile quick links (no accordion) */
.wb-mobile-quicklinks{display:grid;grid-template-columns:1fr 1fr;gap:0;padding:8px 0;border-bottom:1px solid var(--border)}
.wb-mq-link{display:flex;align-items:center;padding:14px 8px;font-size:14px;font-weight:500;color:var(--text-mid);border-bottom:1px solid var(--bg-gray);transition:var(--transition);text-decoration:none}
.wb-mq-link:hover{color:var(--gold);background:var(--bg)}

/* Mobile CTA */
.wb-mobile-cta{display:block;width:100%;padding:16px;font-size:16px;font-weight:var(--fw-regular);text-align:center;margin-top:16px;border-radius:var(--radius)}

/* Search overlay */
.wb-search-overlay{display:none;position:fixed;top:64px;left:0;right:0;background:rgba(13,27,42,0.96);backdrop-filter:blur(12px);z-index:1001;padding:40px 20px}
.wb-search-overlay.open{display:block}
.wb-search-overlay-content{max-width:720px;margin:0 auto;position:relative}
.wb-search-overlay-content input{width:100%;padding:18px 56px 18px 24px;border:2px solid rgba(201,169,97,0.3);border-radius:12px;font-size:18px;background:rgba(255,255,255,0.05);color:var(--white);outline:none;transition:var(--transition)}
.wb-search-overlay-content input:focus{border-color:var(--gold);box-shadow:0 0 0 4px rgba(201,169,97,0.15)}
.wb-search-overlay-content input::placeholder{color:rgba(255,255,255,0.5)}
.wb-search-overlay-content .search-autocomplete{margin-top:12px}
.wb-search-close{position:absolute;right:12px;top:12px;width:40px;height:40px;border:none;background:none;color:rgba(255,255,255,0.6);font-size:28px;cursor:pointer;transition:var(--transition);border-radius:50%}
.wb-search-close:hover{color:var(--white);background:rgba(255,255,255,0.1)}

/* ===== HOME-V2 nav overrides removed — inherit standard .wb-header styles (same as Products pages) ===== */

/* ===== RESPONSIVE: Header ===== */
@media(max-width:1200px){
  .wb-nav-link{padding:10px 12px;font-size:13px}
  .wb-mega-products{width:820px}
  .wb-mega-solutions{width:760px}
}

@media(max-width:1024px){
  .wb-nav{display:none}
  .wb-mobile-toggle{display:flex}
  .wb-header-right .btn-gold{display:none}
  .wb-header-inner{justify-content:space-between}
}

@media(max-width:768px){
  .wb-header-inner{height:56px}
  .wb-mobile-nav{top:56px}
  .wb-search-overlay{top:56px;padding:24px 16px}
  .wb-header .logo{font-size:18px}
  .wb-header .logo-mark{width:28px;height:28px;font-size:14px}
  .wb-search-trigger{width:36px;height:36px}
  .wb-search-trigger svg{width:16px;height:16px}
  .wb-mobile-toggle{width:36px;height:36px}
  .wb-mobile-toggle span{width:20px}
}

/* RTL support */
[dir="rtl"] .wb-nav{flex-direction:row-reverse}
[dir="rtl"] .wb-header-right{flex-direction:row-reverse}
[dir="rtl"] .wb-mega{left:auto;right:50%;transform:translateX(50%) translateY(10px)}
[dir="rtl"] .wb-nav-item:hover .wb-mega{transform:translateX(50%) translateY(0)}
[dir="rtl"] .wb-mp-link{padding-inline-start:0;padding-inline-end:32px}
[dir="rtl"] .wb-mp-link:hover{padding-inline-start:0;padding-inline-end:36px}
[dir="rtl"] .wb-mobile-panel-header .wb-mp-arrow{margin-inline-start:0;margin-inline-end:auto}

/* ===== END WB-V9 HEADER ===== */

/* ===== WB-M3B: WCAG Text Contrast Override ===== */
/* Rule: #C9A961 gold restricted to H1/H2/buttons only.
   All body text, small labels, metadata, and inline links
   changed to var(--steel) #1B3A5B for WCAG AA 4.5:1 on light backgrounds.
   Gold retained for: H1/H2, buttons (bg), large display numbers (Inter Bold),
   icons, borders, hover states, and elements on dark backgrounds. */

/* --- Utility classes used in body text --- */
.gold{color:var(--steel)}
.text-gold{color:var(--steel);text-decoration:underline}
.gold-fs-18{color:var(--steel)}

/* --- Section tags & labels (13px on light bg) --- */
.section-tag{color:var(--steel)}
.capability-section .section-tag{color:var(--steel)}

/* --- Regional / parameter text --- */
.reg-param{color:var(--steel)}
.regional-card a{color:var(--steel)}
.reg-cta-btn{color:var(--steel)}

/* --- Container / shipping metadata --- */
.container-card .month{color:var(--steel)}
.shipping-stat-row .value{color:var(--steel)}

/* --- Blog / date metadata --- */
.blog-date{color:var(--steel)}

/* --- WhatsApp tooltip --- */
.whatsapp-tooltip .timezone{color:var(--steel)}

/* --- Config / product links --- */
.config-link{color:var(--steel)}

/* --- Test report region label --- */
.test-report-header .tr-region{color:var(--steel)}

/* --- Social gallery platform label --- */
.social-gallery-info .sg-platform{color:var(--steel)}

/* --- Search result type labels --- */
.search-result-item .sr-type{color:var(--steel)}
.search-ac-item .sac-type{color:var(--steel)}
.search-ac-item .sac-highlight{color:var(--steel)}

/* --- Tech comparison tags & highlights --- */
.tp-tag{color:var(--steel)}
.tp-highlight{color:var(--steel)}
.tp-cta{color:var(--steel)}

/* --- Audience split tag --- */
.asc-tag{color:var(--steel)}

/* --- Ops banner CTA --- */
.ops-banner .ob-cta{color:var(--steel)}

/* --- Certification nav link --- */
.cert-nav-link{color:var(--steel)}

/* --- Related resources link --- */
.rr-card .rr-link{color:var(--steel)}

/* --- Blog card CTA --- */
.tbc-cta{color:var(--steel)}

/* --- Quick quote note --- */
.qiw-note strong{color:var(--steel)}

/* --- Testimonial video button --- */
.testimonial-video-btn{color:var(--steel)}

/* --- Mega menu "view all" links --- */
.pm-view-all{color:var(--steel)}
.mobile-products-view-all{color:var(--steel)}

/* --- Footer catalog link (on dark bg, but change for consistency) --- */
.footer-catalog-link{color:var(--gold-light)!important}

/* --- Form collapsible toggle --- */
.form-collapsible-toggle{color:var(--steel)}

/* --- Process step numbers (border only, text is navy) --- */
/* .process-step::before keeps gold border — text is var(--gold) on white circle.
   48px circle with 20px Inter Bold is a display element, not body text. Keep. */

/* --- Filter bar h4 headings (13px on light bg) --- */
.filter-bar h4{color:var(--steel)}
.filter-tabs-group h4{color:var(--steel)}

/* --- FAQ sidebar h4 (13px on light bg) --- */
.faq-sidebar h4{color:var(--steel)}

/* --- Mega menu column h4 headings (13px on white bg) --- */
.products-mega-col h4{color:var(--steel)}
.mega-menu-performance h4{color:var(--steel)}
.role-mega-col h4{color:var(--steel)}

/* --- FAQ category title (18px heading on light bg) --- */
.faq-category-title{border-bottom-color:var(--steel)}

/* --- Cookie consent link (keep gold-light for visibility on dark bar) --- */
/* .cookie-consent .cookie-text a keeps gold — on dark navy bar, passes WCAG */

/* --- Form success h3 (24px heading on light bg) --- */
.form-success h3{color:var(--steel)}

/* --- Detail tab active state (navigation, keep gold for UX) --- */
/* .detail-tab.active keeps gold — tab navigation is interactive, exempt */

/* --- Compliance data value (24px Inter Bold on light bg) --- */
.compliance-data-item .cd-value{color:var(--steel)}

/* --- Calc result estimate (36px Inter Bold on light bg) --- */
.calc-result .cr-estimate{color:var(--steel)}

/* --- Pillar timeline circle number (20px Inter Bold on white circle) --- */
.pillar-tl-circle{color:var(--steel);border-color:var(--steel)}
.pillar-tl-step.active .pillar-tl-circle{background:var(--steel);color:var(--white)}

/* --- Cert timeline number (22px Inter Bold on white circle) --- */
.cert-tl-num{color:var(--steel);border-color:var(--steel)}

/* --- MFG process number (22px Inter Bold on white circle) --- */
.mfg-process-num{color:var(--steel);border-color:var(--steel)}

/* --- ENG timeline number (20px Inter Bold on white circle) --- */
.eng-tl-step-num{color:var(--steel);border-color:var(--steel)}

/* --- QC step number (24px Inter Bold on navy circle, gold text) --- */
/* .qc-step-num keeps gold — on navy gradient background, passes WCAG */

/* --- Capability card number (14px Inter Bold label on dark bg) --- */
/* .capability-card .cap-num keeps gold — on navy background, passes WCAG */

/* --- Inside stat / stat bar numbers (large Inter Bold on dark bg) --- */
/* .inside-stat .num, .stat-bar-item .num keep gold — on dark background */

/* --- Hero stat number (36px Inter Bold on dark hero) --- */
/* .hero-stat .num keeps gold — on dark hero overlay, passes WCAG */

/* --- Service number (64px Inter Bold) --- */
/* .service-num keeps gold — large display element */

/* --- Container card qty (32px Inter Bold) --- */
/* .container-card .qty keeps gold — large display element */
/* END WCAG Text Contrast Override */

/* ===== WB-M6: Additional WCAG AA Gold Text Overrides (Module 6) ===== */
/* Rule: #C9A961 gold on light backgrounds fails WCAG AA (2.36:1).
   These selectors were missed by WB-M3B. Override to var(--steel) #1B3A5B. */

/* --- Service display number (64px Inter Bold on light bg) --- */
.service-num{color:var(--steel)}

/* --- Container card quantity (32px Inter Bold on light bg) --- */
.container-card .qty{color:var(--steel)}

/* --- Testimonial quote mark (48px Inter Bold on light bg, decorative) --- */
.testimonial-quote{color:var(--steel)}

/* --- Mobile nav section heading (12px on light bg) --- */
.mobile-nav-section h4{color:var(--steel)}

/* --- Products mega footer catalog button text --- */
.products-mega-footer .pmf-catalog{color:var(--navy)}

/* --- Perf quick button text (on gold bg, navy text is fine) --- */
/* .perf-quick-btn already uses color:var(--navy) on gold bg — passes WCAG */

/* --- Factory video button (on gold bg, navy text is fine) --- */
/* .factory-video-btn already uses color:var(--navy) on gold bg — passes WCAG */

/* --- FAQ view all button (on gold bg, navy text is fine) --- */
/* .faq-view-all-btn already uses color:var(--navy) on gold bg — passes WCAG */

/* --- Search submit (on gold bg, navy text is fine) --- */
/* .search-submit already uses color:var(--navy) on gold bg — passes WCAG */

/* --- Test report download (on gold bg, navy text is fine) --- */
/* .test-report-download already uses color:var(--navy) on gold bg — passes WCAG */

/* --- Filter actions bar push button (on gold bg, navy text is fine) --- */
/* .filter-actions-bar .btn-push already uses color:var(--navy) on gold bg */

/* --- FQS unit button (on gold bg when focused, navy text) --- */
/* .fqs-unit:focus already uses color:var(--navy) on gold bg */

/* --- New arrival badge (on gold bg, navy text) --- */
/* .new-arrival-card .na-badge already uses color:var(--navy) on gold bg */

/* --- Auto tag new arrival (on gold bg, navy text) --- */
/* .auto-tag.new-arrival already uses color:var(--navy) on gold bg */

/* --- QIW tab (on gold bg, navy text) --- */
/* .qiw-tab already uses color:var(--navy) on gold bg */

/* --- QIW submit (on gold bg, navy text) --- */
/* .qiw-submit already uses color:var(--navy) on gold bg */

/* --- Product badge (on gold bg, navy text) --- */
/* .product-badge already uses color:var(--navy) on gold bg */

/* --- Factory badge (on gold bg, navy text) --- */
/* .factory-badge already uses color:var(--navy) on gold bg */

/* --- Project scope badge (on gold bg, navy text) --- */
/* .project-scope already uses color:var(--navy) on gold bg */

/* --- Proj v2 scope (on gold bg, navy text) --- */
/* .proj-v2-scope already uses color:var(--navy) on gold bg */

/* --- Tag perf (on gold bg, navy text) --- */
/* .tag-perf already uses color:var(--navy) on gold bg */

/* --- Lang switch active (on gold bg, navy text) --- */
/* .lang-switch a.active already uses color:var(--navy) on gold bg */

/* --- Blog cat tag buying guide (badge with gold-dark text) --- */
.blog-cat-tag.buying-guide{color:var(--steel);background:rgba(27,58,91,0.08)}

/* --- TBC badge (on gold bg, white text) --- */
/* .tbc-badge already uses color:#fff on gold bg — passes WCAG */

/* --- Pillar hero tag (on dark hero bg, gold text passes) --- */
/* .pillar-hero-tag keeps gold — on dark hero background, passes WCAG */

/* --- Ops banner CTA (13px on light bg) --- */
/* Already overridden in WB-M3B */

/* --- Footer catalog link (on dark footer bg) --- */
/* Already overridden to gold-light in WB-M3B */

/* ===== WB-V9 MODULE 2: HERO 55:45 SPLIT + HOME-V2 OVERRIDES ===== */

/* --- Hero floating action buttons --- */
.hero-floating-actions{position:absolute;right:40px;top:50%;transform:translateY(-40%);z-index:4;display:flex;flex-direction:column;gap:10px}
.hfa-item{display:flex;align-items:center;gap:12px;padding:14px 18px;background:rgba(13,27,42,0.78);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.08);border-radius:12px;color:var(--white);font-size:13px;font-weight:500;transition:var(--transition);box-shadow:0 8px 24px rgba(0,0,0,0.2)}
.hfa-item:hover{background:rgba(13,27,42,0.95);transform:translateX(-4px);border-color:rgba(201,169,97,0.35)}
.hfa-item svg{width:20px;height:20px;color:var(--gold);flex-shrink:0}
.hfa-item span{white-space:nowrap}

/* --- Products section header: left title + right link --- */
.section-header-products{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:40px}
.section-header-products .shp-left{text-align:left}
.section-header-products .section-sub{text-align:left;margin:8px 0 0;max-width:560px;font-size:15px;color:var(--text-mid)}
.section-header-products .shp-link{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--gold);white-space:nowrap;transition:var(--transition)}
.section-header-products .shp-link:hover{color:var(--gold-dark);gap:12px}

/* --- Product cards clean override for home-v2 --- */
.home-v2 .products-grid{grid-template-columns:repeat(4,1fr);gap:24px}
.home-v2 .product-card{border-radius:var(--radius-lg,16px);box-shadow:0 6px 24px rgba(13,27,42,0.06);border:1px solid var(--border);overflow:hidden}
.home-v2 .product-card:hover{transform:translateY(-6px);box-shadow:0 14px 36px rgba(13,27,42,0.12);border-color:rgba(201,169,97,0.25)}
.home-v2 .product-img{height:190px;border-bottom:1px solid var(--border)}
.home-v2 .product-info{padding:22px;text-align:left}
.home-v2 .product-info h3{font-size:17px;font-weight:700;color:var(--navy);margin-bottom:8px}
.home-v2 .product-info p{font-size:14px;color:var(--text-mid);line-height:1.55}
.home-v2 .product-meta,.home-v2 .product-scenarios,.home-v2 .config-link,.home-v2 .product-sample-link{display:none}
.home-v2 .product-cta-card{border-radius:var(--radius-lg,16px)}

/* --- Hero 55:45 Split Layout --- */
.hero-split{
  display:grid;
  grid-template-columns:55% 45%;
  min-height:100vh;
  position:relative;
  overflow:hidden;
}
.home-v2 .hero-split{
  display:grid;
  height:auto;
  min-height:100vh;
  align-items:stretch;
  justify-content:initial;
}
.hero-split-left{
  background:linear-gradient(135deg,var(--navy) 0%,var(--steel) 100%);
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:80px 7% 60px;
  position:relative;
  z-index:2;
}
.hero-split-left .hero-content{
  position:relative;
  z-index:2;
  text-align:left;
  color:var(--white);
  max-width:680px;
  padding:0;
}
.hero-split-left .hero-content h1{
  font-family:'Inter',sans-serif;
  font-size:var(--fs-display);
  font-weight:var(--fw-bold);
  line-height:1.1;
  letter-spacing:var(--ls-wide);
  margin-bottom:20px;
  text-shadow:0 2px 20px rgba(0,0,0,0.2);
}
.hero-split-left .hero-content h1 .hero-h1-mobile{display:none}
.hero-split-left .hero-content p{
  font-size:18px;
  line-height:1.65;
  max-width:520px;
  opacity:0.92;
  margin-bottom:32px;
}
.hero-split-left .hero-tag{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 20px;
  background:rgba(201,169,97,0.15);
  border:1px solid rgba(201,169,97,0.3);
  border-radius:24px;
  font-size:13px;
  font-weight:500;
  margin-bottom:24px;
  color:var(--gold);
}
.hero-split-left .hero-tag .dot{
  width:8px;height:8px;border-radius:50%;
  background:var(--gold);
  animation:pulse 2s ease-in-out infinite;
}
.hero-split-left .hero-cta{
  display:flex;
  gap:16px;
  flex-wrap:wrap;
}
.hero-split-left .hero-cta .btn-gold{
  background:var(--gold);
  color:var(--navy);
  border:2px solid var(--gold);
}
.hero-split-left .hero-cta .btn-gold:hover{
  background:var(--gold-dark);
  border-color:var(--gold-dark);
  color:var(--white);
}
.hero-split-left .hero-cta .btn-outline{
  border:2px solid rgba(255,255,255,0.45);
  color:var(--white);
}
.hero-split-left .hero-cta .btn-outline:hover{
  background:rgba(255,255,255,0.1);
  border-color:var(--white);
}
.hero-split-left .hero-scroll-hint{
  position:absolute;
  bottom:30px;
  left:7%;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:8px;
  color:rgba(255,255,255,0.5);
  font-size:13px;
  z-index:3;
}
.hero-split-left .hero-scroll-hint .scroll-line{
  width:2px;height:40px;
  background:linear-gradient(180deg,rgba(201,169,97,0.6),transparent);
  animation:scrollPulse 2s ease-in-out infinite;
}
@keyframes scrollPulse{
  0%,100%{opacity:0.4;transform:scaleY(1)}
  50%{opacity:1;transform:scaleY(1.2)}
}
.hero-split-right{
  position:relative;
  overflow:hidden;
  z-index:1;
}
.hero-split-right img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
}
.hero-split-right .hero-floating-actions{
  position:absolute;
  right:24px;
  top:50%;
  transform:translateY(-50%);
  z-index:4;
  display:flex;
  flex-direction:column;
  gap:10px;
}

/* --- Responsive: Hero Split + Home-V2 Overrides --- */
@media(max-width:1024px){
  .hero-floating-actions{right:24px}
  .home-v2 .products-grid{grid-template-columns:repeat(2,1fr)}
  .hero-split{
    grid-template-columns:1fr;
    min-height:auto;
  }
  .hero-split-left{
    padding:100px 6% 48px;
    min-height:50vh;
  }
  .hero-split-right{
    height:400px;
  }
  .hero-split-left .hero-content h1{font-size:42px}
  .hero-split-right .hero-floating-actions{display:none}
}
@media(max-width:768px){
  .hero-floating-actions{display:none}
  .section-header-products{flex-direction:column;align-items:flex-start;gap:16px}
  .home-v2 .products-grid{grid-template-columns:1fr}
  .hero-split{
    grid-template-columns:1fr;
  }
  .hero-split-left{
    padding:100px 24px 40px;
    text-align:center;
  }
  .hero-split-left .hero-content{
    text-align:center;
    margin:0 auto;
    max-width:560px;
  }
  .hero-split-left .hero-content h1{
    font-size:32px;
    line-height:1.2;
  }
  .hero-split-left .hero-content h1 .hero-h1-desktop{display:none}
  .hero-split-left .hero-content h1 .hero-h1-mobile{display:inline}
  .hero-split-left .hero-content p{
    font-size:16px;
    margin-left:auto;
    margin-right:auto;
  }
  .hero-split-left .hero-tag{margin-left:auto;margin-right:auto}
  .hero-split-left .hero-cta{justify-content:center}
  .hero-split-left .hero-scroll-hint{display:none}
  .hero-split-right{height:300px}
  .hero-split-right .hero-floating-actions{display:none}
}
/* ===== END WB-V9 MODULE 2 ===== */

/* ===== HERO FULLSCREEN IMMERSIVE (v9.1 redesign → v9 final dark theme) ===== */

/* Full-screen hero: dark cool gray-blue source image + dual navy gradient overlay +
   left-aligned light text + right-side engineering annotations.
   v9 final: source image is dark cool-gray-blue, so the overlay rebalances to
   navy-dominated gradients (left heavy for text readability, right thin to
   keep profile visible). Text colors flip from navy to white + gold accents. */
.hero-fullscreen{
  position:relative;
  min-height:100vh;
  display:flex;
  align-items:center;
  overflow:hidden;
  padding-top:64px; /* offset for fixed header */
}
.hero-fullscreen .hero-bg{
  position:absolute;
  inset:0;
  z-index:0;
}
.hero-fullscreen .hero-bg img{
  width:100%;
  height:100%;
  object-fit:cover;
  /* 16:9 source: profile cross-section occupies right ~50%, villa at bottom-left.
     Anchor slightly left of center so profile is fully visible while keeping
     villa at the bottom edge for context. */
  object-position:55% 65%;
}
/* Layer 1: cool gray-blue gradient — #2C3846 (left, text legibility)
   transitions to #A0B0BF (right, subtle cool-gray wash over profile area).
   Low saturation, matte, no warm tones — cool natural light only. */
.hero-fullscreen .hero-overlay{
  background:linear-gradient(90deg,
    rgba(44,56,70,0.82) 0%,
    rgba(44,56,70,0.65) 28%,
    rgba(44,56,70,0.35) 55%,
    rgba(160,176,191,0.15) 80%,
    rgba(160,176,191,0.08) 100%
  );
}
/* Layer 2: complementary veil — slightly stronger cool gray-blue near the
   text column, drop-off toward the profile area to keep engineering details
   crisp. */
.hero-fullscreen .hero-overlay-gradient{
  position:absolute;
  inset:0;
  z-index:1;
  background:linear-gradient(90deg,
    rgba(44,56,70,0.45) 0%,
    rgba(44,56,70,0.25) 20%,
    rgba(44,56,70,0.05) 50%,
    rgba(44,56,70,0) 70%
  );
}
/* Top + bottom vignette using cool gray-blue to anchor the hero without
   flattening the engineering imagery */
.hero-fullscreen::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:linear-gradient(180deg,
    rgba(44,56,70,0.35) 0%,
    rgba(44,56,70,0) 18%,
    rgba(44,56,70,0) 75%,
    rgba(44,56,70,0.30) 100%
  );
}

.hero-content-left{
  position:relative;
  z-index:2;
  max-width:680px;
  padding:0 24px 0 8%;
  text-align:left;
  margin-right:auto;
}
.hero-content-left .hero-h1-main{
  font-family:'Inter',sans-serif;
  font-size:var(--fs-display);
  font-weight:var(--fw-bold);
  line-height:1.1;
  letter-spacing:var(--ls-wide);
  margin:0 0 10px 0;
  color:var(--white);
  text-shadow:0 2px 24px rgba(31,38,46,0.55);
}
.hero-content-left .hero-h1-sub{
  font-family:'Inter',sans-serif;
  font-size:22px;
  font-weight:var(--fw-medium);
  line-height:1.3;
  letter-spacing:var(--ls-wide);
  margin:0 0 22px 0;
  color:var(--white);
  text-shadow:0 2px 20px rgba(31,38,46,0.6);
}
.hero-content-left .hero-tagline{
  font-family:'Inter',sans-serif;
  font-size:18px;
  font-style:normal;
  font-weight:var(--fw-semibold);
  line-height:1.4;
  margin:0 0 14px 0;
  color:var(--white);
  letter-spacing:var(--ls-wide);
  text-shadow:0 1px 12px rgba(31,38,46,0.55);
}
.hero-content-left .hero-description{
  font-family:'Inter',sans-serif;
  font-size:17px;
  line-height:1.65;
  max-width:560px;
  color:rgba(216,224,232,0.85);
  margin:0 0 36px 0;
  font-weight:400;
  text-shadow:0 1px 10px rgba(31,38,46,0.5);
}
.hero-content-left .hero-cta{
  display:flex;
  gap:16px;
  flex-wrap:wrap;
}
.hero-content-left .hero-cta .btn-gold{
  background:var(--gold);
  color:var(--navy);
  border:2px solid var(--gold);
  box-shadow:0 8px 28px rgba(201,169,97,0.35);
  font-weight:600;
}
.hero-content-left .hero-cta .btn-gold:hover{
  background:var(--gold-dark);
  border-color:var(--gold-dark);
  color:var(--white);
  box-shadow:0 12px 36px rgba(201,169,97,0.45);
  transform:translateY(-2px);
}
/* Secondary CTA: white background with navy text (matches reference image) */
.hero-content-left .hero-cta .btn-cta-secondary{
  background:var(--white);
  color:var(--navy);
  border:2px solid var(--white);
  box-shadow:0 8px 28px rgba(0,0,0,0.18);
  font-weight:600;
}
.hero-content-left .hero-cta .btn-cta-secondary:hover{
  background:rgba(255,255,255,0.92);
  border-color:rgba(255,255,255,0.92);
  color:var(--navy);
  box-shadow:0 12px 36px rgba(0,0,0,0.22);
  transform:translateY(-2px);
}

/* Engineering annotations on the right side are baked into home.jpg itself
   (DP50+ / Polyamide 66 / Lockcase 11.6mm / Uf=0.9 / 72.6mm) — no CSS overlay. */

/* Responsive: full-screen hero */
@media(max-width:1024px){
  .hero-content-left .hero-h1-main{font-size:46px}
  .hero-content-left .hero-h1-sub{font-size:20px}
  .hero-content-left .hero-tagline{font-size:17px}
  .hero-content-left .hero-description{font-size:16px}
}
@media(max-width:768px){
  .hero-fullscreen{min-height:90vh;padding-top:56px}
  .hero-content-left{max-width:100%;padding:0 20px}
  .hero-content-left .hero-h1-main{font-size:34px;margin-bottom:8px}
  .hero-content-left .hero-h1-sub{font-size:18px;margin-bottom:20px}
  .hero-content-left .hero-tagline{font-size:17px;margin-bottom:14px}
  .hero-content-left .hero-description{font-size:15px;margin-bottom:28px}
  .hero-content-left .hero-cta{flex-direction:column}
  .hero-content-left .hero-cta .btn{width:100%;justify-content:center}
  .hero-overlay-gradient{
    /* Mobile: cool gray-blue (#2C3846) gradient top + bottom to keep both
       header zone and CTA zone readable, with a clear window in the middle
       for the architectural composition. */
    background:linear-gradient(180deg,
      rgba(44,56,70,0.85) 0%,
      rgba(44,56,70,0.45) 35%,
      rgba(44,56,70,0.35) 60%,
      rgba(44,56,70,0.78) 100%
    );
  }
  .hero-fullscreen .hero-bg img{object-position:55% 70%;}
}

/* ============================================
   Regional Page Spacing — .reg-usa / .reg-canada / .reg-australia / .reg-europe / .reg-middleeast
   All regional pages use this single global class pattern.
   NO per-page inline <style> blocks allowed.
   ============================================ */
/* Shared regional defaults */
.reg-usa .hero-stats-bar,
.reg-canada .hero-stats-bar,
.reg-australia .hero-stats-bar,
.reg-europe .hero-stats-bar,
.reg-middleeast .hero-stats-bar{margin-top:36px}
.reg-usa .section[id*="-standards"],
.reg-usa .section[id*="-projects"],
.reg-canada .section[id*="-standards"],
.reg-canada .section[id*="-projects"],
.reg-australia .section[id*="-standards"],
.reg-australia .section[id*="-projects"],
.reg-europe .section[id*="-standards"],
.reg-europe .section[id*="-projects"],
.reg-middleeast .section[id*="-standards"],
.reg-middleeast .section[id*="-projects"]{padding:72px 0}
.reg-usa .section[id*="-standards"] .section-sub,
.reg-usa .section[id*="-projects"] .section-sub,
.reg-canada .section[id*="-standards"] .section-sub,
.reg-canada .section[id*="-projects"] .section-sub,
.reg-australia .section[id*="-standards"] .section-sub,
.reg-australia .section[id*="-projects"] .section-sub,
.reg-europe .section[id*="-standards"] .section-sub,
.reg-europe .section[id*="-projects"] .section-sub,
.reg-middleeast .section[id*="-standards"] .section-sub,
.reg-middleeast .section[id*="-projects"] .section-sub{margin-bottom:36px}
.reg-usa .cta-section,
.reg-canada .cta-section,
.reg-australia .cta-section,
.reg-europe .cta-section,
.reg-middleeast .cta-section{padding:60px 0}
.reg-usa .project-card .project-stats,
.reg-canada .project-card .project-stats,
.reg-australia .project-card .project-stats,
.reg-europe .project-card .project-stats,
.reg-middleeast .project-card .project-stats{font-size:11px;color:rgba(255,255,255,0.7);line-height:1.4;margin-top:6px}

/* Regional USA: project overlay compact layout */
.reg-usa .project-overlay{
  padding:16px 20px 18px;
}
.reg-usa .project-overlay h3{font-size:17px;margin-bottom:2px;line-height:1.2}
.reg-usa .project-overlay p{font-size:12px;margin-bottom:6px;line-height:1.3}
.reg-usa .project-card .project-params{gap:6px;margin-bottom:4px}
.reg-usa .project-card .project-param-tag{font-size:11px;padding:2px 8px;line-height:1.2}
.reg-usa .project-card .project-stats{font-size:10px;margin-top:3px;line-height:1.3}

/* Regional theme variables + FAQ — Canada / Europe / USA */
.reg-canada{--hero-theme:#78A0D4}
.reg-europe{--hero-theme:#607890}
.reg-usa{--hero-theme:#E67E22}
.reg-canada .hvhz-faq-q .hfh-icon,
.reg-europe .hvhz-faq-q .hfh-icon,
.reg-usa .hvhz-faq-q .hfh-icon{color:var(--hero-theme)}
.reg-canada .faq-highlight,
.reg-europe .faq-highlight,
.reg-usa .faq-highlight{color:var(--hero-theme);font-weight:600}

/* Regional announcement bar */
.res-announcement{background:var(--steel);color:var(--white);padding:10px 0;font-size:13px;line-height:1.5;position:relative;z-index:1001}
.res-announcement .container{display:flex;align-items:center;gap:10px;max-width:var(--max-w);margin:0 auto;padding:0 24px}
.ra-icon{flex-shrink:0;font-size:16px}
.ra-text{flex:1}
.ra-text a{color:var(--gold);text-decoration:underline;font-weight:600}
.ra-text a:hover{color:var(--gold-light)}
.ra-close{flex-shrink:0;color:rgba(255,255,255,0.6);font-size:18px;padding:2px 8px;border-radius:4px;transition:color .2s}
.ra-close:hover{color:var(--white);background:rgba(255,255,255,0.1)}

/* Section-bottom mini CTA link */
.text-gold-link{color:var(--gold);font-weight:600;font-size:14px;display:inline-flex;align-items:center;gap:6px;transition:color .2s}
.text-gold-link:hover{color:var(--gold-dark)}
.text-gold-link::after{content:'→';font-size:16px}

/* NOA support badge (product cards) */
.badge-noa-support{display:inline-block;background:rgba(201,169,97,0.15);color:var(--gold-dark);border:1px solid rgba(201,169,97,0.4);border-radius:20px;padding:4px 12px;font-size:12px;font-weight:600}

/* ========================================
   HURRICANE HERO — Full-Width Background
   Scope: .hero-hurricane (product-detail.html only)
   ======================================== */
.hero-hurricane{position:relative;width:100%;height:560px;overflow:hidden;display:flex;align-items:center}
.hero-hurricane-bg{position:absolute;inset:0;z-index:0}
.hero-hurricane-bg img{width:100%;height:100%;object-fit:cover;object-position:center}
.hero-hurricane-overlay{position:relative;z-index:1;width:62%;height:100%;display:flex;align-items:center;background:rgba(255,255,255,0.88);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.hero-hurricane-content{padding:48px 56px;max-width:680px;text-shadow:0 2px 8px rgba(0,0,0,0.15)}
.hero-hurricane-h1{font-family:'Inter',sans-serif;font-size:40px;font-weight:var(--fw-bold);line-height:1.15;color:var(--navy);margin-bottom:8px;letter-spacing:-0.5px}
.hero-hurricane-sub{display:block;font-size:20px;font-weight:var(--fw-medium);color:var(--steel);margin-top:6px;letter-spacing:0}
.hero-hurricane-social-proof{font-size:14px;font-weight:var(--fw-medium);color:var(--steel);margin-bottom:12px;display:flex;align-items:center;gap:8px}
.hero-hurricane-social-proof::before{content:'';display:inline-block;width:24px;height:2px;background:var(--gold);flex-shrink:0}
.hero-hurricane-desc{font-size:15px;font-weight:var(--fw-regular);color:#2A3B4D;line-height:1.65;margin-bottom:24px}
.hero-hurricane-cta{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}
.hero-hurricane-cta-primary{display:flex;flex-direction:column;gap:4px}
.btn-primary-hurricane{display:inline-flex;align-items:center;justify-content:center;padding:14px 28px;font-size:15px;font-weight:var(--fw-semibold);color:var(--white);background:var(--steel);border:none;border-radius:var(--radius);cursor:pointer;transition:var(--transition);text-decoration:none;letter-spacing:0.3px}
.btn-primary-hurricane:hover{background:var(--navy);color:var(--white);transform:translateY(-2px);box-shadow:0 8px 24px rgba(13,27,42,0.25)}
.hero-hurricane-helper{font-size:12px;font-weight:var(--fw-light);color:#5A6B7D;line-height:1.4}
.btn-outline-hurricane{display:inline-flex;align-items:center;justify-content:center;padding:12px 28px;font-size:14px;font-weight:var(--fw-medium);color:var(--steel);background:transparent;border:2px solid var(--steel);border-radius:var(--radius);cursor:pointer;transition:var(--transition);text-decoration:none;width:fit-content}
.btn-outline-hurricane:hover{background:var(--steel);color:var(--white);transform:translateY(-1px)}
.hero-hurricane-trust-lines{display:flex;flex-wrap:wrap;gap:6px 20px;margin-bottom:20px}
.hero-hurricane-trust-lines span{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:var(--fw-medium);color:#2A3B4D}
.hero-hurricane-trust-lines svg{width:16px;height:16px;color:var(--steel);flex-shrink:0}
.hero-hurricane-trust-module{display:flex;gap:24px;padding-top:16px;border-top:1px solid rgba(27,58,91,0.15)}
.hero-hurricane-trust-module .trust-item{display:flex;align-items:center;gap:10px}
.hero-hurricane-trust-module .trust-item svg{width:32px;height:32px;color:var(--steel);flex-shrink:0}
.hero-hurricane-trust-module .trust-item span{font-size:12px;font-weight:var(--fw-semibold);color:var(--navy);line-height:1.35}

/* Pricing & Applications Strip */
.hurricane-info-strip{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;padding:20px 28px;background:var(--bg);border-radius:var(--radius);margin-bottom:32px}
.hurricane-pricing{display:flex;gap:32px}
.hurricane-price-item{display:flex;flex-direction:column;gap:2px}
.hurricane-price-item span{font-size:12px;font-weight:var(--fw-medium);color:var(--text-mid);text-transform:uppercase;letter-spacing:0.5px}
.hurricane-price-item strong{font-size:18px;font-weight:var(--fw-bold);color:var(--navy)}
.hurricane-apps{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.hurricane-apps-label{font-size:12px;font-weight:var(--fw-semibold);color:var(--text-mid);text-transform:uppercase;letter-spacing:1px;margin-right:4px}

/* Hurricane Floating Contact (Collapsible) */
.hurricane-float-wrap{position:fixed;right:24px;bottom:80px;z-index:996}
.hurricane-float-toggle{display:flex;align-items:center;gap:10px;padding:14px 22px;background:var(--steel);color:var(--white);border:none;border-radius:50px;font-size:14px;font-weight:var(--fw-semibold);cursor:pointer;box-shadow:0 8px 24px rgba(13,27,42,0.2);transition:var(--transition)}
.hurricane-float-toggle svg{width:20px;height:20px;flex-shrink:0}
.hurricane-float-toggle:hover{background:var(--navy);transform:translateY(-2px);box-shadow:0 12px 32px rgba(13,27,42,0.3)}
.hurricane-float-menu{position:absolute;bottom:calc(100% + 12px);right:0;display:flex;flex-direction:column;gap:8px;opacity:0;visibility:hidden;transform:translateY(10px);transition:var(--transition)}
.hurricane-float-wrap.open .hurricane-float-menu{opacity:1;visibility:visible;transform:translateY(0)}
.hurricane-float-option{display:flex;align-items:center;gap:10px;padding:12px 18px;background:var(--white);color:var(--navy);border:1px solid var(--border);border-radius:var(--radius);font-size:13px;font-weight:var(--fw-medium);text-decoration:none;white-space:nowrap;box-shadow:var(--shadow);transition:var(--transition)}
.hurricane-float-option svg{width:18px;height:18px;color:var(--steel);flex-shrink:0}
.hurricane-float-option:hover{background:var(--bg);border-color:var(--steel);color:var(--steel);transform:translateX(-4px)}

/* ===== HURRICANE HERO MOBILE RESPONSIVE ===== */
@media (max-width:1024px){
  .hero-hurricane{height:auto;min-height:auto;flex-direction:column}
  .hero-hurricane-bg{position:relative;height:360px}
  .hero-hurricane-overlay{width:100%;background:var(--white);backdrop-filter:none;-webkit-backdrop-filter:none}
  .hero-hurricane-content{padding:32px 24px;max-width:100%;text-shadow:none}
  .hero-hurricane-h1{font-size:32px}
  .hero-hurricane-sub{font-size:17px}
  .hero-hurricane-trust-module{flex-wrap:wrap;gap:16px}
  .hurricane-info-strip{flex-direction:column;align-items:flex-start}
  .hurricane-pricing{gap:20px}
}
@media (max-width:768px){
  .hero-hurricane-bg{height:300px}
  .hero-hurricane-h1{font-size:26px}
  .hero-hurricane-sub{font-size:15px}
  .hero-hurricane-desc{font-size:14px}
  .hero-hurricane-cta{gap:8px}
  .btn-primary-hurricane{width:100%;padding:12px 20px;font-size:14px}
  .btn-outline-hurricane{width:100%;text-align:center}
  .hero-hurricane-trust-lines{flex-direction:column;gap:6px}
  .hero-hurricane-trust-module{flex-direction:column;gap:12px}
  .hurricane-pricing{flex-wrap:wrap;gap:16px}
  .hurricane-price-item strong{font-size:16px}
  .hurricane-float-toggle span{display:none}
  .hurricane-float-toggle{padding:14px;border-radius:50%}
  .hurricane-float-toggle svg{width:22px;height:22px}
  .hurricane-apps{flex-direction:column;align-items:flex-start;gap:6px}
}

/* ============================================
   AUSTRALIA REGIONAL PAGE v2 — 全模块整改
   Colors: --au-sand #BFA878 | --au-fire #E67E22
   Scope: .reg-australia body class
   ============================================ */
.reg-australia{--hero-theme:#BFA878;--au-sand:#BFA878;--au-fire:#E67E22;--au-ocean:#5B9BD5;--au-green:#4CAF50}

/* ===== M2: 参数表格 ===== */
.reg-australia .param-table th{padding:11px 12px;font-size:13px;font-weight:600}
.reg-australia .param-table td{padding:9px 12px;font-size:13px}
.reg-australia .status-inhouse{background:rgba(76,175,80,0.12);color:#388E3C;border:1px solid rgba(76,175,80,0.25)}
.reg-australia .status-specimens{background:rgba(191,168,120,0.12);color:#A0815E;border:1px solid rgba(191,168,120,0.3)}
.reg-australia .param-table-disclaimer{font-size:11px;color:#999;padding:8px 16px;margin-top:12px;background:rgba(0,0,0,0.02)}
.reg-australia .param-icon{display:inline-block;width:18px;height:18px;margin-right:6px;vertical-align:-3px;opacity:0.7}

/* ===== M3: 5步认证时间线 ===== */
.reg-australia .cert-timeline-section{padding:60px 0}
.reg-australia .cert-tl-num{
  background:var(--au-sand);color:#fff;border:2px solid var(--au-sand);
  box-shadow:0 4px 14px rgba(191,168,120,0.35);
  width:52px;height:52px;font-size:20px;
}
.reg-australia .cert-tl-step h4{font-size:14px;margin-bottom:3px}
.reg-australia .cert-tl-step p{font-size:12px;line-height:1.4;color:var(--text-mid)}
.reg-australia .cert-tl-duration{font-size:11px}
.reg-australia .cert-tl-passrate{margin-top:24px;padding:14px 24px}
.reg-australia .cert-tl-passrate strong{color:var(--au-sand);font-weight:700;font-size:22px}
.reg-australia .cert-timeline::before{top:36px}

/* ===== M4: 项目案例 ===== */
.reg-australia .project-card{height:310px}
.reg-australia .project-scope{font-size:10px;padding:2px 8px;top:12px;right:12px}
.reg-australia .project-city-label{
  position:absolute;top:12px;left:12px;z-index:3;
  background:rgba(191,168,120,0.92);color:#1A2836;
  padding:3px 10px;border-radius:4px;font-size:10px;font-weight:700;
  letter-spacing:0.5px;text-transform:uppercase;
}
.reg-australia .project-stats{font-size:10px;line-height:1.35;margin-top:4px;color:rgba(255,255,255,0.65)}
/* Tag colors for project cards */
.reg-australia .ptag-as2047{background:rgba(26,64,96,0.2);border-color:rgba(26,64,96,0.35);color:#1A4060}
.reg-australia .ptag-bal{background:rgba(230,126,34,0.18);border-color:rgba(230,126,34,0.3);color:#E67E22}
.reg-australia .ptag-marine{background:rgba(150,165,180,0.15);border-color:rgba(150,165,180,0.3);color:#6B7D8E}
.reg-australia .ptag-cyclone{background:rgba(91,155,213,0.15);border-color:rgba(91,155,213,0.3);color:#3B7ABF}
.reg-australia .ptag-ncc{background:rgba(76,175,80,0.12);border-color:rgba(76,175,80,0.25);color:#2E7D32}

/* ===== M5: 产品推荐4宫格 ===== */
.reg-australia .products-grid{gap:20px}
.reg-australia .product-info{padding:20px}
.reg-australia .product-info h3{font-size:16px;margin-bottom:6px}
.reg-australia .product-info p{font-size:13px;line-height:1.5}
.reg-australia .product-info .project-params{margin:8px 0!important}
/* Product badge colors */
.reg-australia .badge-as2047{background:#1A4060;color:#fff;border-radius:4px;padding:3px 10px}
.reg-australia .badge-bal{background:#E67E22;color:#fff;border-radius:4px;padding:3px 10px}
.reg-australia .badge-nccj{background:#4CAF50;color:#fff;border-radius:4px;padding:3px 10px}
.reg-australia .badge-coastal{background:#BFA878;color:#1A2836;font-weight:700;border-radius:4px;padding:3px 10px}
.reg-australia .config-link{display:flex;justify-content:flex-end;margin-top:6px;font-size:13px;color:var(--steel);text-decoration:none}
.reg-australia .config-link:hover{color:var(--au-sand);gap:6px}

/* ===== M6: 经销商招商 ===== */
.reg-australia .au-distributor-card{
  background:linear-gradient(135deg,#0D1B2A,#1B3A5B);position:relative;overflow:hidden;
  border-radius:var(--radius-lg);padding:40px;color:var(--white);
}
.reg-australia .au-distributor-card::before{
  content:"";position:absolute;inset:0;
  background:repeating-linear-gradient(45deg,transparent,transparent 3px,rgba(191,168,120,0.04) 3px,rgba(191,168,120,0.04) 6px);
  pointer-events:none;
}
.reg-australia .au-distributor-card .dist-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center;position:relative;z-index:1}
.reg-australia .dist-stat-num{font-size:24px;font-weight:700;color:var(--au-sand)}
.reg-australia .dist-stat-label{font-size:11px;color:rgba(255,255,255,0.6)}
.reg-australia .dist-stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}

/* ===== M7: FAQ ===== */
.reg-australia .hvhz-faq-section{padding:60px 0}
.reg-australia .hvhz-faq-item{margin-bottom:8px}
.reg-australia .hvhz-faq-q{padding:14px 20px;font-weight:600;color:#1A4060;font-size:15px}
.reg-australia .hvhz-faq-a-inner{padding:0 20px 14px;font-size:14px;color:#888;line-height:1.5}
.reg-australia .hvhz-faq-q .hfh-icon{color:var(--hero-theme)}
.reg-australia .faq-highlight{color:var(--hero-theme);font-weight:600}

/* ===== M8: 询价表单 ===== */
.reg-australia .quote-value-num{background:var(--au-sand);color:#fff;border-color:var(--au-sand)}
.reg-australia .quote-value-item{padding:14px 0}
.reg-australia .quote-value-item p{font-size:12px;line-height:1.4}
.reg-australia .quote-layout{gap:32px}
.reg-australia .quote-form-panel{padding:32px}
.reg-australia .file-upload{padding:14px 16px}
.reg-australia .file-upload svg{width:24px;height:24px}
.reg-australia .form-row{gap:12px}
.reg-australia .form-group{margin-bottom:12px}
.reg-australia .quote-value-panel{padding:32px}
.reg-australia .quote-value-panel h3{font-size:20px}
.reg-australia .form-error{color:#E74C3C;font-size:11px;margin-top:3px;display:none}
.reg-australia input:user-invalid:not(:placeholder-shown),
.reg-australia select:user-invalid:not(:placeholder-shown),
.reg-australia textarea:user-invalid:not(:placeholder-shown){border-color:#E74C3C;background:rgba(231,76,60,0.02)}
.reg-australia input:user-invalid:not(:placeholder-shown)+.form-error,
.reg-australia select:user-invalid:not(:placeholder-shown)+.form-error,
.reg-australia textarea:user-invalid:not(:placeholder-shown)+.form-error{display:block}

/* ===== GLOBAL: 模块间距/卡片内边距 ===== */
.reg-australia .section{padding:60px 0}
.reg-australia .section[id]{padding:56px 0}
.reg-australia .section.bg-light{padding:56px 0}
.reg-australia .cert-timeline-section{padding:56px 0}
.reg-australia .hvhz-faq-section{padding:56px 0}

/* ===== RESPONSIVE AU ===== */
@media(max-width:768px){
  .reg-australia .param-table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}
  .reg-australia .param-table table{min-width:650px}
  .reg-australia .projects-grid{grid-template-columns:1fr}
  .reg-australia .products-grid{grid-template-columns:1fr}
  .reg-australia .au-distributor-card .dist-grid{grid-template-columns:1fr;gap:24px}
  .reg-australia .dist-stats-grid{grid-template-columns:1fr 1fr}
  .reg-australia .quote-form-panel,.reg-australia .quote-value-panel{padding:24px}
  .reg-australia .form-group input,.reg-australia .form-group select,.reg-australia .form-group textarea{width:100%}
}

/* ============================================
   MIDDLE EAST REGIONAL PAGE v2 — 全模块整改
   Colors: --me-gold #D49528 | --me-gobi #A07840 | --me-blue #1B3A5B
   Scope: .reg-me body class
   ============================================ */
.reg-me{--hero-theme:#D49528;--hero-theme-rgb:212,149,40;--me-gold:#D49528;--me-gobi:#A07840;--me-blue:#1B3A5B;--me-orange:#D4740E;--me-gray:#9CA3AF}

/* ===== M1: HERO — legacy classes removed, now uses global .hero-base .hero-me system ===== */

/* ===== M2: 参数表格 ===== */
.reg-me .param-table th{padding:11px 12px;font-size:13px;font-weight:600}
.reg-me .param-table td{padding:9px 12px;font-size:13px}
.reg-me .status-inhouse{background:rgba(76,175,80,0.12);color:#388E3C;border:1px solid rgba(76,175,80,0.25)}
.reg-me .status-specimens{background:rgba(var(--hero-theme-rgb),0.12);color:#A0815E;border:1px solid rgba(var(--hero-theme-rgb),0.3)}
.reg-me .param-table-disclaimer{font-size:11px;color:#999;padding:8px 16px;margin-top:12px;background:rgba(0,0,0,0.02)}

/* ===== M3: 5步认证时间线 ===== */
.reg-me .cert-timeline-section{padding:60px 0}
.reg-me .cert-tl-num{
  background:var(--me-gold);color:#1A2836;border:2px solid var(--me-gold);
  box-shadow:0 4px 14px rgba(var(--hero-theme-rgb),0.35);
  width:52px;height:52px;font-size:20px;
}
.reg-me .cert-tl-step h4{font-size:14px;margin-bottom:3px}
.reg-me .cert-tl-step p{font-size:12px;line-height:1.4;color:var(--text-mid)}
.reg-me .cert-tl-duration{font-size:11px}
.reg-me .cert-tl-passrate{margin-top:24px;padding:14px 24px}
.reg-me .cert-tl-passrate strong{color:var(--me-gold);font-weight:700;font-size:22px}
.reg-me .cert-timeline::before{top:36px}

/* ===== M4: 项目案例 ===== */
.reg-me .project-card{height:310px}
.reg-me .project-scope{font-size:10px;padding:2px 8px;top:12px;right:12px}
.reg-me .project-city-label{
  position:absolute;top:12px;left:12px;z-index:3;
  background:rgba(var(--hero-theme-rgb),0.92);color:#1A2836;
  padding:3px 10px;border-radius:4px;font-size:10px;font-weight:700;
  letter-spacing:0.5px;text-transform:uppercase;
}
.reg-me .project-stats{font-size:10px;line-height:1.35;margin-top:4px;color:rgba(255,255,255,0.65)}
/* Tag colors for project cards — removed dead ptag-* rules (classes no longer in HTML) */

/* ===== M5: 产品推荐4宫格 ===== */
.reg-me .products-grid{gap:20px}
.reg-me .product-info{padding:20px}
.reg-me .product-info h3{font-size:16px;margin-bottom:6px}
.reg-me .product-info p{font-size:13px;line-height:1.5}
.reg-me .product-info .project-params{margin:8px 0!important}
/* Product badge colors — removed dead badge-gcc/solar/dust/hightemp/gso rules (classes no longer in HTML) */
.reg-me .config-link{display:flex;justify-content:flex-end;margin-top:6px;font-size:13px;color:var(--steel);text-decoration:none}
.reg-me .config-link:hover{color:var(--me-gold);gap:6px}

/* ===== M6: FAQ ===== */
.reg-me .hvhz-faq-section{padding:60px 0}
.reg-me .hvhz-faq-item{margin-bottom:8px}
.reg-me .hvhz-faq-q{padding:14px 20px;font-weight:600;color:#1A2836;font-size:15px}
.reg-me .hvhz-faq-a-inner{padding:0 20px 14px;font-size:14px;color:#888;line-height:1.5}
.reg-me .hvhz-faq-q .hfh-icon{color:var(--hero-theme)}
.reg-me .faq-highlight{color:var(--hero-theme);font-weight:600}

/* ===== M7: 询价表单 ===== */
.reg-me .quote-value-num{background:var(--me-gold);color:#1A2836;border-color:var(--me-gold)}
.reg-me .quote-value-item{padding:14px 0}
.reg-me .quote-value-item p{font-size:12px;line-height:1.4}
.reg-me .quote-layout{gap:32px}
.reg-me .quote-form-panel{padding:32px}
.reg-me .file-upload{padding:14px 16px}
.reg-me .file-upload svg{width:24px;height:24px}
.reg-me .form-row{gap:12px}
.reg-me .form-group{margin-bottom:12px}
.reg-me .quote-value-panel{padding:32px}
.reg-me .quote-value-panel h3{font-size:20px}
.reg-me .form-error{color:#E74C3C;font-size:11px;margin-top:3px;display:none}
.reg-me input:user-invalid:not(:placeholder-shown),
.reg-me select:user-invalid:not(:placeholder-shown),
.reg-me textarea:user-invalid:not(:placeholder-shown){border-color:#E74C3C;background:rgba(231,76,60,0.02)}
.reg-me input:user-invalid:not(:placeholder-shown)+.form-error,
.reg-me select:user-invalid:not(:placeholder-shown)+.form-error,
.reg-me textarea:user-invalid:not(:placeholder-shown)+.form-error{display:block}

/* ===== GLOBAL: 模块间距/卡片内边距 ===== */
.reg-me .section{padding:60px 0}
.reg-me .section[id]{padding:56px 0}
.reg-me .section.bg-light{padding:56px 0}
.reg-me .cert-timeline-section{padding:56px 0}
.reg-me .hvhz-faq-section{padding:56px 0}

/* ===== RESPONSIVE ME ===== */
@media(max-width:768px){
  .reg-me .hero-usa-tags{
    left:12px;right:12px;transform:none;border-radius:18px;padding:8px 12px;gap:6px;bottom:12px;
    flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;
  }
  .reg-me .usa-tag{font-size:10px;padding:4px 10px;white-space:nowrap;flex-shrink:0}
  .reg-me .param-table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}
  .reg-me .param-table table{min-width:650px}
  .reg-me .projects-grid{grid-template-columns:1fr}
  .reg-me .products-grid{grid-template-columns:1fr}
  .reg-me .quote-form-panel,.reg-me .quote-value-panel{padding:24px}
  .reg-me .form-group input,.reg-me .form-group select,.reg-me .form-group textarea{width:100%}
  .reg-me .hero-usa-content{top:30%}
  .reg-me .hero-usa-body{font-size:clamp(12px,3vw,14px)}
}