/* Breakpoints (mobile-first): 640 / 960 / 1200 */

@media (max-width: 960px) {
  :root { --nav-h: 68px; }

  section { padding-block: var(--space-16); }
  .section-head { margin-bottom: var(--space-12); }

  .nav-menu { display: none; }
  .nav-toggle { display: inline-flex; }
  .nav-cta { display: none; }

  .footer-grid { grid-template-columns: 1fr 1fr; gap: var(--space-8); }
  .footer-bottom { flex-direction: column; gap: var(--space-3); text-align: center; }
}

@media (max-width: 640px) {
  body { font-size: 15px; }
  section { padding-block: var(--space-12); }

  .container, .container-narrow { padding-inline: var(--space-4); }

  .footer-grid { grid-template-columns: 1fr; gap: var(--space-10); }

  .btn { padding: 12px 22px; font-size: .9rem; }
  .btn-lg { padding: 14px 24px; }

  .fab { width: 46px; height: 46px; inset-block-end: 18px; inset-inline-end: 18px; }
  .fab.whatsapp { inset-block-end: 76px; }
}