/* ============================================================
   SNW NETWORKING — responsive.css
   Breakpoints: 1080 / 900 / 720 / 480
   ============================================================ */

@media (max-width:1080px){
  .hero-grid{grid-template-columns:1fr;gap:34px;text-align:center}
  .hero-visual{order:-1}
  .hero p.lead{margin-left:auto;margin-right:auto}
  .hero-actions{justify-content:center}
  .feature-strip .fs-inner{grid-template-columns:repeat(2,1fr)}
  .fs-item:nth-child(2){border-right:0}
  .cat-track{grid-template-columns:repeat(3,1fr)}
  .svc-grid{grid-template-columns:1fr;gap:30px}
  .trust-strip .ts-inner{grid-template-columns:repeat(2,1fr)}
  .ts-item:nth-child(2){border-right:0}
  .showcase{margin:0 auto;max-width:420px}
  .split,.contact-grid,.pd-grid,.cart-wrap{grid-template-columns:1fr;gap:38px}
  .split.rev .split-media{order:0}
  .cart-summary{position:static}
  .grid-4,.stats-band,.steps{grid-template-columns:repeat(2,1fr)}
  .step:not(:last-child)::after{display:none}
  .footer-top{grid-template-columns:1fr 1fr}
}

@media (max-width:900px){
  .grid-3,.products,.feat-grid,.value-grid,.tst-grid,.who-supply,.blog-grid,.tiers{grid-template-columns:repeat(2,1fr)}
  .compare{grid-template-columns:1fr}
  .topbar .tb-left a[href^="mailto"]{display:none}
  .topbar .tb-loc{display:none}
  .tier.pop{transform:none}
}
@media (max-width:620px){
  .topbar .tb-social{display:none}
  .topbar .wrap{justify-content:center}
}

@media (max-width:720px){
  /* Mobile nav */
  .menu{position:fixed;top:0;right:0;height:100vh;width:80%;max-width:330px;background:#fff;flex-direction:column;align-items:stretch;justify-content:flex-start;padding:90px 26px 40px;gap:4px;transform:translateX(100%);transition:.4s var(--ease);box-shadow:-20px 0 60px rgba(0,0,0,.16);z-index:1050;overflow-y:auto}
  .menu.open{transform:translateX(0)}
  .menu a{color:var(--navy);padding:14px 12px;border-radius:12px;font-size:1.03rem}
  .menu a:hover,.menu a.active{background:var(--bg-alt);color:var(--royal)}
  .menu a.active::after{display:none}
  .menu-cta{display:block;margin-top:18px}
  .has-dd{display:block}
  .has-dd>a.dd-top{justify-content:space-between}
  .dd-chev{display:none}
  .dd-menu{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border:0;padding:0 0 0 14px;min-width:0}
  .dd-menu a{padding:11px 12px;font-size:.98rem}
  .menu-cta .btn{width:100%;justify-content:center}
  .nav-cta-btn{display:none}
  .burger{display:flex}

  .block{padding:70px 0}
  .foot-news{flex-direction:column;align-items:flex-start;gap:18px}
  .fn-form{max-width:none;width:100%}
  .grid-2,.grid-3,.grid-4,.products,.feat-grid,.value-grid,.tst-grid,.who-supply,.blog-grid,.tiers,.stats-band,.steps,.footer-top{grid-template-columns:1fr}
  .feature-strip{margin-top:-30px}
  .feature-strip .fs-inner{grid-template-columns:1fr}
  .fs-item{border-right:0;border-bottom:1px solid var(--line)}
  .fs-item:last-child{border-bottom:0}
  .cat-track{grid-template-columns:1fr 1fr}
  .svc-cards{grid-template-columns:1fr}
  .trust-strip .ts-inner{grid-template-columns:1fr}
  .ts-item{border-right:0;border-bottom:1px solid rgba(255,255,255,.08)}
  .ws-feats{grid-template-columns:1fr}
  .form-row{grid-template-columns:1fr}
  .cta-band{padding:44px 24px}
  .contact-info,.contact-form{padding:32px 24px}
  .comp-col{padding:30px 24px}
  .promo-slide{flex:0 0 82%}
  .pd-tab-heads{overflow-x:auto;flex-wrap:nowrap}
  .footer-bottom{flex-direction:column;text-align:center}
  .hero{padding:50px 0 70px}
  .page-hero{padding:48px 0 60px}
  .cart-summary{position:static}

  .wa-float{left:16px;bottom:18px}
  .wa-float a{height:54px}
  .wa-float .wa-ic{width:54px;height:54px}
  .wa-float .wa-label{display:none}
  .to-top{right:16px;bottom:80px;width:46px;height:46px}
}

@media (max-width:480px){
  .wrap{padding:0 18px}
  .hero h1{font-size:2.2rem}
  .brand-txt b{font-size:1.02rem}
  .hero-actions .btn,.cta-band .btns .btn{width:100%;justify-content:center}
  .hero-trust{gap:18px}
  .card,.tier,.val,.feat,.contact-info,.contact-form{padding:26px 20px}
  .pd-info h1{font-size:1.6rem}
  .section-title{font-size:1.7rem}
}