/* ═══════════════════════════════════════
   RESPONSIVE BREAKPOINTS
   ═══════════════════════════════════════ */

/* Tablet: 768px – 1199px */
@media (max-width: 1199px) {
    .footer__grid { gap: var(--bb-space-md); }
}

/* Mobile: < 768px */
@media (max-width: 767px) {
    .header__nav { display: none; }
    .burger { display: flex; }

    .section-padding { padding: var(--bb-space-2xl) 0; }

    .footer__grid { grid-template-columns: 1fr; gap: var(--bb-space-lg); }
    .footer__bottom { flex-direction: column; gap: 0.75rem; text-align: center; }

    .page-hero { padding: 8rem 0 var(--bb-space-lg); }
    .page-hero h1 { font-size: var(--bb-text-h2); }
}