/* Responsive breakpoints — 320 / 768 / 1024 / 1440 */
@media(max-width:1024px){
  .grid--4{grid-template-columns:repeat(3,1fr)}
  .stats-row{grid-template-columns:repeat(2,1fr)}
  .cert-grid{grid-template-columns:repeat(3,1fr)}
  .split,.product-detail,.contact-grid{grid-template-columns:1fr;gap:2.5rem}
  .site-footer__grid{grid-template-columns:1fr 1fr}
}
@media(max-width:768px){
  .section{padding:4rem 0}
  .header-cta{display:none}
  .nav-toggle{display:flex}
  .main-nav{position:fixed;top:0;right:-100%;width:min(82vw,340px);height:100vh;background:#fff;box-shadow:var(--sh-lg);flex-direction:column;align-items:stretch;padding:4.5rem 1.5rem 2rem;transition:right .3s ease;overflow-y:auto;z-index:200}
  .main-nav.open{right:0}
  .nav-list{flex-direction:column;align-items:stretch;gap:0}
  .nav-link{padding:.9rem .25rem;border-bottom:1px solid var(--border)}
  .nav-close{display:block;position:absolute;top:1rem;right:1.25rem;background:none;border:0;font-size:2rem;cursor:pointer;color:var(--text-heading)}
  .nav-item--cta-mobile{display:block;margin-top:1.25rem}
  .mega{position:static;transform:none;opacity:1;visibility:visible;box-shadow:none;border:0;padding:.5rem 0 1rem;min-width:0;grid-template-columns:1fr;gap:1rem;display:none}
  .has-mega.open .mega{display:grid}
  .mega__col--cta{display:none}
  /* Products mega on mobile: stacked category list, no flyouts */
  .mega--products{display:none;width:100%}
  .has-mega.open .mega--products{display:block}
  .mega-cat__sub{position:static;display:none;box-shadow:none;border:0;max-height:none}
  .mega-cat__label{padding:.7rem .25rem;border-bottom:1px solid var(--border)}
  .nav-dropdown{position:static;transform:none;opacity:1;visibility:visible;box-shadow:none;border:0;padding:0 0 .25rem;min-width:0;display:none}
  .has-dropdown.open .nav-dropdown{display:block}
  .nav-dropdown__link{padding:.8rem .9rem;border-bottom:1px solid var(--border)}
  .grid--3,.grid--4,.grid--2{grid-template-columns:1fr}
  .form-row{grid-template-columns:1fr}
  .cert-grid{grid-template-columns:repeat(2,1fr)}
  .stats-row{grid-template-columns:1fr 1fr}
  .topbar__meta{display:none}
  .cta-strip__inner{flex-direction:column;align-items:flex-start}
  body.nav-body-lock{overflow:hidden}
}
@media(max-width:480px){
  .hero__stats{gap:1.5rem}
  .footer-bottom__inner{flex-direction:column;text-align:center}
  .grid--4{grid-template-columns:1fr 1fr}
  .form-card{padding:1.5rem}
}
@media(min-width:1440px){
  :root{--container:1280px}
}