/* La Vente Inversée (niveau Technicien) — corrections pour téléphone
   (moins de 640 px). Rien ne s'applique au-delà : le rendu ordinateur est
   inchangé. */
@media (max-width: 640px) {
  /* Visuel du haut de page : la colonne de la grille ne pouvait pas devenir
     plus étroite que l'image (364 px), qui était coupée à droite sur un écran
     de 360 px. */
  .hero-grid > * { min-width: 0; }
  /* Ses deux pastilles flottantes débordaient de 26 à 28 px sur les côtés :
     elles restent en débord du visuel, mais dans la marge de l'écran. */
  .hero .chip-tl { left: -12px; }
  .hero .chip-br { right: -12px; }

  /* Bloc « Conseiller immobilier » : la deuxième carte était décalée de
     26 px et son étiquette ne pouvait pas rétrécir. Ensemble, ils
     imposaient 404 px de large au bloc, qui sortait de l'écran des deux
     côtés. */
  .persona-card.mid { margin-left: 0; }
  .persona-card .badge { flex: 0 1 auto; }
  .split > .hero-visual:has(.persona-stage) { align-self: stretch; min-width: 0; }
  /* Halo décoratif du bloc tarif : posé à 12 % au-delà du bloc, de chaque
     côté, il élargissait la page. Ramené à 16 px, il reste dans la marge. */
  .pe::before { inset: -8% -16px 4% -16px; }

}