/* responsive.css — Falegnameria Facchetti Giancarlo SRL */

/* ── Large desktop ──────────────────────────── */
@media (max-width: 1199px) {
  .footer-grid { grid-template-columns: 1fr 1fr 1fr; }
  .footer-brand { grid-column: 1 / -1; }
  .contact-layout { grid-template-columns: 1fr 380px; gap: 44px; }
}

/* ── Tablet landscape (≤991px) ──────────────── */
@media (max-width: 991px) {
  .services-grid  { grid-template-columns: repeat(2, 1fr); }
  .stats-grid     { grid-template-columns: repeat(2, 1fr); gap: 28px; }
  .about-split    { grid-template-columns: 1fr; gap: 48px; }
  .about-img img  { height: 340px; }
  .contact-layout { grid-template-columns: 1fr; gap: 40px; }
  .form-panel     { position: static; }
  .footer-grid    { grid-template-columns: 1fr 1fr; gap: 32px; }
  .footer-brand   { grid-column: 1 / -1; }
}

/* ── Tablet portrait (≤767px) ───────────────── */
@media (max-width: 767px) {
  :root { --header-h: 60px; }

  .hero-content h1 { font-size: 2rem; }
  .hero-content p  { font-size: .88rem; }
  .hero-cta { flex-direction: column; align-items: center; }
  .hero-cta .btn { width: 100%; max-width: 280px; }

  .section    { padding: 56px 0; }
  .section-sm { padding: 40px 0; }
  .section-header { margin-bottom: 32px; }

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

  .about-badge { width: 96px; height: 96px; bottom: -12px; right: -12px; }
  .about-badge strong { font-size: 1.5rem; }

  .footer-grid { grid-template-columns: 1fr; }
  .footer-bottom { flex-direction: column; text-align: center; justify-content: center; }

  .form-panel { padding: 24px 20px; }
}

/* ── Mobile (≤575px) ────────────────────────── */
@media (max-width: 575px) {
  .hero-content h1 { font-size: 1.75rem; line-height: 1.2; }
  .stats-grid { grid-template-columns: 1fr 1fr; }
  .stat-item strong { font-size: 2rem; }
  .about-img img { height: 260px; }
}