/* ============================================================
   Ma Pizz' — Responsive
   ============================================================ */

@media (max-width: 640px) {
  .hero { min-height: 520px; padding-bottom: 40px; }
  .hero-logo { width: 100px; height: 100px; }
  .hero-title { font-size: 2.6rem; }
  .hero-sub { font-size: .9rem; }

  .cta-btn { padding: 10px 16px; font-size: .85rem; }

  .hero-address { font-size: .82rem; }

  .nav-tab { padding: 12px 16px; font-size: .83rem; }

  .menu-wrapper { padding: 28px 14px 14px; }

  .pizza-grid { grid-template-columns: 1fr; }

  .boissons-cols { grid-template-columns: 1fr; }

  .infos-grid { grid-template-columns: 1fr; }

  .section-title { font-size: 1.8rem; }
}

@media (max-width: 480px) {
  .hero-cta { gap: 8px; }
  .cta-btn { padding: 9px 14px; font-size: .8rem; }
  .cta-btn svg { width: 16px; height: 16px; }
}

@media (min-width: 641px) and (max-width: 900px) {
  .pizza-grid { grid-template-columns: repeat(2, 1fr); }
  .boissons-cols { grid-template-columns: 1fr 1fr; }
}