/* ==========================================================================
   SP Industrial Connect — Responsive Overrides
   Mobile-first adjustments layered on top of style.css
   ========================================================================== */

@media (max-width: 991.98px) {
  .site-navbar .btn-nav-cta { margin: 0.75rem 0 0.25rem; display: inline-block; }
  .site-navbar .navbar-nav { padding-top: 0.5rem; }
  .site-navbar .nav-link { padding: 0.6rem 0 !important; border-bottom: 1px solid var(--color-border); }
}

@media (max-width: 767.98px) {
  .hero { padding: 5rem 0 4rem; }
  .hero-page { padding: 3.25rem 0 2.5rem; }
  .section { padding: 3.25rem 0; }
  .cta-band { padding: 2.75rem 1.25rem; text-align: center; }
  .value-strip-item { justify-content: flex-start; margin-bottom: 0.75rem; }
  .step-item { margin-bottom: 2rem; }
  .form-section { padding: 1.5rem; }
}

@media (max-width: 575.98px) {
  .hero h1 { font-size: 1.7rem; }
  .section-heading h2 { font-size: 1.4rem; }
  .whatsapp-float { width: 50px; height: 50px; font-size: 1.4rem; bottom: 16px; right: 16px; }
  .btn { width: 100%; }
  .hero .btn { width: auto; }
  .d-flex.hero-cta-group { flex-direction: column; gap: 0.75rem !important; }
  .d-flex.hero-cta-group .btn { width: 100%; }
}

/* Ensure no horizontal scroll on very narrow viewports */
html, body { overflow-x: hidden; }