/* ─────────────────────────────────────────────────────────────────────────
   ai-subscription.io — feuille des PAGES SECONDAIRES (23/09/2026) : comment
   ça marche, garantie, prix, entreprises, aide, FAQ, tickets, suivi de
   commande, panier, commande, à propos, blog, contact, légal.
   Chargée APRÈS site.css, et seulement par les pages qui la demandent
   ($page['css'] = 'pages', inc/header.php) : l'accueil, le catalogue et les
   fiches produit — les pages d'entrée — n'en paient pas le poids.
   Mêmes jetons, mêmes règles que site.css (CSP : aucun style en ligne ;
   composant mobile caché par défaut ; rien d'insécable plus large que
   l'écran sous 700 px ; relever ASSET_V à chaque modification).
   ───────────────────────────────────────────────────────────────────────── */

/* ── 18. Primitives partagées ─────────────────────────────────────────── */
h2,h3{line-height:1.25}
.sec--tight{padding:3rem 0}
.wrap.narrow{max-width:900px}
.narrow__note{margin-top:1.25rem}
.lnk-in{color:var(--tx);font-weight:600;text-decoration:underline;text-decoration-color:var(--mint);text-decoration-thickness:2px;text-underline-offset:3px}
.lnk-in:hover{text-decoration-color:currentColor}
.lnk--btn{cursor:pointer;background:none;border:0;padding:0;font:inherit;font-weight:600;font-size:.92rem}
.ticks--muted{color:var(--tx-3)}
.ticks--muted .ic{color:var(--tx-4)}
.ticks--sm{gap:.45rem;font-size:.9rem}
.ticks--sm .ic{margin-top:.25rem}
.status--wait{background:var(--bg-3);color:var(--tx-2)}
.status--done{background:var(--ink-900);color:var(--mint)}
.status--warn{background:#FFEFE5;color:#8A3309}
.facts{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:1.4rem}
.facts li{display:inline-flex;align-items:center;gap:.45rem;min-height:36px;padding:.3rem .85rem;border-radius:var(--pill);background:var(--bg-2);border:1px solid var(--line);font-size:.86rem;color:var(--tx-2)}
.facts .ic{color:var(--mint-ink)}
.facts b{color:var(--tx)}
.hp{display:none !important}
.faq__more{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem 1.25rem;margin:-.6rem 0 1.25rem}
.faq__more .lnk{font-size:.9rem}

/* Boutons « copier » (révélés par site.js) */
.cpy{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;height:34px;padding:0 .8rem;border-radius:var(--pill);border:1px solid var(--line-2);background:#fff;color:var(--tx-2);font-size:.82rem;font-weight:600;white-space:nowrap;cursor:pointer;transition:background-color .15s,border-color .15s,color .15s}
.cpy:hover{border-color:var(--tx-4);color:var(--tx)}
.cpy.is-done{background:var(--mint-soft);border-color:var(--mint-line);color:var(--mint-ink)}
.cpy--ghost{border-color:transparent;background:none;color:var(--tx-3);padding:0 .5rem}
.cpy--ghost:hover{background:var(--bg-2);border-color:transparent}
.cpy--glass{height:54px;padding:0 1.35rem;font-size:.95rem;background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.24);color:#fff}
.cpy--glass:hover{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.45);color:#fff}
.cpy--glass.is-done{background:rgba(60,242,165,.14);border-color:rgba(60,242,165,.5);color:var(--mint)}
.cpy--block{width:100%;height:40px;margin-top:1rem}

/* Petite liste de produits (aide, blog, panier vide) */
.plinks{display:grid;gap:.5rem}
.plinks a{display:flex;align-items:center;gap:.8rem;min-height:56px;padding:.6rem .9rem;border-radius:var(--r);border:1px solid var(--line);background:#fff;color:var(--tx);transition:border-color .15s,box-shadow .15s}
.plinks a:hover{border-color:var(--line-2);box-shadow:var(--sh-1)}
.plinks__lg{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;border:1px solid var(--line);background:#fff;flex:none}
.plinks__t{display:flex;flex-direction:column;min-width:0;line-height:1.3;font-weight:600;font-size:.95rem}
.plinks__t small{font-weight:500;font-size:.8rem;color:var(--tx-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.plinks b{margin-left:auto;font-weight:700;font-size:.92rem;white-space:nowrap;font-variant-numeric:tabular-nums}
.plinks b small{font-weight:500;font-size:.78rem;color:var(--tx-3)}
.plinks__go{color:var(--tx-4);transition:translate .18s var(--ease),color .15s}
.plinks a:hover .plinks__go{translate:3px 0;color:var(--tx)}
.plinks--sm a{min-height:50px;padding:.5rem .7rem}
.plinks--sm .plinks__go{display:none}
.crow{display:flex;flex-wrap:wrap;gap:.35rem}
.crow img{width:24px;height:24px}

/* En-tête clair des pages secondaires */
.ph{padding:1.5rem 0 2.5rem}
.ph--slim{padding-bottom:1.25rem}
.ph__in{display:grid;gap:2rem 3.5rem}
.ph--split .ph__in{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:center}
.ph__in--row{display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap}
.ph__copy{max-width:720px}
.ph__copy .h1{margin-bottom:.35em}
.ph__acts{margin-top:1.75rem}

/* Héros sombre des pages (comment ça marche, entreprises, à propos) */
.dhero{position:relative;isolation:isolate;overflow:hidden;background-color:#06070F;background-image:url(/assets/img/hero/hero-1280.webp);background-image:image-set(url(/assets/img/hero/hero-1280.avif) type("image/avif"),url(/assets/img/hero/hero-1280.webp) type("image/webp"));background-size:cover;background-position:78% 50%;color:var(--od)}
.dhero::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,rgba(6,7,15,.95) 0%,rgba(6,7,15,.84) 38%,rgba(6,7,15,.45) 70%,rgba(6,7,15,.25) 100%)}
.dhero__in{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:2.5rem 3.5rem;align-items:center;padding-top:3.4rem;padding-bottom:3.2rem}
.dhero__copy{max-width:640px}
.dhero__h{margin:0 0 1.1rem;font-family:var(--display);font-weight:700;font-size:clamp(2.2rem,2.1vw + 1.3rem,3.2rem);line-height:1.03;letter-spacing:-.038em;color:#fff;text-wrap:balance}
.dhero__p{margin:0;max-width:36em;font-size:1.07rem;line-height:1.62;color:var(--od-2);text-wrap:pretty}
.dhero__p b{color:#fff;font-weight:600}
.dhero .btns{margin-top:1.9rem}
.dhero__foot{position:relative;border-top:1px solid var(--lnd);background:linear-gradient(180deg,rgba(5,6,12,.35),rgba(5,6,12,.75))}
.dhero__facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem 2rem;padding-top:1.1rem;padding-bottom:1.1rem}
.dhero__facts li{display:flex;align-items:flex-start;gap:.65rem;min-width:0;font-size:.86rem;line-height:1.45;color:var(--od-3)}
.dhero__facts .ic{color:var(--mint);margin-top:.15rem}
.dhero__facts b{display:block;font-size:.93rem;font-weight:600;color:#fff}

/* Cartes génériques */
/* Faits clés (/about, recommandation par les IA, 23/09/2026) : libellé | valeur, deux colonnes pleine largeur, une sous 900 px. */
.kfacts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 2.5rem;margin:0;border-top:1px solid var(--line)}
.kfacts div{display:grid;grid-template-columns:minmax(118px,.4fr) minmax(0,1fr);gap:1rem;padding:.85rem 0;border-bottom:1px solid var(--line)}
.kfacts dt{padding-top:.18rem;font-family:var(--mono);font-size:.74rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--tx-3)}
.kfacts dd{margin:0;font-size:.95rem;line-height:1.55;color:var(--tx-2)}
@media (max-width:900px){.kfacts{grid-template-columns:minmax(0,1fr)}}
@media (max-width:700px){.kfacts div{grid-template-columns:minmax(0,1fr);gap:.2rem;padding:.75rem 0}}
.cards{display:grid;gap:1rem}
.cards--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.cards--4{grid-template-columns:repeat(4,minmax(0,1fr))}
.card{display:flex;flex-direction:column;gap:.45rem;padding:1.35rem 1.35rem 1.3rem;border-radius:var(--r-lg);background:#fff;border:1px solid var(--line);box-shadow:var(--sh-1)}
.card p{margin:0;font-size:.92rem;line-height:1.55;color:var(--tx-3)}
.card__i{display:grid;place-items:center;width:42px;height:42px;margin-bottom:.4rem;border-radius:13px;background:var(--mint-soft);color:var(--mint-ink)}
.card__h{margin:0;font-family:var(--display);font-weight:700;font-size:1.1rem;letter-spacing:-.015em;color:var(--tx)}

/* Étapes horizontales numérotées */
.hsteps{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.25rem}
.hstep{position:relative;display:flex;flex-direction:column;gap:.45rem;padding:1.3rem 1.3rem 1.35rem;border-radius:var(--r-lg);background:#fff;border:1px solid var(--line);box-shadow:var(--sh-1)}
.hstep:not(:last-child)::after{content:"";position:absolute;top:2.55rem;right:-1.25rem;width:1.25rem;height:2px;background:linear-gradient(90deg,var(--mint),var(--cyan))}
.hstep p{margin:0;font-size:.92rem;line-height:1.55;color:var(--tx-3)}
.hstep__n{display:grid;place-items:center;width:40px;height:40px;margin-bottom:.35rem;border-radius:50%;background:var(--ink-900);color:var(--mint);font-family:var(--display);font-weight:700;font-size:1rem}
.hstep__h{margin:0;font-family:var(--display);font-weight:700;font-size:1.1rem;letter-spacing:-.015em;color:var(--tx)}

/* Liste d'avantages à icône */
.feats{display:grid;gap:1rem;margin-top:1.6rem}
.feats li{display:flex;align-items:flex-start;gap:.9rem}
.feats li > span:last-child{font-size:.93rem;line-height:1.5;color:var(--tx-3)}
.feats b{display:block;margin-bottom:.1rem;font-size:1rem;font-weight:600;color:var(--tx)}
.feats__i{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:var(--mint-soft);color:var(--mint-ink);flex:none}
.feats--grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.4rem 2rem;margin-top:0}
.feats + .note{margin-top:1.4rem}

/* Deux colonnes : texte + visuel */
.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:4rem;align-items:center}
.split--rev .split__copy{order:2}
.split__copy .lead{margin-bottom:.25rem}

/* Tableaux de contenu */
.tbl-wrap{margin:1.25rem 0}
.tbl{width:100%;border-collapse:separate;border-spacing:0;border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;background:#fff;font-size:.92rem}
.tbl th,.tbl td{padding:.75rem 1rem;text-align:left;vertical-align:top;border-bottom:1px solid var(--line);line-height:1.5}
.tbl tr:last-child th,.tbl tr:last-child td{border-bottom:0}
.tbl thead th{font-family:var(--mono);font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--tx-3);background:var(--bg-2)}
.tbl tbody th{font-weight:600;color:var(--tx)}
.tbl td{color:var(--tx-2)}
.tbl td b{color:var(--tx)}
.tbl a:not(.btn){color:var(--tx);font-weight:600;text-decoration:underline;text-decoration-color:var(--mint);text-decoration-thickness:2px;text-underline-offset:3px}
.tbl__coin{display:inline-flex;align-items:center;gap:.55rem;white-space:nowrap}
.tbl__coin img{width:20px;height:20px}
.tbl__coin small{font-family:var(--mono);font-size:.75rem;color:var(--tx-3)}
.tbl--compact th,.tbl--compact td{padding:.6rem .9rem}
.tbl--plans td{font-size:.9rem;line-height:1.7}
.out{display:inline-flex;align-items:center;gap:.4rem;padding:.2rem .7rem;border-radius:var(--pill);font-size:.85rem;font-weight:700;white-space:nowrap}
.out--ok{background:var(--mint-soft);color:var(--mint-ink)}
.out--no{background:#FFEFE5;color:#8A3309}

/* Encadrés dans un texte */
.callout{margin:1.5rem 0;padding:1rem 1.15rem;border-radius:var(--r);background:var(--bg-2);border:1px solid var(--line)}
.callout p{margin:0}
.callout--warn{background:#FFF8F3;border-color:#F5D6C2}
.callout--ok{background:var(--mint-soft);border-color:var(--mint-line)}

/* Encart d'aide latéral, cartes latérales */
.askc{padding:1.15rem 1.2rem;border-radius:var(--r-lg);background:var(--bg-2);border:1px solid var(--line)}
.askc__h{display:flex;align-items:center;gap:.55rem;margin:0 0 .3rem;font-weight:700;color:var(--tx)}
.askc p{margin:0 0 .9rem;font-size:.88rem;line-height:1.5;color:var(--tx-3)}
.askc p.askc__h{margin-bottom:.3rem;font-size:.97rem;color:var(--tx)}
.sidec{padding:1.15rem 1.2rem;border-radius:var(--r-lg);background:#fff;border:1px solid var(--line);box-shadow:var(--sh-1)}
.sidec + .sidec{margin-top:1rem}
.sidec__h{display:flex;align-items:center;gap:.55rem;margin:0 0 .75rem;font-weight:700;font-size:.97rem;color:var(--tx)}
.sidec__h .ic{color:var(--mint-ink)}
.sidec p:not(.sidec__h){margin:0;font-size:.88rem;line-height:1.55;color:var(--tx-3)}
.sidec__l{display:grid}
.sidec__l a{display:flex;align-items:center;justify-content:space-between;gap:.75rem;min-height:42px;padding:.45rem 0;border-top:1px solid var(--line);font-size:.9rem;font-weight:500;color:var(--tx-2);transition:color .15s}
.sidec__l li:first-child a{border-top:0}
.sidec__l a:hover{color:var(--tx)}
.sidec__l .ic{color:var(--tx-4);transition:translate .18s var(--ease)}
.sidec__l a:hover .ic{translate:3px 0;color:var(--tx)}
.sidec--dark{background:var(--ink-900);border-color:var(--ink-900);box-shadow:none}
.sidec--dark .sidec__h{color:#fff}
.sidec--dark .sidec__h .ic{color:var(--mint)}
.sidec--dark p:not(.sidec__h){color:var(--od-3)}

/* Sommaire (aide, blog, légal) : suivi du défilement par site.js */
.toc__h{margin:0 0 .6rem;font-family:var(--mono);font-size:.75rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--tx-3)}
.toc ol{display:grid;gap:.1rem;border-left:2px solid var(--line)}
.toc a{display:block;margin-left:-2px;padding:.4rem 0 .4rem .95rem;border-left:2px solid transparent;font-size:.88rem;line-height:1.4;color:var(--tx-3);transition:color .15s,border-color .15s}
.toc a:hover{color:var(--tx)}
.toc a.is-on{color:var(--tx);font-weight:600;border-left-color:var(--mint-ink)}

/* États vides */
.empty{padding:2.5rem 1.5rem;border:1.5px dashed var(--line-2);border-radius:var(--r-lg);text-align:center}
.empty__h{margin:0 0 .4rem;font-family:var(--display);font-weight:700;font-size:1.25rem;color:var(--tx)}
.empty p{margin:0 auto;max-width:52ch;color:var(--tx-3)}
.empty .btns{justify-content:center;margin-top:1.1rem}

/* Bandeaux de confirmation */
.banner{display:flex;align-items:center;flex-wrap:wrap;gap:1rem 1.25rem;margin:1.25rem 0 0;padding:1.1rem 1.25rem;border-radius:var(--r-lg);background:var(--mint-soft);border:1px solid var(--mint-line);color:var(--tx-2)}
.banner__i{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--mint);color:var(--ink-900);flex:none}
.banner__i .ic{stroke-width:2.2}
.banner__t{flex:1 1 320px;min-width:0}
.banner__t p{margin:0;font-size:.92rem;line-height:1.5}
.banner__h{margin:0 0 .15rem !important;font-weight:700;font-size:1.02rem !important;color:var(--tx)}
.banner__code{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem}
.banner--slim{gap:.6rem;padding:.8rem 1.1rem;font-size:.93rem;font-weight:600;color:var(--mint-ink)}
.codebox{display:inline-flex;align-items:center;gap:.5rem;padding:.3rem .35rem .3rem .85rem;border-radius:12px;background:#fff;border:1px solid var(--mint-line)}
.codebox__v{font-family:var(--mono);font-weight:700;font-size:.98rem;letter-spacing:.04em;color:var(--tx);white-space:nowrap}
.codebox .cpy{height:32px}

/* Formulaires */
.form{display:grid;gap:1.15rem;padding:1.75rem;border-radius:var(--r-xl);background:#fff;border:1px solid var(--line);box-shadow:var(--sh-2)}
.form__err{display:flex;align-items:flex-start;gap:.6rem;margin:0;padding:.85rem 1rem;border-radius:var(--r);background:#FEF3F2;border:1px solid #FECDCA;font-size:.92rem;font-weight:500;color:#912018}
.form__err .ic{margin-top:.15rem;flex:none}
.form__foot{margin:0;font-size:.82rem;line-height:1.5;color:var(--tx-3);text-align:center}
.form__foot a{color:var(--tx-2);text-decoration:underline;text-underline-offset:3px}
.fld{display:grid;gap:.4rem;min-width:0}
.fld__l{display:block;font-weight:600;font-size:.95rem;color:var(--tx)}
.fld__o{margin-left:.35rem;font-weight:500;font-size:.8rem;color:var(--tx-3)}
.fld__h{margin:0;font-size:.84rem;line-height:1.5;color:var(--tx-3)}
.fld__e{display:flex;align-items:flex-start;gap:.4rem;margin:0;font-size:.85rem;font-weight:500;line-height:1.45;color:#B42318}
.fld__e .ic{margin-top:.15rem;flex:none}
.fld__n{margin:0;font-family:var(--mono);font-size:.75rem;color:var(--tx-3);text-align:right}
.fld__n.is-low{color:#B42318}
.inp{width:100%;min-width:0;height:48px;padding:0 1rem;border-radius:12px;border:1.5px solid var(--line-2);background:#fff;font-size:1rem;color:var(--tx);-webkit-appearance:none;appearance:none;transition:border-color .15s,box-shadow .15s}
.inp::placeholder{color:var(--tx-4);opacity:1}
.inp:hover{border-color:var(--tx-4)}
.inp:focus{outline:none;border-color:var(--ink-900);box-shadow:0 0 0 4px rgba(60,242,165,.3)}
.inp--area{height:auto;min-height:120px;padding:.8rem 1rem;line-height:1.55;resize:vertical}
.inp--sel{padding-right:2.4rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2362687C' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9.5l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .85rem center;background-size:16px;cursor:pointer}
.inp--mono{font-family:var(--mono);letter-spacing:.05em;text-transform:uppercase}
.inp--mono::placeholder{text-transform:none;letter-spacing:.03em}
.inp--xl{height:58px;font-size:1.15rem}
.fld--err .inp,.fld--err.fset .topic__box{border-color:#D92D20;background:#FFFBFA}
.fld--err .inp:focus{box-shadow:0 0 0 4px rgba(217,45,32,.14)}
input[type=number].inp{-moz-appearance:textfield}
input[type=number].inp::-webkit-inner-spin-button,input[type=number].inp::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.fset{margin:0;padding:0;border:0;min-width:0}
.fset + .fset{margin-top:.6rem;padding-top:1.4rem;border-top:1px dashed var(--line-2)}
.fset__l{float:left;width:100%;display:flex;align-items:center;gap:.65rem;margin:0 0 1rem;padding:0;font-family:var(--display);font-weight:700;font-size:1.15rem;letter-spacing:-.01em;color:var(--tx)}
.fset__n{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--ink-900);color:var(--mint);font-family:var(--display);font-size:.9rem}
.form{counter-reset:fs}
.fset{counter-increment:fs}
.fset > :not(legend){clear:both}
.fset__n::before{content:counter(fs)}
.fset .fld + .fld{margin-top:1.1rem}
/* Choix en segments (radio) */
.segs{display:flex;flex-wrap:wrap;gap:.45rem}
.seg{position:relative}
.seg input{position:absolute;opacity:0;width:1px;height:1px}
.seg span{display:inline-flex;align-items:center;min-height:42px;padding:.45rem 1rem;border-radius:var(--pill);border:1.5px solid var(--line-2);background:#fff;font-size:.9rem;font-weight:600;color:var(--tx-2);cursor:pointer;transition:background-color .15s,border-color .15s,color .15s}
.seg span:hover{border-color:var(--tx-4);color:var(--tx)}
.seg input:checked + span{background:var(--ink-900);border-color:var(--ink-900);color:#fff}
.seg input:focus-visible + span{outline:2px solid var(--mint-ink);outline-offset:3px}

/* ── 19. Comment ça marche ────────────────────────────────────────────── */
.jny{position:relative;padding:1.5rem 1.5rem 1.2rem;border-radius:var(--r-xl);background:linear-gradient(150deg,rgba(255,255,255,.14) 0%,rgba(255,255,255,.04) 55%,rgba(255,255,255,.08) 100%),rgba(8,10,20,.45);border:1px solid rgba(255,255,255,.2);box-shadow:0 34px 60px -26px rgba(0,0,0,.85),inset 0 1px 0 rgba(255,255,255,.25);-webkit-backdrop-filter:blur(18px) saturate(150%);backdrop-filter:blur(18px) saturate(150%)}
.jny__l{position:relative;display:grid;gap:1.1rem}
.jny__i{position:relative;display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:.9rem}
.jny__i:not(:last-child)::before{content:"";position:absolute;left:20px;top:46px;bottom:calc(-1.1rem + 4px);width:2px;border-radius:2px;background:linear-gradient(180deg,rgba(60,242,165,.8),rgba(92,225,240,.35))}
.jny__n{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--mint);color:var(--ink-900);font-family:var(--display);font-weight:700;font-size:1.05rem;box-shadow:0 0 0 5px rgba(60,242,165,.15)}
.jny__t{display:flex;flex-direction:column;min-width:0;line-height:1.3}
.jny__t b{font-family:var(--display);font-weight:700;font-size:1.12rem;letter-spacing:-.01em;color:#fff}
.jny__t small{margin-top:.15rem;font-size:.84rem;color:var(--od-3)}
.jny__d{display:inline-flex;align-items:center;height:28px;padding:0 .7rem;border-radius:var(--pill);background:rgba(60,242,165,.12);border:1px solid rgba(60,242,165,.3);font-family:var(--mono);font-size:.75rem;font-weight:600;color:var(--mint);white-space:nowrap}
.jny__f{display:flex;align-items:center;gap:.5rem;margin:1.2rem 0 0;padding-top:1rem;border-top:1px dashed rgba(255,255,255,.22);font-size:.86rem;color:var(--od-2)}
.jny__f .ic{color:var(--mint)}
.stepnav{position:sticky;top:var(--bar-h);z-index:40;background:rgba(255,255,255,.95);border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.stepnav__l{display:flex;gap:.35rem;padding:.55rem 0;overflow-x:auto;scrollbar-width:none;contain:inline-size}
.stepnav__l::-webkit-scrollbar{display:none}
.stepnav a{display:inline-flex;align-items:center;gap:.55rem;height:42px;padding:0 1rem 0 .45rem;border-radius:var(--pill);font-weight:600;font-size:.9rem;color:var(--tx-2);white-space:nowrap;transition:background-color .15s,color .15s}
.stepnav a span{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--bg-2);border:1px solid var(--line);font-family:var(--display);font-size:.85rem;color:var(--tx-2);transition:background-color .15s,color .15s,border-color .15s}
.stepnav a:hover{background:var(--bg-2);color:var(--tx)}
.stepnav a.is-on{background:var(--ink-900);color:#fff}
.stepnav a.is-on span{background:var(--mint);border-color:var(--mint);color:var(--ink-900)}
.p-how [id]{scroll-margin-top:calc(var(--bar-h) + 76px)}
.hw{overflow-x:clip}
.hw__step{display:flex;align-items:center;gap:.9rem;margin:0 0 .9rem}
.hw__step .kicker{margin:0}
.stepx{font-family:var(--display);font-weight:800;font-size:2.6rem;line-height:1;letter-spacing:-.05em;background:var(--holo);-webkit-background-clip:text;background-clip:text;color:transparent}
.hw__ticks{margin-top:1.5rem}
.hw__more{margin:1.6rem 0 0}
.hw__coins{margin:1.4rem 0 1rem}
.hw__use{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.panel{display:flex;flex-direction:column;gap:.6rem;padding:1.4rem 1.4rem 1.35rem;border-radius:var(--r-lg);background:#fff;border:1px solid var(--line);box-shadow:var(--sh-1)}
.panel p{margin:0;font-size:.93rem;line-height:1.55;color:var(--tx-3)}
.panel p b{color:var(--tx)}
.panel .lnk{margin-top:auto;padding-top:.5rem}
.panel__h{display:flex;align-items:center;gap:.6rem;margin:0 0 .25rem;font-family:var(--display);font-weight:700;font-size:1.12rem;letter-spacing:-.01em;color:var(--tx)}
.panel__h .ic{color:var(--mint-ink)}
.nlist{display:grid;gap:.6rem;margin:0 0 .5rem;counter-reset:nl}
.nlist li{position:relative;padding-left:2.1rem;font-size:.93rem;line-height:1.5;color:var(--tx-3);counter-increment:nl}
.nlist li::before{content:counter(nl);position:absolute;left:0;top:.05rem;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--ink-900);color:var(--mint);font-family:var(--mono);font-size:.75rem;font-weight:700}
.nlist b{color:var(--tx)}
.nlist--steps{margin:1.5rem 0}
.cases{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.case{display:flex;flex-direction:column;gap:.5rem;padding:1.4rem;border-radius:var(--r-lg);background:#fff;border:1px solid var(--line);box-shadow:var(--sh-1)}
.case p{margin:0 0 .4rem;font-size:.93rem;line-height:1.55;color:var(--tx-3)}
.case p b{color:var(--tx)}
.case .lnk{margin-top:auto}
.case__i{display:grid;place-items:center;width:44px;height:44px;margin-bottom:.35rem;border-radius:14px;background:var(--mint-soft);color:var(--mint-ink)}
.case__h{margin:0;font-family:var(--display);font-weight:700;font-size:1.15rem;letter-spacing:-.015em;color:var(--tx)}
.case--ban{background:#FFF8F3;border-color:#F5D6C2;box-shadow:none}
.case--ban .case__i{background:#FFE7D9;color:#B4430F}
/* Maquettes (décoratives) */
.mk{position:relative;padding:1.3rem;border-radius:var(--r-xl);background:#fff;border:1px solid var(--line);box-shadow:0 40px 80px -40px rgba(10,12,22,.45),0 2px 8px rgba(10,12,22,.06)}
.mk::before{content:"";position:absolute;inset:-18% -12% auto auto;width:300px;height:300px;border-radius:50%;background:radial-gradient(closest-side,rgba(60,242,165,.16),transparent);pointer-events:none;z-index:-1}
.mk__head{display:flex;align-items:center;gap:.8rem;padding-bottom:1rem;border-bottom:1px solid var(--line)}
.mk__head span:last-child{display:flex;flex-direction:column;line-height:1.3}
.mk__head b{font-family:var(--display);font-size:1.25rem;letter-spacing:-.02em;color:var(--tx)}
.mk__head small{font-size:.82rem;color:var(--tx-3)}
.mk__lg{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;border:1px solid var(--line);background:#fff}
.mk__opts{display:grid;gap:.5rem;margin:1rem 0}
.mk__o{display:grid;grid-template-columns:20px minmax(0,1fr) auto;align-items:center;gap:.8rem;padding:.75rem .9rem;border-radius:var(--r);border:1.5px solid var(--line)}
.mk__o.is-sel{border-color:var(--ink-900);background:var(--mint-soft)}
.mk__radio{width:20px;height:20px;border-radius:50%;border:2px solid var(--line-2);background:#fff}
.mk__o.is-sel .mk__radio{border:6px solid var(--ink-900)}
.mk__ot{display:flex;flex-direction:column;min-width:0;line-height:1.3}
.mk__ot b{font-size:.95rem;color:var(--tx)}
.mk__ot small{font-size:.8rem;color:var(--tx-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mk__op{font-family:var(--display);font-weight:700;font-size:1.1rem;color:var(--tx);white-space:nowrap}
.mk__op small{font-family:var(--font);font-size:.78rem;font-weight:500;color:var(--tx-3)}
.mk__terms{display:flex;align-items:flex-start;gap:.65rem;padding:.8rem .9rem;border-radius:var(--r);background:#FFF8F3;border:1px solid #F5D6C2;font-size:.84rem;line-height:1.45;color:var(--tx-2)}
.mk__box{display:grid;place-items:center;width:20px;height:20px;border-radius:6px;background:var(--ink-900);color:#fff;flex:none}
.mk__btn{display:flex;align-items:center;justify-content:center;gap:.5rem;height:50px;margin-top:1rem;border-radius:var(--pill);background:var(--ink-900);color:#fff;font-weight:600}
.mk__bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-bottom:.9rem;border-bottom:1px solid var(--line)}
.mk__k{font-family:var(--mono);font-size:.8rem;font-weight:600;color:var(--tx-2)}
.mk__timer{display:inline-flex;align-items:center;gap:.35rem;height:28px;padding:0 .7rem;border-radius:var(--pill);background:var(--bg-2);border:1px solid var(--line);font-family:var(--mono);font-size:.8rem;font-weight:600;color:var(--tx)}
.mk__pay{display:grid;grid-template-columns:136px minmax(0,1fr);gap:1.2rem;align-items:center;padding:1.1rem 0}
.mk__qr{position:relative;width:136px;aspect-ratio:1;border-radius:14px;border:1px solid var(--line);background:#fff}
.mk__qr span{position:absolute;inset:12px;background:radial-gradient(circle,var(--ink-900) 38%,transparent 42%) 0 0/9px 9px;opacity:.85;-webkit-mask-image:linear-gradient(135deg,#000 42%,rgba(0,0,0,.55) 58%,#000 74%);mask-image:linear-gradient(135deg,#000 42%,rgba(0,0,0,.55) 58%,#000 74%)}
.mk__qr::before,.mk__qr::after,.mk__qr span::before{content:"";position:absolute;width:32px;height:32px;border-radius:7px;background:#fff;box-shadow:inset 0 0 0 5px var(--ink-900),inset 0 0 0 9px #fff,inset 0 0 0 16px var(--ink-900)}
.mk__qr::before{left:10px;top:10px;z-index:1}
.mk__qr::after{right:10px;top:10px;z-index:1}
.mk__qr span::before{left:-2px;bottom:-2px}
.mk__pd{min-width:0}
.mk__lbl{margin:0 0 .15rem;font-family:var(--mono);font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--tx-3)}
.mk__lbl + p{margin:0 0 .7rem}
.mk__amt{font-family:var(--display);font-weight:700;font-size:1.6rem;letter-spacing:-.02em;color:var(--tx)}
.mk__amt small{font-family:var(--font);font-size:.9rem;font-weight:600;color:var(--tx-3)}
.mk__net{display:flex;align-items:center;gap:.4rem;font-weight:600;font-size:.9rem;color:var(--tx)}
.mk__net img{width:18px;height:18px}
.mk__addr{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:0 !important;padding:.45rem .5rem .45rem .7rem;border-radius:10px;background:var(--bg-2);font-family:var(--mono);font-size:.82rem;color:var(--tx);white-space:nowrap;overflow:hidden}
.mk__cp{display:grid;place-items:center;width:26px;height:26px;border-radius:8px;border:1px solid var(--line-2);background:#fff;color:var(--tx-3);flex:none}
.mk__prog{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;padding-top:.9rem;border-top:1px solid var(--line)}
.mk__prog li{display:flex;align-items:center;gap:.45rem;font-size:.8rem;font-weight:600;color:var(--tx-4)}
.mk__prog i{width:10px;height:10px;border-radius:50%;background:var(--line-2);flex:none}
.mk__prog li.is-on{color:var(--tx)}
.mk__prog li.is-on i{background:var(--mint);animation:pulse 2.4s var(--ease) infinite}
.stage{position:relative;isolation:isolate;overflow:hidden;display:grid;place-items:center;padding:2.5rem 2rem;border-radius:var(--r-xl);background-color:#06070F;background-image:url(/assets/img/hero/hero-1280.webp);background-image:image-set(url(/assets/img/hero/hero-1280.avif) type("image/avif"),url(/assets/img/hero/hero-1280.webp) type("image/webp"));background-size:cover;background-position:72% 50%}
.stage::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(160deg,rgba(6,7,15,.55),rgba(6,7,15,.2) 45%,rgba(6,7,15,.7))}
.stage .rcpt{width:min(440px,100%)}

/* ── 20. Garantie ─────────────────────────────────────────────────────── */
.cert{position:relative;overflow:hidden;padding:1.6rem 1.6rem 1.4rem;border-radius:var(--r-xl);background:var(--ink-900);box-shadow:var(--sh-2)}
.cert::after{content:"";position:absolute;right:-90px;top:-100px;width:280px;height:280px;border-radius:50%;background:radial-gradient(closest-side,rgba(60,242,165,.24),transparent);pointer-events:none}
.cert__k{display:flex;align-items:center;gap:.55rem;margin:0 0 .6rem;font-family:var(--mono);font-size:.75rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--mint)}
.cert__h{position:relative;margin:0 0 1.1rem;max-width:18ch;font-family:var(--display);font-weight:700;font-size:1.35rem;line-height:1.2;letter-spacing:-.02em;color:#fff}
.cert__l{position:relative;display:grid;gap:.55rem}
.cert__l li{display:flex;align-items:flex-start;gap:.65rem;padding:.65rem .8rem;border-radius:var(--r-sm);background:rgba(255,255,255,.05);border:1px solid var(--lnd);font-size:.92rem;color:var(--od)}
.cert__l .ic{margin-top:.15rem;color:var(--mint)}
.cert__stamp{position:absolute;right:1.3rem;top:1.25rem;display:grid;place-items:center;align-content:center;gap:.15rem;width:92px;height:92px;margin:0;border-radius:50%;border:2px dashed rgba(60,242,165,.55);color:var(--mint);rotate:-10deg;text-align:center;font-family:var(--mono);font-size:.75rem;font-weight:700;line-height:1.15;letter-spacing:.08em;text-transform:uppercase}
.cert__stamp .ic{width:22px;height:22px;stroke-width:2}
.rules{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem}
.rule{position:relative;overflow:hidden;padding:1.6rem 1.6rem 1.5rem;border-radius:var(--r-xl);border:1px solid var(--line);background:#fff;box-shadow:var(--sh-1)}
.rule::before{content:"";position:absolute;left:0;top:0;right:0;height:4px}
.rule--ok::before{background:linear-gradient(90deg,var(--mint),var(--cyan))}
.rule--ban{background:#FFF8F3;border-color:#F5D6C2;box-shadow:none}
.rule--ban::before{background:linear-gradient(90deg,var(--peach),#F2703C)}
.rule__n{margin:0 0 .6rem;font-family:var(--mono);font-size:.75rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--tx-3)}
.rule__h{display:flex;align-items:center;gap:.65rem;margin:0 0 .6rem;font-family:var(--display);font-weight:700;font-size:1.45rem;line-height:1.15;letter-spacing:-.02em;color:var(--tx)}
.rule--ok .rule__h .ic{color:var(--mint-ink)}
.rule--ban .rule__h .ic{color:#C2410C}
.rule p:last-child{margin:0;font-size:.97rem;line-height:1.6;color:var(--tx-2)}
.rule b{color:var(--tx)}
.rules__note{margin:1.1rem 0 0;font-size:.88rem;color:var(--tx-3);text-align:center}
.cov{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem}
.cov__col{padding:1.4rem 1.5rem;border-radius:var(--r-lg);background:#fff;border:1px solid var(--line);box-shadow:var(--sh-1)}
.cov__h{display:flex;align-items:center;gap:.6rem;margin:0 0 1rem;font-family:var(--display);font-weight:700;font-size:1.15rem;color:var(--tx)}
.cov__col--in .cov__h .ic{color:var(--mint-ink)}
.cov__col--out .cov__h .ic{color:#C2410C}
.cov ul{display:grid;gap:.1rem}
.cov li{position:relative;padding:.6rem 0 .6rem 1.4rem;border-top:1px solid var(--line);font-size:.94rem;line-height:1.5;color:var(--tx-2)}
.cov li:first-child{border-top:0}
.cov li::before{content:"";position:absolute;left:.1rem;top:1.05rem;width:8px;height:8px;border-radius:50%;background:var(--mint)}
.cov__col--out li::before{background:var(--peach)}
.habits{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.habits li{display:flex;flex-direction:column;gap:.6rem;padding:1.3rem;border-radius:var(--r-lg);background:rgba(255,255,255,.04);border:1px solid var(--lnd);font-size:.9rem;line-height:1.5;color:var(--od-3)}
.habits b{display:block;margin-bottom:.2rem;font-size:1rem;font-weight:600;color:#fff}
.habits__i{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:rgba(60,242,165,.1);color:var(--mint)}
.spec{display:grid;gap:.75rem}
.spec__i{display:grid;grid-template-columns:minmax(220px,.35fr) minmax(0,1fr);gap:1rem 2rem;align-items:center;padding:1.1rem 1.3rem;border-radius:var(--r-lg);background:#fff;border:1px solid var(--line);box-shadow:var(--sh-1)}
.spec__p{display:flex;align-items:center;gap:.8rem;color:var(--tx)}
.spec__p > span:last-child{display:flex;flex-direction:column;line-height:1.3}
.spec__p b{font-family:var(--display);font-size:1.12rem}
.spec__p small{font-size:.8rem;color:var(--tx-3)}
.spec__p:hover b{text-decoration:underline;text-decoration-color:var(--mint);text-decoration-thickness:2px;text-underline-offset:3px}
.spec__l{display:grid;gap:.4rem}
.spec__l li{display:flex;align-items:flex-start;gap:.5rem;font-size:.92rem;line-height:1.5;color:var(--tx-2)}
.spec__l .ic{margin-top:.2rem;color:#C2410C}

/* ── 21. Tarifs ───────────────────────────────────────────────────────── */
.pstats{display:flex;flex-wrap:wrap;margin:0;border:1px solid var(--line);border-radius:var(--r-lg);background:#fff;box-shadow:var(--sh-1)}
.pstats > div{padding:.9rem 1.3rem;min-width:0}
.pstats > div + div{border-left:1px solid var(--line)}
.pstats dt{margin:0 0 .2rem;font-family:var(--mono);font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--tx-3)}
.pstats dd{margin:0;font-family:var(--display);font-weight:700;font-size:1.5rem;letter-spacing:-.02em;color:var(--tx);white-space:nowrap}
.pstats dd small{font-family:var(--font);font-size:.84rem;font-weight:500;letter-spacing:0;color:var(--tx-3)}
.ph__note{display:flex;align-items:center;gap:.45rem;margin:1rem 0 0;font-size:.86rem;color:var(--tx-3)}
.ph__note .ic{color:var(--mint-ink)}
.pr-nav{position:sticky;top:var(--bar-h);z-index:40;background:rgba(255,255,255,.95);border-top:1px solid var(--line);border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.pr-nav__in{display:flex;align-items:center;gap:1rem;min-height:62px}
.pr-nav__l{flex:1;min-width:0;display:flex;gap:.4rem;overflow-x:auto;scrollbar-width:none;contain:inline-size;padding:2px}
.pr-nav__l::-webkit-scrollbar{display:none}
.pr-nav__a{display:inline-flex;align-items:center;gap:.45rem;height:42px;padding:0 1rem;border-radius:var(--pill);border:1px solid var(--line-2);background:#fff;font-weight:600;font-size:.9rem;color:var(--tx-2);white-space:nowrap;transition:background-color .15s,border-color .15s,color .15s}
.pr-nav__a small{font-family:var(--mono);font-size:.75rem;color:var(--tx-3)}
.pr-nav__a .ic{color:var(--tx-3)}
.pr-nav__a:hover{border-color:var(--tx-4);color:var(--tx)}
.pr-nav__a.is-on{background:var(--ink-900);border-color:var(--ink-900);color:#fff}
.pr-nav__a.is-on small,.pr-nav__a.is-on .ic{color:var(--mint)}
.pr-nav__cart{position:relative;flex:none;display:inline-flex;align-items:center;gap:.45rem;height:42px;padding:0 1rem;border-radius:var(--pill);background:var(--ink-900);color:#fff;font-weight:600;font-size:.9rem}
.pr-nav__cart:hover{background:var(--ink-600);color:#fff}
.pr-nav__n{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:var(--pill);background:var(--mint);color:var(--ink-900);font-size:.75rem;font-weight:800}
.p-pricing [id]{scroll-margin-top:calc(var(--bar-h) + 80px)}
.pr{padding:.5rem 0 4.5rem}
.pr-cat{padding-top:2.75rem}
.pr-cat__head{display:flex;align-items:center;flex-wrap:wrap;gap:.9rem 1.1rem;margin-bottom:1.25rem}
.pr-cat__head > div{flex:1 1 320px;min-width:0}
.pr-cat__head p{margin:.15rem 0 0;font-size:.92rem;color:var(--tx-3)}
.pr-cat__i{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:var(--ink-900);color:var(--mint);flex:none}
.pr-cat__i .ic{stroke-width:2}
.pr-cat__h{margin:0;font-family:var(--display);font-weight:700;font-size:1.6rem;letter-spacing:-.025em;color:var(--tx)}
.pr-cat__all{font-size:.9rem}
.pgrp{position:relative;margin-bottom:1rem;border-radius:var(--r-lg);background:#fff;border:1px solid var(--line);box-shadow:var(--sh-1);overflow:hidden;--tint:#8F94A7}
.pgrp::before{content:"";position:absolute;inset:0 0 auto 0;height:90px;pointer-events:none;background:radial-gradient(90% 100% at 100% 0%,color-mix(in srgb,var(--tint) 14%,transparent) 0%,transparent 70%)}
.pgrp__head{position:relative;display:flex;align-items:center;flex-wrap:wrap;gap:.6rem .8rem;padding:1rem 1.2rem;border-bottom:1px solid var(--line)}
.pgrp__t{display:flex;align-items:baseline;gap:.55rem;margin:0 .4rem 0 0}
.pgrp__t a{font-family:var(--display);font-weight:700;font-size:1.2rem;letter-spacing:-.02em;color:var(--tx)}
.pgrp__t a:hover{text-decoration:underline;text-decoration-color:var(--mint);text-decoration-thickness:2px;text-underline-offset:4px}
.pgrp__t small{font-size:.84rem;color:var(--tx-3)}
.pgrp__head .badge{height:26px}
.pgrp__open{display:inline-flex;align-items:center;gap:.35rem;margin-left:auto;min-height:36px;font-size:.86rem;font-weight:600;color:var(--tx-2)}
.pgrp__open:hover{color:var(--tx)}
.ptbl{position:relative;width:100%;border-collapse:collapse;font-size:.92rem}
.ptbl tr + tr{border-top:1px solid var(--line)}
.ptbl th,.ptbl td{padding:1rem 1.2rem;text-align:left;vertical-align:middle}
.ptbl__plan{width:30%;font-weight:400}
.ptbl__plan b{font-size:1rem;font-weight:700;color:var(--tx)}
.ptbl__plan small{display:block;margin-top:.15rem;font-size:.84rem;color:var(--tx-3)}
.ptbl__tag{display:inline-flex;align-items:center;height:22px;margin-left:.35rem;padding:0 .5rem;border-radius:var(--pill);background:var(--ink-900);color:#fff;font-size:.75rem;font-weight:700;vertical-align:1px}
.ptbl__inc ul{display:grid;gap:.25rem}
.ptbl__inc li{display:flex;align-items:flex-start;gap:.45rem;font-size:.88rem;line-height:1.45;color:var(--tx-2)}
.ptbl__inc .ic{margin-top:.2rem;color:var(--mint-ink)}
.ptbl__p{width:1%;white-space:nowrap;text-align:right !important}
.ptbl__p b{font-family:var(--display);font-weight:700;font-size:1.45rem;letter-spacing:-.025em;color:var(--tx);font-variant-numeric:tabular-nums}
.ptbl__p small{display:block;font-size:.8rem;color:var(--tx-3)}
.ptbl__a{width:1%;white-space:nowrap}
.ptbl__a > *{vertical-align:middle}
.addc{position:relative;display:inline-grid;place-items:center;width:40px;height:40px;margin-left:.35rem;border-radius:12px;border:1px solid var(--line-2);background:#fff;color:var(--tx-2);transition:border-color .15s,color .15s,background-color .15s}
.addc:hover{border-color:var(--ink-900);color:var(--tx)}
.addc.is-done{background:var(--mint-soft);border-color:var(--mint-line);color:var(--mint-ink)}
.addc__plus{position:absolute;right:4px;top:4px;width:12px;height:12px;padding:1px;border-radius:50%;background:var(--mint);color:var(--ink-900);stroke-width:3}
.pr__note{margin-top:1.75rem}
.pgrp[data-v="chatgpt"]{--tint:#10A37F}
.pgrp[data-v="claude"]{--tint:#D97757}
.pgrp[data-v="gemini"]{--tint:#4285F4}
.pgrp[data-v="perplexity"]{--tint:#20B8CD}
.pgrp[data-v="copilot"]{--tint:#8957E5}
.pgrp[data-v="devin"]{--tint:#21C19A}
.pgrp[data-v="midjourney"]{--tint:#7C6CF2}
.pgrp[data-v="suno"]{--tint:#F2703C}
.pgrp[data-v="canva"]{--tint:#00C4CC}
.pgrp[data-v="lovart"]{--tint:#E14D8F}
.wp{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:3.5rem;align-items:center}
.wp__cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.wp__col{padding:1.35rem 1.4rem;border-radius:var(--r-lg);background:#fff;border:1px solid var(--line);box-shadow:var(--sh-1)}
.wp__col--skip{background:var(--bg-2);box-shadow:none}
.wp__h{display:flex;align-items:center;gap:.55rem;margin:0 0 .9rem;font-weight:700;color:var(--tx)}
.wp__h .ic{color:var(--mint-ink)}
.wp__col .ticks{font-size:.93rem}
.paywith{display:flex;align-items:center;flex-wrap:wrap;gap:1.25rem 2.5rem}
.paywith > div{flex:1 1 360px;min-width:0}
.paywith__h{margin:0 0 .3rem;font-family:var(--display);font-weight:700;font-size:1.3rem;letter-spacing:-.02em;color:var(--tx)}
.paywith p{margin:0;font-size:.93rem;color:var(--tx-3)}
.paywith__coins .coin{background:#fff;border-color:var(--line);color:var(--tx-2)}

/* ── 22. Entreprises ──────────────────────────────────────────────────── */
.teamc{position:relative;padding:1.3rem 1.35rem 1.15rem;border-radius:var(--r-lg);background:#fff;color:var(--tx);box-shadow:0 40px 80px -30px rgba(0,0,0,.8),0 0 0 1px rgba(255,255,255,.08)}
.teamc__top{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding-bottom:.9rem;border-bottom:1px solid var(--line)}
.teamc__t{display:flex;flex-direction:column;line-height:1.25}
.teamc__t small{font-family:var(--mono);font-size:.75rem;letter-spacing:.06em;text-transform:uppercase;color:var(--tx-3)}
.teamc__t b{font-family:var(--display);font-size:1.15rem;letter-spacing:-.01em}
.teamc__l{display:grid;gap:.4rem;padding:.9rem 0}
.teamc__l li{display:grid;grid-template-columns:36px minmax(0,1fr) auto auto;align-items:center;gap:.75rem;padding:.5rem .65rem;border-radius:12px;background:var(--bg-2)}
.teamc__lg{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;border:1px solid var(--line);background:#fff}
.on-dark .teamc .logo{color:var(--tx)}
.on-dark .teamc .logo--canva{color:#00C4CC}
.teamc__r{display:flex;flex-direction:column;min-width:0;line-height:1.25}
.teamc__r b{font-size:.92rem}
.teamc__r small{font-size:.8rem;color:var(--tx-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.teamc__n{font-family:var(--mono);font-size:.8rem;font-weight:700;color:var(--tx-2)}
.teamc__p{min-width:3.5rem;font-weight:700;font-size:.92rem;text-align:right;font-variant-numeric:tabular-nums}
.teamc__tot{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin:0;padding-top:.9rem;border-top:1.5px dashed var(--line-2);font-size:.9rem;color:var(--tx-3)}
.teamc__tot b{font-family:var(--display);font-size:1.7rem;letter-spacing:-.03em;color:var(--tx)}
.teamc__f{display:flex;align-items:center;gap:.4rem;margin:.6rem 0 0;font-size:.8rem;color:var(--tx-3)}
.teamc__f .ic{color:var(--mint-ink)}
.mix__h{margin:0 0 1.1rem;font-family:var(--mono);font-size:.75rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--tx-3);text-align:center}
.mix{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem}
.mix__a{display:inline-flex;align-items:center;gap:.5rem;height:42px;padding:0 1rem 0 .7rem;border-radius:var(--pill);border:1px solid var(--line);background:#fff;font-weight:600;font-size:.9rem;color:var(--tx-2);transition:border-color .15s,color .15s,box-shadow .15s}
.mix__a:hover{border-color:var(--line-2);color:var(--tx);box-shadow:var(--sh-1)}
.est{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:1.5rem;align-items:start}
.est__rows{padding:1.3rem;border-radius:var(--r-xl);background:#fff;border:1px solid var(--line);box-shadow:var(--sh-1)}
.est__head{display:grid;grid-template-columns:minmax(0,1fr) 104px 104px 44px;gap:.75rem;padding:0 .2rem .5rem;font-family:var(--mono);font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--tx-3)}
.est__head span:nth-child(2){text-align:center}
.est__head span:nth-child(3){text-align:right}
.est__list{display:grid;gap:.6rem}
.est__row{display:grid;grid-template-columns:minmax(0,1fr) 104px 104px 44px;gap:.75rem;align-items:center}
.est__plan,.est__rows,.est > *{min-width:0}
.est__plan select{width:100%;min-width:0;text-overflow:ellipsis}
.est__qty .inp{text-align:center}
.est__sub{font-family:var(--display);font-weight:700;font-size:1.1rem;text-align:right;color:var(--tx);font-variant-numeric:tabular-nums}
.est__rm{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;color:var(--tx-3);transition:background-color .15s,color .15s}
.est__rm:hover{background:#FEF3F2;color:#B42318}
.est__add{margin-top:1rem}
.est__sum{position:sticky;top:calc(var(--bar-h) + 20px);padding:1.5rem;border-radius:var(--r-xl);background:var(--ink-900);box-shadow:var(--sh-2);overflow:hidden}
.est__sum::after{content:"";position:absolute;right:-80px;top:-90px;width:240px;height:240px;border-radius:50%;background:radial-gradient(closest-side,rgba(60,242,165,.22),transparent);pointer-events:none}
.est__k{margin:0 0 .4rem;font-family:var(--mono);font-size:.75rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--mint)}
.est__tot{position:relative;margin:0;font-family:var(--display);font-weight:700;font-size:2.8rem;line-height:1;letter-spacing:-.04em;color:#fff;font-variant-numeric:tabular-nums}
.est__per{margin:.5rem 0 1.25rem;font-size:.9rem;color:var(--od-2)}
.est__acts{position:relative;display:grid;gap:.6rem}
.est__note{position:relative;margin:.9rem 0 0;font-size:.82rem;line-height:1.5;color:var(--od-3)}
.est__note.is-warn{color:var(--peach)}
.quote{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:3.5rem;align-items:start}
.quote__side{position:sticky;top:calc(var(--bar-h) + 32px)}

/* ── 23. Centre d'aide ────────────────────────────────────────────────── */
.hch{position:relative;isolation:isolate;overflow:hidden;padding:3.2rem 0 2.8rem;background:var(--ink-900);text-align:center}
.hch::before{content:"";position:absolute;z-index:-1;left:50%;top:-320px;width:900px;height:640px;translate:-50% 0;border-radius:50%;background:radial-gradient(closest-side,rgba(92,225,240,.18),rgba(165,139,255,.08) 55%,transparent);pointer-events:none}
.hch__in{display:flex;flex-direction:column;align-items:center}
.hch__h{margin:0 0 1.5rem;font-family:var(--display);font-weight:700;font-size:clamp(2.2rem,2.2vw + 1.3rem,3.1rem);line-height:1.04;letter-spacing:-.038em;color:#fff}
.hcs{position:relative;width:100%;max-width:680px}
.hcs__ic{position:absolute;left:20px;top:30px;translate:0 -50%;width:20px;height:20px;color:var(--tx-3);pointer-events:none}
.hcs__in{width:100%;height:60px;padding:0 8.5rem 0 3.2rem;border-radius:var(--pill);border:0;background:#fff;color:var(--tx);font-size:1.05rem;box-shadow:0 20px 50px -20px rgba(0,0,0,.7);-webkit-appearance:none;appearance:none}
.hcs__in::placeholder{color:var(--tx-4);opacity:1}
.hcs__in:focus{outline:none;box-shadow:0 0 0 4px rgba(60,242,165,.45),0 20px 50px -20px rgba(0,0,0,.7)}
.hcs__in::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}
.hcs__go{position:absolute;right:7px;top:7px;height:46px}
.hcs__live{position:absolute;left:0;right:0;top:calc(100% + 10px);z-index:30;padding:.45rem;border-radius:var(--r-lg);background:#fff;border:1px solid var(--line);box-shadow:var(--sh-pop);text-align:left}
.hcs__live a{display:flex;flex-direction:column;gap:.1rem;padding:.65rem .8rem;border-radius:12px;color:var(--tx)}
.hcs__live a:hover,.hcs__live a.is-act{background:var(--bg-2)}
.hcs__live b{font-weight:600;font-size:.95rem}
.hcs__live small{font-size:.82rem;line-height:1.4;color:var(--tx-3)}
.hcs__live p{margin:0;padding:.7rem .8rem;font-size:.9rem;color:var(--tx-3)}
.hcs__live .hcs__all{flex-direction:row;align-items:center;justify-content:space-between;margin-top:.25rem;border-top:1px solid var(--line);border-radius:0 0 12px 12px;font-weight:600;font-size:.9rem}
.hch__pop{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.5rem .6rem;margin-top:1.4rem}
.hch__ph{font-family:var(--mono);font-size:.75rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--od-3)}
.hch__chips{display:flex;flex-wrap:wrap;justify-content:center;gap:.4rem}
.hch__chips .chip{padding:0 .9rem;background:rgba(255,255,255,.06);border:1px solid var(--lnd-2);color:var(--od)}
.hch__chips .chip:hover{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.35);color:#fff}
.hres__h{margin:0 0 1.1rem;font-family:var(--display);font-weight:700;font-size:1.4rem;letter-spacing:-.02em;color:var(--tx)}
.hres__sub{margin:2rem 0 .6rem;font-family:var(--mono);font-size:.75rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--tx-3)}
.alist{display:grid;gap:.6rem}
.alist__a{display:flex;align-items:center;gap:1rem;padding:1rem 1.1rem;border-radius:var(--r-lg);background:#fff;border:1px solid var(--line);color:var(--tx);transition:border-color .15s,box-shadow .15s}
.alist__a:hover{border-color:var(--line-2);box-shadow:var(--sh-1)}
.alist__a > span:nth-child(2){display:flex;flex-direction:column;gap:.15rem;min-width:0;flex:1}
.alist__a b{font-weight:600}
.alist__a small{font-size:.87rem;line-height:1.45;color:var(--tx-3)}
.alist__i{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:var(--mint-soft);color:var(--mint-ink);flex:none}
.alist__go{color:var(--tx-4);flex:none}
.quick{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}
.quick__a{display:flex;align-items:center;gap:.9rem;height:100%;padding:1.1rem 1.15rem;border-radius:var(--r-lg);background:#fff;border:1px solid var(--line);box-shadow:var(--sh-1);color:var(--tx);transition:translate .2s var(--ease),box-shadow .2s,border-color .2s}
.quick__a:hover{translate:0 -3px;box-shadow:var(--sh-2);border-color:var(--line-2)}
.quick__a > span:last-child{display:flex;flex-direction:column;min-width:0;line-height:1.35}
.quick__a b{font-weight:600}
.quick__a small{font-size:.84rem;color:var(--tx-3)}
.quick__i{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:var(--ink-900);color:var(--mint);flex:none}
.quick__i .ic{stroke-width:2}
.htopics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}
.htopic{display:flex;flex-direction:column;padding:1.3rem 1.35rem .6rem;border-radius:var(--r-lg);background:#fff;border:1px solid var(--line);box-shadow:var(--sh-1)}
.htopic__head{display:flex;align-items:flex-start;gap:.85rem;margin-bottom:.8rem}
.htopic__head p{margin:.15rem 0 0;font-size:.86rem;line-height:1.45;color:var(--tx-3)}
.htopic__i{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:var(--mint-soft);color:var(--mint-ink);flex:none}
.htopic__h{margin:0;font-family:var(--display);font-weight:700;font-size:1.12rem;letter-spacing:-.015em;color:var(--tx)}
.htopic__l a{display:flex;align-items:center;justify-content:space-between;gap:.75rem;min-height:44px;padding:.55rem 0;border-top:1px solid var(--line);font-size:.93rem;font-weight:500;color:var(--tx-2);transition:color .15s}
.htopic__l a:hover{color:var(--tx)}
.htopic__l .ic{color:var(--tx-4);flex:none;transition:translate .18s var(--ease),color .15s}
.htopic__l a:hover .ic{translate:3px 0;color:var(--mint-ink)}

/* ── 24. Documents : articles d'aide, billets, légal ─────────────────── */
.doc{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:4rem;align-items:start;padding-top:1.75rem;padding-bottom:4.5rem}
.doc--legal{grid-template-columns:250px minmax(0,1fr);padding-top:.5rem}
.doc__main{min-width:0;max-width:760px}
.doc__side{min-width:0}
.plinks--sm .plinks__t{flex:1}
.doc__stick{position:sticky;top:calc(var(--bar-h) + 24px);display:grid;gap:1.25rem}
.art__topic{margin:0 0 .9rem}
.art__topic a{display:inline-flex;align-items:center;gap:.4rem;height:30px;padding:0 .75rem;border-radius:var(--pill);background:var(--mint-soft);color:var(--mint-ink);font-size:.8rem;font-weight:700}
.art__h{margin:0 0 .6rem;font-family:var(--display);font-weight:700;font-size:clamp(2rem,1.8vw + 1.2rem,2.7rem);line-height:1.06;letter-spacing:-.035em;color:var(--tx);text-wrap:balance}
.art__lead{margin:0 0 1rem;font-size:1.12rem;line-height:1.6;color:var(--tx-3);text-wrap:pretty}
.art__meta{display:flex;flex-wrap:wrap;gap:.4rem 1.2rem;margin:0 0 1.75rem;padding-bottom:1.25rem;border-bottom:1px solid var(--line);font-size:.84rem;color:var(--tx-3)}
.art__meta span{display:inline-flex;align-items:center;gap:.4rem}
.prose{font-size:1.02rem;line-height:1.75;color:var(--tx-2)}
.prose > *:first-child{margin-top:0}
.prose p{margin:0 0 1.1em}
.prose h2{margin:2.1rem 0 .7rem;font-family:var(--display);font-weight:700;font-size:1.45rem;line-height:1.2;letter-spacing:-.02em;color:var(--tx)}
.prose h3{margin:1.6rem 0 .5rem;font-family:var(--display);font-weight:700;font-size:1.15rem;color:var(--tx)}
.prose ul,.prose ol{margin:0 0 1.2em;padding-left:1.35rem}
.prose ul{list-style:disc}
.prose ol{list-style:decimal}
.prose li{margin:.35rem 0;padding-left:.2rem}
.prose li::marker{color:var(--mint-ink);font-weight:700}
.prose strong,.prose b{color:var(--tx)}
.prose a{color:var(--tx);font-weight:600;text-decoration:underline;text-decoration-color:var(--mint);text-decoration-thickness:2px;text-underline-offset:3px}
.prose a:hover{text-decoration-color:currentColor}
.prose code{padding:.1rem .4rem;border-radius:6px;background:var(--bg-2);border:1px solid var(--line);font-family:var(--mono);font-size:.88em;color:var(--tx)}
.prose .tbl{font-size:.9rem;line-height:1.5}
.prose .tbl a{font-weight:600}
.prose--post{font-size:1.06rem}
.helpful{display:flex;align-items:center;flex-wrap:wrap;gap:.75rem 1.25rem;margin-top:2.25rem;padding:1.1rem 1.25rem;border-radius:var(--r-lg);background:var(--bg-2);border:1px solid var(--line)}
.helpful__q{margin:0;font-weight:600;color:var(--tx)}
.helpful__b{display:flex;gap:.5rem}
.helpful__r{flex-basis:100%;margin:0;font-size:.92rem;color:var(--tx-2)}
.helpful__r a{font-weight:600;color:var(--tx);text-decoration:underline;text-decoration-color:var(--mint);text-underline-offset:3px}
.pn{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1.5rem}
.pn__a{display:flex;flex-direction:column;gap:.2rem;padding:1rem 1.15rem;border-radius:var(--r-lg);border:1px solid var(--line);background:#fff;transition:border-color .15s,box-shadow .15s}
.pn__a:hover{border-color:var(--line-2);box-shadow:var(--sh-1)}
.pn__a small{font-family:var(--mono);font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--tx-3)}
.pn__a b{font-weight:600;color:var(--tx);line-height:1.35}
.pn__a--next{grid-column:2;text-align:right}
.intopic__h{margin:0 0 .5rem;font-family:var(--mono);font-size:.75rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--tx-3)}
.intopic ul{display:grid}
.intopic a{display:block;padding:.45rem 0;border-top:1px solid var(--line);font-size:.88rem;line-height:1.4;color:var(--tx-2)}
.intopic li:first-child a{border-top:0}
.intopic a:hover{color:var(--tx)}
.intopic a[aria-current]{color:var(--tx);font-weight:700}
.acards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.acard{display:flex;flex-direction:column;gap:.45rem;height:100%;padding:1.25rem;border-radius:var(--r-lg);background:#fff;border:1px solid var(--line);box-shadow:var(--sh-1);transition:translate .2s var(--ease),box-shadow .2s}
.acard:hover{translate:0 -3px;box-shadow:var(--sh-2)}
.acard__t{display:inline-flex;align-items:center;gap:.35rem;font-family:var(--mono);font-size:.75rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--mint-ink)}
.acard__h{font-family:var(--display);font-weight:700;font-size:1.1rem;line-height:1.25;letter-spacing:-.015em;color:var(--tx)}
.acard__p{font-size:.9rem;line-height:1.5;color:var(--tx-3)}
.acard__go{display:inline-flex;align-items:center;gap:.4rem;margin-top:auto;padding-top:.4rem;font-weight:600;font-size:.9rem;color:var(--tx)}

/* ── 25. FAQ ──────────────────────────────────────────────────────────── */
.fqs{position:relative;flex:0 1 380px;min-width:0}
.fqs__ic{position:absolute;left:16px;top:25px;translate:0 -50%;color:var(--tx-3);pointer-events:none}
.fqs__in{width:100%;height:50px;padding:0 1rem 0 2.75rem;border-radius:var(--pill);border:1.5px solid var(--line-2);background:#fff;font-size:1rem;color:var(--tx);-webkit-appearance:none;appearance:none;transition:border-color .15s,box-shadow .15s}
.fqs__in::placeholder{color:var(--tx-4);opacity:1}
.fqs__in:focus{outline:none;border-color:var(--ink-900);box-shadow:0 0 0 4px rgba(60,242,165,.3)}
.fqs__n{min-height:1.2em;margin:.45rem 0 0 1rem;font-size:.84rem;color:var(--tx-3)}
.fq{display:grid;grid-template-columns:250px minmax(0,1fr);gap:4rem;align-items:start;padding-top:.5rem;padding-bottom:4.5rem}
.fq__side{position:sticky;top:calc(var(--bar-h) + 24px);display:grid;gap:1.25rem}
.fq__nav ul{display:grid;gap:.15rem}
.fq__nav a{display:flex;align-items:center;gap:.6rem;min-height:40px;padding:.4rem .7rem;border-radius:12px;font-size:.92rem;font-weight:500;color:var(--tx-2);transition:background-color .15s,color .15s}
.fq__nav a span{flex:1}
.fq__nav a small{font-family:var(--mono);font-size:.75rem;color:var(--tx-3)}
.fq__nav a .ic{color:var(--tx-3)}
.fq__nav a:hover{background:var(--bg-2);color:var(--tx)}
.fq__nav a.is-on{background:var(--ink-900);color:#fff}
.fq__nav a.is-on .ic,.fq__nav a.is-on small{color:var(--mint)}
.fq__main{min-width:0;max-width:820px}
.fq__grp{padding-top:.5rem}
.fq__grp + .fq__grp{margin-top:2.5rem}
.fq__h{display:flex;align-items:center;gap:.7rem;margin:0 0 .6rem;font-family:var(--display);font-weight:700;font-size:1.5rem;letter-spacing:-.02em;color:var(--tx)}
.fq__hi{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:var(--mint-soft);color:var(--mint-ink)}
.faq__i:target summary,.faq__i.is-hl summary{color:var(--mint-ink)}

/* ── 26. Tickets ──────────────────────────────────────────────────────── */
.topics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}
.topic{position:relative;display:block;cursor:pointer}
.topic input{position:absolute;opacity:0;width:1px;height:1px}
.topic__box{display:flex;align-items:center;gap:.8rem;height:100%;padding:.8rem .95rem;border-radius:var(--r);border:1.5px solid var(--line-2);background:#fff;transition:border-color .15s,background-color .15s,box-shadow .15s}
.topic:hover .topic__box{border-color:var(--tx-4)}
.topic input:checked + .topic__box{border-color:var(--ink-900);background:var(--mint-soft);box-shadow:0 0 0 3px rgba(60,242,165,.25)}
.topic input:focus-visible + .topic__box{outline:2px solid var(--mint-ink);outline-offset:3px}
.topic__i{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:var(--bg-2);color:var(--tx-2);flex:none;transition:background-color .15s,color .15s}
.topic input:checked + .topic__box .topic__i{background:var(--ink-900);color:var(--mint)}
.topic__t{display:flex;flex-direction:column;min-width:0;line-height:1.3}
.topic__t b{font-weight:600;font-size:.94rem;color:var(--tx)}
.topic__t small{font-size:.8rem;color:var(--tx-3)}
.inp--key{max-width:260px}
.thread{display:grid;gap:1rem;margin:0 0 1.5rem}
.msg{max-width:88%}
.msg--me{margin-left:auto}
.msg__who{display:flex;align-items:center;gap:.45rem;margin:0 0 .35rem;font-size:.82rem;color:var(--tx-3)}
.msg--me .msg__who{justify-content:flex-end}
.msg__who b{font-weight:700;color:var(--tx-2)}
.msg__who time{color:var(--tx-3)}
.msg__mk{width:20px;height:20px}
.msg__b{padding:.9rem 1.1rem;border-radius:18px;font-size:.96rem;line-height:1.6;overflow-wrap:anywhere}
.msg__b p{margin:0 0 .7em}
.msg__b p:last-child{margin:0}
.msg--me .msg__b{border-radius:18px 18px 6px 18px;background:var(--ink-900);color:#fff}
.msg--team .msg__b{border-radius:18px 18px 18px 6px;background:#fff;border:1px solid var(--line);box-shadow:var(--sh-1);color:var(--tx-2)}
.msg--sys{max-width:none;display:flex;justify-content:center}
.msg--sys p{display:inline-flex;align-items:center;gap:.5rem;margin:0;padding:.55rem 1rem;border-radius:var(--pill);background:var(--bg-2);border:1px dashed var(--line-2);font-size:.86rem;color:var(--tx-3);text-align:center}
.reply{display:grid;gap:.5rem;padding:1.2rem 1.3rem;border-radius:var(--r-lg);background:#fff;border:1px solid var(--line);box-shadow:var(--sh-1)}
.reply__acts{display:flex;justify-content:flex-end}
.reply__alt{display:flex;justify-content:flex-end;margin-top:.75rem}
.reply__alt .lnk{color:var(--tx-2)}
.kv{display:grid;margin:0}
.kv > div{display:flex;justify-content:space-between;gap:1rem;padding:.55rem 0;border-top:1px solid var(--line);font-size:.88rem}
.kv > div:first-child{border-top:0}
.kv dt{color:var(--tx-3)}
.kv dd{margin:0;color:var(--tx);font-weight:500;text-align:right;overflow-wrap:anywhere}
.kv__mono{font-family:var(--mono);font-size:.84rem}
.kv a{text-decoration:underline;text-decoration-color:var(--mint);text-underline-offset:3px}

/* ── 27. Compte client (23/09/2026) ───────────────────────────────────────
   Formulaires « Create an account » / « Sign in » (checkout, /login, /reset),
   page /login, page /account. Remplace l'ancien suivi public /orders. */
.auth__tabs{display:grid;grid-template-columns:1fr 1fr;gap:.3rem;padding:.3rem;border-radius:var(--pill);background:var(--bg-2);border:1px solid var(--line)}
.auth__tab{display:flex;align-items:center;justify-content:center;min-height:42px;padding:0 1rem;border-radius:var(--pill);font-size:.92rem;font-weight:600;color:var(--tx-3);text-align:center;transition:background .15s,color .15s,box-shadow .15s}
.auth__tab:hover{color:var(--tx)}
.auth__tab[aria-current]{background:#fff;color:var(--tx);box-shadow:0 1px 2px rgba(10,12,22,.08),0 0 0 1px var(--line)}
.auth__f{display:grid;gap:1rem;margin-top:1.15rem}
.auth__f[hidden]{display:none}
.auth__f .form__err{margin:0}
.auth__f .form__foot{text-align:left}
.auth__f .fld__e a{color:var(--tx);font-weight:700;text-decoration:underline;text-underline-offset:3px}
.fld__row{display:flex;align-items:baseline;justify-content:space-between;gap:1rem}
.fld__alt{font-size:.86rem;font-weight:600;color:var(--tx-2);text-decoration:underline;text-decoration-color:var(--mint);text-decoration-thickness:2px;text-underline-offset:3px}
.fld__alt:hover{color:var(--tx)}
.pw{position:relative}
.pw__in{padding-right:5.6rem}
.pw__in::-ms-reveal{display:none}
.pw__t{position:absolute;top:50%;right:.3rem;translate:0 -50%;display:inline-flex;align-items:center;gap:.35rem;height:40px;padding:0 .75rem;border-radius:var(--pill);border:0;background:var(--bg-2);font-size:.82rem;font-weight:600;color:var(--tx-2);cursor:pointer}
.pw__t:hover{color:var(--tx);background:var(--line)}
.pw__t[aria-pressed="true"]{background:var(--ink-900);color:var(--mint)}
.pw__t:focus-visible{outline:2px solid var(--mint-ink);outline-offset:2px}
/* Déconnexion : un bouton dans un petit formulaire POST */
.lgo{display:inline-flex;margin:0}
.lgo button.lnk{padding:0;border:0;background:none;cursor:pointer;font-size:.88rem}

/* Checkout : étape « Your account », pleine largeur et compacte (onglets dans
   la ligne du titre, e-mail et mot de passe côte à côte, bouton et mention
   sur une ligne) ; tout repasse en colonne sous 700 px. */
.ckacct .ckc__head{flex-wrap:wrap;row-gap:.75rem}
.ckacct .auth__tabs{display:inline-grid;padding:.25rem}
.ckacct .auth__tab{min-height:36px;padding:0 1rem;font-size:.86rem}
.ckacct__p{margin:0 0 .9rem;font-size:.92rem;line-height:1.5;color:var(--tx-3)}
.auth__f--cmp{margin-top:0;gap:.9rem}
.auth__row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem 1rem;align-items:start}
.auth__go{display:flex;align-items:center;flex-wrap:wrap;gap:.6rem 1.25rem}
.auth__go .btn{flex:none}
.auth__go .form__foot{flex:1 1 240px;margin:0;text-align:left}
.acctline{display:flex;align-items:center;flex-wrap:wrap;gap:.75rem 1rem;padding:.9rem 1rem;border-radius:var(--r);background:var(--mint-soft);border:1px solid var(--mint-line)}
.acctline__i{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:var(--ink-900);color:var(--mint);flex:none}
.acctline__t{display:flex;flex-direction:column;flex:1 1 220px;min-width:0;line-height:1.35}
.acctline__t b{overflow-wrap:anywhere;color:var(--tx)}
.acctline__t small{font-size:.85rem;color:var(--tx-2)}

/* /login, /signup, /reset */
.lgn{padding:3rem 0 5rem}
.lgn__in{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:2.5rem 4rem;align-items:start}
.lgn__in--solo{grid-template-columns:minmax(0,560px)}
.lgn__h{margin-bottom:.3em}
.lgn__lead{margin-bottom:1.6rem}
.lgn__lead b{color:var(--tx);overflow-wrap:anywhere}
.lgn__card{max-width:520px;padding:1.5rem;border-radius:var(--r-xl);background:#fff;border:1px solid var(--line);box-shadow:var(--sh-2)}
.lgn__card > .auth__f{margin-top:0}
.lgn__side{position:relative;overflow:hidden;margin-top:2.6rem;padding:1.75rem;border-radius:var(--r-xl);background:var(--ink-900);color:var(--od);box-shadow:var(--sh-2)}
.lgn__side::after{content:"";position:absolute;right:-110px;top:-120px;width:320px;height:320px;border-radius:50%;background:radial-gradient(closest-side,rgba(60,242,165,.2),transparent);pointer-events:none}
.lgn__k{position:relative;display:flex;align-items:center;gap:.5rem;margin:0 0 .6rem;font-family:var(--mono);font-size:.75rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--mint)}
.lgn__sh{position:relative;margin:0 0 1.2rem;font-family:var(--display);font-weight:700;font-size:1.45rem;line-height:1.2;letter-spacing:-.02em;color:#fff}
.lgn__l{position:relative;display:grid;gap:1rem}
.lgn__l li{display:flex;align-items:flex-start;gap:.85rem}
.lgn__l li > span:last-child{display:flex;flex-direction:column;gap:.15rem;font-size:.9rem;line-height:1.5;color:var(--od-2)}
.lgn__l b{color:#fff;font-weight:600;font-size:.97rem}
.lgn__i{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:rgba(255,255,255,.06);border:1px solid var(--lnd-2);color:var(--mint);flex:none}
.lgn__f{position:relative;display:flex;align-items:center;gap:.5rem;margin:1.4rem 0 0;padding-top:1rem;border-top:1px solid var(--lnd);font-size:.84rem;color:var(--od-3)}
.lgn__f .ic{color:var(--mint);flex:none}

.acc__flash{display:flex;align-items:center;gap:.6rem;margin:0 0 1.5rem;padding:.85rem 1rem;border-radius:var(--r);background:var(--mint-soft);border:1px solid var(--mint-line);font-weight:600;color:var(--mint-ink)}
.acc__flash .ic{flex:none}

/* Sujets de ticket : un nombre impair → la dernière carte prend la ligne */
.topics > :last-child:nth-child(odd){grid-column:1 / -1}

@media (max-width:1060px){
  .lgn{padding-top:2.5rem}
  .lgn__in{grid-template-columns:1fr;gap:2rem}
  .lgn__side{margin-top:0;max-width:520px}
}
@media (max-width:700px){
  .lgn{padding:1.75rem 0 3.5rem}
  .lgn__card{padding:1.15rem}
  .lgn__side{padding:1.35rem}
  .auth__tab{padding:0 .6rem;font-size:.9rem}
  .ckacct .auth__tabs{width:100%}
  .auth__row{grid-template-columns:1fr}
  .auth__go .btn{width:100%}
}
@media (pointer:coarse),(max-width:700px){
  .fld__alt{display:inline-block;padding:.65rem 0;margin:-.65rem 0}
  .ckacct .auth__tab{min-height:40px}
}

/* ── 28. Panier (refait le 23/09/2026) ────────────────────────────────────
   Étapes, lignes (plan modifiable sur place, sièges, prix), « Complete your
   AI stack », récapitulatif collant ; mobile : barre du total en bas. */
.cartx{padding:1.5rem 0 5rem}
.cartx__steps{margin-bottom:1.1rem}
.cartx__head{margin-bottom:1.5rem}
.cartx__h{margin-bottom:.25em}
.cartx__sub{margin:0;font-size:1rem;color:var(--tx-3)}
.cartx__in{display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:2.5rem;align-items:start}
.cartx__main{display:grid;gap:1.25rem;min-width:0}
.cartx__side{position:sticky;top:calc(var(--bar-h) + 20px)}
.cartx__more{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem 1.25rem;margin:0;font-size:.86rem;color:var(--tx-3)}
.cartx__more > span a{color:var(--tx-2);text-decoration:underline;text-underline-offset:3px}
/* Panier vide */
.cempty{padding:2.5rem 2rem 2.2rem;border-radius:var(--r-xl);background:#fff;border:1px solid var(--line);box-shadow:var(--sh-1);text-align:center}
.cempty[hidden]{display:none}
.cempty > p{margin:0 auto;max-width:50ch;color:var(--tx-3);line-height:1.6}
.cempty .btns{justify-content:center;margin-top:1.4rem}
.cempty .note{justify-content:center;margin:1rem auto 0}
.cempty__art{position:relative;width:150px;height:96px;margin:0 auto 1.25rem}
.cempty__art span{position:absolute;width:118px;height:74px;border-radius:14px;border:2px dashed var(--line-2);background:#fff}
.cempty__art span:first-child{left:0;top:18px;rotate:-8deg}
.cempty__art span:last-child{right:0;top:0;rotate:6deg;border:2px solid transparent;background:linear-gradient(#fff,#fff) padding-box,var(--holo) border-box}
.cempty__h{margin:0 0 .45rem;font-family:var(--display);font-weight:700;font-size:1.5rem;letter-spacing:-.02em;color:var(--tx)}
/* Lignes */
.clines{display:grid;gap:.75rem}
.cl{display:grid;grid-template-columns:56px minmax(0,1fr) auto 118px 40px;align-items:center;gap:1rem 1.1rem;padding:1.1rem 1.15rem;border-radius:var(--r-lg);background:#fff;border:1px solid var(--line);box-shadow:var(--sh-1)}
.cl[hidden]{display:none !important}
.cl__lg{display:grid;place-items:center;align-self:start;width:56px;height:56px;border-radius:16px;border:1px solid var(--line);background:#fff}
.cl__t{min-width:0}
.cl__n{font-family:var(--display);font-weight:700;font-size:1.12rem;letter-spacing:-.015em;color:var(--tx)}
.cl__n:hover{text-decoration:underline;text-decoration-color:var(--mint);text-decoration-thickness:2px;text-underline-offset:3px}
.cl__s{margin:.15rem 0 0;font-size:.84rem;color:var(--tx-3)}
.cl__b{color:var(--mint-ink);font-weight:600;white-space:nowrap}
.cl__plan{display:inline-block;margin-top:.55rem}
.cl__sel{height:36px;padding:0 2.1rem 0 .8rem;border-radius:10px;border:1.5px solid var(--line-2);background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2362687C' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9.5l6 6 6-6'/%3E%3C/svg%3E") no-repeat right .6rem center/14px;font-size:.86rem;font-weight:600;color:var(--tx);cursor:pointer;-webkit-appearance:none;appearance:none}
.cl__sel:hover{border-color:var(--tx-4)}
.cl__sel:focus{outline:none;border-color:var(--ink-900);box-shadow:0 0 0 3px rgba(60,242,165,.3)}
.cl__notes{display:grid;gap:.25rem;margin:.6rem 0 0}
.cl__notes li{display:flex;align-items:flex-start;gap:.35rem;font-size:.8rem;line-height:1.45;color:var(--tx-3)}
.cl__notes .ic{flex:none;margin-top:.15rem;color:var(--mint-ink)}
.cl__p{margin:0;text-align:right;line-height:1.2}
.cl__p b{display:block;font-family:var(--display);font-weight:700;font-size:1.3rem;letter-spacing:-.02em;color:var(--tx);font-variant-numeric:tabular-nums}
.cl__p small{font-size:.78rem;color:var(--tx-3);font-variant-numeric:tabular-nums}
.cl__rm{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;color:var(--tx-3);transition:background-color .15s,color .15s}
.cl__rm:hover{background:#FEF3F2;color:#B42318}
.qty{display:inline-flex;align-items:center;height:42px;border-radius:var(--pill);border:1.5px solid var(--line-2);background:#fff}
.qty__b{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;color:var(--tx-2);transition:background-color .15s,color .15s}
.qty__b:hover{background:var(--bg-2);color:var(--tx)}
.qty__b:disabled{color:var(--line-2);cursor:default;background:none}
.qty__in{width:38px;height:40px;padding:0;border:0;background:none;text-align:center;font-weight:700;font-size:1rem;color:var(--tx);-moz-appearance:textfield}
.qty__in::-webkit-inner-spin-button,.qty__in::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.qty__in:focus{outline:none}
.qty:focus-within{border-color:var(--ink-900);box-shadow:0 0 0 3px rgba(60,242,165,.3)}
/* Complete your AI stack */
.xsell{display:grid;gap:.8rem;padding:1.2rem 1.25rem;border-radius:var(--r-xl);background:var(--bg-2);border:1px solid var(--line)}
.xsell[hidden]{display:none}
.xsell__head{display:flex;align-items:baseline;justify-content:space-between;gap:1rem}
.xsell__h{margin:0;font-family:var(--display);font-weight:700;font-size:1.1rem;letter-spacing:-.015em;color:var(--tx)}
.xsell__head .lnk{font-size:.86rem}
.xsell__l{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:.6rem}
.cartx.is-empty .cartx__in{grid-template-columns:minmax(0,1fr)}
.cartx.is-empty .xsell__l{grid-template-columns:repeat(4,minmax(0,1fr))}
.xs{display:flex;align-items:center;gap:.7rem;padding:.7rem .75rem;border-radius:var(--r-lg);background:#fff;border:1px solid var(--line)}
.xs[hidden]{display:none}
.xs__lg{display:grid;place-items:center;flex:none;width:42px;height:42px;border-radius:12px;border:1px solid var(--line);background:#fff}
.xs__t{display:flex;flex-direction:column;flex:1;min-width:0;line-height:1.3}
.xs__t a{overflow:hidden;color:var(--tx);white-space:nowrap;text-overflow:ellipsis}
.xs__t b{font-size:.92rem}
.xs__t small{overflow:hidden;font-size:.78rem;color:var(--tx-3);white-space:nowrap;text-overflow:ellipsis}
.xs__add{display:inline-flex;align-items:center;gap:.25rem;flex:none;height:36px;padding:0 .8rem;border-radius:var(--pill);border:1.5px solid var(--line-2);background:#fff;font-size:.84rem;font-weight:600;color:var(--tx);cursor:pointer}
.xs__add:hover{border-color:var(--ink-900)}
.xs__add.is-done{background:var(--mint-soft);border-color:var(--mint-line);color:var(--mint-ink)}
.cartx:not(.is-empty) .xs__add{position:relative;width:40px;height:40px;padding:0;justify-content:center}
.cartx:not(.is-empty) .xs__add span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
/* Récapitulatif */
.csum{display:grid;gap:1rem;padding:1.4rem;border-radius:var(--r-xl);background:#fff;border:1px solid var(--line);box-shadow:var(--sh-2)}
.csum__h{margin:0;font-family:var(--display);font-weight:700;font-size:1.3rem;letter-spacing:-.02em;color:var(--tx)}
.csum__rows{display:grid;margin:0}
.csum__rows > div{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;padding:.45rem 0;font-size:.92rem}
.csum__rows dt{color:var(--tx-3)}
.csum__rows dd{margin:0;font-weight:600;color:var(--tx);text-align:right;font-variant-numeric:tabular-nums}
.csum__free{color:var(--mint-ink) !important}
.csum__tot{margin-top:.35rem;padding-top:.85rem !important;border-top:1.5px dashed var(--line-2)}
.csum__tot dt{font-weight:600;color:var(--tx) !important}
.csum__tot dt small{display:block;font-weight:500;font-size:.78rem;color:var(--tx-3)}
.csum__tot dd{font-family:var(--display);font-weight:700;font-size:2.1rem;letter-spacing:-.035em}
.csum__eta{display:flex;align-items:center;gap:.5rem;margin:0;padding:.65rem .8rem;border-radius:var(--r);background:var(--mint-soft);font-size:.86rem;color:var(--tx-2)}
.csum__eta .ic{flex:none;color:var(--mint-ink)}
.csum__eta b{color:var(--tx)}
.csum__terms{display:grid;gap:.6rem;padding:.85rem .95rem;border-radius:var(--r);background:#FFF8F3;border:1px solid #F5D6C2}
.csum__ok{padding-top:0;border-top:0;font-size:.86rem}
.csum__ok.is-hint{animation:csumhint .8s var(--ease) 2}
@keyframes csumhint{50%{background:#FFEBD9}}
.csum__all summary{display:inline-flex;align-items:center;gap:.3rem;font-size:.84rem;font-weight:600;color:var(--tx-2);cursor:pointer;list-style:none}
.csum__all summary::-webkit-details-marker{display:none}
.csum__all summary::after{content:"";width:8px;height:8px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;rotate:45deg;translate:0 -2px;transition:rotate .15s}
.csum__all[open] summary::after{rotate:225deg;translate:0 2px}
.csum__all .terms__l{margin-top:.6rem;font-size:.82rem}
.csum__all p{margin:.6rem 0 0;font-size:.8rem}
.csum__all p a{color:var(--tx-2);text-decoration:underline;text-underline-offset:3px}
.csum__trust{display:grid;gap:.4rem;margin:0}
.csum__trust li{display:flex;align-items:center;gap:.5rem;font-size:.82rem;color:var(--tx-3)}
.csum__trust .ic{flex:none;color:var(--mint-ink)}
.csum__coins{justify-content:center}
.csum__coins img{width:22px;height:22px}
/* Barre du total (mobile) */
.cbar{display:none}

/* ── 29. Commande (checkout) ──────────────────────────────────────────── */
.ck{padding:1.25rem 0 5rem}
.cks{display:flex;align-items:center;flex-wrap:wrap;gap:.4rem;margin:0 0 1.25rem}
.cks li{display:flex;align-items:center;gap:.5rem;font-size:.88rem;font-weight:600;color:var(--tx-3)}
.cks li + li::before{content:"";width:32px;height:2px;margin-right:.1rem;border-radius:2px;background:var(--line-2)}
.cks a{display:flex;align-items:center;gap:.5rem;color:var(--tx-2)}
.cks a:hover{color:var(--tx)}
.cks i{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;border:1.5px solid var(--line-2);background:#fff;font-style:normal;font-family:var(--mono);font-size:.75rem;color:var(--tx-3)}
.cks .is-done i{background:var(--mint);border-color:var(--mint);color:var(--ink-900)}
.cks .is-now{color:var(--tx)}
.cks .is-now i{background:var(--ink-900);border-color:var(--ink-900);color:var(--mint);box-shadow:0 0 0 4px rgba(60,242,165,.25)}
.ck__h{margin-bottom:1.25rem}
.ck__in{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:2.5rem;align-items:start}
.ck__main{display:grid;gap:1rem;min-width:0}
.ck__main .co__warn{margin:0}
.ck__side{position:sticky;top:calc(var(--bar-h) + 20px)}
.ckc{padding:1.25rem 1.35rem;border-radius:var(--r-lg);background:#fff;border:1px solid var(--line);box-shadow:var(--sh-1)}
.ckc__head{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.9rem}
.ckc__head .lnk{font-size:.88rem}
.ckc__h{display:flex;align-items:center;gap:.6rem;margin:0;font-family:var(--display);font-weight:700;font-size:1.15rem;letter-spacing:-.01em;color:var(--tx)}
.ckc__n{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--ink-900);color:var(--mint);font-size:.85rem}
.ckc .note{margin-top:.85rem}
.cklines li{display:grid;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:.9rem;padding:.8rem 0;border-top:1px solid var(--line)}
.cklines li:first-child{border-top:0;padding-top:.2rem}
.cklines__lg{display:grid;place-items:center;width:46px;height:46px;border-radius:13px;border:1px solid var(--line);background:#fff}
.cklines__t{display:flex;flex-direction:column;min-width:0;line-height:1.3}
.cklines__t b{font-weight:700;color:var(--tx)}
.cklines__t small{font-size:.82rem;color:var(--tx-3)}
.cklines__p{display:flex;flex-direction:column;align-items:flex-end;min-width:4.5rem;line-height:1.25}
.cklines__p b{font-family:var(--display);font-size:1.15rem;color:var(--tx);font-variant-numeric:tabular-nums}
.cklines__p small{font-family:var(--mono);font-size:.75rem;color:var(--tx-3);white-space:nowrap}
.cklines__tot{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin:.4rem 0 0;padding-top:.85rem;border-top:1.5px dashed var(--line-2);font-weight:600;color:var(--tx)}
.cklines__tot b{font-family:var(--display);font-size:1.5rem;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.coinpick__l{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem}
.cpo{position:relative;display:block;cursor:pointer}
.cpo input{position:absolute;opacity:0;width:1px;height:1px}
.cpo__box{display:grid;grid-template-columns:28px minmax(0,1fr);grid-template-rows:auto auto;column-gap:.6rem;align-items:center;height:100%;padding:.7rem .8rem;border-radius:var(--r);border:1.5px solid var(--line-2);background:#fff;transition:border-color .15s,background-color .15s,box-shadow .15s}
.cpo__box img{grid-row:1 / 3;width:28px;height:28px}
.cpo:hover .cpo__box{border-color:var(--tx-4)}
.cpo input:checked + .cpo__box{border-color:var(--ink-900);background:var(--mint-soft);box-shadow:0 0 0 3px rgba(60,242,165,.25)}
.cpo input:focus-visible + .cpo__box{outline:2px solid var(--mint-ink);outline-offset:3px}
.cpo__t{display:flex;align-items:baseline;gap:.35rem;min-width:0;line-height:1.25}
.cpo__t b{font-weight:700;font-size:.92rem;color:var(--tx)}
.cpo__t small{font-size:.75rem;color:var(--tx-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cpo__c{font-family:var(--mono);font-size:.75rem;color:var(--tx-3)}
.coinpick__go{margin-top:.8rem}
.ckpay{position:relative;overflow:hidden;padding:1.6rem 1.6rem 1.5rem;border-radius:var(--r-xl);background:var(--ink-900);box-shadow:var(--sh-2)}
.ckpay::after{content:"";position:absolute;right:-110px;bottom:-140px;width:340px;height:340px;border-radius:50%;background:radial-gradient(closest-side,rgba(60,242,165,.2),transparent);pointer-events:none}
.ckpay__k{display:flex;align-items:center;gap:.5rem;margin:0 0 .5rem;font-family:var(--mono);font-size:.75rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--mint)}
.ckpay__h{position:relative;margin:0 0 .5rem;font-family:var(--display);font-weight:700;font-size:1.45rem;letter-spacing:-.02em;color:#fff}
.ckpay p:not(.ckpay__k){position:relative;margin:0;max-width:56ch;font-size:.95rem;line-height:1.6;color:var(--od-2)}
.ckpay .btns{position:relative;margin-top:1.3rem}
.cksum .soon__terms li{flex-wrap:wrap}

/* ── 30. À propos ─────────────────────────────────────────────────────── */
.abpass{display:grid;place-items:center;padding:1rem 0}
.abpass__card{width:min(420px,100%);height:auto;aspect-ratio:1.6;padding:24px 26px 20px;animation:float 8s ease-in-out infinite}
.abpass__card .hpass__chip{top:74px;right:26px;width:48px;height:36px}
.abpass__card .hpass__name{margin-top:1.1rem;font-size:clamp(1.6rem,1.2vw + 1.1rem,2.1rem)}
.abpass__card .hpass__price{font-size:1.9rem}
.abpass__card .hpass__lg .mark{width:26px;height:26px}
.nums{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1px;margin:0;border:1px solid var(--line);border-radius:var(--r-xl);background:var(--line);overflow:hidden;box-shadow:var(--sh-1)}
.nums > div{padding:1.4rem 1.5rem;background:#fff}
.nums dt{margin:0 0 .35rem;font-family:var(--mono);font-size:.75rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--tx-3)}
.nums dd{margin:0;font-family:var(--display);font-weight:700;font-size:clamp(1.7rem,1.4vw + 1rem,2.4rem);line-height:1;letter-spacing:-.035em;background:var(--holo);-webkit-background-clip:text;background-clip:text;color:transparent;white-space:nowrap}
.nevers{display:grid;gap:.65rem}
.nevers li{display:flex;align-items:flex-start;gap:.9rem;padding:1rem 1.15rem;border-radius:var(--r-lg);background:rgba(255,255,255,.04);border:1px solid var(--lnd);font-size:.9rem;line-height:1.5;color:var(--od-3)}
.nevers .ic{margin-top:.1rem;color:var(--peach)}
.nevers b{display:block;margin-bottom:.1rem;font-size:1rem;font-weight:600;color:#fff}
.indep{display:flex;align-items:flex-start;gap:1.25rem;padding:1.6rem 1.7rem;border-radius:var(--r-xl);background:var(--bg-2);border:1px solid var(--line)}
.indep__i{display:grid;place-items:center;width:52px;height:52px;border-radius:16px;background:#fff;border:1px solid var(--line);color:var(--tx-2);flex:none}
.indep__h{margin:0 0 .5rem;font-family:var(--display);font-weight:700;font-size:1.3rem;letter-spacing:-.02em;color:var(--tx)}
.indep p{margin:0 0 .9rem;font-size:.95rem;line-height:1.65;color:var(--tx-3)}
.indep__l{display:flex;flex-wrap:wrap;gap:.5rem 1.5rem;margin:0 !important}

/* ── 31. Blog ─────────────────────────────────────────────────────────── */
.blcats{position:relative;display:flex;flex-wrap:wrap;gap:.4rem}
.blcats__a{display:inline-flex;align-items:center;gap:.45rem;height:42px;padding:0 1rem;border-radius:var(--pill);border:1px solid var(--line-2);background:#fff;font-weight:600;font-size:.9rem;color:var(--tx-2);transition:background-color .15s,border-color .15s,color .15s}
.blcats__a small{font-family:var(--mono);font-size:.75rem;color:var(--tx-3)}
.blcats__a:hover{border-color:var(--tx-4);color:var(--tx)}
.blcats__a.is-on{background:var(--ink-900);border-color:var(--ink-900);color:#fff}
.blcats__a.is-on small{color:var(--mint)}
.bl{padding:.25rem 0 4.5rem}
.cover{position:relative;isolation:isolate;overflow:hidden;display:grid;place-items:center;height:180px;background:var(--ink-900)}
.cover::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(60% 90% at 15% 110%,rgba(60,242,165,.35),transparent 70%),radial-gradient(55% 80% at 90% -10%,rgba(165,139,255,.4),transparent 70%),radial-gradient(40% 60% at 60% 50%,rgba(92,225,240,.14),transparent 70%)}
.cover::after{content:"";position:absolute;inset:0;z-index:-1;opacity:.35;background:repeating-linear-gradient(90deg,rgba(255,255,255,.05) 0 1px,transparent 1px 44px),repeating-linear-gradient(0deg,rgba(255,255,255,.05) 0 1px,transparent 1px 44px)}
.cover__glow{position:absolute;inset:auto 10% -40% 10%;height:70%;border-radius:50%;background:radial-gradient(closest-side,rgba(60,242,165,.25),transparent);z-index:-1}
.cover__row{display:flex;flex-wrap:wrap;justify-content:center;gap:.7rem;padding:0 1.5rem}
.cover__lg{display:grid;place-items:center;width:54px;height:54px;border-radius:16px;background:rgba(255,255,255,.95);box-shadow:0 14px 30px -12px rgba(0,0,0,.6)}
.cover__lg .logo{color:var(--tx)}
.cover__lg img{width:28px;height:28px}
.cover--many .cover__row{gap:.5rem}
.cover--many .cover__lg{width:46px;height:46px;border-radius:14px}
.cover--many .cover__lg .logo{width:22px;height:22px}
.cover--lg{height:100%;min-height:300px}
.cover--lg .cover__lg{width:66px;height:66px;border-radius:19px}
.cover--post{height:240px;border-radius:var(--r-xl)}
.cover--post .cover__lg{width:66px;height:66px;border-radius:19px}
.blf__a{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);overflow:hidden;border-radius:var(--r-xl);background:#fff;border:1px solid var(--line);box-shadow:var(--sh-1);transition:translate .25s var(--ease),box-shadow .25s}
.blf__a:hover{translate:0 -4px;box-shadow:var(--sh-2)}
.blf__t{display:flex;flex-direction:column;justify-content:center;padding:2.2rem 2.4rem}
.blf__h{margin:.8rem 0 .7rem;font-family:var(--display);font-weight:700;font-size:clamp(1.6rem,1.3vw + 1.1rem,2.2rem);line-height:1.1;letter-spacing:-.03em;color:var(--tx);text-wrap:balance}
.blf__p{margin:0 0 1.2rem;font-size:1rem;line-height:1.6;color:var(--tx-3)}
.blf__go{display:inline-flex;align-items:center;gap:.45rem;font-weight:600;color:var(--tx);text-decoration:underline;text-decoration-color:var(--mint);text-decoration-thickness:2px;text-underline-offset:6px}
.blg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;margin-top:1.25rem}
.blc{height:100%}
.blc__a{display:flex;flex-direction:column;height:100%;overflow:hidden;border-radius:var(--r-lg);background:#fff;border:1px solid var(--line);box-shadow:var(--sh-1);transition:translate .25s var(--ease),box-shadow .25s}
.blc__a:hover{translate:0 -4px;box-shadow:var(--sh-2)}
.blc__t{display:flex;flex-direction:column;flex:1;padding:1.2rem 1.25rem 1.25rem}
.blc__h{margin:.6rem 0 .45rem;font-family:var(--display);font-weight:700;font-size:1.15rem;line-height:1.2;letter-spacing:-.02em;color:var(--tx)}
.blc__p{margin:0 0 .9rem;font-size:.9rem;line-height:1.5;color:var(--tx-3)}
.blc__d{margin:auto 0 0;font-size:.82rem;color:var(--tx-3)}
.blmeta{display:flex;align-items:center;flex-wrap:wrap;gap:.35rem .8rem;margin:0;font-size:.82rem;color:var(--tx-3)}
.blmeta__c{display:inline-flex;align-items:center;height:26px;padding:0 .65rem;border-radius:var(--pill);background:var(--mint-soft);color:var(--mint-ink);font-weight:700;font-size:.78rem}
a.blmeta__c:hover{background:var(--mint-line)}
.pbox{margin:1.75rem 0;padding:1.1rem 1.2rem;border-radius:var(--r-lg);background:var(--bg-2);border:1px solid var(--line);font-size:.95rem;line-height:1.5}
.pbox__top{display:flex;align-items:center;flex-wrap:wrap;gap:.75rem}
.pbox__t{display:flex;flex-direction:column;flex:1;min-width:160px;margin:0 !important;line-height:1.3}
.pbox__t b{font-family:var(--display);font-size:1.1rem;color:var(--tx)}
.pbox__t small{font-size:.82rem;color:var(--tx-3)}
.prose .pbox__btn{color:#fff;text-decoration:none}
.prose .pbox__l{display:grid;gap:.4rem;margin:1rem 0 0;padding:0;list-style:none}
.pbox__l li{margin:0;padding:0}
.prose .pbox__l a{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:44px;padding:.55rem .85rem;border-radius:12px;background:#fff;border:1px solid var(--line);font-weight:600;color:var(--tx);text-decoration:none;transition:border-color .15s}
.prose .pbox__l a:hover{border-color:var(--ink-900)}
.pbox__l b{font-family:var(--display);font-size:1.05rem;font-variant-numeric:tabular-nums}
.pbox__l b small{font-family:var(--font);font-size:.78rem;font-weight:500;color:var(--tx-3)}
.postend{margin-top:2.5rem;padding:1.4rem 1.5rem;border-radius:var(--r-lg);border:1px solid var(--line);background:#fff;box-shadow:var(--sh-1)}
.postend__h{margin:0 0 .35rem;font-family:var(--display);font-weight:700;font-size:1.15rem;color:var(--tx)}
.postend p:not(.postend__h){margin:0 0 1rem;font-size:.93rem;line-height:1.6;color:var(--tx-3)}

/* Blog refait (23/09/2026) : en-tête, à la une + « Latest », produits,
   couvertures teintées par rubrique ; billet : progression de lecture,
   en-tête + carte des plans, « The short answer », « Plans compared »,
   liens de section. */
.blh{padding:1.25rem 0 1.5rem}
.nocrumb .blh{padding-top:3rem}
.blh__in{display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;gap:1.5rem 3rem}
.blh__copy{max-width:720px}
.blh__h{margin-bottom:.3em}
.blh__facts{display:flex;gap:.6rem}
.blh__facts li{display:flex;flex-direction:column;min-width:108px;padding:.75rem 1rem;border-radius:var(--r-lg);background:#fff;border:1px solid var(--line);line-height:1.2}
.blh__facts b{font-family:var(--display);font-size:1.4rem;letter-spacing:-.02em;color:var(--tx)}
.blh__facts small{font-size:.78rem;color:var(--tx-3)}
.blh .blcats{margin-top:1.5rem}
.blt{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:1.5rem;align-items:stretch}
.blt .blf__a{display:flex;flex-direction:column;height:100%}
.blt .cover--lg{min-height:280px;height:280px}
.blt .blf__t{justify-content:flex-start;padding:1.6rem 1.75rem 1.75rem}
.blf__k{display:inline-flex;align-items:center;height:26px;padding:0 .65rem;border-radius:var(--pill);background:var(--ink-900);color:var(--mint);font-size:.75rem;font-weight:700}
.bll{display:flex;flex-direction:column;padding:1.3rem 1.4rem;border-radius:var(--r-xl);background:#fff;border:1px solid var(--line);box-shadow:var(--sh-1)}
.bll__h{margin:0 0 .4rem;font-family:var(--mono);font-size:.75rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--tx-3)}
.bll__l{display:grid;flex:1}
.bll__l li{display:flex}
.bll__a{display:flex;flex:1;align-items:center;gap:.9rem;padding:1rem 0;border-top:1px solid var(--line);color:var(--tx)}
.bll__l li:first-child .bll__a{border-top:0}
.bll__n{flex:none;width:28px;font-family:var(--display);font-weight:700;font-size:1.35rem;line-height:1.1;color:var(--line-2)}
.bll__t{display:flex;flex-direction:column;gap:.25rem;min-width:0}
.bll__t small{font-size:.78rem;color:var(--tx-3)}
.bll__t b{font-family:var(--display);font-weight:700;font-size:1.02rem;line-height:1.25;letter-spacing:-.01em}
.bll__a:hover b{text-decoration:underline;text-decoration-color:var(--mint);text-decoration-thickness:2px;text-underline-offset:3px}
.bll__all{margin-top:.6rem;font-size:.88rem;align-self:flex-start}
.bl__sec{display:grid;gap:1rem;margin-top:3rem}
.bl__h{margin:0;font-family:var(--display);font-weight:700;font-size:1.45rem;letter-spacing:-.02em;color:var(--tx)}
.bl__row{display:flex;align-items:baseline;justify-content:space-between;gap:1rem}
.bl__row .lnk{font-size:.88rem}
.bl__sec .blg{margin-top:0}
.blc__p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.blc__d{display:flex;align-items:center;justify-content:space-between;gap:1rem}
.blc__go{display:inline-flex;align-items:center;gap:.3rem;font-weight:600;color:var(--tx)}
.blc__go .ic{transition:translate .15s var(--ease)}
.blc__a:hover .blc__go .ic{translate:3px 0}
.blp{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:.6rem}
.blp__a{display:flex;align-items:center;gap:.75rem;padding:.75rem .85rem;border-radius:var(--r-lg);background:#fff;border:1px solid var(--line);color:var(--tx);transition:border-color .15s,box-shadow .15s}
.blp__a:hover{border-color:var(--line-2);box-shadow:var(--sh-1)}
.blp__a > .ic{flex:none;margin-left:auto;color:var(--tx-4);transition:translate .15s var(--ease),color .15s}
.blp__a:hover > .ic{translate:2px 0;color:var(--tx)}
.blp__a.is-on{border-color:var(--ink-900);box-shadow:inset 0 0 0 1px var(--ink-900)}
.blp__a.is-on:hover > .ic{translate:none}
.blcats__a--p{gap:.5rem;padding-left:.45rem}
.blcats__lg{display:grid;place-items:center;width:30px;height:30px;border-radius:var(--pill);background:#fff}
.blcats__a--p .ic{color:rgba(255,255,255,.65)}
.blcats__a--p:hover .ic{color:#fff}
.blp__lg{display:grid;place-items:center;flex:none;width:40px;height:40px;border-radius:12px;border:1px solid var(--line);background:#fff}
.blp__t{display:flex;flex-direction:column;min-width:0;line-height:1.3}
.blp__t b{overflow:hidden;font-size:.92rem;white-space:nowrap;text-overflow:ellipsis}
.blp__t small{overflow:hidden;font-size:.78rem;color:var(--tx-3);white-space:nowrap;text-overflow:ellipsis}
/* Couvertures et pastilles teintées par rubrique */
.cover--guides::before{background:radial-gradient(60% 90% at 15% 110%,rgba(255,138,101,.38),transparent 70%),radial-gradient(50% 80% at 90% -10%,rgba(167,139,250,.3),transparent 70%)}
.cover--guides .cover__glow{background:radial-gradient(closest-side,rgba(255,138,101,.35),transparent)}
.cover--payments::before{background:radial-gradient(60% 90% at 15% 110%,rgba(247,147,26,.4),transparent 70%),radial-gradient(50% 80% at 90% -10%,rgba(60,242,165,.22),transparent 70%)}
.cover--payments .cover__glow{background:radial-gradient(closest-side,rgba(247,147,26,.35),transparent)}
.blmeta__c--guides{background:#FFF1EC;color:#B93815}
.blmeta__c--payments{background:#FFF4E5;color:#B54708}
a.blmeta__c--guides:hover{background:#FFE1D6}
a.blmeta__c--payments:hover{background:#FFE7C7}

/* Billet */
.rprog{position:fixed;top:0;left:0;right:0;z-index:70;height:3px;pointer-events:none}
.rprog span{display:block;height:100%;background:linear-gradient(90deg,var(--mint),#7C9CFF);transform:scaleX(0);transform-origin:0 50%}
.bph{padding:1.25rem 0 .5rem}
.bph__in{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:2rem 3.5rem;align-items:end}
.bph__main{max-width:820px}
.bph__h{margin:.9rem 0 .75rem;font-family:var(--display);font-weight:700;font-size:clamp(2.1rem,2.1vw + 1.2rem,3rem);line-height:1.05;letter-spacing:-.036em;color:var(--tx);text-wrap:balance}
.bph__dek{margin:0 0 1.3rem;max-width:62ch;font-size:1.15rem;line-height:1.6;color:var(--tx-3);text-wrap:pretty}
.bph__by{display:flex;align-items:center;flex-wrap:wrap;gap:.65rem;padding-top:1.1rem;border-top:1px solid var(--line)}
.bph__mk{width:34px;height:34px}
.bph__who{display:flex;flex-direction:column;line-height:1.3}
.bph__who b{font-size:.9rem;color:var(--tx)}
.bph__who small{font-size:.8rem;color:var(--tx-3)}
.bph__cp{margin-left:auto}
.bpc{display:grid;gap:.8rem;padding:1.1rem;border-radius:var(--r-xl);background:#fff;border:1px solid var(--line);box-shadow:var(--sh-2)}
.bpc__h{margin:0;font-family:var(--mono);font-size:.74rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--tx-3)}
.bpc__l{display:grid;gap:.35rem}
.bpc__l a{display:flex;align-items:center;gap:.7rem;min-height:48px;padding:.35rem .5rem;border-radius:12px;color:var(--tx);transition:background .15s}
.bpc__l a:hover{background:var(--bg-2)}
.bpc__lg{display:grid;place-items:center;flex:none;width:38px;height:38px;border-radius:11px;border:1px solid var(--line);background:#fff}
.bpc__t{display:flex;flex-direction:column;flex:1;min-width:0;line-height:1.25}
.bpc__t b{font-size:.92rem}
.bpc__t small{font-size:.76rem;color:var(--tx-3)}
.bpc__pr{font-weight:700;font-size:.92rem;white-space:nowrap;font-variant-numeric:tabular-nums}
.bpc__pr small{font-weight:500;font-size:.72rem;color:var(--tx-3)}
.doc--post{padding-top:2rem}
.tldr{margin:0 0 2rem;padding:1.2rem 1.35rem 1.25rem;border-radius:var(--r-lg);background:var(--mint-soft);border:1px solid var(--mint-line)}
.tldr__h{display:flex;align-items:center;gap:.5rem;margin:0 0 .6rem;font-family:var(--display);font-weight:700;font-size:1.05rem;color:var(--tx)}
.tldr__h .ic{color:var(--mint-ink)}
.tldr__l{display:grid;gap:.5rem;margin:0;padding-left:1.15rem;list-style:disc}
.tldr__l li{font-size:1rem;line-height:1.55;color:var(--tx-2)}
.tldr__l li::marker{color:var(--mint-ink)}
.tldr__l b{color:var(--tx)}
.bcmp{margin:0 0 2.25rem}
.bcmp__head{margin-bottom:.8rem}
.bcmp__h{margin:0 0 .2rem;font-family:var(--display);font-weight:700;font-size:1.45rem;letter-spacing:-.02em;color:var(--tx)}
.bcmp__head p{margin:0;font-size:.86rem;color:var(--tx-3)}
.bcmp__t th[scope="row"]{min-width:190px}
.bcmp__p{display:flex;align-items:center;gap:.6rem}
.bcmp__p > span{display:flex;flex-direction:column;line-height:1.25}
.bcmp__p small{font-size:.72rem;font-weight:700;color:var(--mint-ink)}
.bcmp__inc{display:grid;gap:.2rem;margin:0;padding-left:1rem;list-style:disc;font-size:.86rem;line-height:1.45;color:var(--tx-2)}
.bcmp__pr{white-space:nowrap}
.bcmp__pr b{font-family:var(--display);font-size:1.1rem;font-variant-numeric:tabular-nums}
.bcmp__pr small{margin-left:.2rem;font-size:.76rem;color:var(--tx-3)}
.bcmp__go{text-align:right}
.prose--post{font-size:1.07rem;line-height:1.75}
.prose--post h2{scroll-margin-top:calc(var(--bar-h) + 24px)}
.tldr,.bcmp{scroll-margin-top:calc(var(--bar-h) + 24px)}
.ptoc{display:none}
.hanchor{margin-left:.35rem;font-family:var(--mono);font-size:.8em;font-weight:500;color:var(--line-2);text-decoration:none !important;opacity:0;transition:opacity .15s,color .15s}
.hanchor::before{content:"#"}
.prose h2:hover .hanchor,.hanchor:focus-visible{opacity:1}
.hanchor:hover{color:var(--mint-ink)}
.postend__l{display:grid;gap:.6rem;margin:0 0 .9rem}
.postend__l li{display:flex;align-items:flex-start;gap:.6rem;font-size:.92rem;line-height:1.45;color:var(--tx-3)}
.postend__l li > span{display:flex;flex-direction:column}
.postend__l b{color:var(--tx);font-weight:600}
.postend__l .ic{flex:none;margin-top:.15rem;color:var(--mint-ink)}
.postend p.postend__ban{display:flex;align-items:center;gap:.4rem;margin:0 0 1rem;font-size:.84rem;color:#B93815}

/* ── 32. Contact (refait et simplifié le 23/09/2026) ─────────────────────
   Un seul canal, le ticket depuis le compte : en-tête avec UNE action selon
   le visiteur + les 3 étapes (carte sombre), trois cas à part, une ligne de
   sécurité. */
.ctu{padding:1.5rem 0 2.25rem}
.nocrumb .ctu{padding-top:3.25rem}
.ctu__in{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:2rem 4rem;align-items:center}
.ctu__h{margin-bottom:.35em}
.ctu__main .lead{max-width:54ch}
.ctu__acts{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1.6rem}
.ctu__n{display:inline-flex;align-items:center;height:22px;margin-left:.2rem;padding:0 .5rem;border-radius:var(--pill);background:var(--mint);color:var(--ink-900);font-size:.74rem;font-weight:700}
.ctu__who{display:flex;align-items:center;gap:.45rem;margin:1rem 0 0;font-size:.88rem;color:var(--tx-3)}
.ctu__note{display:flex;align-items:flex-start;gap:.6rem;max-width:56ch;margin:1.4rem 0 0;padding:.85rem 1rem;border-radius:var(--r);background:#FFF8EB;border:1px solid #F8DDB0;font-size:.92rem;line-height:1.5;color:var(--tx-2)}
.ctu__note .ic{flex:none;margin-top:.15rem;color:#B54708}
.ctu__note b{color:var(--tx)}
.ctu__note + .ctu__acts{margin-top:1rem}
.ctu__how{position:relative;overflow:hidden;padding:1.6rem;border-radius:var(--r-xl);background:var(--ink-900);box-shadow:var(--sh-2)}
.ctu__how::after{content:"";position:absolute;right:-90px;top:-100px;width:280px;height:280px;border-radius:50%;background:radial-gradient(closest-side,rgba(60,242,165,.22),transparent);pointer-events:none}
.ctu__k{position:relative;display:flex;align-items:center;gap:.55rem;margin:0 0 1rem;font-family:var(--mono);font-size:.75rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--mint)}
.ctu__steps{position:relative;display:grid;gap:.55rem;margin:0}
.ctu__steps li{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:.85rem;row-gap:.1rem;align-items:center;padding:.8rem .9rem;border-radius:var(--r);background:rgba(255,255,255,.05);border:1px solid var(--lnd)}
.ctu__steps span{grid-row:1 / 3;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--mint);color:var(--ink-900);font-family:var(--display);font-weight:700;font-size:.9rem}
.ctu__steps b{font-size:.96rem;color:#fff}
.ctu__steps small{font-size:.84rem;color:var(--od-3)}
.ctu2{padding:0 0 4.5rem}
.ctu__cases{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.ctu__c{display:grid;align-content:start;justify-items:start;gap:.5rem;padding:1.3rem 1.35rem;border-radius:var(--r-lg);background:#fff;border:1px solid var(--line);box-shadow:var(--sh-1)}
.ctu__ci{display:grid;place-items:center;width:42px;height:42px;margin-bottom:.2rem;border-radius:12px;background:var(--mint-soft);color:var(--mint-ink)}
.ctu__ch{margin:0;font-family:var(--display);font-weight:700;font-size:1.12rem;letter-spacing:-.015em;color:var(--tx)}
.ctu__c p{margin:0 0 .2rem;font-size:.91rem;line-height:1.55;color:var(--tx-3)}
.ctu__c .lnk{font-size:.9rem}
.ctu__l{display:flex;flex-wrap:wrap;gap:.4rem 1.2rem}
.ctu__safe{display:flex;align-items:center;gap:.85rem;margin:1rem 0 0;padding:1rem 1.2rem;border-radius:var(--r-lg);background:var(--bg-2);border:1px solid var(--line);font-size:.9rem;line-height:1.55;color:var(--tx-3)}
.ctu__safe b{color:var(--tx)}
.ctu__si{display:grid;place-items:center;flex:none;width:36px;height:36px;border-radius:10px;background:var(--ink-900);color:var(--mint)}

/* ── 33. Légal ────────────────────────────────────────────────────────── */
.lgh{padding:1.25rem 0 2rem}
.lgtabs{display:flex;width:fit-content;gap:.2rem;margin:0 0 1.4rem;padding:4px;border-radius:var(--pill);background:var(--bg-3)}
.lgtabs__a{display:inline-flex;align-items:center;height:38px;padding:0 1.1rem;border-radius:var(--pill);font-weight:600;font-size:.9rem;color:var(--tx-3);transition:background-color .15s,color .15s}
.lgtabs__a:hover{color:var(--tx)}
.lgtabs__a.is-on{background:#fff;color:var(--tx);box-shadow:0 1px 3px rgba(10,12,22,.12)}
.lgh .lead{max-width:64ch}
.lgh__upd{display:inline-flex;align-items:center;gap:.45rem;margin:1rem 0 0;font-family:var(--mono);font-size:.78rem;font-weight:600;letter-spacing:.04em;color:var(--tx-3)}
.short{margin:0 0 2.25rem;padding:1.3rem 1.4rem;border-radius:var(--r-lg);background:var(--mint-soft);border:1px solid var(--mint-line)}
.short__h{display:flex;align-items:center;gap:.5rem;margin:0 0 .7rem;font-family:var(--display);font-weight:700;font-size:1.1rem;color:var(--tx)}
.short__h .ic{color:var(--mint-ink)}
.short ul{display:grid;gap:.5rem;padding-left:1.2rem;list-style:disc;font-size:.97rem;line-height:1.55;color:var(--tx-2)}
.short li::marker{color:var(--mint-ink)}
.short strong{color:var(--tx)}
.prose--legal .lgs{padding-top:.25rem}
.prose--legal .lgs + .lgs{margin-top:1.9rem;padding-top:1.9rem;border-top:1px solid var(--line)}
.prose--legal h2{margin-top:0;font-size:1.3rem}
.lgs__n{font-family:var(--mono);font-size:.9em;font-weight:600;color:var(--tx-3)}
.tocd > summary{display:none}
.tocd > summary::-webkit-details-marker{display:none}
.lgend{margin-top:2.5rem;padding-top:1.4rem;border-top:1px solid var(--line);font-size:.95rem;color:var(--tx-3)}
.lgend p{margin:0 0 .75rem}
.lgend a:not(.lnk){font-weight:600;color:var(--tx);text-decoration:underline;text-decoration-color:var(--mint);text-underline-offset:3px}
.lgend__l{display:flex;flex-wrap:wrap;gap:.5rem 1.75rem}

/* ── 34. Réactif des pages (23/09/2026) ───────────────────────────────── */
@media (max-width:1180px){
  .htopics{grid-template-columns:repeat(2,minmax(0,1fr))}
  .quick{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cards--4{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:1060px){
  .dhero__in{grid-template-columns:1fr;gap:2rem;padding-top:2.5rem;padding-bottom:2.4rem}
  .dhero__copy{max-width:720px}
  .dhero__facts{grid-template-columns:repeat(2,minmax(0,1fr))}
  .jny,.teamc{max-width:560px}
  .abpass{justify-items:start}
  .split{grid-template-columns:1fr;gap:2.5rem}
  .split--rev .split__copy{order:0}
  .mk,.stage{max-width:600px}
  .hsteps{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hstep::after{display:none}
  .ph--split .ph__in{grid-template-columns:1fr;gap:1.75rem}
  .cert{max-width:600px}
  .spec__i{grid-template-columns:1fr;gap:.75rem}
  .wp{grid-template-columns:1fr;gap:2rem}
  .est{grid-template-columns:1fr}
  .est__sum{position:relative;top:auto}
  .quote{grid-template-columns:1fr;gap:2rem}
  .quote__side{position:static}
  .htopics{grid-template-columns:repeat(2,minmax(0,1fr))}
  .doc,.doc--legal{grid-template-columns:1fr;gap:2rem}
  .doc__main{max-width:none}
  .doc__stick{position:static}
  .doc__side:not(.doc__side--left) .toc{display:none}
  .fq{grid-template-columns:1fr;gap:1.5rem}
  .fq__side{position:sticky;top:var(--bar-h);z-index:30;margin:0 calc(-1 * var(--gut));padding:.6rem var(--gut);background:#fff;border-bottom:1px solid var(--line)}
  .stepnav,.pr-nav{-webkit-backdrop-filter:none;backdrop-filter:none;background:#fff}
  .fq__side .toc__h,.fq__side .askc{display:none}
  .fq__nav ul{display:flex;gap:.35rem;overflow-x:auto;scrollbar-width:none;contain:inline-size}
  .fq__nav ul::-webkit-scrollbar{display:none}
  .fq__nav a{flex:none;white-space:nowrap;border:1px solid var(--line-2);border-radius:var(--pill);background:#fff}
  .fq__nav a span{flex:none}
  .p-faq [id]{scroll-margin-top:calc(var(--bar-h) + 72px)}
  .cartx__in,.ck__in{grid-template-columns:1fr;gap:1.5rem}
  .cartx__side,.ck__side{position:static}
  .blf__a{grid-template-columns:1fr}
  .cover--lg{min-height:220px}
  .blg{grid-template-columns:repeat(2,minmax(0,1fr))}
  .acards{grid-template-columns:repeat(2,minmax(0,1fr))}
  .nums{grid-template-columns:repeat(3,minmax(0,1fr))}
  .nums > div:last-child{grid-column:span 2}
}
@media (max-width:900px){
  .cards--3{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hw__use,.cases{grid-template-columns:1fr}
  .sec--tight{padding:2.5rem 0}
}
@media (max-width:700px){
  .dhero__in{padding-top:1.9rem;padding-bottom:1.9rem;gap:1.6rem}
  .dhero__h{font-size:clamp(2rem,7.2vw + .3rem,2.5rem);margin-bottom:.85rem}
  .dhero__p{font-size:1rem}
  .dhero .btns{display:grid;grid-template-columns:1fr;margin-top:1.4rem}
  .dhero__facts{gap:.9rem 1rem;padding-top:1rem;padding-bottom:1rem}
  .dhero__facts li{font-size:.82rem}
  .dhero__facts b{font-size:.88rem}
  .jny{padding:1.15rem 1.1rem 1rem}
  .jny__i{grid-template-columns:38px minmax(0,1fr) auto;gap:.7rem}
  .jny__n{width:38px;height:38px}
  .jny__i:not(:last-child)::before{left:18px;top:42px}
  .jny__t b{font-size:1.02rem}
  .stepx{font-size:2.1rem}
  .stepnav a{height:40px;padding:0 .85rem 0 .35rem;font-size:.86rem}
  .stepnav a span{width:28px;height:28px}
  .mk{padding:1rem;border-radius:var(--r-lg)}
  .mk__o{padding:.65rem .75rem;gap:.6rem}
  .mk__pay{grid-template-columns:104px minmax(0,1fr);gap:.9rem}
  .mk__qr{width:104px}
  .mk__qr::before,.mk__qr::after,.mk__qr span::before{width:26px;height:26px;box-shadow:inset 0 0 0 4px var(--ink-900),inset 0 0 0 7px #fff,inset 0 0 0 13px var(--ink-900)}
  .mk__amt{font-size:1.3rem}
  .mk__prog li{font-size:.75rem}
  .stage{padding:1.1rem .8rem;border-radius:var(--r-lg)}
  .stage .rcpt{display:block;padding:1rem}
  .ph{padding:1rem 0 1.75rem}
  .ph__in--row{align-items:stretch}
  .ph__acts{display:grid;grid-template-columns:1fr}
  .cards--3,.cards--4{grid-template-columns:1fr}
  .hsteps{grid-template-columns:1fr}
  .feats--grid{grid-template-columns:1fr}
  .cert{padding:1.3rem 1.2rem 1.2rem}
  .cert__h{max-width:13ch;font-size:1.2rem}
  .cert__stamp{width:78px;height:78px;right:.9rem;top:.9rem;font-size:.75rem}
  .rules,.cov,.habits{grid-template-columns:1fr}
  .rule{padding:1.3rem 1.25rem}
  .rule__h{font-size:1.25rem}
  .pstats{display:grid;grid-template-columns:1fr;width:100%}
  .pstats > div + div{border-left:0;border-top:1px solid var(--line)}
  .pstats > div{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;padding:.75rem 1rem}
  .pstats dd{font-size:1.2rem;text-align:right}
  .pr-nav__in{min-height:58px;gap:.6rem}
  .pr-nav__l{margin-right:-.2rem;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent)}
  .pr-nav__a{height:40px;padding:0 .85rem}
  .pr-nav__cart{height:40px;padding:0 .8rem}
  .pr-cat{padding-top:2rem}
  .pr-cat__h{font-size:1.35rem}
  .pr-cat__all{display:none}
  .pgrp__head{padding:.9rem 1rem}
  .pgrp__open{min-height:40px}
  .ptbl,.ptbl tbody,.ptbl tr,.ptbl th,.ptbl td{display:block}
  .ptbl tr{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"plan plan" "inc inc" "price act";gap:.75rem 1rem;padding:1rem}
  .ptbl th,.ptbl td{padding:0}
  .ptbl__plan{grid-area:plan;width:auto}
  .ptbl__inc{grid-area:inc}
  .ptbl__p{grid-area:price;width:auto;text-align:left !important;align-self:center}
  .ptbl__p small{display:inline;margin-left:.3rem}
  .ptbl__a{grid-area:act;width:auto;display:flex;align-items:center;justify-content:flex-end}
  .tbl,.tbl tbody,.tbl tr,.tbl th,.tbl td{display:block}
  .tbl{border:0;border-radius:0;background:none;overflow:visible}
  .tbl thead{display:none}
  .tbl tbody{display:grid;gap:.6rem}
  .tbl tr{padding:.85rem 1rem;border:1px solid var(--line);border-radius:var(--r);background:#fff}
  .tbl th,.tbl td{padding:0;border:0}
  .tbl tbody th{margin-bottom:.3rem}
  .tbl td[data-l]{display:flex;justify-content:space-between;gap:1rem;padding:.2rem 0;font-size:.9rem}
  .tbl td[data-l]::before{content:attr(data-l);color:var(--tx-3)}
  .wp__cols{grid-template-columns:1fr}
  .est__rows{padding:1rem}
  .est__head{display:none}
  .est__row{grid-template-columns:minmax(0,1fr) auto 44px;grid-template-areas:"plan plan plan" "qty sub rm";gap:.5rem .75rem;padding-bottom:.85rem;border-bottom:1px dashed var(--line-2)}
  .est__plan{grid-area:plan}
  .est__qty{grid-area:qty;max-width:120px}
  .est__sub{grid-area:sub}
  .est__rm{grid-area:rm}
  .est__tot{font-size:2.3rem}
  .form{padding:1.2rem;border-radius:var(--r-lg)}
  .topics{grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem}
  .topic__box{flex-direction:column;align-items:flex-start;gap:.5rem;padding:.7rem .75rem}
  .topic__i{width:32px;height:32px;border-radius:10px}
  .topic__t b{font-size:.88rem}
  .topic__t small{display:none}
  .inp--key{max-width:none}
  .hch{padding:2.2rem 0 2rem}
  .hch__h{font-size:2.1rem;margin-bottom:1.1rem}
  .hcs__in{height:54px;padding:0 6.4rem 0 2.8rem;font-size:16px}
  .hcs__ic{left:16px;top:27px}
  .hcs__go{height:42px;padding:0 1rem}
  .hch__pop{justify-content:flex-start;flex-wrap:nowrap;width:100%;min-width:0}
  .hch__chips{flex:1;flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;scrollbar-width:none;contain:inline-size;min-width:0;margin-right:calc(-1 * var(--gut));padding-right:var(--gut);-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent)}
  .hch__chips::-webkit-scrollbar{display:none}
  .quick{gap:.6rem}
  .quick__a{flex-direction:column;align-items:flex-start;gap:.6rem;padding:1rem}
  .quick__a small{display:none}
  .htopics{grid-template-columns:1fr}
  .doc{padding-top:1rem;padding-bottom:3.5rem}
  .art__h{font-size:1.9rem}
  .art__lead{font-size:1.04rem}
  .prose{font-size:1rem}
  .prose h2{font-size:1.3rem}
  .pn{grid-template-columns:1fr}
  .pn__a--next{grid-column:auto;text-align:left}
  .acards{grid-template-columns:1fr}
  .fqs{flex-basis:100%}
  .fq__h{font-size:1.3rem}
  .msg{max-width:94%}
  .banner__code{width:100%}
  .cartx{padding-top:1rem}
  .cempty{padding:2rem 1.1rem 1.4rem}
  .cl{grid-template-columns:48px minmax(0,1fr) auto;grid-template-areas:"lg t rm" "q q p";gap:.75rem .8rem;padding:1rem}
  .cl__lg{grid-area:lg;width:48px;height:48px;border-radius:14px}
  .cl__t{grid-area:t}
  .cl__rm{grid-area:rm;justify-self:end;align-self:start}
  .cl__q{grid-area:q;justify-self:start}
  .cl__p{grid-area:p;align-self:center}
  .xsell{padding:1rem}
  .xsell__l{grid-template-columns:minmax(0,1fr)}
  .csum{padding:1.2rem}
  .csum__tot dd{font-size:1.8rem}
  .cbar{position:fixed;left:0;right:0;bottom:0;z-index:60;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 16px calc(.75rem + env(safe-area-inset-bottom));background:rgba(255,255,255,.97);border-top:1px solid var(--line);box-shadow:0 -10px 30px -12px rgba(10,12,22,.18);transition:translate .2s var(--ease)}
  .cbar[hidden],.cbar.is-off{translate:0 110%}
  .cbar[hidden]{display:none}
  .cbar__t{display:flex;flex-direction:column;line-height:1.15}
  .cbar__t small{font-size:.76rem;color:var(--tx-3)}
  .cbar__t b{font-family:var(--display);font-size:1.35rem;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
  .cbar .btn{flex:none;height:48px;padding:0 1.4rem}
  html.has-cbar .p-cart .ft{padding-bottom:5.5rem}
  .cks{gap:.3rem}
  .cks li + li::before{width:14px}
  .cks li:not(.is-now):not(.is-done) span{display:none}
  .coinpick__l{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cpo__box{padding:.6rem .65rem;column-gap:.5rem}
  .ckc{padding:1.05rem 1rem}
  .cklines li{gap:.7rem;grid-template-columns:40px minmax(0,1fr) auto}
  .cklines__lg{width:40px;height:40px;border-radius:12px}
  .ckpay{padding:1.3rem 1.2rem}
  .ckpay .btns{display:grid;grid-template-columns:1fr}
  .cpy--glass{width:100%}
  .abpass__card{width:min(340px,100%);padding:18px 18px 16px}
  .abpass__card .hpass__chip{top:62px;right:18px;width:40px;height:30px}
  .abpass__card .hpass__price{font-size:1.5rem}
  .nums{grid-template-columns:repeat(2,minmax(0,1fr))}
  .nums > div:nth-child(4){grid-column:1 / -1;order:5}
  .nums > div:last-child{grid-column:auto}
  .indep{flex-direction:column;padding:1.3rem}
  .blcats{width:100%;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;contain:inline-size;margin-right:calc(-1 * var(--gut));padding-right:var(--gut);-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent)}
  .blcats::-webkit-scrollbar{display:none}
  .blcats__a{flex:none}
  .blf__t{padding:1.3rem 1.25rem 1.4rem}
  .blg{grid-template-columns:1fr}
  .cover--post{height:170px;border-radius:var(--r-lg)}
  .cover__row{padding:0 1rem;gap:.55rem}
  .cover__lg,.cover--lg .cover__lg,.cover--post .cover__lg{width:48px;height:48px;border-radius:14px}
  .cover--many .cover__lg{width:42px;height:42px;border-radius:12px}
  .bph__h{font-size:2rem}
  .p-post .crumbs li:last-child{display:none}
  .bph__dek{font-size:1.04rem}
  .lgtabs{display:flex;width:100%}
  .lgtabs__a{flex:1;justify-content:center;padding:0 .5rem}
  .tocd{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--bg-2)}
  .tocd > summary{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:52px;padding:.5rem 1.1rem;list-style:none;cursor:pointer;font-weight:600;color:var(--tx)}
  .tocd > summary small{font-family:var(--mono);font-size:.75rem;font-weight:600;color:var(--tx-3)}
  .tocd > summary .ic{margin-left:auto;color:var(--tx-3);transition:rotate .2s var(--ease)}
  .tocd[open] > summary .ic{rotate:180deg}
  .doc--legal .toc{padding:0 1.1rem 1rem}
  .doc--legal .toc .toc__h{display:none}
  .doc--legal .toc ol{border-left:0;grid-template-columns:1fr}
  .doc--legal .toc a{margin:0;padding:.55rem 0;border-left:0;border-top:1px solid var(--line)}
  .doc--legal .toc li:first-child a{border-top:0}
}
@media (max-width:420px){
  .mk__pay{grid-template-columns:1fr}
  .mk__qr{width:120px}
  .coinpick__l{grid-template-columns:1fr 1fr}
  .cpo__c{display:none}
}
@media (pointer:coarse),(max-width:700px){
  .cpy{height:40px}
  .toc a,.intopic a{min-height:40px;display:flex;align-items:center}
  .art__topic a{height:40px}
  .cks a{min-height:40px}
  .tbl a:not(.btn){display:inline-block;padding:.6rem 0}
  .kv a{display:inline-block;padding:.55rem 0}
  .lgtabs__a{height:40px}
  .reply__alt .lnk{min-height:40px}
  .pgrp__t a{display:inline-flex;align-items:center;min-height:40px}
  .spec__p{min-height:44px}
}
@media print{
  .hd,.brands,.msrch,.mnu,.ft,.skip,.crumbs,.doc__side,.lgtabs,.helpful,.pn,.cta,.sbar,.toast{display:none !important}
  body{background:#fff;color:#000}
  .doc{display:block;padding:0}
  .doc__main{max-width:none}
  .prose a{text-decoration:none}
}

@media (max-width:1060px){
  .ptoc{display:block;margin:0 0 1.75rem;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--bg-2)}
  .ptoc > summary{display:flex;align-items:center;gap:.55rem;min-height:52px;padding:.5rem 1.1rem;list-style:none;cursor:pointer;font-weight:600;color:var(--tx)}
  .ptoc > summary::-webkit-details-marker{display:none}
  .ptoc > summary small{font-family:var(--mono);font-size:.75rem;font-weight:600;color:var(--tx-3)}
  .ptoc > summary .ic:last-child{margin-left:auto;color:var(--tx-3);transition:rotate .2s var(--ease)}
  .ptoc[open] > summary .ic:last-child{rotate:180deg}
  .ptoc .toc{padding:0 1.1rem 1rem}
  .ptoc .toc__h{display:none}
  .ptoc .toc ol{border-left:0;grid-template-columns:1fr}
  .ptoc .toc a{margin:0;padding:.55rem 0;border-left:0;border-top:1px solid var(--line)}
  .ptoc .toc li:first-child a{border-top:0}
  .blt{grid-template-columns:minmax(0,1fr)}
  .bph__in{grid-template-columns:minmax(0,1fr);align-items:start}
  .bpc{max-width:560px}
}
@media (max-width:700px){
  .nocrumb .blh{padding-top:1.75rem}
  .blh__facts{width:100%}
  .blh__facts li{flex:1;min-width:0;padding:.6rem .7rem}
  .blh__facts b{font-size:1.15rem}
  .blt .cover--lg{height:200px;min-height:200px}
  .blt .blf__t{padding:1.2rem}
  .bll{padding:1.1rem}
  .bl__sec{margin-top:2.25rem}
  .blp{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}
  .blp__a{gap:.55rem;padding:.6rem .65rem}
  .blp__lg{width:32px;height:32px;border-radius:10px}
  .blp__a > .ic{display:none}
  .bph__by{gap:.55rem}
  .bph__cp{margin-left:0}
  .tldr{padding:1rem 1.05rem}
  .bcmp__t th[scope="row"]{min-width:0}
  .bcmp__go{text-align:left}
  .prose--post{font-size:1.02rem;line-height:1.7}
  .hanchor{display:none}
  .bcmp__t tr{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.6rem .75rem;align-items:center}
  .tbl.bcmp__t td.bcmp__pr{grid-column:2;grid-row:1;display:block;padding:0;text-align:right}
  .bcmp__t .bcmp__pr::before{display:none}
  .bcmp__t td[data-l="What you get"]{grid-column:1 / -1;display:block;padding:0}
  .bcmp__t td[data-l="What you get"]::before{display:none}
  .bcmp__go{grid-column:1 / -1}
  .bcmp__go .btn{width:100%}
  .cartx.is-empty .xsell__l{grid-template-columns:minmax(0,1fr)}
}
@media (min-width:701px) and (max-width:980px){
  .cartx.is-empty .xsell__l{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* ── 35. Pages d'un seul niveau (23/09/2026) ─────────────────────────────
   Le fil d'Ariane n'est rendu qu'à partir de deux niveaux (header.php) :
   seul, il répétait le titre dans une bande blanche, coupure nette au-dessus
   des héros sombres (.dhero, .hch), qui touchent maintenant le ruban des
   marques comme le héros de l'accueil. body.nocrumb : l'en-tête clair
   reprend l'espace, le titre garde sa place d'une page à l'autre. */
.nocrumb .ph{padding-top:3rem}
@media (max-width:1060px){.nocrumb .ph{padding-top:2.5rem}}
@media (max-width:700px){.nocrumb .ph{padding-top:1.75rem}}

/* ── 36. Paiement (23/09/2026) ────────────────────────────────────────────
   Fenêtre de paiement du checkout (#pm : centrée sur grand écran, feuille
   montante sur mobile), panneau de paiement (.pay, le même dans la fenêtre
   et sur la page de la commande), page d'une commande, liste des commandes
   du compte, bouton de paiement du checkout. */
html.pm-open{overflow:hidden}
.pm{position:fixed;inset:0;z-index:90;display:grid;place-items:center;padding:24px}
.pm[hidden]{display:none}
.pm__back{position:absolute;inset:0;background:rgba(6,7,15,.62);opacity:0;transition:opacity .18s var(--ease)}
.pm__box{position:relative;width:min(580px,100%);max-height:calc(100vh - 48px);max-height:calc(100dvh - 48px);overflow:auto;overscroll-behavior:contain;padding:1.5rem 1.5rem 1.25rem;border-radius:var(--r-xl);background:#fff;box-shadow:0 30px 80px -20px rgba(6,7,15,.55);opacity:0;translate:0 14px;transition:opacity .18s var(--ease),translate .18s var(--ease)}
.pm.is-on .pm__back{opacity:1}
.pm.is-on .pm__box{opacity:1;translate:0 0}
.pm__box:focus{outline:none}
.pm__x{position:absolute;top:.85rem;right:.85rem;z-index:1;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;border:0;background:var(--bg-2);color:var(--tx-2);cursor:pointer}
.pm__x:hover{background:var(--line);color:var(--tx)}
.pm__x:focus-visible{outline:2px solid var(--mint-ink);outline-offset:2px}
.pm__msg{margin:0 2.9rem 1rem 0;padding:.75rem .9rem;border-radius:var(--r);background:#FFF8F3;border:1px solid #F5D6C2;font-size:.9rem;font-weight:500;line-height:1.45;color:#7A2E07}
.pm__msg[hidden]{display:none}
.pm__load{display:flex;align-items:center;gap:1rem;padding:2.4rem .25rem}
.pm__load p{display:flex;flex-direction:column;gap:.2rem;margin:0}
.pm__load b{font-family:var(--display);font-weight:700;font-size:1.25rem;letter-spacing:-.02em;color:var(--tx)}
.pm__load small{font-size:.9rem;color:var(--tx-3)}
.pm__spin{flex:none;width:42px;height:42px;border-radius:50%;border:3px solid var(--mint-soft);border-top-color:var(--mint-ink);animation:pmspin .8s linear infinite}
@keyframes pmspin{to{rotate:360deg}}
.pm__err{display:grid;gap:.5rem;padding:.4rem 2.6rem .4rem 0}
.pm__err p{margin:0 0 .8rem;font-size:.95rem;line-height:1.6;color:var(--tx-2)}

/* Panneau de paiement */
.pay{display:grid;gap:1.1rem}
.is-busy > .pay{opacity:.55;pointer-events:none;transition:opacity .15s}
.pay__head{display:flex;align-items:center;gap:.9rem;padding-right:2.6rem}
.pay__coin{display:grid;place-items:center;flex:none;width:54px;height:54px;border-radius:16px;background:var(--bg-2);border:1px solid var(--line)}
.pay__ht{min-width:0}
.pay__k{margin:0 0 .15rem;overflow:hidden;font-size:.82rem;color:var(--tx-3);white-space:nowrap;text-overflow:ellipsis}
.pay__h{margin:0;font-family:var(--display);font-weight:700;font-size:1.4rem;line-height:1.2;letter-spacing:-.02em;color:var(--tx)}
.pay__steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.4rem}
.pay__steps li{display:flex;align-items:center;gap:.45rem;min-width:0;padding:.4rem .6rem;border-radius:var(--pill);background:var(--bg-2);font-size:.8rem;font-weight:600;color:var(--tx-3)}
.pay__steps i{display:grid;place-items:center;flex:none;width:22px;height:22px;border-radius:50%;background:#fff;border:1.5px solid var(--line-2);font-family:var(--mono);font-size:.7rem;font-style:normal}
.pay__steps .is-now{background:var(--ink-900);color:#fff}
.pay__steps .is-now i{background:var(--mint);border-color:var(--mint);color:var(--ink-900)}
.pay__steps .is-done{background:var(--mint-soft);color:var(--mint-ink)}
.pay__steps .is-done i{background:var(--mint);border-color:var(--mint);color:var(--ink-900)}
.pay__grid{display:grid;grid-template-columns:176px minmax(0,1fr);gap:1.15rem;align-items:center}
.pay__grid--noqr{grid-template-columns:minmax(0,1fr)}
.pay__qr{margin:0;padding:.6rem .6rem .45rem;border-radius:var(--r-lg);background:#fff;border:1px solid var(--line);box-shadow:var(--sh-1);text-align:center}
.pay__qr img{display:block;width:100%;height:auto}
.pay__qr figcaption{margin-top:.35rem;font-size:.75rem;color:var(--tx-3)}
.pay__fs{display:grid;gap:.8rem;margin:0;min-width:0}
.pay__f dt{margin:0 0 .3rem;font-family:var(--mono);font-size:.72rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--tx-3)}
.pay__f dd{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem .6rem;margin:0}
.pay__amt{font-family:var(--display);font-size:1.55rem;letter-spacing:-.02em;color:var(--tx);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.pay__amt small{font-size:.9rem;font-weight:600;color:var(--tx-3)}
.pay__addr{flex:1 1 210px;min-width:0;padding:.55rem .7rem;border-radius:10px;background:var(--bg-2);border:1px solid var(--line);font-family:var(--mono);font-size:.82rem;line-height:1.45;color:var(--tx);overflow-wrap:anywhere;-webkit-user-select:all;user-select:all}
.pay__f--warn dt{color:#B54708}
.pay__f--warn .pay__addr{background:#FFF8F3;border-color:#F5D6C2}
.pay__live{display:flex;align-items:center;gap:.85rem;padding:.8rem .95rem;border-radius:var(--r);background:var(--ink-900);color:var(--od)}
.pay__pulse{position:relative;flex:none;width:12px;height:12px;border-radius:50%;background:var(--mint)}
.pay__pulse::after{content:"";position:absolute;inset:-5px;border-radius:50%;border:2px solid var(--mint);animation:paypulse 1.6s var(--ease) infinite}
@keyframes paypulse{0%{scale:.6;opacity:.8}100%{scale:1.7;opacity:0}}
.pay__lt{display:flex;flex-direction:column;flex:1;min-width:0;line-height:1.3}
.pay__lt b{font-size:.95rem;font-weight:600;color:#fff}
.pay__lt small{font-size:.8rem;color:var(--od-3)}
.pay__timer{display:inline-flex;align-items:center;gap:.35rem;flex:none;padding:.3rem .65rem;border-radius:var(--pill);background:rgba(255,255,255,.08);font-family:var(--mono);font-size:.92rem;font-weight:600;color:#fff;font-variant-numeric:tabular-nums}
.pay__timer.is-low{background:rgba(255,160,90,.18);color:#FFB27A}
.pay__tips{display:grid;gap:.35rem;margin:0;padding-left:1.1rem;list-style:disc;font-size:.86rem;line-height:1.5;color:var(--tx-3)}
.pay__tips b{color:var(--tx-2)}
.pay__acts{display:flex;flex-wrap:wrap;gap:.5rem}
.pay__coins{padding:.9rem;border-radius:var(--r-lg);background:var(--bg-2);border:1px solid var(--line)}
.pay__coins[hidden]{display:none}
.pay__cl{margin:0 0 .6rem;font-size:.9rem;font-weight:600;color:var(--tx)}
.pay__cg{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.45rem}
.pay__cb{display:flex;align-items:center;gap:.5rem;min-width:0;min-height:48px;padding:.45rem .55rem;border-radius:12px;border:1.5px solid var(--line-2);background:#fff;text-align:left;cursor:pointer;transition:border-color .15s}
.pay__cb:hover{border-color:var(--ink-900)}
.pay__cb:focus-visible{outline:2px solid var(--mint-ink);outline-offset:2px}
.pay__cb.is-cur{border-color:var(--mint-ink);background:var(--mint-soft)}
.pay__cb img{flex:none}
.pay__cb span{display:flex;flex-direction:column;min-width:0;line-height:1.15}
.pay__cb b{font-size:.85rem}
.pay__cb small{overflow:hidden;font-size:.72rem;color:var(--tx-3);white-space:nowrap;text-overflow:ellipsis}
.pay__note{display:flex;align-items:flex-start;gap:.55rem;margin:0;padding:.75rem .9rem;border-radius:var(--r);font-size:.9rem;line-height:1.5}
.pay__note .ic{flex:none;margin-top:.15rem}
.pay__note--warn{background:#FFF8F3;border:1px solid #F5D6C2;color:#7A2E07}
.pay__state{display:grid;justify-items:start;gap:.6rem;padding:.3rem 0}
.pay__state p{margin:0;font-size:.95rem;line-height:1.6;color:var(--tx-2)}
.pay__state p.pay__small{font-size:.86rem;color:var(--tx-3)}
.pay__state .btns{margin-top:.4rem}
.pay__state .pay__coins{justify-self:stretch}
.pay__sh{margin:0;font-family:var(--display);font-weight:700;font-size:1.15rem;letter-spacing:-.01em;color:var(--tx)}
.pay__si{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:var(--bg-2);color:var(--tx-2)}
.pay__si .ic{width:24px;height:24px}
.pay__si--spin{background:var(--mint-soft);color:var(--mint-ink)}
.pay__si--spin .ic{animation:pmspin 1.6s linear infinite}
.pay__si--done{width:64px;height:64px;background:var(--mint);color:var(--ink-900);box-shadow:0 0 0 8px var(--mint-soft)}
.pay__si--done .ic{width:30px;height:30px;stroke-width:2.5}
.pay__foot{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.4rem;margin:0;padding-top:.9rem;border-top:1px solid var(--line);font-size:.8rem;color:var(--tx-3);text-align:center}
.pay__foot a{color:var(--tx-2);text-decoration:underline;text-underline-offset:3px}
.btn.is-busy{opacity:.75;pointer-events:none}

/* Checkout : le bouton de paiement */
.ckgo{position:relative;display:grid;justify-items:start;gap:.75rem;margin-top:1.3rem}
.ckgo .btn[disabled]{opacity:.5;box-shadow:none;cursor:not-allowed}
.ckpay p.ckgo__s{display:flex;align-items:center;gap:.45rem;margin:0;font-size:.84rem;color:var(--od-3)}
.ckpay p.ckpay__err{display:flex;align-items:flex-start;gap:.5rem;margin-top:1rem;padding:.7rem .85rem;border-radius:var(--r);background:rgba(255,120,80,.12);border:1px solid rgba(255,140,100,.35);color:#FFD2BF}
.ck__ok{margin-top:1rem}

/* Page d'une commande */
.ord{padding:1.25rem 0 5rem}
.ord__err{margin:0 0 1.25rem}
.ord__head{display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;gap:1rem 2rem;margin-bottom:1.5rem}
.ord__h{margin-bottom:.3em}
.ord__meta{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem 1rem;margin:0;font-size:.92rem;color:var(--tx-3)}
.ord__grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:1.5rem 2.5rem;align-items:start}
.ord__main{display:grid;gap:1.25rem;min-width:0}
.ord__pay{padding:1.5rem;border-radius:var(--r-xl);background:#fff;border:1px solid var(--line);box-shadow:var(--sh-2)}
.ord__pay .pay__head{padding-right:0}
.ord__help{margin-top:.85rem}
.otl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem}
.otl li{display:flex;align-items:center;gap:.6rem;min-width:0;padding:.7rem .8rem;border-radius:var(--r);background:#fff;border:1px solid var(--line)}
.otl i{display:grid;place-items:center;flex:none;width:28px;height:28px;border-radius:50%;border:1.5px solid var(--line-2);font-family:var(--mono);font-size:.75rem;font-style:normal;color:var(--tx-3)}
.otl span{display:flex;flex-direction:column;min-width:0;line-height:1.3}
.otl b{font-size:.92rem}
.otl small{font-size:.76rem;color:var(--tx-3)}
.otl .is-done{background:var(--mint-soft);border-color:var(--mint-line)}
.otl .is-done i{background:var(--mint);border-color:var(--mint);color:var(--ink-900)}
.ocard{display:flex;align-items:flex-start;gap:1rem;padding:1.4rem;border-radius:var(--r-xl);background:#fff;border:1px solid var(--line);box-shadow:var(--sh-1)}
.ocard--prep{border-color:var(--mint-line);background:linear-gradient(180deg,#fff 40%,var(--mint-soft))}
.ocard__i{display:grid;place-items:center;flex:none;width:48px;height:48px;border-radius:14px;background:var(--ink-900);color:var(--mint)}
.ocard__h{margin:0 0 .4rem;font-family:var(--display);font-weight:700;font-size:1.25rem;letter-spacing:-.02em;color:var(--tx)}
.ocard p{margin:0;font-size:.95rem;line-height:1.6;color:var(--tx-2)}
.ocard p + p{margin-top:.55rem}
.ocard p.ocard__s{display:flex;align-items:center;gap:.5rem;font-size:.86rem;color:var(--tx-3)}
.ocard a,.dlv__head a{color:var(--tx);font-weight:600;text-decoration:underline;text-decoration-color:var(--mint);text-decoration-thickness:2px;text-underline-offset:3px}
.dlv{display:grid;gap:1rem}
.dlv__head p{margin:0;font-size:.95rem;line-height:1.6;color:var(--tx-2)}
.dlv__seat{padding:1.2rem 1.3rem;border-radius:var(--r-xl);background:#fff;border:1px solid var(--line);box-shadow:var(--sh-1)}
.dlv__sh{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin-bottom:.85rem}
.dlv__sh b{font-family:var(--display);font-size:1.1rem;color:var(--tx)}
.dlv__sh small{font-size:.8rem;color:var(--tx-3)}
.dlv__f{display:grid;gap:.6rem;margin:0}
.dlv__f > div{display:grid;grid-template-columns:150px minmax(0,1fr);align-items:center;gap:.8rem}
.dlv__f dt{font-size:.86rem;color:var(--tx-3)}
.dlv__f dd{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;margin:0}
.dlv__v{flex:1 1 180px;min-width:0;padding:.5rem .7rem;border-radius:10px;background:var(--bg-2);border:1px solid var(--line);font-family:var(--mono);font-size:.86rem;color:var(--tx);overflow-wrap:anywhere}
.dlv__v.is-masked{color:transparent;text-shadow:0 0 8px rgba(10,12,22,.5);-webkit-user-select:none;user-select:none}
.dlv__show{height:34px;padding:0 .85rem;border-radius:var(--pill);border:1px solid var(--line-2);background:#fff;font-size:.82rem;font-weight:600;color:var(--tx-2);cursor:pointer}
.dlv__show:hover{border-color:var(--tx-4);color:var(--tx)}
.dlv__note{display:flex;align-items:flex-start;gap:.45rem;margin:.85rem 0 0;font-size:.86rem;line-height:1.5;color:var(--tx-3)}
.olines{display:grid;gap:.65rem;margin:0 0 .85rem}
.olines li{display:flex;align-items:center;gap:.7rem}
.olines__lg{display:grid;place-items:center;flex:none;width:36px;height:36px;border-radius:10px;background:#fff;border:1px solid var(--line)}
.olines__t{display:flex;flex-direction:column;flex:1;min-width:0;line-height:1.3}
.olines__t b{font-size:.92rem;color:var(--tx)}
.olines__t small{font-size:.78rem;color:var(--tx-3)}
.olines__p{font-weight:700;color:var(--tx);font-variant-numeric:tabular-nums}
.sidec p.olines__tot{display:flex;align-items:baseline;justify-content:space-between;margin:0;padding-top:.75rem;border-top:1px solid var(--line);font-size:.9rem;color:var(--tx-3)}
.olines__tot b{font-size:1.15rem;color:var(--tx)}
.sidec p.olines__tx{margin:.5rem 0 0;font-size:.8rem}

/* Pastilles d'état des commandes */
.opill{display:inline-flex;align-items:center;height:26px;padding:0 .7rem;border-radius:var(--pill);font-size:.78rem;font-weight:700;white-space:nowrap}
.opill--wait{background:#FFF4E5;color:#B54708}
.opill--warn{background:#FEF3F2;color:#B42318}
.opill--ok{background:var(--mint-soft);color:var(--mint-ink)}
.opill--done{background:var(--ink-900);color:var(--mint)}
.opill--muted{background:var(--bg-2);color:var(--tx-3)}

@media (max-width:1060px){
  .ord__grid{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:700px){
  .pm{place-items:end center;padding:0}
  .pm__box{width:100%;max-height:94vh;max-height:94dvh;padding:1.2rem 1rem calc(1.2rem + env(safe-area-inset-bottom));border-radius:22px 22px 0 0;translate:0 28px}
  .pay__grid{grid-template-columns:minmax(0,1fr);justify-items:center}
  .pay__qr{width:196px}
  .pay__fs{width:100%}
  .pay__h{font-size:1.2rem}
  .pay__cg{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pay__steps li{justify-content:center;padding:.4rem .3rem;font-size:.76rem}
  .ckgo .btn{width:100%}
  .ord{padding-bottom:3.5rem}
  .ord__pay{padding:1.1rem}
  .otl{gap:.4rem}
  .otl li{flex-direction:column;align-items:flex-start;gap:.4rem;padding:.6rem .65rem}
  .otl i{width:24px;height:24px}
  .otl b{font-size:.84rem}
  .otl small{font-size:.7rem}
  .ocard{padding:1.1rem}
  .dlv__f > div{grid-template-columns:minmax(0,1fr);gap:.3rem}
  .dlv__v{flex-basis:120px}
}
@media (pointer:coarse),(max-width:700px){
  .dlv__show{height:40px}
  .bph a.blmeta__c{position:relative}
  .bph a.blmeta__c::after{content:"";position:absolute;inset:-8px -4px}
}
@media (prefers-reduced-motion:reduce){
  .pm__back,.pm__box{transition:none}
  .pm__spin,.pay__si--spin .ic,.pay__pulse::after{animation:none}
}

/* ── 37. Espace client (23/09/2026) ───────────────────────────────────────
   Cadre commun de /account, /account/orders(/AS-…), /account/tickets,
   /account/settings (inc/account_ui.php) : menu latéral collant, puis sur
   mobile une barre d'onglets défilante. */
.acx{padding:2.25rem 0 5rem}
.acx__in{display:grid;grid-template-columns:260px minmax(0,1fr);gap:2.5rem;align-items:start}
.acx__side{position:sticky;top:calc(var(--bar-h) + 20px);display:grid;gap:.4rem;padding:.9rem;border-radius:var(--r-xl);background:#fff;border:1px solid var(--line);box-shadow:var(--sh-1)}
.acx__me{display:flex;align-items:center;gap:.7rem;padding:.35rem .35rem .85rem;border-bottom:1px solid var(--line);margin-bottom:.3rem;min-width:0}
.acx__av{display:grid;place-items:center;flex:none;width:40px;height:40px;border-radius:50%;background:var(--ink-900);color:var(--mint);font-family:var(--display);font-weight:700;font-size:1.05rem}
.acx__who{display:flex;flex-direction:column;min-width:0;line-height:1.3}
.acx__who b{overflow:hidden;font-size:.9rem;color:var(--tx);white-space:nowrap;text-overflow:ellipsis}
.acx__who small{font-size:.78rem;color:var(--tx-3)}
.acx__nav ul{display:grid;gap:.15rem}
.acx__a{display:flex;align-items:center;gap:.65rem;min-height:44px;padding:0 .75rem;border-radius:12px;font-size:.94rem;font-weight:600;color:var(--tx-2);transition:background .15s,color .15s}
.acx__a:hover{background:var(--bg-2);color:var(--tx)}
.acx__a .ic{color:var(--tx-3)}
.acx__a.is-on{background:var(--mint-soft);color:var(--tx)}
.acx__a.is-on .ic{color:var(--mint-ink)}
.acx__a span{flex:1}
.acx__n{display:grid;place-items:center;min-width:22px;height:22px;padding:0 .4rem;border-radius:var(--pill);background:var(--ink-900);color:var(--mint);font-size:.74rem;font-weight:700}
.acx__foot{display:grid;gap:.15rem;margin-top:.3rem;padding-top:.5rem;border-top:1px solid var(--line)}
.acx__help,.acx__out{display:flex;align-items:center;gap:.65rem;width:100%;min-height:40px;padding:0 .75rem;border:0;border-radius:12px;background:none;font-size:.88rem;font-weight:500;color:var(--tx-3);cursor:pointer;text-align:left}
.acx__help:hover,.acx__out:hover{background:var(--bg-2);color:var(--tx)}
.acx__foot .lgo{display:block}
.acx__main{display:grid;gap:1.9rem;min-width:0}
.acx__head{display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;gap:1rem 2rem}
.acx__head .kicker{margin-bottom:.55rem}
.acx__h{margin:0;font-family:var(--display);font-weight:700;font-size:clamp(1.8rem,1.2vw + 1.3rem,2.35rem);line-height:1.1;letter-spacing:-.03em;color:var(--tx)}
.acx__lead{margin:.45rem 0 0;font-size:1rem;line-height:1.55;color:var(--tx-3)}
.acx__lead b{color:var(--tx);font-weight:600;overflow-wrap:anywhere}
.acx__acts{display:flex;flex-wrap:wrap;gap:.6rem}
.acx__sec{display:grid;gap:.9rem}
.acx__row{display:flex;align-items:baseline;justify-content:space-between;gap:1rem}
.acx__sh{margin:0;font-family:var(--display);font-weight:700;font-size:1.2rem;letter-spacing:-.015em;color:var(--tx)}
.acx__row .lnk{font-size:.88rem}
.acx__empty{display:grid;justify-items:center;gap:.7rem;padding:2.2rem 1.5rem;border-radius:var(--r-xl);background:#fff;border:1px dashed var(--line-2);text-align:center}
.acx__empty p{margin:0;max-width:48ch;font-size:.95rem;line-height:1.6;color:var(--tx-3)}
.acx__empty p b{color:var(--tx)}
.acx__empty--row{display:flex;align-items:center;justify-content:flex-start;gap:1rem;padding:1.1rem 1.25rem;text-align:left}
.acx__empty--row p{flex:1}
.acx__ei{display:grid;place-items:center;flex:none;width:48px;height:48px;border-radius:14px;background:var(--mint-soft);color:var(--mint-ink)}

/* À traiter */
.attn{display:grid;gap:.6rem}
.attn__i{position:relative;display:flex;align-items:center;gap:.9rem;padding:.95rem 1.1rem;border-radius:var(--r-lg);background:#fff;border:1px solid var(--line);box-shadow:var(--sh-1);overflow:hidden}
.attn__i::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--mint)}
.attn__i--wait::before{background:#F79009}
.attn__i--warn::before{background:#F04438}
.attn__ic{display:grid;place-items:center;flex:none;width:42px;height:42px;border-radius:12px;background:var(--bg-2);color:var(--tx-2)}
.attn__i--wait .attn__ic{background:#FFF4E5;color:#B54708}
.attn__i--warn .attn__ic{background:#FEF3F2;color:#B42318}
.attn__i--ok .attn__ic{background:var(--mint-soft);color:var(--mint-ink)}
.attn__t{display:flex;flex-direction:column;flex:1;min-width:0;line-height:1.35}
.attn__t b{font-size:.95rem;color:var(--tx)}
.attn__t small{font-size:.84rem;color:var(--tx-3)}
.attn__i .btn{flex:none}

/* Chiffres */
.kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem}
.kpis li{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:.75rem;align-items:center;padding:1rem 1.1rem;border-radius:var(--r-lg);background:#fff;border:1px solid var(--line)}
.kpis__i{grid-row:1 / 3;display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:var(--bg-2);color:var(--tx-2)}
.kpis b{font-family:var(--display);font-size:1.5rem;line-height:1.1;color:var(--tx);font-variant-numeric:tabular-nums}
.kpis small{font-size:.8rem;color:var(--tx-3)}

/* Abonnements actifs */
.subs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem}
.sub{display:grid;gap:.75rem;padding:1.15rem 1.2rem;border-radius:var(--r-xl);background:#fff;border:1px solid var(--line);box-shadow:var(--sh-1)}
.sub--soon{border-color:#FEC84B;background:linear-gradient(180deg,#fff 55%,#FFFAEB)}
.sub__top{display:flex;align-items:center;gap:.75rem;min-width:0}
.sub__lg{display:grid;place-items:center;flex:none;width:44px;height:44px;border-radius:12px;background:#fff;border:1px solid var(--line)}
.sub__t{display:flex;flex-direction:column;flex:1;min-width:0;line-height:1.3}
.sub__t b{overflow:hidden;font-size:1rem;color:var(--tx);white-space:nowrap;text-overflow:ellipsis}
.sub__t small{overflow:hidden;font-size:.8rem;color:var(--tx-3);white-space:nowrap;text-overflow:ellipsis}
.sub__bar{display:block;width:100%;height:6px;border:0;border-radius:var(--pill);background:var(--bg-2);color:var(--mint-ink);overflow:hidden;-webkit-appearance:none;appearance:none}
.sub__bar::-webkit-progress-bar{background:var(--bg-2);border-radius:var(--pill)}
.sub__bar::-webkit-progress-value{background:var(--mint-ink);border-radius:var(--pill)}
.sub__bar::-moz-progress-bar{background:var(--mint-ink);border-radius:var(--pill)}
.sub--soon .sub__bar::-webkit-progress-value{background:#F79009}
.sub--soon .sub__bar::-moz-progress-bar{background:#F79009}
.sub__d{margin:0;font-size:.86rem;color:var(--tx-3)}
.sub__d b{color:var(--tx)}
.sub__acts{display:flex;flex-wrap:wrap;gap:.5rem}

/* Listes de commandes */
.orows{display:grid;gap:.55rem}
.orow{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto auto;align-items:center;gap:.9rem;padding:.85rem 1rem;border-radius:var(--r-lg);background:#fff;border:1px solid var(--line);color:var(--tx);transition:border-color .15s,box-shadow .15s}
.orow:hover{border-color:var(--line-2);box-shadow:var(--sh-1)}
.orow--wait{border-color:#FEDF89}
.orow__lg{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#fff;border:1px solid var(--line)}
.orow__t{display:flex;flex-direction:column;min-width:0;line-height:1.35}
.orow__t b{overflow:hidden;font-size:.94rem;white-space:nowrap;text-overflow:ellipsis}
.orow__t small{font-size:.8rem;color:var(--tx-3)}
.orow__p{font-weight:700;font-variant-numeric:tabular-nums}
.orow__go{display:inline-flex;align-items:center;gap:.3rem;min-width:84px;justify-content:flex-end;font-size:.86rem;font-weight:600;color:var(--tx-2)}
.orow__go--pay{color:#B54708}
.orow:hover .orow__go .ic{translate:3px 0}
.orow__go .ic{transition:translate .15s var(--ease)}
.ftabs{display:flex;flex-wrap:wrap;gap:.45rem}
.ftabs__a{display:inline-flex;align-items:center;gap:.4rem;min-height:40px;padding:0 1rem;border-radius:var(--pill);border:1.5px solid var(--line-2);background:#fff;font-size:.9rem;font-weight:600;color:var(--tx-2)}
.ftabs__a small{font-size:.76rem;color:var(--tx-3)}
.ftabs__a:hover{border-color:var(--tx-4);color:var(--tx)}
.ftabs__a.is-on{background:var(--ink-900);border-color:var(--ink-900);color:#fff}
.ftabs__a.is-on small{color:var(--mint)}

/* Compte neuf */
.onb{grid-template-columns:minmax(0,1.3fr) minmax(0,.9fr);align-items:start;gap:1rem}
.onb__card{display:grid;gap:1.1rem;padding:1.5rem;border-radius:var(--r-xl);background:var(--ink-900);color:var(--od);box-shadow:var(--sh-2)}
.onb__h{margin:0;font-family:var(--display);font-weight:700;font-size:1.3rem;line-height:1.25;letter-spacing:-.02em;color:#fff}
.onb__steps{display:grid;gap:.7rem}
.onb__steps li{display:grid;grid-template-columns:auto 1fr;column-gap:.8rem;align-items:center}
.onb__steps span{grid-row:1 / 3;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--mint);color:var(--ink-900);font-family:var(--mono);font-weight:700;font-size:.85rem}
.onb__steps b{color:#fff;font-size:.95rem}
.onb__steps small{font-size:.84rem;color:var(--od-3)}
.onb__card .btn--line{background:transparent;border-color:rgba(255,255,255,.28);color:#fff}
.onb__card .btn--line:hover{background:rgba(255,255,255,.08);color:#fff}
.onb__card .btn--ink{background:var(--mint);border-color:var(--mint);color:var(--ink-900)}
.onb__pop{padding:1.1rem;border-radius:var(--r-xl);background:#fff;border:1px solid var(--line)}
.onb__ph{margin:0 0 .6rem;font-family:var(--mono);font-size:.74rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--tx-3)}

/* Raccourcis */
.qlinks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}
.qlinks a{display:flex;align-items:center;gap:.8rem;padding:.9rem 1rem;border-radius:var(--r-lg);background:#fff;border:1px solid var(--line);color:var(--tx);transition:border-color .15s,box-shadow .15s}
.qlinks a:hover{border-color:var(--line-2);box-shadow:var(--sh-1)}
.qlinks a > .ic{flex:none;width:22px;height:22px;color:var(--mint-ink)}
.qlinks span{display:flex;flex-direction:column;min-width:0;line-height:1.3}
.qlinks b{font-size:.92rem}
.qlinks small{font-size:.8rem;color:var(--tx-3)}

/* Tickets */

/* Réglages */
.sets{display:grid;gap:1rem}
.set{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.6fr);gap:1.25rem 2rem;padding:1.4rem 1.5rem;border-radius:var(--r-xl);background:#fff;border:1px solid var(--line);box-shadow:var(--sh-1)}
.set__h{margin:0 0 .35rem;font-family:var(--display);font-weight:700;font-size:1.1rem;color:var(--tx)}
.set__side p{margin:0;font-size:.88rem;line-height:1.55;color:var(--tx-3)}
.set__f{display:grid;gap:.9rem;min-width:0}
.set__f .form__err{margin:0}
.set__now{display:flex;align-items:baseline;gap:.6rem;margin:0;font-size:.9rem}
.set__now span{color:var(--tx-3)}
.set__now b{overflow-wrap:anywhere}
.set__row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem}
.set__go{display:flex;align-items:center;flex-wrap:wrap;gap:.9rem}
.set__go .lnk{font-size:.88rem}
.set__f--inline{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}
.set__dev{display:flex;align-items:center;gap:.75rem;margin:0}
.set__devi{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:var(--bg-2);color:var(--tx-2)}
.set__dev span:last-child{display:flex;flex-direction:column;line-height:1.3}
.set__dev small{font-size:.82rem;color:var(--tx-3)}
.set--danger{border-color:#FECDCA}
.set--danger .set__h{color:#B42318}
.set__ok{padding-top:0;border-top:0}
.btn--danger{background:#D92D20;border-color:#D92D20;color:#fff}
.btn--danger:hover{background:#B42318;border-color:#B42318;color:#fff}
.btn[disabled]{opacity:.5;cursor:not-allowed}

/* Page d'une commande dans le cadre */
.acx .ord{padding:0;display:grid;gap:1.25rem}
.ord__back{display:inline-flex;align-items:center;gap:.3rem;justify-self:start;min-height:40px;font-size:.88rem;font-weight:600;color:var(--tx-3)}
.ord__back:hover{color:var(--tx)}
.ord__back .ic{rotate:90deg}
.acx .ord__head{margin-bottom:0}
.acx .ord__h{margin:0 0 .35rem;font-family:var(--display);font-weight:700;font-size:clamp(1.8rem,1.2vw + 1.3rem,2.35rem);letter-spacing:-.03em;color:var(--tx)}
.acx .ord__grid{grid-template-columns:minmax(0,1fr) 300px;gap:1.25rem 1.75rem}
.ckrenew{display:flex;align-items:flex-start;gap:.6rem;margin:0;padding:.85rem 1rem;border-radius:var(--r);background:var(--mint-soft);border:1px solid var(--mint-line);font-size:.92rem;line-height:1.5;color:var(--tx-2)}
.ckrenew .ic{flex:none;margin-top:.15rem;color:var(--mint-ink)}
.ckrenew b{color:var(--tx)}

@media (max-width:1180px){
  .acx .ord__grid{grid-template-columns:minmax(0,1fr)}
  .kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:980px){
  .acx{padding-top:1.25rem}
  .acx__in{grid-template-columns:minmax(0,1fr);gap:1.5rem}
  .acx__side{position:static;grid-template-columns:minmax(0,1fr);padding:.6rem;gap:.2rem}
  .acx__me{padding:.3rem .3rem .6rem}
  .acx__nav{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;contain:inline-size}
  .acx__nav::-webkit-scrollbar{display:none}
  .acx__nav ul{display:flex;gap:.3rem;width:max-content}
  .acx__a{white-space:nowrap}
  .acx__foot{display:flex;flex-wrap:wrap;margin-top:.2rem;padding-top:.35rem}
  .acx__foot > *{flex:1}
  .subs,.onb,.qlinks{grid-template-columns:minmax(0,1fr)}
  .set{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:700px){
  .acx__h,.acx .ord__h{font-size:1.75rem}
  .attn__i{flex-wrap:wrap}
  .attn__i .btn{width:100%}
  .orow{grid-template-columns:auto minmax(0,1fr) auto;row-gap:.35rem}
  .orow .opill{grid-column:2;justify-self:start}
  .orow__p{grid-column:3;grid-row:1}
  .orow__go{display:none}
  .set{padding:1.15rem}
  .set__row{grid-template-columns:minmax(0,1fr)}
  .set__go .btn,.set__f--inline .btn{width:100%}
  .kpis li{padding:.85rem}
  .kpis b{font-size:1.3rem}
}

/* ── 38. Support et commande (refaits le 23/09/2026) ─────────────────────
   Le ticket est le seul canal, réservé aux clients qui ont payé une
   commande : liste des fils (.tkl/.tkr), nouveau ticket (.tkn : sujets,
   choix de la commande .opk, mises en garde), fil (.tkv), support fermé
   (.slock), récupération de compte (.rcv), page de commande (.ord :
   en-tête, étapes, préparation, identifiants, aide, annulation .ocx, reçu
   imprimé .rcpt), paiement échu (.pay__late), équipe (.bizo). */
.opill--new{position:relative;padding-left:1.35rem;background:var(--mint);color:var(--ink-900)}
.opill--new::before{content:"";position:absolute;left:.6rem;top:50%;width:6px;height:6px;margin-top:-3px;border-radius:50%;background:var(--ink-900)}
/* Liste des fils */
.tkl{display:grid;gap:.55rem;margin-top:1.1rem}
.tkr{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:.95rem;padding:.95rem 1.05rem;border-radius:var(--r-lg);background:#fff;border:1px solid var(--line);color:var(--tx);transition:border-color .15s,box-shadow .15s}
.tkr:hover{border-color:var(--line-2);box-shadow:var(--sh-1)}
.tkr > .ic{color:var(--tx-4)}
.tkr--new{border-color:var(--mint-line);background:linear-gradient(90deg,var(--mint-soft),#fff 45%)}
.tkr--done{background:var(--bg-2)}
.tkr--done .tkr__t b{color:var(--tx-2)}
.tkr__ic{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:var(--bg-2);color:var(--tx-2)}
.tkr--new .tkr__ic{background:var(--ink-900);color:var(--mint)}
.tkr__t{display:flex;flex-direction:column;gap:.15rem;min-width:0;line-height:1.35}
.tkr__t b{overflow:hidden;font-size:.96rem;white-space:nowrap;text-overflow:ellipsis}
.tkr__t small{font-size:.8rem;color:var(--tx-3)}
.tkr__code{font-family:var(--mono);font-size:.76rem}
.tkr__p{overflow:hidden;font-size:.84rem;color:var(--tx-2);white-space:nowrap;text-overflow:ellipsis}
.tkr__p i{font-style:normal;font-weight:600;color:var(--tx)}
.tkr__s{display:flex;flex-direction:column;align-items:flex-end;gap:.3rem}
.tkr__s small{font-size:.76rem;color:var(--tx-3);white-space:nowrap}
.tkx0{display:flex;align-items:center;gap:1.1rem;padding:1.4rem 1.5rem;border-radius:var(--r-xl);background:#fff;border:1px dashed var(--line-2)}
.tkx0__i{display:grid;place-items:center;flex:none;width:52px;height:52px;border-radius:16px;background:var(--mint-soft);color:var(--mint-ink)}
.tkx0__t{flex:1;min-width:0}
.tkx0__h{margin:0 0 .25rem;font-family:var(--display);font-weight:700;font-size:1.15rem;color:var(--tx)}
.tkx0__t p{margin:0;font-size:.93rem;line-height:1.55;color:var(--tx-3)}
.tkx__foot{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:1rem;margin-top:1.75rem}
.tkx__foot .sidec + .sidec{margin-top:0}
/* Support fermé (pas encore de commande payée) */
.slock{display:grid;gap:1rem}
.slock__card{display:grid;grid-template-columns:auto minmax(0,1fr);gap:1rem 1.1rem;align-items:start;padding:1.4rem 1.5rem;border-radius:var(--r-xl);background:#fff;border:1px solid var(--line);box-shadow:var(--sh-1)}
.slock__i{display:grid;place-items:center;width:52px;height:52px;border-radius:16px;background:var(--ink-900);color:var(--mint)}
.slock__h{margin:0 0 .3rem;font-family:var(--display);font-weight:700;font-size:1.2rem;letter-spacing:-.015em;color:var(--tx)}
.slock__t p{margin:0;font-size:.94rem;line-height:1.55;color:var(--tx-3)}
.slock__card > .attn,.slock__card > .btns{grid-column:1 / -1}
.slock__hh{margin:.4rem 0 0;font-weight:700;font-size:.95rem;color:var(--tx)}
.slock__help{display:grid;gap:.6rem}
/* Nouveau ticket */
.tkn{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:1.75rem;align-items:start}
.tkn__form{padding:1.4rem 1.5rem 1.5rem;border-radius:var(--r-xl);background:#fff;border:1px solid var(--line);box-shadow:var(--sh-1)}
.tkn__side{position:sticky;top:calc(var(--bar-h) + 20px)}
.fset__o{margin-left:.35rem;font-family:var(--body);font-size:.78rem;font-weight:500;letter-spacing:0;text-transform:none;color:var(--tx-3)}
.fset[hidden]{display:none}
.opk{display:grid;gap:.45rem}
.opk--scroll{max-height:372px;overflow-y:auto;padding:2px 6px 2px 2px;overscroll-behavior:contain}
.opk__o{position:relative;display:block;cursor:pointer}
.opk__o[hidden]{display:none}
.opk__o input{position:absolute;opacity:0;width:1px;height:1px}
.opk__box{display:flex;align-items:center;gap:.75rem;padding:.65rem .8rem;border-radius:var(--r);border:1.5px solid var(--line);background:#fff;transition:border-color .15s,background-color .15s,opacity .15s}
.opk__o:hover .opk__box{border-color:var(--tx-4)}
.opk__o input:checked + .opk__box{border-color:var(--ink-900);background:var(--mint-soft);box-shadow:0 0 0 3px rgba(60,242,165,.18)}
.opk__o input:focus-visible + .opk__box{outline:2px solid var(--mint-ink);outline-offset:3px}
.opk__o.is-dim .opk__box{opacity:.5}
.opk__o.is-dim input:checked + .opk__box{opacity:1}
.opk__lg{display:grid;place-items:center;flex:none;width:38px;height:38px;border-radius:11px;background:#fff;border:1px solid var(--line);color:var(--tx-3)}
.opk__t{display:flex;flex-direction:column;flex:1;min-width:0;line-height:1.3}
.opk__t b{overflow:hidden;font-size:.92rem;white-space:nowrap;text-overflow:ellipsis}
.opk__t small{font-size:.78rem;color:var(--tx-3)}
.tkn__note{display:grid;justify-items:start;gap:.6rem;margin-top:.85rem;padding:.85rem 1rem;border-radius:var(--r);background:#FFF8EB;border:1px solid #F8DDB0}
.tkn__note[hidden]{display:none}
.tkn__note p{margin:0;font-size:.9rem;line-height:1.5;color:var(--tx-2)}
.tkn__go{display:flex;align-items:center;flex-wrap:wrap;gap:.75rem 1.25rem;margin-top:1.4rem}
.tkn__go p{flex:1 1 260px;margin:0;font-size:.82rem;line-height:1.5;color:var(--tx-3)}
.tkn__go a{color:var(--tx-2);text-decoration:underline;text-underline-offset:3px}
.tkn__steps{display:grid;gap:.6rem;margin:0;padding-left:1.1rem;list-style:decimal;font-size:.88rem;line-height:1.5;color:var(--tx-3)}
.tkn__steps li::marker{font-weight:700;color:var(--mint-ink)}
.tkn__steps b{color:var(--tx)}
/* Le fil */
.tkv{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:1.75rem;align-items:start}
.tkv__main{min-width:0}
.tkv__head{margin-bottom:1.4rem}
.tkv__meta{display:flex;align-items:center;flex-wrap:wrap;gap:.55rem;margin:0 0 .7rem}
.tkv__code{display:inline-flex;align-items:center;gap:.2rem;height:30px;padding:0 .2rem 0 .75rem;border-radius:var(--pill);background:var(--bg-2);border:1px solid var(--line);font-family:var(--mono);font-size:.8rem;font-weight:600;color:var(--tx-2)}
.tkv__code .cpy{height:26px}
.tkv__h{margin:0 0 .45rem;font-family:var(--display);font-weight:700;font-size:clamp(1.6rem,1.2vw + 1.15rem,2.15rem);line-height:1.12;letter-spacing:-.03em;color:var(--tx);overflow-wrap:anywhere}
.tkv__sub{display:flex;align-items:center;flex-wrap:wrap;gap:.35rem 1.1rem;margin:0;font-size:.88rem;color:var(--tx-3)}
.tkv__sub span{display:inline-flex;align-items:center;gap:.35rem}
.tkv__new{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.6rem 1rem;margin:0 0 1rem;padding:.75rem .9rem .75rem 1rem;border-radius:var(--r);background:var(--mint-soft);border:1px solid var(--mint-line);font-size:.9rem}
.tkv__new[hidden]{display:none}
.tkv__new span{display:inline-flex;align-items:center;gap:.45rem;color:var(--tx-2)}
.tkv__new b{color:var(--tx)}
.tkv__side{position:sticky;top:calc(var(--bar-h) + 20px);display:grid;gap:1rem}
.tkv__side .sidec + .sidec{margin-top:0}
.tkv__st{margin-top:.9rem}
.tkv__ord{display:flex;align-items:center;gap:.7rem;padding:.8rem .9rem;border-radius:var(--r-lg);background:#fff;border:1px solid var(--line);color:var(--tx);transition:border-color .15s,box-shadow .15s}
.tkv__ord:hover{border-color:var(--line-2);box-shadow:var(--sh-1)}
.tkv__ot{display:flex;flex-direction:column;flex:1;min-width:0;line-height:1.3}
.tkv__ot small{font-size:.76rem;color:var(--tx-3)}
.tkv__ot b{overflow:hidden;font-size:.9rem;white-space:nowrap;text-overflow:ellipsis}
.tkv__ord > .ic{flex:none;color:var(--tx-4)}
.msg--fresh .msg__b{border-color:var(--mint-line);box-shadow:0 0 0 3px rgba(60,242,165,.16)}
.msg__new{display:inline-flex;align-items:center;height:20px;padding:0 .5rem;border-radius:var(--pill);background:var(--mint);color:var(--ink-900);font-size:.7rem;font-weight:700}
.msg__b a{color:var(--tx);font-weight:600;text-decoration:underline;text-decoration-color:var(--mint);text-decoration-thickness:2px;text-underline-offset:3px;overflow-wrap:anywhere}
.msg--sys .dot{flex:none}
.reply__acts{align-items:center;justify-content:space-between;gap:.75rem 1rem;flex-wrap:wrap}
.reply__f{display:flex;align-items:center;gap:.4rem;margin:0;font-size:.8rem;color:var(--tx-3)}
/* Récupération de compte */
.rcv{padding:1.5rem 0 5rem}
.rcv__in{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:2rem;align-items:start}
.rcv__main{min-width:0;max-width:820px}
.rcv__main > .banner{margin:0 0 1.4rem}
.rcv__side{position:sticky;top:calc(var(--bar-h) + 20px);display:grid;gap:1rem}
.rcv__side .sidec + .sidec{margin-top:0}
.auth__alt{margin:.9rem 0 0;font-size:.88rem;text-align:center;color:var(--tx-3)}
.auth__alt a{font-weight:600;color:var(--tx);text-decoration:underline;text-decoration-color:var(--mint);text-underline-offset:3px}
.lgn__f a{color:#fff;text-decoration:underline;text-underline-offset:3px}
/* Contact */
.qlinks--3{grid-template-columns:repeat(3,minmax(0,1fr))}
/* Équipes : commander, puis le ticket */
.bizo{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.3fr);gap:2rem 3rem;align-items:start}
.bizo__l{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:0}
.bizo__c{display:grid;align-content:start;gap:.55rem;padding:1.35rem;border-radius:var(--r-xl);background:#fff;border:1px solid var(--line);box-shadow:var(--sh-1)}
.bizo__n{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--ink-900);color:var(--mint);font-family:var(--display);font-weight:700}
.bizo__h{margin:.2rem 0 0;font-family:var(--display);font-weight:700;font-size:1.15rem;color:var(--tx)}
.bizo__c p{margin:0;font-size:.92rem;line-height:1.55;color:var(--tx-3)}
.bizo__c .btns{margin-top:.4rem}
/* Commande : en-tête, étapes, préparation, identifiants, aide */
.ord__id{min-width:0}
.ord__k{display:flex;align-items:center;flex-wrap:wrap;gap:.35rem .6rem;margin:0 0 .35rem;font-family:var(--mono);font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;color:var(--mint-ink)}
.ord__k b{color:var(--tx)}
.ord__k .cpy{height:26px;text-transform:none;letter-spacing:0}
.ord__rn{display:inline-flex;align-items:center;gap:.3rem;height:24px;padding:0 .6rem;border-radius:var(--pill);background:var(--bg-2);color:var(--tx-2);letter-spacing:0;text-transform:none;font-family:var(--body);font-size:.76rem;font-weight:600}
.ord__tot{font-weight:700;color:var(--tx)}
.ord__acts{display:flex;align-items:center;flex-wrap:wrap;gap:.6rem}
.ord__head{align-items:flex-end}
.ord .otl{margin:1.25rem 0 1.5rem}
.otl .is-now{border-color:var(--ink-900);box-shadow:0 0 0 3px rgba(10,12,22,.05)}
.otl .is-now i{border-color:var(--ink-900);color:var(--ink-900);animation:pulse 2.4s var(--ease) infinite}
.otl .is-off{background:var(--bg-2)}
.otl .is-off b{color:var(--tx-3)}
.ord__pay .pay__k{display:none}
.ocard__t{flex:1;min-width:0}
.ocard__bar{display:block;width:100%;height:8px;margin:.9rem 0 .2rem;border:0;border-radius:99px;background:var(--mint-soft);overflow:hidden;-webkit-appearance:none;appearance:none}
.ocard__bar::-webkit-progress-bar{background:var(--mint-soft);border-radius:99px}
.ocard__bar::-webkit-progress-value{background:linear-gradient(90deg,var(--mint),#7C9CFF);border-radius:99px}
.ocard__bar::-moz-progress-bar{background:linear-gradient(90deg,var(--mint),#7C9CFF);border-radius:99px}
.ocard .btns{margin-top:1rem}
.dlv__head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}
.dlv__ht p{margin:0;font-size:.95rem;color:var(--tx-2)}
.dlv > .sub__bar{margin:-.25rem 0 0}
.dlv__sec{display:flex;align-items:flex-start;gap:.75rem;padding:.85rem 1rem;border-radius:var(--r);background:var(--mint-soft);border:1px solid var(--mint-line)}
.dlv__sec p{margin:0;font-size:.9rem;line-height:1.5;color:var(--tx-2)}
.dlv__sec b{color:var(--tx)}
.dlv__sec a{color:var(--tx);font-weight:600;text-decoration:underline;text-decoration-color:var(--mint-ink);text-underline-offset:3px}
.dlv__si{display:grid;place-items:center;flex:none;width:32px;height:32px;border-radius:10px;background:var(--ink-900);color:var(--mint)}
.kv--sm{margin-top:.75rem;padding-top:.35rem;border-top:1px solid var(--line)}
.kv--sm > div{padding:.4rem 0;font-size:.84rem}
.kv__tx{display:flex;align-items:center;justify-content:flex-end;gap:.2rem}
.kv__tx code{font-family:var(--mono);font-size:.78rem}
.kv__tx .cpy{height:26px}
.ord__tk{display:grid;gap:.55rem;color:var(--tx);transition:border-color .15s,box-shadow .15s}
.ord__tk:hover{border-color:var(--line-2);box-shadow:var(--sh-2)}
.ord__tk .sidec__h{margin:0}
.ord__tkt{display:flex;align-items:flex-start;justify-content:space-between;gap:.6rem}
.ord__tkt b{font-size:.92rem;line-height:1.35}
.ord__tkg{display:inline-flex;align-items:center;gap:.3rem;font-size:.88rem;font-weight:600;color:var(--mint-ink)}
.sidec p.ord__lock{display:flex;align-items:center;gap:.4rem;margin:.75rem 0 0;font-size:.8rem}
.ocx{margin-top:1rem;border-radius:var(--r-lg);border:1px solid var(--line);background:#fff}
.ocx summary{display:flex;align-items:center;gap:.45rem;min-height:44px;padding:.5rem 1rem;list-style:none;cursor:pointer;font-size:.86rem;font-weight:600;color:var(--tx-3)}
.ocx summary::-webkit-details-marker{display:none}
.ocx summary:hover{color:#B42318}
.ocx[open] summary{color:#B42318;border-bottom:1px solid var(--line)}
.ocx > p,.ocx > form{margin:0;padding:.75rem 1rem 0}
.ocx > form{padding-bottom:1rem}
.ocx > p{font-size:.86rem;line-height:1.5;color:var(--tx-3)}
.ocx > p b{color:var(--tx)}
.ocx .form__err{margin:.75rem 1rem 0;padding-left:0;padding-right:0}
.rcpt{display:none}
/* Paiement : fenêtre échue ou fermée. Deux blocs pleine largeur, l'action la
   plus fréquente d'abord (nouvelle adresse), puis « déjà payé » (surveillance
   de l'adresse, ce qui avait été demandé, pour vérifier son portefeuille). */
.pay--late .pay__head,.pay--expired .pay__head{margin-bottom:1rem}
.pay--late .pay__coin,.pay--expired .pay__coin{opacity:.55;filter:grayscale(.4)}
.pay__late{display:grid;gap:.75rem}
.pay__opt{display:grid;align-content:start;gap:.55rem;padding:1.05rem 1.15rem;border-radius:var(--r-lg);background:var(--bg-2);border:1px solid var(--line)}
.pay__opt--go{background:#fff;border-color:var(--ink-900);box-shadow:0 0 0 3px rgba(10,12,22,.05)}
.pay__oh{display:flex;align-items:center;gap:.5rem;margin:0;font-family:var(--display);font-weight:700;font-size:1.05rem;color:var(--tx)}
.pay__oh .ic{color:var(--mint-ink)}
.pay__opt > p{margin:0;font-size:.92rem;line-height:1.55;color:var(--tx-3)}
.pay__opt > p b{color:var(--tx)}
.pay__opt .btns{margin-top:.25rem}
.pay__opt .pay__coins{margin-top:.35rem}
.pay__opt .lnk{justify-self:start;font-size:.9rem}
.pay__opt p.pay__watch{display:inline-flex;align-items:center;gap:.6rem;font-weight:600;color:var(--tx-2)}
.pay__watch .pay__pulse{width:10px;height:10px}
.pay__was{margin-top:.15rem;border-top:1px solid var(--line)}
.pay__was summary{display:inline-flex;align-items:center;min-height:40px;list-style:none;cursor:pointer;font-size:.88rem;font-weight:600;color:var(--tx-2);text-decoration:underline;text-decoration-color:var(--line-2);text-underline-offset:3px}
.pay__was summary::-webkit-details-marker{display:none}
.pay__was summary:hover{color:var(--tx)}
.pay__was > p{margin:0 0 .6rem;font-size:.84rem;line-height:1.5;color:var(--tx-3)}
.pay__was .pay__fs{gap:.5rem}

@media (max-width:1060px){
  .ctu__in{grid-template-columns:minmax(0,1fr)}
  .ctu__how{max-width:620px}
}
@media (max-width:900px){
  .ctu__cases{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:700px){
  .nocrumb .ctu{padding-top:1.75rem}
  .ctu__acts .btn{width:100%}
  .ctu__safe{align-items:flex-start}
  .ctu__c{grid-template-columns:auto minmax(0,1fr);column-gap:.75rem;row-gap:.45rem;padding:1.1rem}
  .ctu__ci{grid-row:1;width:38px;height:38px;margin:0}
  .ctu__ch{grid-column:2;align-self:center}
  .ctu__c > p,.ctu__c > .lnk,.ctu__c > .ctu__l{grid-column:1 / -1}
}
@media (max-width:1180px){
  .tkn,.tkv{grid-template-columns:minmax(0,1fr)}
  .tkn__side,.tkv__side{position:static}
  .tkv__side{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}
  .tkn__side{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
  .tkn__side .sidec + .sidec{margin-top:0}
  .tkn__side .sidec--dark{grid-column:1 / -1}
  .bizo{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:980px){
  .rcv__in{grid-template-columns:minmax(0,1fr)}
  .rcv__side{position:static}
  .qlinks--3{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:700px){
  .tkr{grid-template-columns:auto minmax(0,1fr);row-gap:.5rem;padding:.85rem .9rem}
  .tkr__s{grid-column:2;flex-direction:row;align-items:center;justify-content:space-between}
  .tkr > .ic{display:none}
  .tkr__ic{width:38px;height:38px}
  .tkx0{flex-direction:column;align-items:flex-start;padding:1.2rem}
  .tkx__foot{grid-template-columns:minmax(0,1fr)}
  .slock__card{grid-template-columns:minmax(0,1fr);padding:1.2rem}
  .tkn__form{padding:1.1rem 1rem 1.2rem}
  .tkn__side,.tkv__side{grid-template-columns:minmax(0,1fr)}
  .opk__box .opill{display:none}
  .tkn__go .btn{width:100%}
  .tkv__h{font-size:1.55rem}
  .reply__acts .btn{width:100%}
  .qlinks--3{grid-template-columns:minmax(0,1fr)}
  .bizo__l{grid-template-columns:minmax(0,1fr)}
  .ord__acts{width:100%}
  .ord__acts .btn{flex:1}
  .dlv__head{flex-direction:column;gap:.5rem}
  .pay__opt .btns{flex-direction:column;align-items:stretch}
  .pay__opt .btns .lgo,.pay__opt .btns .btn{width:100%}
}

/* Reçu : l'impression d'une commande payée ne garde que l'essentiel (jamais les identifiants). */
@media print{
  .acx__side,.ord__back,.ord__acts,.otl,.ord__main,.ord__side > :not(.sidec:first-child),.acc__flash,.cpy{display:none !important}
  .acx__in,.ord__grid{display:block}
  .ord__side .sidec{border:0;box-shadow:none;padding:0}
  .rcpt{display:block;margin-top:2rem;padding-top:1rem;border-top:1px solid #ccc;font-size:.85rem}
  .rcpt p{margin:0 0 .25rem}
}