/* /lp/formation/ — ajustements mobiles propres à la page.
   La version mobile commune aux trois landings est dans
   landing-tunnel-mobile.css (maquette Landing Media v2). Ici, seulement ce
   que la page Média n'a pas, traité dans le même esprit : marges de 20 px,
   rien qui sorte de l'écran, aucun contenu ajouté ni retiré.
   Le halo suit le seuil de la version commune (1079 px) ; les réglages des
   témoignages restent réservés au téléphone (640 px) : sur tablette, la
   section garde sa présentation d'origine à trois cartes.
   Rien ne s'applique au-delà de 1079 px : le rendu ordinateur est inchangé. */
@media (max-width: 1079px) {
  /* Halo derrière le visuel du hero : à -30 px de chaque côté, il sortait de
     l'écran. À -16 px, il reste dans la marge de 20 px. La pastille
     « 100 % offert » garde sa place d'origine, en débord du coin. */
  .lm-hero .lp-halo { inset: -16px !important; }
}

@media (max-width: 640px) {

  /* Témoignages : section absente de la maquette Média. Mêmes marges que les
     autres sections, titre réduit dans la proportion des titres de la
     maquette (38 → 26 px), et une carte lisible à la fois au lieu de trois
     cartes de 64 px de large. Le bord de la suivante reste visible : on
     comprend qu'il faut faire glisser. */
  .lp-temoignages { padding: 56px 20px !important; }
  .lp-temoignages > div:first-child { margin-bottom: 32px !important; }
  .lp-temoignages h2 { font-size: 28px !important; }
  .lp-temoignages #testiScroll { gap: 16px !important; }
  .lp-temoignages #testiScroll > a { flex: 0 0 78% !important; }
  /* Les deux flèches étaient posées à -24 px du bord : ramenées à l'intérieur. */
  .lp-temoignages #testiScroll + div,
  .lp-temoignages #testiScroll + div + div { width: 44px !important; height: 44px !important; }
  .lp-temoignages #testiScroll + div { left: 6px !important; }
  .lp-temoignages #testiScroll + div + div { right: 6px !important; }
}