/* Ajustements responsive complémentaires (mobile-first les CSS section sont prioritaires) */
@media (max-width: 560px){
  .container{ padding: 0 18px; }
  .section-head h2{ font-size: clamp(1.6rem, 6vw, 2rem); }
  .avis-card{ padding: 22px 20px 18px; }
  .process-step{ padding: 24px 20px 22px; }
  .hero-mega__title{ font-size: clamp(2.3rem, 9.8vw, 3.4rem); }
}

@media (max-width: 380px){
  .hero-mega__title{ font-size: 2.1rem; }
  .brand-name{ font-size: .98rem; }
}

/* wf-noxoverflow : reveal vertical (le slide horizontal deborde la largeur sur mobile) */
[data-reveal]:not(.in){ transform: translateY(18px) !important; }