/* Filets de securite responsive (mobile-first par defaut) ----------------- */

/* anti-debordement sur titres */
h1, h2, h3 { overflow-wrap: break-word; word-wrap: break-word; hyphens: auto; }

/* iframes/img toujours fluide */
iframe { max-width: 100%; }

/* boutons full-width facon hero CTA sur mobile (PIEGE PROD #2) */
@media (max-width: 599px) {
  .hero__cta .btn { width: 100%; }
}

/* desktop : petites finitions */
@media (min-width: 1024px) {
  .container { padding-left: 40px; padding-right: 40px; }
}

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