/* Responsive overrides for key breakpoints */

@media (max-width: 1199.98px){
  .section-pad{ padding: 4.5rem 0; }
}

@media (max-width: 991.98px){
  .ss-hero{ min-height: 78vh; }
  .hero-title{ font-size: clamp(2.1rem, 4.4vw, 3.2rem); }
  .ss-page-hero{ padding: 5.6rem 0 3rem; }
}

@media (max-width: 767.98px){
  .section-pad{ padding: 4rem 0; }
  .ss-cta{ padding: 1.6rem; }
  .hero-card{ padding: 1rem; }
  .ss-backtop{ right: 14px; bottom: 14px; }
  .ss-whatsapp{ left: 14px; bottom: 14px; }
}

@media (max-width: 575.98px){
  .kicker{ font-size: .9rem; }
  .hero-sub{ font-size: 1rem; }
  .ss-page-hero{ padding: 5.2rem 0 2.7rem; }
  .brand-mark{ width: 34px; height: 34px; }
}