/* 08/10/2026 · page Plus refaite d'après la veille des pages d'offre (produit/docs/refonte/VEILLE-PAGES-PRO.md § 2) :
   trois vrais écrans de l'app dans le héros, deux cartes Plus et Gratuit (Plus d'abord), les chiffres que le catalogue
   prouve, « Comment ça marche » en trois étapes, le pack CACES mis en avant dans le choix. Ce qui recule : les coches et
   la phrase de prix du héros (passées dans la carte Plus), le tableau « avec ou sans Plus » (devenu les deux cartes),
   l'illustration du héros (descendue à « Comment ça marche »). Violet = Plus, menthe = gratuit, l'or reste aux récompenses.
   Avant : 06/10, ce que Plus ajoute et le prix d'abord, plus de colonne collante ni de barre flottante (capture 01). */
.plus-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:center;padding:40px 0 44px}
.plus-intro-copy{min-width:0}
.plus-wordmark{font:800 24px 'Baloo 2',sans-serif;margin:0 0 18px}
.plus-wordmark span{display:inline-block;padding:0 11px;margin-left:5px;background:#38315d;border:1px solid #7965bd;border-radius:9px;color:#d7caff}
.plus-intro h1{font-size:clamp(34px,3.6vw,50px);line-height:1.1;letter-spacing:-.02em;margin:0 0 16px}
.plus-intro-copy>p:not(.plus-wordmark){font-size:17px;line-height:1.6;color:var(--second,#C4CCEF);max-width:500px;margin:0 0 18px}
.plus-intro-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;margin:22px 0 10px}
.plus-intro .certoly-bouton{display:inline-flex;padding:14px 22px}
.plus-intro-copy>small{display:block;font-size:13px;color:var(--second,#C4CCEF)}
.plus-prix{font-size:16px;line-height:1.6;color:var(--cy-texte-2);max-width:500px;margin:0!important}
.plus-prix strong{color:var(--cy-texte);font-size:18px;white-space:nowrap}
.plus-ecrans{margin:0;min-width:0}
.plus-ecrans-trio{display:flex;justify-content:center;align-items:flex-end}
.plus-tel{margin:0;display:flex;flex-direction:column;align-items:center;gap:10px;min-width:0}
.plus-tel>img{display:block;width:100%;height:auto;box-sizing:border-box;border:5px solid #0E1226;border-radius:26px;background:#0E1226;box-shadow:0 18px 44px rgba(5,7,18,.5)}
.plus-tel[data-place="face"]{position:relative;z-index:1;width:min(44%,250px)}
.plus-tel[data-place="cote"]{width:min(36%,200px)}
.plus-tel[data-place="cote"]>img{filter:brightness(.82)}
.plus-tel[data-place="cote"]:first-child{margin-right:-4%}
.plus-tel[data-place="cote"]:last-child{margin-left:-4%}
.plus-tel>figcaption{font-size:13px;font-weight:700;line-height:1.3;color:var(--cy-texte-2);text-align:center}
.plus-tel[data-place="face"]>figcaption{color:var(--cy-plus-texte)}
[data-plus-page] :is(p,li,small,figcaption,h1,h2,h3,.purchase-choice-copy small){text-wrap:pretty}
.plus-ecrans-legende{margin:14px 0 0;font-size:12.5px;line-height:1.5;color:var(--cy-texte-3);text-align:center}

/* Les deux offres : Plus d'abord (le sujet de la page), une seule action pleine, celle du héros ; les cartes ont des liens. */
.plus-offres{max-width:820px;margin:8px auto 56px}
.plus-offres>h2,.plus-etapes h2{font-size:30px;line-height:1.25;margin:0 0 18px}
.plus-offres-cartes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:stretch}
.plus-offre{display:flex;flex-direction:column;min-width:0;padding:24px;border-radius:var(--cy-r4);background:var(--cy-surface);border:1px solid var(--cy-ligne)}
.plus-offre[data-offre="plus"]{border:1.5px solid var(--cy-plus-ligne);background:linear-gradient(180deg,var(--cy-plus-fond),rgba(185,150,255,0) 55%),var(--cy-surface)}
.plus-offre-tete{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 12px}
.plus-offre-tete>h3{margin:0;font:800 26px/1.2 var(--police-titre,'Baloo 2'),sans-serif;color:var(--cy-texte)}
.plus-offre[data-offre="plus"] .plus-offre-tete>h3{color:var(--cy-plus-texte)}
.plus-offre-marque{padding:4px 10px;border-radius:999px;background:var(--cy-plus-fond);color:var(--cy-plus-texte);font-size:12.5px;font-weight:700;line-height:1.4}
.plus-offre-prix{display:flex;flex-direction:column;gap:2px;margin:12px 0 16px!important;padding-bottom:16px;border-bottom:1px solid var(--cy-ligne)}
.plus-offre-prix>strong{font:800 28px/1.2 InterBody,sans-serif;color:var(--cy-texte);font-variant-numeric:tabular-nums}
.plus-offre-prix>span{font-size:14px;line-height:1.45;color:var(--cy-texte-2)}
.plus-offre-avant{margin:0 0 10px!important;font-size:14px;font-weight:700;line-height:1.4;color:var(--cy-texte)}
.plus-offre ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.plus-offre li{position:relative;padding-left:26px;font-size:15px;line-height:1.5;color:var(--cy-texte-2)}
.plus-offre li>strong{color:var(--cy-texte)}
.plus-offre li:before{content:'✓';position:absolute;left:0;top:0;font-weight:800;color:var(--cy-gratuit)}
.plus-offre[data-offre="plus"] li:before{color:var(--cy-plus-texte)}
.plus-offre-note{margin:14px 0 0!important;font-size:13px;line-height:1.5;color:var(--cy-texte-3)}
.plus-offre-lien{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;min-height:44px;margin-top:auto;padding-top:12px;font-size:15px;font-weight:700;color:var(--cy-lien);text-decoration:underline;text-underline-offset:4px}
.plus-offre[data-offre="plus"] .plus-offre-lien{color:var(--cy-plus-texte)}
.plus-offre-lien:focus-visible{outline:3px solid var(--cy-focus);outline-offset:3px;border-radius:4px}
.plus-preuves{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:8px 32px;margin:22px 0 0;padding:0}
.plus-preuves li{font-size:14px;line-height:1.5;color:var(--cy-texte-2)}
.plus-preuves strong{margin-right:4px;font-size:17px;font-weight:800;color:var(--cy-texte);font-variant-numeric:tabular-nums;white-space:nowrap}

/* Comment ça marche : trois étapes numérotées, l'illustration du héros à côté. */
.plus-etapes{max-width:820px;margin:0 auto 56px;display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:32px;align-items:center}
.plus-etapes-scene{margin:0;border-radius:var(--cy-r4);overflow:hidden;border:1px solid var(--cy-ligne)}
.plus-etapes-scene>img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;image-rendering:pixelated}
.plus-etapes-texte{min-width:0}
.plus-etapes ol{list-style:none;margin:0;padding:0;display:grid;gap:16px;counter-reset:etape}
.plus-etapes li{counter-increment:etape;display:grid;grid-template-columns:36px minmax(0,1fr);column-gap:14px;row-gap:2px}
.plus-etapes li:before{content:counter(etape);grid-column:1;grid-row:1/span 2;display:grid;place-items:center;width:36px;height:36px;box-sizing:border-box;border-radius:999px;background:var(--cy-surface-2);border:1px solid var(--cy-ligne-forte);font-weight:800;color:var(--cy-texte)}
.plus-etapes li>strong{grid-column:2;font-size:17px;line-height:1.35;color:var(--cy-texte)}
.plus-etapes li>span{grid-column:2;font-size:15px;line-height:1.5;color:var(--cy-texte-2)}

/* Le pack CACES, l'offre mise en avant du choix (vue 4 fois sur les pages d'offre étudiées). */
.purchase-pack-annonce{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin:0 0 14px;padding:12px 14px;border-radius:var(--cy-r2);background:var(--cy-plus-fond);border:1px solid var(--cy-plus-ligne);font-size:14px;line-height:1.5;color:var(--cy-texte-2)}
.purchase-pack-annonce strong{color:var(--cy-texte);white-space:nowrap}
.purchase-pack-marque{padding:2px 9px;border-radius:999px;background:var(--cy-plus);color:#182155;font-size:12px;font-weight:800;white-space:nowrap}

/* Le choix : une seule colonne centrée, qui ne bouge pas au défilement. */
.plus-active-purchase{max-width:820px;margin:28px auto 56px;scroll-margin-top:100px}
.plus-active-purchase .purchase-panel{margin:0;max-width:none;padding:28px!important;background:#1d2641}
.plus-active-purchase .purchase-panel h2{font-size:27px;scroll-margin-top:110px}
.plus-active-purchase .purchase-panel>div>p{font-size:15px;line-height:1.6;color:var(--second,#C4CCEF)}
.plus-active-purchase .purchase-steps{font-size:13px;gap:14px}
.plus-active-purchase .purchase-steps li{padding:5px 0}
.plus-active-purchase .purchase-steps li+li:before{content:'›';margin-right:14px;color:#bec8e7}
.plus-active-purchase .purchase-steps [aria-current=step]{border-bottom:2px solid #b09af4}
.purchase-search{display:block;margin:18px 0 14px}
.purchase-search span{display:block;font-size:13px;font-weight:700;color:var(--texte,#F5F6FF);margin-bottom:8px}
.purchase-search input{display:block;width:100%;box-sizing:border-box;min-height:50px;padding:12px 16px;border:1px solid #64728F;border-radius:14px;background:#151e35;color:#F5F6FF;font:inherit;font-size:16px}
.purchase-search input::placeholder{color:#8E97BC}
.purchase-search input:focus-visible{outline:3px solid #cabbfa;outline-offset:2px}
.purchase-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.plus-active-purchase .purchase-choice{min-height:72px;padding:12px 14px;gap:12px;transition:border-color .15s,background .15s}
.plus-active-purchase .purchase-choice:hover{background:#2B3355;border-color:#a692fa}
.plus-active-purchase .purchase-choice strong{font-size:15px;line-height:1.35}
.plus-active-purchase .purchase-choice small{font-size:12px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.purchase-choice-copy{min-width:0;flex:1}
.purchase-price{flex:none;margin-left:auto;padding:5px 10px;border-radius:999px;background:#2B3355;border:1px solid #46516c;color:#F5F6FF;font-size:13px;font-weight:800;white-space:nowrap}
.purchase-none{margin:14px 0 0;font-size:14px!important}
.purchase-free{margin-top:22px;padding:16px 18px;border:1px solid #334992;border-radius:14px}
.purchase-free p{margin:0;font-size:14px!important;line-height:1.6;color:var(--second,#C4CCEF)!important}
.purchase-free strong{color:#74E6CC}
.purchase-free-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px!important}
.purchase-free-links a{display:inline-flex;align-items:center;min-height:40px;padding:4px 14px;border:1px solid #46516c;border-radius:999px;color:#F5F6FF;text-decoration:none;font-size:14px;font-weight:700}
.purchase-free-links a:hover{border-color:#74E6CC}
.purchase-free-links a:focus-visible{outline:3px solid #cabbfa;outline-offset:3px}
.purchase-recap{margin:6px 0 0;padding:14px 16px;border-radius:12px;background:#222D64;border:1px solid #46516c;color:#F5F6FF!important;font-size:15px!important;font-weight:600;line-height:1.5}
.plus-active-purchase .purchase-benefits{padding-left:0;list-style:none;font-size:15px}
.plus-active-purchase .purchase-benefits li{display:flex;gap:10px;line-height:1.6}
.plus-active-purchase .purchase-benefits li:before{content:'✓';color:#74E6CC}
.plus-active-purchase .purchase-summary{background:#2d294a;border-color:#7868a4;padding:20px;margin:20px 0}
.plus-active-purchase .purchase-summary strong{color:#f5f6ff;font-size:30px}
.plus-active-purchase .purchase-summary small{font-size:13px;line-height:1.6}
.plus-active-purchase .purchase-panel form>p label{font-size:13px;line-height:1.75}
.plus-active-purchase .purchase-panel form>p label a{display:inline-flex!important;align-items:center;min-height:44px;max-width:100%;line-height:1.5;text-underline-offset:3px}


.plus-faq{max-width:820px;margin:0 auto;border-top:1px solid #384360;padding:32px 0 65px}
.plus-faq h2{font-size:27px;line-height:1.3;margin:0 0 8px}
.plus-faq details{border-bottom:1px solid #384360;padding:14px 0}
.plus-faq summary{cursor:pointer;min-height:44px;font-size:15px;font-weight:600;align-content:center}
.plus-faq p{font-size:15px;color:#bec8e7;line-height:1.7}
.plus-faq :focus-visible{outline:3px solid #cabbfa;outline-offset:4px}
.preview-note{padding:8px 16px;text-align:center;background:#38315d;color:#f5f6ff;font:11px/1.5 Inter,sans-serif}
.preview-note p{margin:0}
.preview-note select{min-height:44px;max-width:100%;font-size:16px}

@media(max-width:1050px){.plus-intro{grid-template-columns:1fr;gap:28px;padding:28px 0 36px}.plus-intro-copy{max-width:620px}.plus-ecrans{width:100%;max-width:560px;justify-self:center}}
@media(max-width:760px){
.purchase-list{grid-template-columns:1fr}
.plus-active-purchase{margin:20px auto 44px}
.plus-active-purchase .purchase-panel{padding:18px!important}
.plus-active-purchase .purchase-panel h2{font-size:24px}
.plus-intro h1{font-size:clamp(31px,7.6vw,42px)}
.plus-intro-copy>p:not(.plus-wordmark){font-size:16px}
.plus-tel>img{border-width:4px;border-radius:18px}
.plus-tel>figcaption{font-size:12px}
.plus-tel[data-place="face"]{width:48%}
.plus-tel[data-place="cote"]{width:37%}
.plus-tel[data-place="cote"]:first-child{margin-right:-11%}
.plus-tel[data-place="cote"]:last-child{margin-left:-11%}
.plus-offres-cartes{grid-template-columns:1fr}
.plus-offre{padding:20px}
.plus-offres>h2,.plus-etapes h2,.plus-faq h2{font-size:25px}
.plus-etapes{grid-template-columns:1fr;gap:20px}
.plus-etapes-scene>img{aspect-ratio:2/1;object-position:50% 65%}
.plus-preuves{flex-direction:column;justify-content:flex-start;gap:6px}
}
@media(max-width:430px){.plus-wordmark{margin-bottom:14px;font-size:22px}.plus-intro-actions{margin-top:18px}.plus-intro .certoly-bouton{width:100%;justify-content:center;box-sizing:border-box}.plus-active-purchase .purchase-summary{padding:16px}.plus-active-purchase .purchase-summary strong{font-size:27px}}
@media(prefers-reduced-motion:reduce){.plus-active-purchase *{transition:none!important;scroll-behavior:auto!important}}

/* États réels validés : un ou plusieurs accès acquis (27/09/2026). */
.plus-active-status{display:inline-flex;align-items:center;gap:8px!important;width:fit-content;padding:6px 11px;border:1px solid #648F91;border-radius:9px;background:#223B4A;color:#B8E4D8!important;font:700 12px/1.5 InterBody,system-ui!important;margin:0 0 16px!important}
.plus-owned-panel{padding:30px;border:1px solid #69749B;border-radius:22px;background:#222D64}
.plus-owned-top{display:flex;justify-content:space-between;gap:16px;align-items:center;font-size:12px;color:#BFC9E2}
.plus-owned-top .plus-active-status{margin:0!important}
.plus-owned-panel h2{font:800 29px/1.3 Baloo2,system-ui;margin:24px 0 8px}
.plus-owned-panel p{font-size:14px;line-height:1.7;color:#CFD5ED}
.plus-owned-panel .certoly-bouton{display:flex;justify-content:center;text-decoration:none}
.plus-owned-panel small{display:block;margin:15px 0 20px;color:#BFC9E2;font-size:12px;text-align:center}
.plus-owned-panel button{display:flex;justify-content:space-between;gap:16px;width:100%;padding:18px 0 0;min-height:44px;border:0;border-top:1px solid #69749B77;background:none;color:#C4B3FF;font:600 14px/1.5 InterBody,system-ui;cursor:pointer}
.plus-owned-panel button:focus-visible{outline:3px solid #C4B3FF;outline-offset:4px}
[data-plus-catalogue]{margin-top:18px}
.plus-owned-offer{padding:20px;border:1px solid #648F91;border-radius:14px;background:#223B4A;color:#E0F3EC}
.plus-owned-offer a{display:inline-flex;margin-top:12px;min-height:44px;align-items:center;font-weight:700;color:#E0F3EC}
.plus-owned-programs{display:grid;gap:12px;margin:24px 0}
.plus-owned-program{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center;padding:18px;border:1px solid #526080;border-radius:15px;background:#1D2440}
.plus-owned-program[data-recent]{border-color:#8F7CBD;background:#2C2D4D}
.plus-program-info{min-width:0}
.plus-owned-program h3{font:800 22px/1.3 Baloo2,system-ui;margin:0 0 5px;overflow-wrap:anywhere}
.plus-owned-program p{font-size:12px;line-height:1.5;margin:0}
.plus-last-program{display:block;font-size:11px;line-height:1.5;color:#D3C1FF;margin-bottom:6px}
.plus-program-actions{display:flex;align-items:flex-end;flex-direction:column;gap:10px}
.plus-program-status{font-size:12px;color:#B8E4D8}
.plus-program-link{display:inline-flex;align-items:center;gap:16px;min-height:44px;box-sizing:border-box;padding:9px 13px;border:1px solid #8794BA;border-radius:10px;font-size:13px;font-weight:700;color:#F5F6FF;text-decoration:none}
.plus-program-link:hover{background:#38315D;border-color:#C4B3FF}
.plus-program-link:focus-visible{outline:3px solid #C4B3FF;outline-offset:3px}
@media(max-width:500px){.plus-owned-panel{padding:22px 18px}.plus-owned-top{flex-wrap:wrap;gap:8px}.plus-owned-panel h2{font-size:25px}.plus-owned-program{grid-template-columns:1fr;padding:15px;gap:12px}.plus-program-actions{flex-direction:row;align-items:center;justify-content:space-between}.plus-owned-program h3{font-size:21px}.plus-program-link{min-width:120px;justify-content:space-between}}
[data-plus-page] [hidden]{display:none!important}
/* 09/10/2026 · deuxième tour du carnet (choix de Kenan : le halo, pas les preuves en couleur), en calme : un halo violet léger autour de la carte Plus. */
.plus-offre[data-offre="plus"]{border-color:rgba(185,150,255,.55);box-shadow:0 0 0 4px rgba(128,95,215,.10),0 16px 40px rgba(92,55,189,.22)}