/* ==========================================================================
   Responsive overrides (mobile-first base is in component files)
   Breakpoints: 576 / 768 / 992 / 1200
   ========================================================================== */

/* Small phones */
@media (max-width: 375px) {
  .hero__title {
    font-size: var(--fs-2xl);
  }
  .hero__badge {
    padding: var(--space-3) var(--space-4);
  }
  .hero__badge-value {
    font-size: var(--fs-2xl);
  }
}

/* Tablets */
@media (min-width: 768px) {
  .section {
    padding-block: var(--space-16);
  }
  .cta-banner__grid {
    grid-template-columns: .8fr 1fr auto;
  }
}

/* Desktop */
@media (min-width: 992px) {
  .hero {
    padding-top: var(--space-16);
  }
  .quicklinks {
    margin-top: -56px;
  }
}

/* Large desktop */
@media (min-width: 1200px) {
  .container-custom {
    
  }
}

/* Topbar collapses secondary info on very small screens */
@media (max-width: 575px) {
  .topbar__info-item--hours {
    display: none;
  }
}