/* Social Brand — corrections pour téléphone (moins de 640 px).
   Rien ne s'applique au-delà : le rendu ordinateur est inchangé. */
@media (max-width: 640px) {
  /* Halo du bloc tarif : posé à 80 px au-delà de la carte, de chaque côté,
     il élargissait la page. Ramené à 16 px, il reste dans la marge. */
  .price-glow { inset: -40px -16px; }

  /* Boutons « Réserver mon appel découverte » (haut de page, deux fois au
     milieu, bas de page) et « Réserver mon appel offert » : leur texte ne
     passe jamais à la ligne, et à 360 px d'écran ils étaient plus larges
     que la place disponible. Ils ne dépassent plus la largeur disponible et
     passent sur deux lignes seulement si elle manque ; à 390 px et plus,
     ils ne changent pas. */
  .cta-row .btn,
  .reste-cta .btn,
  .feed-cta .btn,
  .final-actions .btn {
    max-width: 100%;
    white-space: normal;
    text-align: center;
    justify-content: center;
  }
}

/* ── Tablette (641 à 1279 px), demande de Céline du 18/09/2026 ───────────
   Halo du bloc tarif : entre 650 et 770 px, ses 80 px de débord de chaque
   côté élargissaient la page. Il garde ses 80 px tant qu'il y a la place, et
   se limite sinon à 16 px du bord de l'écran. `100%` est la largeur du bloc
   tarif, `100vw` celle de l'écran : (100% - 100vw) / 2 est l'espace entre
   le bloc et le bord, compté en négatif. À 1440 px, la valeur reste -80 px. */
@media (min-width: 641px) and (max-width: 1279px) {
  .price-glow {
    left: max(-80px, calc((100% - 100vw) / 2 + 16px));
    right: max(-80px, calc((100% - 100vw) / 2 + 16px));
  }
}