/* ==========================================================================
   Breakpoint fine-tuning — checked at 1440 / 1280 / 1024 / 768 / 480 / 390
   Component-level responsiveness lives alongside each component;
   this file only holds cross-cutting adjustments.
   ========================================================================== */

@media (max-width: 1280px) {
  .container, .container-max { padding-inline: 28px; }
}

@media (max-width: 1023px) {
  .site-footer__top { grid-template-columns: repeat(2, 1fr); }
  .hero__grid { grid-template-columns: 1fr; }
}

@media (max-width: 767px) {
  :root { --header-height: 68px; }
  .section-header { max-width: 100%; }
  .cta-banner { flex-direction: column; align-items: flex-start; text-align: left; }
  .cta-banner .btn { width: 100%; justify-content: center; }
}

@media (max-width: 480px) {
  .btn { padding: 13px 22px; font-size: 14px; }
  .card__body { padding: 20px; }
}

@media (max-width: 390px) {
  .container, .container-max, .container-narrow { padding-inline: 18px; }
}