/* ==========================================================================
   SREW Projects UI v2 (2026-10)
   Shared layer loaded after style.css on every page. Own design, built on the
   existing tokens: header + product mega-menu, homepage hero, trust band,
   category grid, product key-specs strip, section nav, downloads, related
   products, footer and the mobile action bar.
   ========================================================================== */
:root{
  --v2-navy:#0b1f3a; --v2-navy-2:#132c50; --v2-blue:#1e60b3; --v2-blue-d:#174c8f;
  --v2-amber:#f5b301; --v2-amber-d:#dba000; --v2-green:#15803d; --v2-green-d:#116a32;
  --v2-ink:#16202e; --v2-muted:#5a6676; --v2-line:#dde3ea; --v2-bg:#f4f6f9;
  --v2-r:8px; --v2-topbar:40px;
}
.ic{width:1.1em;height:1.1em;flex:0 0 auto;vertical-align:-.18em;stroke:currentColor}

/* ---------- Buttons ---------- */
.btn-quote{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;background:var(--v2-amber);color:#1b1400!important;border:1px solid var(--v2-amber);font-weight:700;border-radius:var(--v2-r);padding:.6rem 1.15rem;line-height:1.2}
.btn-quote:hover,.btn-quote:focus-visible{background:var(--v2-amber-d);border-color:var(--v2-amber-d);color:#1b1400}
.btn-wa{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;background:var(--v2-green);color:#fff!important;border:1px solid var(--v2-green);font-weight:700;border-radius:var(--v2-r);padding:.6rem 1.15rem;line-height:1.2}
.btn-wa:hover{background:var(--v2-green-d);color:#fff}
.btn-outline-light{border-radius:var(--v2-r)}
.btn-link-light{color:#fff;background:none;border:0;text-decoration:underline;text-underline-offset:3px;font-weight:600;display:inline-flex;align-items:center;gap:.4rem;padding:.6rem .4rem}
.btn-link-light:hover{color:var(--v2-amber)}
.btn.rounded-pill{border-radius:var(--v2-r)!important}

/* ---------- Top bar ---------- */
.top-contact-banner.topbar-v2{height:var(--v2-topbar)!important;background:var(--v2-navy);font-size:.78rem;color:rgba(255,255,255,.82)}
.topbar-v2 .top-info-left,.topbar-v2 .top-info-right{gap:22px!important}
.topbar-v2 .tb-item{display:inline-flex;align-items:center;gap:6px}
.topbar-v2 a{display:inline-flex;align-items:center;gap:6px;font-weight:500}
.topbar-v2 .ic{color:var(--v2-amber)}
@media (min-width:992px){
  .navbar.fixed-top.nav-v2,.navbar.fixed-top.nav-v2.scrolled{top:var(--v2-topbar)!important}
  body{padding-top:calc(var(--navbar-h) + var(--v2-topbar))}
}

/* ---------- Main nav ---------- */
.nav-v2{background:#fff!important;backdrop-filter:none;-webkit-backdrop-filter:none;border-bottom:1px solid var(--v2-line)}
.nav-v2.scrolled{box-shadow:0 2px 14px rgba(11,31,58,.08)}
.nav-v2 .nav-logo-img{height:46px;width:auto}
.nav-v2 .navbar-nav .nav-link{color:var(--v2-ink)!important;font-weight:600;font-size:.93rem;padding:.5rem .8rem!important;position:relative;letter-spacing:0}
.nav-v2 .navbar-nav .nav-link:hover{color:var(--v2-blue)!important}
@media (min-width:992px){
  .nav-v2 .navbar-nav .nav-link.active::after{content:"";position:absolute;left:50%;right:auto;width:70%;bottom:-2px;height:2px;background:var(--v2-blue);border-radius:2px;transform:translateX(-50%)}
  .nav-v2 .navbar-nav .nav-link.active{color:var(--v2-blue)!important}
}
.nav-actions{gap:.75rem}
.nav-phone-link{display:inline-flex;align-items:center;gap:.4rem;color:var(--v2-navy)!important;font-weight:700;text-decoration:none;font-size:.92rem;white-space:nowrap}
.nav-phone-link .ic{width:1.25em;height:1.25em;color:var(--v2-blue)}
.nav-v2 .btn-quote{padding:.5rem 1rem;font-size:.9rem}
.nav-v2 .navbar-toggler{border:1px solid var(--v2-line);padding:.35rem .5rem;border-radius:var(--v2-r)}
.nav-v2 .mega-chevron{width:.9em;height:.9em;opacity:.7}
.nav-mobile-cta{display:grid;gap:.5rem;padding:1rem 0 1.25rem}
.nav-mobile-cta .btn{border-radius:var(--v2-r);display:inline-flex;align-items:center;justify-content:center;gap:.4rem;font-weight:600}

/* ---------- Mega menu (text-first, grouped by category) ---------- */
.nav-v2 .mega-dropdown{background:#fff;border-top:1px solid var(--v2-line);border-bottom:1px solid var(--v2-line);box-shadow:0 18px 40px rgba(11,31,58,.12);padding:1.75rem 0 2rem}
.nav-v2 .mega-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) 280px;gap:1.5rem 2rem}
.nav-v2 .mega-group+.mega-group{margin-top:1.25rem}
.nav-v2 .mega-title{display:block;font-size:.74rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--v2-blue)!important;text-decoration:none;padding-bottom:.45rem;margin-bottom:.35rem;border-bottom:1px solid var(--v2-line)}
.nav-v2 .mega-title:hover{color:var(--v2-navy)!important}
.nav-v2 .mega-links{list-style:none;margin:0;padding:0}
.nav-v2 .mega-links .mega-item{display:block!important;padding:.3rem 0;color:var(--v2-ink)!important;font-size:.9rem;font-weight:500;text-decoration:none;background:none;border:0;line-height:1.35}
.nav-v2 .mega-links .mega-item:hover{color:var(--v2-blue)!important;text-decoration:underline;text-underline-offset:3px;transform:none}
.mega-feature-card{display:flex;flex-direction:column;gap:.4rem;text-decoration:none;color:var(--v2-ink);background:var(--v2-bg);border-radius:var(--v2-r);padding:.75rem;height:100%}
.mega-feature-card img{width:100%;height:150px;object-fit:cover;border-radius:6px}
.mega-feature-card .mf-title{font-weight:800;font-size:1rem;color:var(--v2-navy)}
.mega-feature-card .mf-text{font-size:.82rem;color:var(--v2-muted);line-height:1.45}
.mega-feature-card .mf-link{font-size:.85rem;font-weight:700;color:var(--v2-blue);display:inline-flex;align-items:center;gap:.3rem;margin-top:auto}
@media (max-width:991.98px){
  .nav-v2 .navbar-collapse{background:#fff;border-top:1px solid var(--v2-line);margin:0 -12px;padding:0 12px;max-height:calc(100vh - var(--navbar-h));overflow-y:auto}
  .nav-v2 .navbar-nav .nav-link{padding:.85rem .25rem!important;border-bottom:1px solid var(--v2-line);font-size:1rem}
  .nav-v2 .mega-nav-trigger{justify-content:space-between}
  .nav-v2 .mega-dropdown{border-left:0!important;background:var(--v2-bg)!important}
  .nav-v2 .mega-grid{grid-template-columns:1fr;gap:.75rem}
  .nav-v2 .mega-col.mega-feature{display:none}
  .nav-v2 .mega-group+.mega-group{margin-top:.75rem}
  .nav-v2 .mega-links .mega-item{padding:.5rem 0!important;border-bottom:0!important;font-size:.95rem}
  .nav-v2 .mega-nav-item.is-open .mega-dropdown{max-height:3000px!important}
  .nav-actions{gap:.5rem}
  .nav-v2 .nav-logo-img{height:40px}
}

/* ---------- Homepage hero v4 (layout modelled on a leading OEM homepage: headline, full-width 16:9 photo, calm panel below) ---------- */
.hero-v4{--h4-ink:#1f2933;--h4-text:#4b5563;--h4-muted:#566170;--h4-panel:#eef2f5;--h4-line:#cfd6dd;--h4-btn:#3a4f63;--h4-btn-d:#2e4052;--h4-grey:#e2e7ec;
  background:#fff;color:var(--h4-text);font-family:var(--ff-body)}
.hero-v4 .hv4-container{width:100%;max-width:1280px;margin:0 auto;padding:0 24px}
.hero-v4 .hv4-head{padding:32px 0 32px}
.hero-v4 .hv4-eyebrow{display:flex;align-items:center;gap:8px;margin:0 0 12px;font-size:.875rem;line-height:1.5;color:var(--h4-muted)}
.hero-v4 .hv4-eyebrow img{flex:0 0 auto}
.hero-v4 h1{font-family:var(--ff-body);font-weight:400;font-size:1.5rem;line-height:1.2;letter-spacing:-.01em;color:var(--h4-ink);margin:0;max-width:30em;text-wrap:balance;text-align:left}
.hero-v4 .hv4-media-container{padding:0}
.hero-v4 .hv4-media{position:relative;aspect-ratio:16/9;background:#dfe5ea;overflow:hidden}
.hero-v4 .hv4-media img{display:block;width:100%;height:100%;object-fit:cover}
.hero-v4 .hv4-panel{background:var(--h4-panel);color:var(--h4-text);padding:48px 0 48px;border-bottom:1px solid #e3e8ee}
.hero-v4 .hv4-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:32px}
.hero-v4 .hv4-lead{font-size:1rem;line-height:1.5;color:var(--h4-text);margin:0 0 24px;max-width:28em}
.hero-v4 .hv4-ctas{display:flex;flex-wrap:wrap;gap:12px}
.hero-v4 .hv4-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:12px 24px;font-size:.875rem;font-weight:500;line-height:1.25;border-radius:2px!important;border:1px solid transparent;box-shadow:none;transition:background-color .15s,border-color .15s,color .15s;flex:1 1 auto}
.hero-v4 .hv4-btn .ic{width:1.05rem;height:1.05rem}
.hero-v4 .hv4-btn-primary{background:var(--h4-btn);border-color:var(--h4-btn);color:#fff!important;flex-basis:100%}
.hero-v4 .hv4-btn-primary:hover,.hero-v4 .hv4-btn-primary:focus-visible{background:var(--h4-btn-d);border-color:var(--h4-btn-d)}
.hero-v4 .hv4-btn-secondary{background:#fff;border-color:#fff;color:var(--h4-ink)!important}
.hero-v4 .hv4-btn-secondary:hover,.hero-v4 .hv4-btn-secondary:focus-visible{background:var(--h4-grey);border-color:var(--h4-grey)}
.hero-v4 .hv4-btn-secondary .num{display:none}
.hero-v4 .hv4-btn-outline{background:transparent;border-color:var(--h4-ink);color:var(--h4-ink)!important}
.hero-v4 .hv4-btn-outline:hover,.hero-v4 .hv4-btn-outline:focus-visible{background:#fff}
.hero-v4 .hv4-btn:focus-visible,.hero-v4 .hv4-link:focus-visible{outline:2px solid var(--h4-btn);outline-offset:2px}
.hero-v4 .hv4-link{display:inline-flex;align-items:center;gap:8px;margin-top:16px;padding:8px 0;background:none;border:0;border-radius:0;color:var(--h4-ink);font-size:.875rem;font-weight:500;text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px;text-decoration-color:var(--h4-line)}
.hero-v4 .hv4-link:hover{color:var(--h4-btn-d);text-decoration-color:currentColor}
.hero-v4 .hv4-link .ic{width:1rem;height:1rem}
.hero-v4 .hv4-proof{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px}
.hero-v4 .hv4-proof li{display:flex;flex-direction:column;gap:2px;padding:14px 0;border-bottom:1px solid var(--h4-line);font-size:.8125rem;line-height:1.35;color:var(--h4-muted)}
.hero-v4 .hv4-proof strong{font-family:var(--ff-body);font-weight:400;font-size:1.125rem;line-height:1.3;color:var(--h4-ink)}
@media (min-width:768px){
  .hero-v4 .hv4-btn{flex:0 0 auto}
  .hero-v4 .hv4-btn-primary{flex-basis:auto}
  .hero-v4 .hv4-btn-secondary .num{display:inline}
}
@media (min-width:1024px){
  .hero-v4 .hv4-container{padding:0 64px}
  .hero-v4 .hv4-head{padding:64px 0 64px}
  .hero-v4 h1{font-size:2.5rem;line-height:1.1}
  .hero-v4 .hv4-media-container{padding:0 64px}
  .hero-v4 .hv4-panel{padding:96px 0}
  .hero-v4 .hv4-grid{grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:64px;align-items:start}
  .hero-v4 .hv4-lead{font-size:1.25rem;line-height:1.5;color:var(--h4-ink)}
  .hero-v4 .hv4-proof{column-gap:40px}
  .hero-v4 .hv4-proof li{padding:18px 0}
  .hero-v4 .hv4-proof strong{font-size:1.625rem;line-height:1.2}
  .hero-v4 .hv4-proof li span{font-size:.875rem}
}

/* ---------- Category grid + related products (shared card) ---------- */
.cat-grid-section{background:var(--v2-bg)}
.cat-tile,.rp-card{display:flex;flex-direction:column;height:100%;background:#fff;border:1px solid var(--v2-line);border-radius:var(--v2-r);overflow:hidden;text-decoration:none;color:var(--v2-ink);transition:border-color .2s,box-shadow .2s}
.cat-tile:hover,.rp-card:hover{border-color:var(--v2-blue);box-shadow:0 8px 24px rgba(11,31,58,.1)}
.cat-tile img,.rp-card img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;display:block;background:#e9edf2}
.cat-body,.rp-body{display:flex;flex-direction:column;gap:.25rem;padding:.8rem .9rem 1rem;flex:1}
.cat-name,.rp-name{font-weight:700;font-size:1rem;line-height:1.3;color:var(--v2-navy)}
.cat-desc{font-size:.84rem;color:var(--v2-muted);line-height:1.4}
.rp-price{font-size:.85rem;color:var(--v2-ink);font-weight:600}
.rp-price.muted{color:var(--v2-muted);font-weight:500}
.rp-link{margin-top:auto;padding-top:.35rem;font-size:.85rem;font-weight:700;color:var(--v2-blue);display:inline-flex;align-items:center;gap:.3rem}
.rp-all{font-weight:700;color:var(--v2-blue);text-decoration:none;display:inline-flex;align-items:center;gap:.35rem}
.rp-all:hover{text-decoration:underline}
.related-products{background:var(--v2-bg);border-top:1px solid var(--v2-line)}
@media (max-width:575.98px){.cat-name,.rp-name{font-size:.92rem}.cat-desc{display:none}}

/* ---------- Product page: key specs strip ---------- */
.pd-keyspecs{background:var(--v2-navy);color:#fff}
.pd-keyspecs .ks-list{list-style:none;margin:0;padding:1rem 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:.75rem 1.5rem}
.pd-keyspecs li{display:flex;align-items:center;gap:.65rem}
.pd-keyspecs .ic{width:1.8rem;height:1.8rem;color:var(--v2-amber);stroke-width:1.5}
.ks-label{display:block;font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:rgba(255,255,255,.72)}
.ks-value{display:block;font-weight:700;font-size:.98rem;line-height:1.25}

/* ---------- Product page: section nav (replaces tabs; all content visible) ---------- */
.pd-subnav{position:sticky;top:var(--navbar-h);z-index:100;background:#fff;border-bottom:1px solid var(--v2-line);box-shadow:0 2px 8px rgba(11,31,58,.04)}
@media (min-width:992px){.pd-subnav{top:calc(var(--navbar-h) + var(--v2-topbar))}}
.pd-subnav ul{list-style:none;margin:0;padding:0;display:flex;gap:.25rem;overflow-x:auto;scrollbar-width:none}
.pd-subnav ul::-webkit-scrollbar{display:none}
.pd-subnav a{display:block;padding:.85rem .9rem;font-weight:600;font-size:.92rem;color:var(--v2-ink);text-decoration:none;white-space:nowrap;border-bottom:2px solid transparent}
.pd-subnav a:hover{color:var(--v2-blue);border-bottom-color:var(--v2-blue)}
.pd-section{padding:2.25rem 0;border-bottom:1px solid var(--v2-line);scroll-margin-top:calc(var(--navbar-h) + 64px)}
@media (min-width:992px){.pd-section{scroll-margin-top:calc(var(--navbar-h) + var(--v2-topbar) + 64px)}}
.pd-section:first-child{padding-top:.5rem}
.pd-section:last-child{border-bottom:0}
.tab-content-area .section-heading{font-size:1.35rem;font-weight:800;color:var(--v2-navy)}
#videos,#related{scroll-margin-top:calc(var(--navbar-h) + 64px)}

/* quote card (replaces the duplicated preview table on the overview) */
.pd-quote-card{background:#fff;border:1px solid var(--v2-line);border-radius:var(--v2-r);padding:1.25rem 1.25rem 1rem;box-shadow:0 6px 20px rgba(11,31,58,.06)}
.pq-dl{margin:0 0 .75rem}
.pq-dl>div{display:flex;justify-content:space-between;gap:1rem;padding:.55rem 0;border-bottom:1px solid var(--v2-line)}
.pq-dl dt{font-weight:600;color:var(--v2-muted);font-size:.9rem}
.pq-dl dd{margin:0;font-weight:700;color:var(--v2-ink);text-align:right;font-size:.95rem}
.pq-specs{display:inline-flex;align-items:center;gap:.3rem;font-weight:700;font-size:.9rem;color:var(--v2-blue);text-decoration:none;margin-bottom:1rem}
.pq-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.5rem}
.pq-actions .btn{flex:1 1 140px}

/* downloads */
.pd-downloads .dl-list{list-style:none;margin:0;padding:0;max-width:640px}
.pd-downloads .dl-list a{display:flex;align-items:center;gap:.9rem;padding:.9rem 1rem;background:#fff;border:1px solid var(--v2-line);border-radius:var(--v2-r);text-decoration:none;color:var(--v2-ink)}
.pd-downloads .dl-list a:hover{border-color:var(--v2-blue)}
.dl-ic{width:2rem;height:2rem;color:var(--v2-blue)}
.dl-go{margin-left:auto;width:1.4rem;height:1.4rem;color:var(--v2-blue)}
.dl-name{display:block;font-weight:700}
.dl-meta{display:block;font-size:.82rem;color:var(--v2-muted)}

/* ---------- products.html category chips ---------- */
.cat-chips{position:sticky;top:var(--navbar-h);z-index:50;background:#fff;border:1px solid var(--v2-line);border-radius:var(--v2-r);padding:.5rem;margin-top:1rem}
@media (min-width:992px){.cat-chips{top:calc(var(--navbar-h) + var(--v2-topbar) + 8px)}}
.cat-chips ul{list-style:none;margin:0;padding:0;display:flex;gap:.4rem;overflow-x:auto;scrollbar-width:none}
.cat-chips ul::-webkit-scrollbar{display:none}
.cat-chips a{display:block;white-space:nowrap;padding:.4rem .8rem;border:1px solid var(--v2-line);border-radius:999px;font-size:.85rem;font-weight:600;color:var(--v2-ink);text-decoration:none;background:var(--v2-bg)}
.cat-chips a:hover{border-color:var(--v2-blue);color:var(--v2-blue);background:#fff}

/* ---------- Footer ---------- */
.footer-v2{background:var(--v2-navy)!important;color:rgba(255,255,255,.8);padding:0!important}
.footer-v2 a{color:rgba(255,255,255,.85);text-decoration:none}
.footer-v2 a:hover{color:#fff;text-decoration:underline}
.footer-cta{background:var(--v2-navy-2);border-bottom:1px solid rgba(255,255,255,.08);padding:1.75rem 0}
.footer-cta .fc-title{font-size:1.25rem;font-weight:800;color:#fff;margin:0 0 .2rem}
.footer-cta .fc-text{margin:0;color:rgba(255,255,255,.75);font-size:.92rem}
.footer-cta .btn{display:inline-flex;align-items:center;gap:.45rem}
.footer-cta .btn:hover,.footer-v2 .btn:hover{text-decoration:none}
.footer-main{padding-top:2.75rem;padding-bottom:1.5rem}
.footer-h{font-size:.8rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#fff;margin-bottom:.9rem}
.footer-v2 .footer-links li{margin-bottom:.45rem;font-size:.9rem}
.footer-v2 .footer-links a{color:rgba(255,255,255,.78)}
.footer-iso{display:flex;align-items:center;gap:.5rem;font-weight:700;color:#fff}
.footer-v2 .social-icons{display:flex;gap:.5rem;margin:1rem 0}
.footer-v2 .social-icons a{width:38px;height:38px;border-radius:var(--v2-r);display:inline-flex;align-items:center;justify-content:center;background:rgba(255,255,255,.08);color:#fff}
.footer-v2 .social-icons a:hover{background:var(--v2-blue)}
.footer-v2 .contact-info li{display:flex;gap:.65rem;margin-bottom:.75rem;font-size:.92rem}
.footer-v2 .contact-info .ic{color:var(--v2-amber);margin-top:.15rem}
.footer-v2 .btn-review{font-size:.88rem}
.footer-rule{border:0;border-top:1px solid rgba(255,255,255,.12);margin:2rem 0 1.25rem;opacity:1}
.footer-v2 .footer-legal{color:rgba(255,255,255,.72)}
.footer-v2 .footer-policy a{color:rgba(255,255,255,.75)}

/* ---------- Mobile action bar ---------- */
.sticky-mobile-cta .sticky-cta-btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem}
.sticky-mobile-cta .sticky-cta-btn .ic{width:1.15em;height:1.15em}
@media (max-width:767.98px){
  .whatsapp-float{display:none!important}
  .sticky-mobile-cta .sticky-cta-btn.whatsapp{background:var(--v2-green)!important}
  .sticky-mobile-cta .sticky-cta-btn.quote{background:var(--v2-amber)!important;color:#1b1400!important}
  .sticky-mobile-cta .sticky-cta-btn.call{background:var(--v2-navy)!important}
}

/* ---------- Global button shape (calmer, industrial) ---------- */
.btn{border-radius:var(--v2-r)!important;text-transform:none!important;letter-spacing:0!important}
.nowrap{white-space:nowrap}
@media (max-width:767.98px){
  .sticky-mobile-cta .sticky-cta-btn{color:#fff!important;text-transform:none;letter-spacing:0;font-size:.88rem}
  .sticky-mobile-cta .sticky-cta-btn.quote{color:#1b1400!important}
  .sticky-mobile-cta .sticky-cta-btn.call,
  .sticky-mobile-cta .sticky-cta-btn.call i,
  .sticky-mobile-cta .sticky-cta-btn.whatsapp,
  .sticky-mobile-cta .sticky-cta-btn.whatsapp i{color:#fff!important}
  .sticky-mobile-cta{height:64px;padding:8px}
  body:has(.sticky-mobile-cta){padding-bottom:64px!important}
  /* compact cookie notice, sits above the action bar */
  .srew-cookie-banner{left:8px;right:8px;bottom:72px;max-width:none;padding:10px 12px;border-radius:var(--v2-r);flex-direction:row!important;align-items:center;gap:10px;background:#fff}
  .srew-cookie-banner>div:first-child{display:none!important}
  .srew-cookie-banner p{font-size:.74rem!important;margin:0!important;line-height:1.35!important}
  .srew-cookie-banner>div:last-child{flex-direction:column;gap:4px!important;flex:0 0 auto}
  .srew-cookie-banner .btn{padding:.3rem .6rem!important;font-size:.75rem!important}
}

/* Product hero clearance below the fixed header */
.product-hero{padding-top:3rem!important;padding-bottom:2.5rem!important;background:#fff!important}
.product-hero .hero-title{font-size:clamp(2rem,3.6vw,3rem)!important;color:var(--v2-navy)!important}
.page-header{padding-top:2.5rem!important;padding-bottom:2rem!important}
.nav-v2 .navbar-nav .nav-link{text-transform:none!important}
.pd-keyspecs.ks-inline{border-radius:var(--v2-r);margin:2rem 0 0;padding:0 1.25rem}
main>section:first-child[style*="margin-top:90px"]{margin-top:0!important}
.page-header h1{color:#fff!important;-webkit-text-fill-color:#fff;background:none!important}
.page-header a{color:#cfe0ff!important}
@media (min-width:992px){
  .nav-v2 .mega-dropdown,.nav-v2.scrolled .mega-dropdown{top:calc(var(--navbar-h) + var(--v2-topbar))}
  .mega-backdrop{top:calc(var(--navbar-h) + var(--v2-topbar))}
}
@media (max-width:575.98px){
  .pd-keyspecs .ks-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem .9rem;padding:.9rem 0}
  .pd-keyspecs.ks-inline{padding:0 .9rem}
  .pd-keyspecs li{align-items:flex-start;gap:.5rem}
  .pd-keyspecs .ic{width:1.35rem;height:1.35rem;margin-top:.1rem}
  .ks-label{font-size:.64rem;letter-spacing:.04em}
  .ks-value{font-size:.86rem}
}

/* ---- a11y contrast fixes (Lighthouse) ---- */
.trust-item .trust-item-text span{color:#5c636a}
.help-box > div > h5{color:#fff}
.help-box > div > p{color:#eef2f7}
p.text-muted a:not(.btn){text-decoration:underline;text-underline-offset:2px}
#products .section-header p.lead{color:#525a62 !important}
section .text-center > span.badge.text-primary{color:#0a4a9e !important}

/* ---- Responsive QA refinements: keep the shared navigation clear on tablets ---- */
@media (min-width:992px) and (max-width:1199.98px){
  .quote-form-card{padding:1.25rem}
  .country-code-wrapper{gap:6px!important;min-width:0}
  .country-code-wrapper select.country-code-select{width:96px!important;flex:0 0 96px!important}
  .country-code-wrapper input[type="tel"]{flex:1 1 0;min-width:0;width:0!important}

  .topbar-v2.d-lg-block{display:none!important}
  .navbar.fixed-top.nav-v2,.navbar.fixed-top.nav-v2.scrolled{top:0!important}
  body{padding-top:var(--navbar-h)!important}

  .nav-v2.navbar-expand-lg .navbar-toggler{display:inline-flex!important;align-items:center;justify-content:center}
  .nav-v2.navbar-expand-lg .navbar-collapse{
    display:none!important;position:fixed!important;top:var(--navbar-h)!important;left:0;right:0;
    width:100vw;max-width:100vw;max-height:calc(100vh - var(--navbar-h));box-sizing:border-box;
    overflow-x:hidden;overflow-y:auto;margin:0;padding:8px 20px 20px;
    background:#fff;border-top:1px solid var(--v2-line);box-shadow:0 14px 28px rgba(11,31,58,.14);
    flex-basis:100%;z-index:1060
  }
  .nav-v2.navbar-expand-lg .navbar-collapse.show,
  .nav-v2.navbar-expand-lg .navbar-collapse.collapsing{display:block!important}
  .nav-v2 .navbar-nav{display:flex;flex-direction:column!important;margin:0!important}
  .nav-v2 .navbar-nav .nav-link{padding:.85rem .25rem!important;border-bottom:1px solid var(--v2-line);font-size:1rem}
  .nav-v2 .navbar-nav .mega-nav-trigger{justify-content:space-between}
  .nav-v2 .mega-dropdown{
    position:static!important;top:auto!important;left:auto!important;width:100%!important;
    max-height:0!important;overflow:hidden!important;padding:0!important;margin:0!important;
    border:0!important;box-shadow:none!important;background:var(--v2-bg)!important;
    opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:none!important;
    transition:max-height .25s ease,padding .25s ease!important
  }
  .nav-v2 .mega-nav-item.is-open .mega-dropdown{max-height:3000px!important;padding:1rem 0!important}
  .nav-v2 .mega-grid{grid-template-columns:1fr;gap:.75rem}
  .nav-v2 .mega-col.mega-feature{display:none}
  .nav-v2 .mega-group+.mega-group{margin-top:.75rem}
  .nav-v2 .mega-links .mega-item{padding:.5rem 0!important;font-size:.95rem}
  .nav-v2 .mega-dropdown .container{width:100%;max-width:none;padding-left:0;padding-right:0}
  .nav-v2 .nav-actions{gap:.5rem}
  .nav-v2 .nav-actions>a.btn-quote{display:none!important}
  .nav-mobile-cta.d-lg-none{display:grid!important}
  .nav-v2 .nav-logo-img{height:40px}
  .mega-backdrop{display:none!important}
  body:has(.nav-v2 .navbar-collapse.show) .srew-cookie-banner{display:none!important}

  .pd-subnav{top:var(--navbar-h)}
  .pd-section{scroll-margin-top:calc(var(--navbar-h) + 64px)}
  .cat-chips{top:calc(var(--navbar-h) + 8px)}
}

/* Prevent mobile browser zoom and keep form controls comfortably readable. */
@media (max-width:767.98px){
  form input:not([type="checkbox"]):not([type="radio"]),form select,form textarea{font-size:16px!important}
}

@media (max-width:991.98px){
  body:has(.nav-v2 .navbar-collapse.show) .srew-cookie-banner{display:none!important}
}