/* V5.3 — suppression de la grande marge sous les CTA ciblés */
body{padding-bottom:0}
.sticky-buy{display:none!important}

.strategic-cta{
  position:relative;
  padding:24px 0;
}
.strategic-cta-dark{background:#080808}
.strategic-cta-panel{background:#111112}
.strategic-cta-books{
  background:linear-gradient(180deg,#780b10 0%,#5e090d 100%);
  border-top:1px solid rgba(255,255,255,.06);
  border-bottom:1px solid rgba(255,255,255,.06);
}
.strategic-cta .narrow{
  display:flex;
  flex-direction:column;
  align-items:stretch;
}
.strategic-cta .btn{
  width:100%;
  margin:0 auto;
}
.strategic-cta .payment-methods-block{
  width:100%;
  margin-top:12px;
}

/* Le bouton appartient visuellement à la section qui vient juste au-dessus. */
.cta-source-section{padding-bottom:14px!important}
.strategic-cta-attached{
  padding-top:6px;
  padding-bottom:48px;
}
/* Les deux nouveaux CTA ont davantage d'air avant la section suivante. */
.strategic-cta-more-space{padding-bottom:58px}

@media(max-width:680px){
  .strategic-cta{padding:18px 0}
  .strategic-cta .narrow{width:min(calc(100% - 30px),820px)}

  /* Mobile : rapproche nettement le CTA du contenu qu'il conclut. */
  .cta-source-section{padding-bottom:8px!important}
  .strategic-cta-attached{
    padding-top:4px;
    padding-bottom:42px;
  }
  .strategic-cta-more-space{padding-bottom:54px}
}


/* V5.1 — uniquement les CTA montrés sur les screenshots 2 à 5 :
   petite marge avec la section du haut, grande marge avec la section du bas. */
.cta-source-tuned{
  padding-bottom:10px!important;
}
.strategic-cta-gap-tuned{
  padding-top:8px!important;
  padding-bottom:64px!important;
}

@media(max-width:680px){
  .cta-source-tuned{
    padding-bottom:8px!important;
  }
  .strategic-cta-gap-tuned{
    padding-top:6px!important;
    padding-bottom:58px!important;
  }
}

/* ============================================================
   V5.2 — correction FORTE et visible des 4 CTA demandés.
   Uniquement : cycle, spiritualité, objectif final, pas pour vous.
   Principe demandé : petite marge AU-DESSUS du CTA,
   grande marge EN-DESSOUS du CTA avant la section suivante.
   ============================================================ */

/* On neutralise le gros padding inférieur de la section source pour
   que l'espace soit piloté par le bloc CTA lui-même. */
.cta-space-source-v52{
  padding-bottom:0 !important;
}

/* Empêche la dernière marge interne de fausser la mesure du gap. */
.cta-space-source-v52 > .narrow > :last-child,
.cta-space-source-v52 > .container > :last-child,
.cta-space-source-v52 .spirit-grid,
.cta-space-source-v52 .transform-grid,
.cta-space-source-v52 .fit-grid{
  margin-bottom:0 !important;
}
.cta-source-cycle-v52 .beat{
  margin-bottom:0 !important;
  padding-bottom:0 !important;
}

/* Desktop/tablette : même logique, légèrement plus ample. */
section.strategic-cta.cta-space-target-v52{
  padding-top:12px !important;
  padding-bottom:0 !important;
  margin-top:0 !important;
  margin-bottom:0 !important;
}

/* Mobile : valeurs calées sur les deux traits rouges fournis.
   Petit trait ≈ 50 px / grand trait ≈ 80 px. */
@media(max-width:680px){
  .cta-space-source-v52{
    padding-bottom:0 !important;
  }
  section.strategic-cta.cta-space-target-v52{
    padding-top:10px !important;
    padding-bottom:0 !important;
    margin-top:0 !important;
    margin-bottom:0 !important;
  }
}


/* V5.3 : on conserve un très léger espace au-dessus du CTA,
   et on supprime la grande hauteur vide en dessous sur les 4 CTA ciblés. */


/* ============================================================
   V5.4 — Espacement FIXE demandé, uniquement sur 5 CTA ciblés.
   Distance fin de section -> CTA : 45px.
   Distance bas du CTA -> section suivante : 80px.
   Les marges/paddings hérités des sections précédentes sont neutralisés.
   ============================================================ */
.cta-fixed-source-v54{
  padding-bottom:0 !important;
  margin-bottom:0 !important;
}
.cta-fixed-source-v54 > .narrow > :last-child,
.cta-fixed-source-v54 > .container > :last-child,
.cta-fixed-source-v54 .story > :last-child,
.cta-fixed-source-v54 .spirit-grid,
.cta-fixed-source-v54 .transform-grid,
.cta-fixed-source-v54 .fit-grid{
  margin-bottom:0 !important;
}
section.strategic-cta.cta-fixed-45-80-v54{
  padding-top:45px !important;
  padding-bottom:80px !important;
  margin-top:0 !important;
  margin-bottom:0 !important;
}
/* La section suivante commence immédiatement après les 80px du CTA.
   Sa propre marge externe ne doit pas s'ajouter au gap. */
section.strategic-cta.cta-fixed-45-80-v54 + section{
  margin-top:0 !important;
}


/* ============================================================
   V5.5 — 5 CTA indiqués par l'utilisateur.
   Le haut reste fixé à 45px.
   En bas, la distance VISUELLE totale CTA -> élément suivant = 70px :
   35px dans le bloc CTA + 35px en haut de la section suivante.
   Cela crée exactement la séparation 35px / 35px montrée sur les captures.
   ============================================================ */
section.strategic-cta.cta-fixed-45-70-v55{
  padding-top:45px !important;
  padding-bottom:35px !important;
  margin-top:0 !important;
  margin-bottom:0 !important;
}
section.strategic-cta.cta-fixed-45-70-v55 + section.cta-after-35-v55{
  margin-top:0 !important;
  padding-top:35px !important;
}

@media(max-width:680px){
  section.strategic-cta.cta-fixed-45-70-v55{
    padding-top:45px !important;
    padding-bottom:35px !important;
    margin-top:0 !important;
    margin-bottom:0 !important;
  }
  section.strategic-cta.cta-fixed-45-70-v55 + section.cta-after-35-v55{
    margin-top:0 !important;
    padding-top:35px !important;
  }
}