/* ==========================================================================
   SpeakPro Academy — pages de paiement des formules
   Inspiration : Stripe Checkout (récapitulatif de la commande à gauche,
   panneau de paiement à droite, une seule action principale).
   Identifiants et scripts de paiement inchangés.
   ========================================================================== */
body.sp-app .cp-wrap{ max-width:1000px !important; padding:48px 24px 80px !important; text-align:left !important; }
body.sp-app .cp-card.sp-co{ display:grid; grid-template-columns:minmax(0,1.1fr) minmax(0,1fr); padding:0 !important; overflow:hidden; text-align:left; }
.sp-co-summary{ background:#F4EEE6; padding:44px 44px 40px; border-right:1px solid #E5DBCF; }
.sp-co-pay{ padding:44px 40px 40px; background:#fff; display:flex; flex-direction:column; }
.sp-co-k{ margin:0 0 10px; font-size:12px; font-weight:700; letter-spacing:.14em; text-transform:uppercase; color:#A9552F; }
.sp-co-k2{ margin-top:30px; color:#1E2430; }
body.sp-app .sp-co h1{ margin:0 0 4px !important; font-size:clamp(28px,3vw,36px) !important; }
.sp-co-tag{ margin:0 0 22px; color:#4A505B; font-size:15.5px; }
body.sp-app .sp-co .cp-price{ font-size:40px !important; margin:0 !important; line-height:1.1; }
body.sp-app .sp-co .cp-price span{ display:block; margin-top:6px; font-family:var(--display, inherit); font-size:14px !important; font-weight:500; color:#6B707A; }
.sp-co-list{ list-style:none; margin:0; padding:0; border-top:1px solid #E5DBCF; }
.sp-co-list li{ display:flex; gap:12px; align-items:flex-start; padding:11px 0; border-bottom:1px solid #E9DFD3; font-size:15px; color:#1E2430; }
.sp-co-list svg{ flex-shrink:0; margin-top:3px; color:#A9552F; }
.sp-co-list a{ color:inherit; text-decoration:underline; text-decoration-color:#CDBFAE; text-underline-offset:3px; }
.sp-co-compare{ display:inline-block; margin-top:20px; font-size:14px; font-weight:700; color:#1E2430; text-decoration:none; border-bottom:1px solid #CDBFAE; }
.sp-co-compare:hover{ border-color:#A9552F; }
.sp-co-pay h2{ font-family:var(--display-serif, Georgia, serif); font-weight:500; font-size:24px; color:#1E2430; margin:0 0 14px; }
body.sp-app .sp-co-pay .cp-note{ font-size:14.5px !important; line-height:1.65; color:#4A505B !important; margin:0 0 28px !important; padding-bottom:24px; border-bottom:1px solid #EFE7DC; }
.sp-co-pay #cp-pay-btn{ margin-top:4px; }
@media (max-width:820px){
  body.sp-app .cp-card.sp-co{ grid-template-columns:1fr; }
  .sp-co-summary{ border-right:0; border-bottom:1px solid #E5DBCF; padding:30px 22px; }
  .sp-co-pay{ padding:30px 22px; }
  body.sp-app .cp-wrap{ padding:28px 16px 64px !important; }
  .sp-co-pay #cp-pay-btn{ margin-top:0; }
}
.sp-co-link{ margin:-12px 0 24px; font-size:14px; } .sp-co-link a{ color:#A9552F; font-weight:700; }