/* ====================================================================
   RESPONSIVE — Mobile-first ajustements complementaires
   Les rules principales sont deja en mobile-first dans chaque section.
   ==================================================================== */

@media (max-width: 768px) {
  /* Tighter section spacing on mobile */
  section { padding: 48px 0; }
  .section-head { margin-bottom: 28px; }

  /* Footer columns stack */
  .foot-bottom { flex-direction: column; align-items: flex-start; gap: 8px; }
}

@media (max-width: 560px) {
  .container { padding: 0 18px; }
  .contact-info, .contact-form-wrap { padding: 26px 22px; }
  .engage-card, .avis-card, .c-line { padding: 24px 20px; }
  .stats-grid { gap: 10px; }
  .stat-item { padding-bottom: 12px; }
  .hero h1 { font-size: clamp(2rem, 8vw, 2.6rem); }
  .hero-sub { font-size: 1rem; }
}

/* Desktop large : monter le gap services */
@media (min-width: 1100px) {
  .svc-grid { gap: 28px; }
}
/* fix figure reset 2026-06-06 */ figure { margin: 0; }