/* Page Coaching perso : seulement ses sections propres. Haut de page, bandeau, titres et fin
   de page viennent des styles communs (accueil, page Hyrox). */

.cp-icon{width:46px;height:46px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.cp-badge{flex:none;width:28px;height:28px;padding:13px;border-radius:50%;background:var(--fluo);color:var(--night);fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;box-sizing:content-box}
.hm-edge-word{font-size:27px;right:8%}
/* PERSO en étiquette fluo, à gauche de COACHING : deux mots verticaux se lisent de droite à gauche. */
.cp-edge-perso{position:absolute;z-index:1;top:70px;right:calc(8% + 58px);padding:10px 6px 9px;background:var(--fluo);box-shadow:4px 4px 0 #202322;color:#202322;font-size:27px;font-weight:900;line-height:1;letter-spacing:.19em;pointer-events:none;text-transform:uppercase;user-select:none;writing-mode:vertical-rl}

/* 3. Du cours encadré au tête-à-tête. */
.cp-further{background:var(--soft);padding:96px 0}
.cp-further-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:70px;align-items:center}
.cp-duo{padding:30px 32px 26px;border-radius:14px;background:var(--night);color:var(--paper);box-shadow:10px 10px 0 var(--fluo);transform:rotate(-1.2deg)}
.cp-switch{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:6px;border-radius:40px;background:#ffffff14}
.cp-switch button{padding:12px 10px;border:0;border-radius:30px;background:none;color:var(--paper);font:inherit;font-size:14px;font-weight:800;cursor:pointer;transition:background .25s,color .25s}
.cp-switch button[aria-selected=true]{background:var(--fluo);color:var(--night)}
.cp-stage{position:relative;height:250px;margin:22px 0 6px}
.cp-stage i{position:absolute;display:grid;place-items:center;border-radius:50%;font-style:normal;font-weight:850;transition:left .7s cubic-bezier(.3,.8,.3,1),top .7s cubic-bezier(.3,.8,.3,1),opacity .5s,transform .7s}
.cp-coach{width:84px;height:84px;left:calc(50% - 42px);top:83px;background:var(--fluo);color:var(--night);font-size:13px;z-index:2}
.cp-you{width:84px;height:84px;left:calc(50% - 42px);top:83px;background:var(--paper);color:var(--night);font-size:14px;opacity:0;z-index:2}
.cp-dot{width:26px;height:26px;background:#ffffff38}
/* En cours : le coach au centre, le groupe autour. */
.cp-dot-0{left:12%;top:20px}.cp-dot-1{left:30%;top:4px}.cp-dot-2{left:62%;top:4px}.cp-dot-3{left:80%;top:22px}
.cp-dot-4{left:86%;top:116px}.cp-dot-5{left:76%;top:202px}.cp-dot-6{left:46%;top:218px}.cp-dot-7{left:16%;top:200px}.cp-dot-8{left:5%;top:110px}
.cp-link{position:absolute;left:28%;right:28%;top:118px;width:44%;height:14px;opacity:0;transition:opacity .5s .3s}
.cp-link path{fill:none;stroke:var(--fluo);stroke-width:3;stroke-dasharray:8 7}
/* En coaching perso : le groupe s'efface, vous et votre coach face à face. */
.cp-stage.is-solo .cp-dot{opacity:0;transform:scale(.4)}
.cp-stage.is-solo .cp-coach{left:14%}
.cp-stage.is-solo .cp-you{left:calc(86% - 84px);opacity:1;transform:rotate(-4deg)}
.cp-stage.is-solo .cp-link{opacity:1}
.hx-section .cp-caption,.cp-caption{margin:0;text-align:center;font-size:15px;font-weight:750;color:#e9ece6}
.cp-further-copy p{font-size:17.5px;line-height:1.7;color:#474b47}
.cp-further-copy p+p{margin-top:20px}
.cp-further-copy a{color:inherit;text-decoration:underline;text-decoration-color:var(--fluo);text-decoration-thickness:4px;text-underline-offset:3px}

/* 4. Tarifs : un ticket de séance sur le fond moucheté. */
.cp-price{background:var(--night) url('/m/assets/v2c-fluo/mouchete.svg') center/240px;color:var(--paper)}
.cp-price .hx-title{color:var(--paper);text-align:center}
.cp-ticket{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);max-width:980px;margin:10px auto 0;border-radius:18px;background:var(--paper);color:var(--night);box-shadow:12px 12px 0 var(--fluo);transform:rotate(-1deg)}
.cp-ticket-main{padding:46px 48px}
.cp-ticket-main h3{margin:0 0 16px;font-size:28px}
.cp-ticket-main p{margin:0;color:#474b47}
.cp-ticket-stub{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:40px 30px;border-left:3px dashed #2023223d}
/* Les deux encoches du ticket, à la ligne de découpe. */
.cp-ticket-stub:before,.cp-ticket-stub:after{content:'';position:absolute;left:-17px;width:32px;height:32px;border-radius:50%;background:var(--night)}
.cp-ticket-stub:before{top:-16px}.cp-ticket-stub:after{bottom:-16px}
.cp-stamp{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:30px;background:var(--fluo);font-size:15px;font-weight:900;transform:rotate(-3deg)}
.cp-stamp .cp-icon{width:22px;height:22px}
.hx-section .cp-price-tag,.cp-price-tag{margin:0;font-size:46px;font-weight:900;letter-spacing:-.04em;line-height:1}

/* 5. Pour qui : deux cartes reliées par « Vous ». */
.cp-who .hx-title{text-align:center}
.cp-who-intro p{max-width:820px;margin:0 auto;font-size:20px!important;line-height:1.6!important;text-align:center}
.cp-who-grid{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:stretch;margin-top:44px;padding:0 10px 10px 0}
.cp-who-card{display:flex;flex-direction:column;gap:18px;padding:34px 36px;border-radius:12px;background:var(--soft);box-shadow:10px 10px 0 var(--night);transform:rotate(-1deg)}
.cp-who-fluo{background:var(--fluo);transform:rotate(1deg)}
.cp-who-fluo .cp-badge{background:var(--night);color:var(--fluo)}
.cp-who-card p{margin:0}
.cp-who-hub{position:absolute;z-index:2;left:50%;top:50%;display:grid;place-items:center;width:92px;height:92px;margin:-46px 0 0 -51px;border-radius:50%;background:var(--night);color:var(--fluo);font-size:18px;font-weight:900;box-shadow:0 0 0 8px var(--paper)}
.cp-who-close{display:flex;justify-content:center;margin-top:46px}
.cp-who-close p{max-width:760px;margin:0;padding:18px 26px;border-radius:10px;background:var(--sky);text-align:center}

/* 6. Fin de page : la ligne d'appel du texte. */
.hx-section .cp-phone-line,.cp-phone-line{display:flex;align-items:center;gap:14px;margin-top:6px}
.cp-phone-line a{color:inherit;text-decoration:underline;text-decoration-color:var(--fluo);text-decoration-thickness:4px;text-underline-offset:3px}

@media(prefers-reduced-motion:reduce){.cp-stage i,.cp-link{transition:none}}
@media(max-width:1023px){
  .cp-further-grid,.cp-ticket,.cp-who-grid{grid-template-columns:1fr}
  .cp-ticket-stub{border-left:0;border-top:3px dashed #2023223d}
  /* Le rond « Vous » chevauche la fin de la 1re carte et le début de la 2de, comme sur l'ordinateur (planche
     coaching-vous-telephone/, variante A choisie par Virginie le 23/10) : il flottait seul à 70 px de chacune. */
  .cp-who-grid{gap:0}
  .cp-who-hub{position:relative;top:auto;left:auto;margin:-11px auto}
  .cp-duo,.cp-ticket,.cp-who-card{transform:none}
}