@media (max-width: 991.98px) {
  .top-header .container { gap: 8px; }
  .hero { min-height: 680px; }
  .section-padding { padding: 70px 0; }
  .navbar-collapse {
    padding: 18px 0;
  }
}

@media (max-width: 767.98px) {
  .top-header { font-size: .78rem; }
  .top-header .d-flex { align-items: flex-start !important; }
  .hero {
    min-height: 620px;
    text-align: left;
  }
  .hero p { font-size: 1rem; }
  .hero .d-flex { align-items: stretch; }
  .btn-accent,
  .btn-primary-custom { width: 100%; }
  .section-padding { padding: 56px 0; }
  .map-placeholder { min-height: 320px; }
  .floating-actions { right: 12px; bottom: 82px; }
  .float-btn,
  .back-to-top { width: 44px; height: 44px; }
}

@media (max-width: 575.98px) {
  .service-card,
  .feature-card,
  .testimonial-card,
  .product-card,
  .info-card { padding: 22px; }
  .page-hero { padding: 120px 0 70px; }
}

@media (max-width: 991.98px) {
  .mega-menu { max-height: 72vh; overflow-y: auto; }
  .nav-link::after { display: none; }
  .hero { min-height: 620px; }
  .hero-badge { width: 100%; }
  .process-step,
  .service-card,
  .feature-card,
  .testimonial-card,
  .product-card,
  .info-card { border-radius: 16px; }
}

@media (max-width: 767.98px) {
  .top-header .container { display: grid !important; grid-template-columns: 1fr; }
  .hero { min-height: 590px; }
  .hero h1 { font-size: clamp(2.2rem, 11vw, 3.15rem); }
  .hero-badges { gap: 10px; }
  .stat-box strong { font-size: 2rem; }
  .carrier-logo { min-height: 82px; font-size: .9rem; }
  .floating-actions.quote-stack { bottom: 82px; }
  .map-placeholder { min-height: 280px; }
}

@media (max-width: 420px) {
  .navbar-brand { max-width: 230px; white-space: normal; line-height: 1.15; }
  .hero { min-height: 560px; }
  .section-kicker { font-size: .72rem; }
}