/* ==================================================
   IVANIAGENCY — SITO UFFICIALE
   responsive.css — mobile-first, breakpoint tablet/desktop
   ================================================== */

@media (min-width: 640px) {
  .why-grid { grid-template-columns: repeat(2, 1fr); }
  .services-grid { grid-template-columns: repeat(2, 1fr); }
  .hero-indicators { grid-template-columns: repeat(2, 1fr); }
}

@media (min-width: 768px) {
  .chisono-grid { grid-template-columns: 0.8fr 1.2fr; }
  .form-row { grid-template-columns: 1fr 1fr; }
  .footer-grid { grid-template-columns: 1.3fr 1fr 1fr; }
}

@media (min-width: 1024px) {
  .navbar-menu { display: flex; }
  .navbar-cta { display: inline-flex; }
  .navbar-toggle { display: none; }
  .mobile-menu { display: none !important; }

  .hero-grid { grid-template-columns: 1.05fr 0.95fr; gap: var(--space-2xl); }
  .hero-indicators { grid-template-columns: repeat(4, 1fr); }

  .chisono-grid { grid-template-columns: 0.7fr 1.3fr; gap: var(--space-2xl); }

  .why-grid { grid-template-columns: repeat(4, 1fr); }
  .services-grid { grid-template-columns: repeat(4, 1fr); }

  .booking-layout { grid-template-columns: 1.2fr 0.8fr; }

  .process-steps { grid-template-columns: 1fr; max-width: var(--container-narrow); }
}

@media (min-width: 1440px) {
  .container { padding-inline: var(--space-lg); }
}

@media (max-width: 374px) {
  :root { --space-xl: 4.5rem; --space-2xl: 6.5rem; }
  .container { padding-inline: var(--space-xs); }
}