/* /monetisation refaite sur la mise en forme d'ecomaccelerator.fr (03/11/2026).
   Mêmes formats (bandes pleine largeur, carrousel de résultats, cartes avant / après,
   parcours en étapes avec widgets, fondateur en bandeau sombre, fermeture sombre),
   aux couleurs de Digital Blueprint : noir, blanc et bleu nuancé. Police : body.police-ecom. */

:root{
  --mv-encre:#0B1033;          /* presque noir, bleu nuit */
  --mv-texte:#3A3F63;
  --mv-gris:#6B7095;
  --mv-bleu:#1E3FD8;
  --mv-bleu-2:#4E5AE0;
  --mv-ciel:#5B8CFF;
  --mv-pale:#F2F5FF;
  --mv-ligne:rgba(11,16,51,.09);
  --mv-degrade:linear-gradient(120deg,#1E3FD8 0%,#4E5AE0 48%,#5B8CFF 100%);
}

.police-ecom{color:var(--mv-encre)}
.police-ecom h2 em,.police-ecom h3 em,.mv-verdict em{font-family:"Fraunces",Georgia,serif;font-style:italic;font-weight:600;
  background:var(--mv-degrade);-webkit-background-clip:text;background-clip:text;color:transparent;padding-right:.06em}
.mv-sombre h2 em,.mv-accent h2 em,.mv-sombre h3 em{background:linear-gradient(120deg,#9CB8FF,#C9D6FF);-webkit-background-clip:text;background-clip:text}

/* ---- Bandes pleine largeur (le contenu reste dans .wrap) ---- */
.mv-band{position:relative;margin:56px 0;padding:56px 0;isolation:isolate}
.mv-band::before{content:'';position:absolute;inset:0 calc(50% - 50vw);z-index:-1;background:var(--mv-fond,transparent)}
.mv-pale{--mv-fond:var(--mv-pale)}
.mv-sombre{--mv-fond:var(--mv-encre);color:#fff}
.mv-sombre p{color:rgba(255,255,255,.78)}
.mv-accent{--mv-fond:linear-gradient(150deg,#0B1033,#1E3FD8 60%,#5B8CFF);color:#fff;text-align:center}
.mv-accent p{color:rgba(255,255,255,.85)}
.mv-section{margin:64px 0}

.mv-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:700;letter-spacing:1.6px;text-transform:uppercase;color:var(--mv-bleu);margin-bottom:12px}
.mv-eyebrow::before{content:'';width:7px;height:7px;border-radius:50%;background:var(--mv-bleu)}
.mv-eyebrow.clair{color:#C9D6FF}
.mv-eyebrow.clair::before{background:#C9D6FF}
.mv-tete-centre{text-align:center;max-width:620px;margin:0 auto 30px}
.police-ecom .mv-tete-centre h2,.mv-question h2,.mv-accent h2,.mv-fin h2,.mv-garantie h2{font-size:clamp(26px,6.2vw,38px);line-height:1.12;letter-spacing:-1.2px;margin:0 0 14px}
.mv-lead{font-size:16px;line-height:1.65;color:var(--mv-texte);margin:0}
.mv-verdict{text-align:center;font-size:clamp(18px,4.4vw,22px);line-height:1.35;font-weight:600;margin:30px auto 0;max-width:560px;color:var(--mv-encre)}

/* ---- Boutons ---- */
.mv-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;max-width:440px;margin:24px auto 0;padding:18px 24px;
  border-radius:40px;font-size:16.5px;font-weight:700;color:#fff;background:var(--mv-degrade);
  box-shadow:0 14px 30px rgba(30,63,216,.32),inset 0 1px 0 rgba(255,255,255,.25);transition:transform .2s,box-shadow .2s}
.mv-btn:hover{transform:translateY(-2px);box-shadow:0 18px 38px rgba(30,63,216,.4)}
.mv-btn.blanc{background:#fff;color:var(--mv-bleu);box-shadow:0 12px 28px rgba(0,0,0,.25)}
.mv-btn-sous{margin:10px 0 0;text-align:center;font-size:12.5px;color:var(--mv-gris)}

/* ---- Hero ---- */
.mv-hero{text-align:center;padding-top:8px}
.mv-note{display:inline-flex;align-items:center;gap:8px;margin:0 0 18px;padding:8px 16px;border-radius:40px;background:#fff;
  border:1px solid var(--mv-ligne);box-shadow:0 4px 14px rgba(11,16,51,.06);font-size:13px;color:var(--mv-texte)}
.mv-note b{color:var(--mv-encre)}
.mv-note.clair{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.15);color:rgba(255,255,255,.8);box-shadow:none}
.mv-note.clair b{color:#fff}
.mv-etoiles{color:#F5B301;letter-spacing:1px}
.mv-hero h1{text-align:center;margin-bottom:18px}
.mv-coches{list-style:none;margin:0 auto 22px;padding:0;display:grid;gap:9px;justify-items:center;font-size:15px;font-weight:600;color:var(--mv-encre)}
.mv-coches li::before{content:'✓';margin-right:8px;font-weight:800;color:var(--mv-bleu)}
.mv-video{margin:0 0 4px}

/* ---- Bande de chiffres ---- */
.mv-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:40px 0 0;text-align:center}
.mv-stats div b{display:block;font-size:clamp(24px,7vw,40px);font-weight:800;letter-spacing:-1.4px;
  background:var(--mv-degrade);-webkit-background-clip:text;background-clip:text;color:transparent}
.mv-stats div span{display:block;margin-top:4px;font-size:12.5px;line-height:1.35;color:var(--mv-gris)}
.mv-trustline{grid-column:1/-1;margin:14px 0 0;font-size:13px;color:var(--mv-texte)}

/* ---- Carrousel des résultats (bande sombre) ---- */
.mv-rail{overflow:visible}
.mv-rail-tete{margin-bottom:26px}
.mv-kicker{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:700;letter-spacing:1.6px;text-transform:uppercase;color:#9CB8FF;margin-bottom:10px}
.mv-live{width:9px;height:9px;border-radius:50%;background:#FF4D4D;box-shadow:0 0 0 0 rgba(255,77,77,.6);animation:mv-pouls 1.6s infinite}
@keyframes mv-pouls{0%{box-shadow:0 0 0 0 rgba(255,77,77,.6)}70%{box-shadow:0 0 0 9px rgba(255,77,77,0)}100%{box-shadow:0 0 0 0 rgba(255,77,77,0)}}
.police-ecom .mv-rail h2{color:#fff;font-size:clamp(24px,5.6vw,34px);line-height:1.15;margin:0 0 12px}
.mv-lien{font-size:14px;font-weight:600;color:#C9D6FF;text-decoration:none}
.mv-defile{margin:0 calc(50% - 50vw);overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.mv-piste{display:flex;gap:14px;width:max-content;padding:4px 0 6px;animation:mv-defile 45s linear infinite}
.mv-defile:hover .mv-piste{animation-play-state:paused}
@keyframes mv-defile{to{transform:translateX(-50%)}}
.mv-carte{flex:none;width:200px;border-radius:20px;overflow:hidden;background:#151B4A;border:1px solid rgba(255,255,255,.08)}
.mv-portrait{position:relative;height:230px;background:#20285E}
.mv-portrait img{width:100%;height:100%;object-fit:cover;display:block}
.mv-portrait::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,16,51,0) 40%,rgba(11,16,51,.92))}
.mv-tag{position:absolute;z-index:1;top:10px;left:10px;font-size:10.5px;font-weight:700;color:#fff;background:rgba(11,16,51,.65);
  border-radius:20px;padding:4px 9px;backdrop-filter:blur(4px)}
.mv-num{position:absolute;z-index:1;left:12px;bottom:10px;font-size:26px;font-weight:800;letter-spacing:-.8px;color:#fff}
.mv-carte-corps{padding:12px 14px 14px}
.mv-carte-corps b{display:block;font-size:14px;color:#fff}
.mv-carte-corps span{display:block;margin-top:3px;font-size:12.5px;color:rgba(255,255,255,.65)}
.mv-carte-corps span b{display:inline;font-size:inherit}
@media (prefers-reduced-motion:reduce){ .mv-piste{animation:none} .mv-defile{overflow-x:auto} }

/* ---- La question ---- */
.mv-question{text-align:center}
.mv-question-choix{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:24px}
.mv-choix{flex:1 1 150px;max-width:230px;padding:16px 20px;border-radius:40px;font-size:15.5px;font-weight:700;text-decoration:none;
  color:var(--mv-encre);background:#fff;border:1.5px solid var(--mv-ligne);transition:transform .2s,border-color .2s}
.mv-choix:hover{transform:translateY(-2px);border-color:var(--mv-bleu-2)}
.mv-choix.oui{color:#fff;background:var(--mv-degrade);border-color:transparent;box-shadow:0 12px 26px rgba(30,63,216,.3)}

/* ---- Remplaçable / irremplaçable ---- */
.mv-duel{display:grid;gap:14px}
@media (min-width:640px){ .mv-duel{grid-template-columns:1fr 1fr} }
.mv-duel-carte{border-radius:22px;padding:24px 22px;background:#fff;border:1px solid var(--mv-ligne)}
.mv-duel-label{display:block;font-size:11.5px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase;color:var(--mv-gris);margin-bottom:8px}
.mv-duel-carte>b{display:block;font-size:18px;font-weight:800;margin-bottom:14px}
.mv-duel-carte ul{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.mv-duel-carte li{position:relative;padding-left:32px;font-size:14.5px;line-height:1.5}
.mv-duel-carte li::before{position:absolute;left:0;top:0;width:22px;height:22px;border-radius:7px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800}
.mv-duel-non li{color:var(--mv-gris)}
.mv-duel-non li::before{content:'✗';background:#EEF0F7;color:#9AA0BF}
.mv-duel-oui{background:var(--mv-encre);border-color:transparent;color:#fff;box-shadow:0 18px 40px rgba(11,16,51,.25)}
.mv-duel-oui .mv-duel-label{color:#9CB8FF}
.mv-duel-oui li{color:#fff}
.mv-duel-oui li::before{content:'✓';background:var(--mv-degrade);color:#fff}

/* ---- Parcours ---- */
.mv-trois{display:grid;gap:12px;margin-bottom:40px}
@media (min-width:640px){ .mv-trois{grid-template-columns:repeat(3,1fr)} }
.mv-trois-carte{border-radius:20px;padding:20px;background:#fff;border:1px solid var(--mv-ligne);box-shadow:0 6px 18px rgba(11,16,51,.05)}
.mv-ico{display:inline-flex;width:40px;height:40px;border-radius:12px;align-items:center;justify-content:center;font-size:20px;background:var(--mv-pale);margin-bottom:10px}
.mv-trois-carte b{display:block;font-size:16px;font-weight:800;margin-bottom:4px}
.mv-trois-carte p{margin:0;font-size:14px;line-height:1.55;color:var(--mv-texte)}

.mv-parcours{display:grid;gap:34px}
.mv-phase{display:grid;gap:18px;align-items:center}
@media (min-width:760px){ .mv-phase{grid-template-columns:1fr 1fr;gap:30px} .mv-phase.inverse .mv-phase-texte{order:2} }
.mv-jour{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;color:#fff;
  background:var(--mv-degrade);border-radius:20px;padding:5px 12px;margin-bottom:12px}
.mv-jour span{font-weight:600;opacity:.85}
.police-ecom .mv-phase-texte h3{font-size:clamp(21px,5vw,26px);margin:0 0 8px;letter-spacing:-.6px}
.mv-phase-texte p{margin:0;font-size:15px;line-height:1.65;color:var(--mv-texte)}
.mv-phase-texte .module-outils{margin-top:14px}

.mv-vignette{border-radius:22px;padding:18px;background:#fff;border:1px solid var(--mv-ligne);box-shadow:0 20px 44px rgba(11,16,51,.1)}
.mv-v-tete{display:flex;align-items:center;gap:10px;margin-bottom:14px}
.mv-pastille{font-size:12px;font-weight:700;color:var(--mv-bleu);background:var(--mv-pale);border-radius:20px;padding:5px 11px}
.mv-tampon{margin-left:auto;font-size:11.5px;font-weight:700;color:#047857;background:#ECFDF5;border:1px solid rgba(16,185,129,.3);border-radius:20px;padding:4px 10px;white-space:nowrap}
.mv-v-liste{display:grid;gap:8px;margin-top:14px}
.mv-v-ligne{display:flex;align-items:center;gap:10px;font-size:14px;padding:10px 12px;border-radius:12px;background:var(--mv-pale)}
.mv-v-ok{flex:none;width:22px;height:22px;border-radius:7px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;color:#fff;background:#10B981}
.mv-v-ligne.a-faire .mv-v-ok{background:#fff;color:var(--mv-bleu);border:1.5px solid var(--mv-bleu-2)}
.mv-v-note{margin-top:12px;font-size:13px;line-height:1.5;color:var(--mv-texte);padding:10px 12px;border-left:3px solid var(--mv-bleu-2);background:#F8F9FF;border-radius:0 10px 10px 0}
.mv-vignette .profil-tiktok{margin:0}
.mv-avatar{flex:none;width:38px;height:38px;border-radius:50%;background-size:cover;background-position:50% 20%}
.mv-v-meta{display:flex;flex-direction:column;line-height:1.2}
.mv-v-meta b{font-size:14px}
.mv-v-meta span{font-size:12px;color:#10B981}
.mv-bulle{max-width:88%;padding:11px 14px;border-radius:16px;font-size:14px;line-height:1.5;margin-top:8px}
.mv-bulle.moi{margin-left:auto;background:var(--mv-degrade);color:#fff;border-bottom-right-radius:5px}
.mv-bulle.lui{background:var(--mv-pale);color:var(--mv-encre);border-bottom-left-radius:5px}
.mv-v-pied{display:flex;align-items:center;gap:8px;margin-top:14px;font-size:13px;font-weight:600;color:#047857}
.mv-v-pied span{display:inline-flex;width:20px;height:20px;border-radius:50%;align-items:center;justify-content:center;background:#10B981;color:#fff;font-size:11px}
.mv-claude-ico{flex:none;width:38px;height:38px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:22px;color:#fff;background:#D97757}
.mv-claude .mv-bulle.lui{background:#FBF6F2}

/* Le moment : les notifications de virement */
.mv-moment{text-align:center;padding:30px 20px;border-radius:26px;color:#fff;background:linear-gradient(155deg,#0B1033,#1E3FD8 62%,#5B8CFF);box-shadow:0 24px 50px rgba(11,16,51,.3)}
.mv-moment-eyebrow{display:inline-block;font-size:12px;font-weight:800;letter-spacing:1.6px;text-transform:uppercase;color:#C9D6FF;background:rgba(255,255,255,.12);border-radius:20px;padding:5px 12px;margin-bottom:12px}
.police-ecom .mv-moment h3{font-size:clamp(24px,6vw,32px);margin:0 0 20px;color:#fff}
.mv-moment h3 em{font-family:"Fraunces",Georgia,serif;font-style:italic;color:#C9D6FF}
.mv-notifs{display:grid;gap:10px;max-width:380px;margin:0 auto}
.mv-notif{display:flex;gap:12px;align-items:flex-start;padding:12px 14px;border-radius:18px;text-align:left;background:rgba(255,255,255,.97);color:var(--mv-encre);
  box-shadow:0 14px 30px rgba(0,0,0,.28);animation:mv-notif 1s cubic-bezier(.2,.8,.2,1) both}
.mv-notif.ancienne{opacity:.8;transform:scale(.97);animation-delay:.35s}
@keyframes mv-notif{0%{opacity:0;transform:translateY(-16px) scale(.96)}100%{opacity:1}}
.mv-notif-ico{flex:none;width:38px;height:38px;border-radius:11px;background:#000;color:#fff;display:flex;align-items:center;justify-content:center;font-size:19px;font-weight:800}
.mv-notif-corps{display:flex;flex-direction:column;gap:2px;font-size:13px;line-height:1.35;flex:1}
.mv-notif-haut{display:flex;justify-content:space-between;gap:8px}
.mv-notif-haut span{font-size:11px;color:var(--mv-gris)}
.mv-notif-montant{font-size:17px;font-weight:800;color:#047857}
.mv-moment p{margin:20px 0 0!important;color:rgba(255,255,255,.85)!important;font-size:15px;line-height:1.6}
.mv-moment p b{color:#fff}
.mv-moment-note{display:block;margin-top:12px;font-size:10.5px;color:rgba(255,255,255,.5)}

.mv-skool-titre{margin:44px 0 12px;text-align:center;font-size:15px;font-weight:700}

/* ---- Études de cas, avis ---- */
#etudes-de-cas .cas{max-width:640px;margin-left:auto;margin-right:auto}
.mv-sous{margin-top:34px}
.police-ecom .mv-sous h2{font-size:20px;text-align:center}
.mv-sous .preuves-compteur,.mv-sous .avis-resume{text-align:center}

/* ---- Fondateur ---- */
.mv-fondateur{display:grid;gap:26px;align-items:center}
@media (min-width:760px){ .mv-fondateur{grid-template-columns:.8fr 1.2fr;gap:40px} }
.mv-fondateur-photo{position:relative;margin:0 auto;max-width:300px;width:100%}
.mv-fondateur-photo>img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:24px;box-shadow:0 24px 50px rgba(0,0,0,.4)}
.mv-fondateur-photo .mv-fondateur-legende{position:absolute;left:50%;bottom:14px;transform:translateX(-50%);white-space:nowrap;font-size:12.5px;font-weight:700;color:var(--mv-encre);background:#fff;border-radius:30px;padding:7px 14px;box-shadow:0 10px 24px rgba(0,0,0,.3)}
.police-ecom .mv-fondateur h2{color:#fff;font-size:clamp(26px,6vw,36px);line-height:1.12;margin:0 0 16px}
.mv-fondateur-texte p{font-size:15.5px;line-height:1.7;margin:0 0 12px}
.mv-fondateur-texte p b{color:#fff}
.mv-signature{font-size:14px!important;font-weight:700;color:#C9D6FF!important;margin-top:16px!important}
.mv-fondateur .mv-btn{margin-left:0}

/* ---- Garantie ---- */
.mv-garantie{text-align:center;max-width:620px;margin:0 auto;padding:34px 24px;border-radius:26px;background:#fff;border:1.5px solid rgba(78,90,224,.3);box-shadow:0 20px 44px rgba(30,63,216,.1)}
.mv-garantie-liste{list-style:none;margin:20px 0 0;padding:0;display:grid;gap:12px;text-align:left}
.mv-garantie-liste li{position:relative;padding-left:32px;font-size:15px;line-height:1.55;color:var(--mv-texte)}
.mv-garantie-liste li::before{content:'✓';position:absolute;left:0;top:0;width:22px;height:22px;border-radius:7px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;color:#fff;background:var(--mv-degrade)}

/* ---- Captures : défilement horizontal ---- */
.mv-captures{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 2px 14px;margin:0 calc(50% - 50vw);padding-left:max(16px,calc(50vw - 50%));padding-right:16px}
.mv-captures .shot{flex:none;width:220px;margin:0;scroll-snap-align:start;border-radius:18px;overflow:hidden;background:#fff;border:1px solid var(--mv-ligne);box-shadow:0 10px 24px rgba(11,16,51,.08)}
.mv-captures .shot img{display:block;width:100%;height:340px;object-fit:cover;object-position:50% 20%}
.mv-captures .shot-paysage{width:300px}

/* ---- Fermeture ---- */
.mv-fin{text-align:center}
.police-ecom .mv-fin h2{color:#fff}
.mv-fin .mv-lead{max-width:520px;margin:0 auto}
.mv-fin .mv-lead b{color:#fff}
.mv-fin .mv-note{margin-top:18px}
.mv-fin-garantie{max-width:460px;margin:26px auto 0;padding:22px;border-radius:22px;text-align:left;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14)}
.mv-fin-garantie>b{display:block;font-size:19px;font-weight:800;color:#fff;margin-bottom:12px}
.mv-fin-garantie ul{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.mv-fin-garantie li{position:relative;padding-left:28px;font-size:14px;color:rgba(255,255,255,.85)}
.mv-fin-garantie li::before{content:'✓';position:absolute;left:0;color:#9CB8FF;font-weight:800}

@media (max-width:520px){
  .mv-band{padding:46px 0;margin:44px 0}
  .mv-section{margin:52px 0}
  .mv-stats div span{font-size:11.5px}
  .mv-carte{width:180px}
  .mv-portrait{height:210px}
}
/* Les bandes pleine largeur ne doivent jamais créer de défilement horizontal. */
html:has(body.police-ecom),body.police-ecom{overflow-x:clip}
.mv-sous-titre{margin:0 auto 18px;text-align:center;max-width:560px}
.mv-phase-texte p+p{margin-top:10px}

/* ===== /marketing-digital (03/11/2026) : mêmes composants, quelques blocs en plus ===== */
/* Les 2 chemins de l'écosystème */
.mv-chemins{display:grid;gap:14px}
@media (min-width:640px){ .mv-chemins{grid-template-columns:1fr 1fr} }
.mv-chemin{position:relative;border-radius:22px;padding:26px 22px 22px;background:#fff;border:1px solid var(--mv-ligne);box-shadow:0 12px 30px rgba(11,16,51,.07)}
.mv-chemin+.mv-chemin{background:var(--mv-encre);color:#fff;border-color:transparent}
.mv-chemin-lettre{display:inline-flex;width:40px;height:40px;border-radius:12px;align-items:center;justify-content:center;font-size:19px;font-weight:800;color:#fff;background:var(--mv-degrade);margin-bottom:12px}
.mv-chemin>b{display:block;font-size:18px;font-weight:800;margin-bottom:6px}
.mv-chemin p{margin:0 0 10px;font-size:14.5px;line-height:1.6;color:var(--mv-texte)}
.mv-chemin+.mv-chemin p{color:rgba(255,255,255,.8)}
.mv-chemin+.mv-chemin p b{color:#fff}
.mv-chemin-suite{padding-top:10px;border-top:1px solid var(--mv-ligne)}
.mv-chemin+.mv-chemin .mv-chemin-suite{border-top-color:rgba(255,255,255,.14)}
.mv-chemin a{color:var(--mv-bleu);font-weight:700}
.mv-chemin+.mv-chemin a{color:#9CB8FF}

/* La fiche offre et le calcul des clients */
.mv-offre-phrase{font-size:15px;line-height:1.55;padding:14px;border-radius:14px;background:var(--mv-pale);color:var(--mv-encre)}
.mv-offre-phrase b{color:var(--mv-bleu)}
.mv-v-calcul{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}
.mv-v-calcul div{padding:10px 8px;border-radius:12px;border:1px solid var(--mv-ligne);text-align:center}
.mv-v-calcul span{display:block;font-size:11px;line-height:1.3;color:var(--mv-gris)}
.mv-v-calcul b{display:block;margin-top:3px;font-size:17px;font-weight:800;color:var(--mv-encre)}

/* Les chiffres de la pub */
.mv-v-pub{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;margin-bottom:8px;border-radius:12px;background:var(--mv-pale);font-size:13.5px}
.mv-v-pub b{flex:none;font-size:12px;font-weight:800;border-radius:20px;padding:4px 10px}
.mv-v-pub b.coupe{color:#B91C1C;background:#FEE2E2}
.mv-v-pub b.double{color:#047857;background:#D1FAE5}
.mv-v-objectif{margin-top:12px}
.mv-v-objectif-tete{display:flex;justify-content:space-between;gap:8px;font-size:13px;margin-bottom:7px}
.mv-v-objectif-tete span{color:var(--mv-gris)}
.mv-v-barre{height:10px;border-radius:10px;background:#E6EBFF;overflow:hidden}
.mv-v-barre span{display:block;height:100%;border-radius:10px;background:var(--mv-degrade)}

.mv-notif-ico.wa{background:#25D366}
.mv-moment-note.sombre{color:var(--mv-gris);text-align:center;margin-top:10px}

/* Les 12 modules */
.mv-modules{list-style:none;margin:0;padding:0;display:grid;gap:10px}
@media (min-width:640px){ .mv-modules{grid-template-columns:1fr 1fr} }
.mv-modules li{display:grid;grid-template-columns:40px 1fr;column-gap:12px;align-items:center;padding:14px 16px;border-radius:16px;background:#fff;border:1px solid var(--mv-ligne)}
.mv-modules li span{grid-row:1/3;width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-weight:800;color:var(--mv-bleu);background:var(--mv-pale)}
.mv-modules li b{font-size:15px;font-weight:800}
.mv-modules li small{font-size:12.5px;line-height:1.4;color:var(--mv-gris)}
.mv-modules li.cle{background:var(--mv-encre);border-color:transparent}
.mv-modules li.cle span{color:#fff;background:var(--mv-degrade)}
.mv-modules li.cle b{color:#fff}
.mv-modules li.cle small{color:rgba(255,255,255,.7)}

/* Les formules, dans la nouvelle mise en forme */
.mv-formules{max-width:720px;margin:0 auto}
.police-ecom .mv-formules .formule h3{font-weight:800}
.mv-captures .shot figcaption{padding:10px 12px;font-size:13px;font-weight:700;color:var(--mv-encre);text-align:center}
#chiffres-md{margin-top:0}

/* ===== /accompagnement (03/11/2026, modèle mickaelwu.com) ===== */
.mv-hero .mv-btn-sous a{color:var(--mv-bleu);font-weight:700}
.mv-texte-court{max-width:600px;margin:0 auto;text-align:center}
.mv-texte-court p{font-size:17px;line-height:1.7;color:var(--mv-texte);margin:0 0 16px}
.mv-texte-court p b{color:var(--mv-encre)}
.mv-texte-fin{font-size:18px!important;padding-top:10px}
.mv-piliers{display:grid;gap:14px}
@media (min-width:760px){ .mv-piliers{grid-template-columns:repeat(3,1fr)} }
.mv-pilier{border-radius:22px;padding:24px 22px;background:#fff;border:1px solid var(--mv-ligne);box-shadow:0 12px 30px rgba(11,16,51,.07)}
.mv-pilier-num{display:block;font-size:30px;font-weight:800;letter-spacing:-1px;background:var(--mv-degrade);-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:8px}
.mv-pilier b{display:block;font-size:18px;font-weight:800;margin-bottom:8px;line-height:1.3}
.mv-pilier p{margin:0;font-size:14.5px;line-height:1.65;color:var(--mv-texte)}
#rendez-vous{scroll-margin-top:80px}
a.mv-btn{text-decoration:none}

/* Les gros chiffres en captures (/marketing-digital, 03/11/2026) */
.mv-gros{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 calc(50% - 50vw);padding:6px 16px 16px max(16px,calc(50vw - 50%))}
.mv-gros-carte{position:relative;flex:none;width:270px;margin:0;scroll-snap-align:start;border-radius:22px;overflow:hidden;background:var(--mv-encre);
  box-shadow:0 20px 44px rgba(11,16,51,.22)}
.mv-gros-carte img{display:block;width:100%;height:420px;object-fit:cover;object-position:50% 25%}
.mv-gros-carte figcaption{position:absolute;left:0;right:0;bottom:0;padding:60px 18px 18px;background:linear-gradient(180deg,rgba(11,16,51,0),rgba(11,16,51,.95) 55%)}
.mv-gros-carte figcaption b{display:block;font-size:34px;font-weight:800;letter-spacing:-1.2px;line-height:1;color:#fff}
.mv-gros-carte figcaption span{display:block;margin-top:6px;font-size:13.5px;font-weight:600;color:#C9D6FF}
@media (min-width:900px){ .mv-gros{margin:0;padding:6px 0 16px;flex-wrap:wrap;justify-content:center;overflow:visible} .mv-gros-carte{width:calc(33.333% - 10px)} }
.mv-gros,.mv-captures{scroll-padding:0 16px}
/* Captures entières, sans recadrage ni texte par-dessus (bande qui défile) */
.mv-captures-entieres .shot{width:250px}
.mv-captures-entieres .shot img{height:auto;object-fit:contain}

/* ---- Aperçu des cours (11/11/2026) : lecteurs vidéo assombris et verrouillés ---- */
.mv-cours .mv-tete-centre{margin-bottom:26px}
.mv-cours-liste{display:grid;gap:18px;max-width:560px;margin:0 auto}
.mv-lecon{position:relative;display:block;width:100%;aspect-ratio:16/9;padding:0;border:1px solid rgba(255,255,255,.08);
  border-radius:14px;overflow:hidden;background:#05081f;cursor:pointer;font:inherit;color:#fff;text-align:left;
  box-shadow:0 18px 40px rgba(0,0,0,.45);transition:transform .25s ease,border-color .25s ease}
.mv-lecon img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.8) brightness(.62);transition:filter .25s ease}
/* le fondu sombre sur la gauche et en bas, comme sur l'exemple */
.mv-lecon::before{content:'';position:absolute;inset:0;z-index:1;
  background:linear-gradient(90deg,rgba(5,8,31,.92) 0%,rgba(5,8,31,.35) 45%,rgba(5,8,31,.15) 100%),
             linear-gradient(0deg,rgba(5,8,31,.9) 0%,rgba(5,8,31,0) 45%)}
.mv-lecon-play{position:absolute;z-index:2;left:50%;top:44%;width:62px;height:62px;transform:translate(-50%,-50%);
  border-radius:50%;background:rgba(255,255,255,.16);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);
  border:1px solid rgba(255,255,255,.35)}
.mv-lecon-play::after{content:'';position:absolute;left:54%;top:50%;transform:translate(-50%,-50%);
  border-style:solid;border-width:11px 0 11px 18px;border-color:transparent transparent transparent #fff}
.mv-lecon-cadenas{position:absolute;z-index:2;top:12px;right:12px;font-size:11.5px;font-weight:700;letter-spacing:.2px;
  padding:5px 10px;border-radius:999px;background:rgba(5,8,31,.7);border:1px solid rgba(255,255,255,.18)}
.mv-lecon-info{position:absolute;z-index:2;left:16px;right:16px;bottom:20px;display:grid;gap:3px}
.mv-lecon-info small{font-size:11.5px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:#9CB8FF}
.mv-lecon-info b{font-size:clamp(15px,4vw,18px);line-height:1.25;font-weight:700}
/* fausse barre de lecture du lecteur */
.mv-lecon-barre{position:absolute;z-index:2;left:16px;right:16px;bottom:9px;height:3px;border-radius:3px;background:rgba(255,255,255,.18)}
.mv-lecon-barre::before{content:'';position:absolute;left:0;top:0;bottom:0;width:8%;border-radius:3px;background:#5B8CFF}
.mv-lecon:hover,.mv-lecon:focus-visible{transform:translateY(-3px);border-color:rgba(156,184,255,.5)}
.mv-lecon:hover img,.mv-lecon:focus-visible img{filter:saturate(.9) brightness(.75)}
.mv-lecon:focus-visible{outline:2px solid #9CB8FF;outline-offset:3px}
.mv-cours-suite{text-align:center;font-size:14px;margin:22px auto 18px;max-width:420px}
.mv-cours .mv-btn{display:flex;margin-left:auto;margin-right:auto}

/* ---- Grand écran : photo d'Oumar à gauche, vignettes de cours à droite (11/11/2026) ---- */
.mv-cote{display:none}
@media (min-width:1240px){
  .mv-video{position:relative}
  .mv-cote{display:block;position:absolute;top:50%;transform:translateY(-50%);width:220px}
  .mv-cote-gauche{right:calc(100% + 24px);width:250px}
  .mv-cote-gauche img{display:block;width:100%;height:auto;
    -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 30%,#000 82%,transparent 100%),linear-gradient(0deg,transparent 0%,#000 22%);
    -webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent 0%,#000 30%,#000 82%,transparent 100%),linear-gradient(0deg,transparent 0%,#000 22%);
    mask-composite:intersect}
  .mv-cote-droite{left:calc(100% + 24px);display:grid;gap:10px}
  .mv-cote-titre{font-size:11px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase;color:var(--mv-gris);text-align:left}
  .mv-mini{position:relative;display:block;width:100%;aspect-ratio:16/9;padding:0;border:1px solid var(--mv-ligne);border-radius:10px;
    overflow:hidden;background:#05081f;cursor:pointer;font:inherit;color:#fff;text-align:left;
    box-shadow:0 10px 24px rgba(11,16,51,.22);transition:transform .2s ease}
  .mv-mini img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.6) saturate(.8)}
  /* fondu sombre côté page, comme sur l'exemple */
  .mv-mini::before{content:'';position:absolute;inset:0;z-index:1;
    background:linear-gradient(90deg,rgba(5,8,31,.85) 0%,rgba(5,8,31,.2) 60%),linear-gradient(0deg,rgba(5,8,31,.85) 0%,rgba(5,8,31,0) 55%)}
  .mv-mini .mv-lecon-play{width:34px;height:34px;top:40%}
  .mv-mini .mv-lecon-play::after{border-width:6px 0 6px 10px}
  .mv-mini-info{position:absolute;z-index:2;left:10px;right:10px;bottom:8px;display:grid;gap:1px}
  .mv-mini-info small{font-size:9px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:#9CB8FF}
  .mv-mini-info b{font-size:11.5px;line-height:1.25;font-weight:700}
  .mv-mini:hover,.mv-mini:focus-visible{transform:translateY(-2px)}
  .mv-mini:focus-visible{outline:2px solid var(--mv-bleu);outline-offset:2px}
  /* les vignettes sont déjà à côté de la vidéo : la grande section sert au téléphone */
  #apercu-cours{display:none}
}

/* ---- Vidéos d'Oumar en bas de page, lecture auto (12/11/2026, modèle mickaelwu.com) ---- */
.mv-vauto-grille{max-width:1120px;margin:0 auto;padding:0 16px;display:grid;grid-template-columns:1fr;gap:22px}
@media (min-width:900px){ .mv-vauto-grille{grid-template-columns:1fr 1fr;gap:26px} }
.mv-vauto{border-radius:18px}

/* ---- « Tes questions, mes réponses » en vidéo (12/11/2026, modèle mickaelwu.com) ---- */
.qr-grille{max-width:1160px;margin:26px auto 0;padding:0 4px;display:flex;flex-wrap:wrap;justify-content:center;gap:18px}
.qr-carte{margin:0;flex:1 1 100%;max-width:100%;background:#F3F4F8;border:1px solid var(--mv-ligne);border-radius:24px;overflow:hidden;display:flex;flex-direction:column}
@media (min-width:640px){ .qr-carte{flex:0 1 calc(50% - 9px);max-width:calc(50% - 9px)} }
@media (min-width:980px){ .qr-carte{flex:0 1 calc(33.333% - 12px);max-width:calc(33.333% - 12px)} }
.qr-video{position:relative;display:block;width:100%;aspect-ratio:16/9;background:#0B1033;border:0;padding:0;margin:0;cursor:pointer;overflow:hidden}
.qr-video img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .3s}
.qr-video:hover img{transform:scale(1.04)}
.qr-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0;background:#000}
.qr-lecture{position:absolute;left:14px;top:14px;width:46px;height:46px;border-radius:50%;background:#111;box-shadow:0 6px 18px rgba(0,0,0,.35)}
.qr-lecture::after{content:"";position:absolute;left:18px;top:14px;border-style:solid;border-width:9px 0 9px 14px;border-color:transparent transparent transparent #fff}
.qr-duree{position:absolute;right:10px;bottom:10px;padding:3px 8px;border-radius:7px;background:rgba(5,7,15,.75);color:#fff;font-size:12px;font-weight:600}
.qr-carte figcaption{padding:16px 18px 18px;text-align:center;color:var(--mv-encre);font-weight:700;font-size:17px;line-height:1.3}
@media (max-width:420px){ .qr-carte figcaption{font-size:15.5px;padding:13px 14px 15px} }

/* ---- Haut de page plus compact + téléphone simplifié (12/11/2026, demande d'Oumar) ----
   Le logo SOCircle (style en ligne height:54px) prenait trop de place :
   barre du haut plus fine, logo plus petit, titre qui remonte. */
.topbar .brand-logo{height:40px !important}
@media (max-width:640px){
  .topbar{padding:7px 14px}
  .topbar .brand-logo{height:30px !important}
  .topbar-cta{padding:7px 14px;font-size:12px}
  .hero.mv-hero{padding-top:14px}
  .mv-note{font-size:11.5px;padding:5px 11px;margin-bottom:12px;gap:6px}
  .mv-hero h1{margin-bottom:12px}
  .mv-hero .mv-sous-titre{font-size:14.5px;line-height:1.55;margin-bottom:14px}
  .mv-coches{font-size:13.5px;gap:6px;margin-bottom:16px}
  /* Questions en vidéo : 2 cartes par ligne, plus courtes à faire défiler */
  .qr-grille{gap:10px;margin-top:18px;padding:0}
  .qr-carte{flex:0 1 calc(50% - 5px);max-width:calc(50% - 5px);border-radius:16px}
  .qr-carte figcaption{font-size:13.5px;padding:9px 8px 11px;line-height:1.25}
  .qr-lecture{left:8px;top:8px;width:30px;height:30px}
  .qr-lecture::after{left:12px;top:9px;border-width:6px 0 6px 9px}
  .qr-duree{right:6px;bottom:6px;font-size:10.5px;padding:2px 6px}
  #questions-video .mv-tete-centre{margin-bottom:0}
  #questions-video{margin-top:26px}
  .mv-hero .mv-btn-sous{margin-bottom:0}
}