/* Référence observée : propulse.design/#methode, superposition de cartes sticky.
   Les cartes gardent leur échelle : la typographie validée ne rétrécit jamais.
   Le mode animé est activé par JS après contrôle de la place disponible. */
@media (min-width: 992px) and (min-height: 700px) and (prefers-reduced-motion: no-preference) {
  body.home.seo_version.ws24-color-preview.palette-vif.palette-vivant #pricing.is-stack-enabled {
    --offer-stick-top: 320px;
    overflow: visible;
  }
  body.home.seo_version.ws24-color-preview.palette-vif.palette-vivant #pricing.is-stack-enabled > .container > .section-title {
    position: sticky;
    top: var(--offer-heading-top, 32px);
    z-index: 5;
    background: #fff;
    /* Le titre quitte l'écran avec la dernière carte, sans changer sa place dans le flux. */
    transform: translateY(calc(-1 * var(--offer-heading-release, 0px)));
  }
  body.home.seo_version.ws24-color-preview.palette-vif.palette-vivant #pricing.is-stack-enabled .ws24-offer-stack {
    /* Structure relevée sur #etapes : flex en colonne, gap 80px et overflow visible. */
    display: flex;
    flex-flow: column;
    align-items: center;
    gap: 80px;
    position: relative;
    overflow: visible;
    width: 100%;
    max-width: none;
    height: min-content;
    margin: 0 auto;
    padding: 0;
  }
  body.home.seo_version.ws24-color-preview.palette-vif.palette-vivant #pricing.is-stack-enabled .ws24-offer-stack > div {
    position: sticky;
    top: var(--offer-stick-top);
    z-index: var(--offer-index, 1);
    flex: none;
    /* Largeur d'origine des cartes, indépendante de leur nouvel empilement. */
    width: calc((100% - 28px) / 2);
    height: min-content;
    margin: 0;
    scroll-margin-top: var(--offer-stick-top);
  }
  body.home.seo_version.ws24-color-preview.palette-vif.palette-vivant #pricing.is-stack-enabled .ws24-offer-stack > div:last-child { margin-bottom: 0; }
  body.home.seo_version.ws24-color-preview.palette-vif.palette-vivant #pricing.is-stack-enabled .ws24-price-card,
  body.home.seo_version.ws24-color-preview.palette-vif.palette-vivant #pricing.is-stack-enabled .ws24-price-card:hover {
    height: auto;
    transform: none;
    transition: none;
  }
  /* Au clavier, mêmes positions dans le flux : les liens ne sont jamais recouverts. */
  body.home.seo_version.ws24-color-preview.palette-vif.palette-vivant #pricing.is-stack-enabled.is-stack-keyboard > .container > .section-title { position: relative; top: auto; transform: none; }
  body.home.seo_version.ws24-color-preview.palette-vif.palette-vivant #pricing.is-stack-enabled.is-stack-keyboard .ws24-offer-stack > div { position: relative; top: auto; }
  body.home.seo_version.ws24-color-preview.palette-vif.palette-vivant #pricing.is-stack-enabled.is-stack-keyboard .ws24-price-card { transform: none; }
}
/* Même espacement que le breakpoint intermédiaire de Propulse. */
@media (min-width: 992px) and (max-width: 1439.98px) and (min-height: 700px) and (prefers-reduced-motion: no-preference) {
  body.home.seo_version.ws24-color-preview.palette-vif.palette-vivant #pricing.is-stack-enabled .ws24-offer-stack { gap: 48px; }
}