/* ==========================================================================
   STBC Responsive refinements (mobile-first overrides layered on top)
   ========================================================================== */

@media (max-width: 1180px) {
  .container { padding-inline: var(--space-5); }
  .footer-grid { gap: var(--space-6); }
}

@media (max-width: 980px) {
  :root { --header-height: 72px; }
  .hero { padding-block: var(--space-7); }
  h1 { font-size: var(--fs-3xl); }
}

@media (max-width: 640px) {
  .cta-band { padding: var(--space-6); }
  .footer-bottom { flex-direction: column; align-items: flex-start; }
  .breadcrumbs ol { gap: var(--space-1); }
  .site-logo img { height: 28px; }
}

@media print {
  .site-header, .whatsapp-float, .mobile-nav, .cta-band, .site-footer { display: none !important; }
}