/* ============================================================
   LTD LITTLE SEOUL — pages-v3.css (29/10/2026, DA V2)
   Pages publiques hors accueil : en-tête photo (.phero), outils (recherche, tri, chips), grille de cartes produit (.pc),
   fiche produit / pack (.ps), packs (.pk), stations (.stc), chiffres (.stats4), fenêtre « téléphone », retouches des
   pages existantes (partenaires, fidélité, recrutement, panier, contact, suivi, FAQ, compte). Chargé après shell-v3.css.
   ============================================================ */

/* ---------- EN-TÊTE DE PAGE ---------- */
body.public .breadcrumb{display:none!important}
.phero{position:relative;min-height:clamp(240px,32vw,380px);display:grid;align-content:end;margin:0}
.phero::after{background:linear-gradient(180deg,rgba(17,17,23,.25),rgba(17,17,23,.1) 35%,var(--ink-850));mix-blend-mode:normal}
.phero-in{position:relative;z-index:2;padding:clamp(36px,6vw,70px) 22px clamp(26px,4vw,44px)}
.phero h1{font-family:var(--font-display);font-weight:700;font-size:clamp(36px,6.5vw,76px);line-height:.98;letter-spacing:.05em;text-transform:uppercase;margin:0;color:#fff;text-shadow:0 6px 40px rgba(20,0,40,.55)}
.phero p{margin:12px 0 0;max-width:56ch;font-size:clamp(15px,1.4vw,18px);line-height:1.55;color:#fff;opacity:.9;text-shadow:0 2px 14px rgba(20,0,40,.5)}

/* ---------- OUTILS, CHIPS, COMPTEUR ---------- */
.ctl{padding:clamp(22px,3vw,34px) 0 clamp(60px,8vw,100px)}
.tools{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:0 0 14px}
.tools .search{flex:1 1 260px;position:relative;display:flex;align-items:center}
.tools .search svg{position:absolute;left:18px;color:var(--txt-3);pointer-events:none}
.tools .search input{width:100%;background:var(--ink-800);border:0;box-shadow:inset 0 0 0 1px var(--line);border-radius:99px;padding:14px 20px 14px 44px;color:var(--txt);font:500 15px var(--font-body);outline:none;transition:.2s}
.tools .search input:focus{box-shadow:inset 0 0 0 1.5px var(--accent)}
.tools .search input::placeholder{color:var(--txt-3)}
.tools .sel{appearance:none;-webkit-appearance:none;background:var(--ink-800) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'><path d='M1 1l5 5 5-5' fill='none' stroke='%23c9c6dc' stroke-width='1.6' stroke-linecap='round'/></svg>") no-repeat right 18px center;border:0;box-shadow:inset 0 0 0 1px var(--line);border-radius:99px;padding:13px 42px 13px 18px;color:var(--txt);font:600 14px var(--font-body);cursor:pointer;outline:none}
.tools .sel:focus{box-shadow:inset 0 0 0 1.5px var(--accent)}
body.public .ctl .chips{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 6px}
body.public .ctl .chip{border:0;cursor:pointer;background:var(--ink-800);color:var(--txt-2);font:600 13px var(--font-body);padding:9px 16px;border-radius:99px;box-shadow:inset 0 0 0 1px var(--line);transition:.2s;display:inline-flex;align-items:center;gap:7px;white-space:nowrap}
body.public .ctl .chip:hover{color:var(--txt);box-shadow:inset 0 0 0 1px var(--accent)}
body.public .ctl .chip.on{background:var(--accent);color:var(--accent-ink);box-shadow:none}
body.public .ctl .chip i{font-style:normal;font-size:11.5px;color:var(--txt-3);font-weight:600}
body.public .ctl .chip.on i{color:var(--accent-ink);opacity:.7}
body.public .ctl .chip .dot{width:8px;height:8px;border-radius:50%;background:var(--cc,var(--accent));flex:none}
body.public .ctl .chip.on .dot{background:var(--accent-ink);opacity:.6}
.count{color:var(--txt-3);font-size:13px;margin:14px 0 22px;letter-spacing:.04em}
.ctl-note{display:flex;align-items:center;gap:8px;margin:26px 0 0;color:var(--txt-3);font-size:13px}
.ctl-note svg{flex:none;color:var(--accent)}
.ctl-cta{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-top:40px;padding:26px 28px;border-radius:16px;background:var(--ink-800);box-shadow:inset 0 0 0 1px var(--line)}
.ctl-cta h3{margin:0;font-family:var(--font-display);font-size:20px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}
.ctl-cta p{margin:6px 0 0;color:var(--txt-3);font-size:14px;max-width:56ch}
.soon3{margin:0 0 34px;padding:0 0 30px;border-bottom:1px solid var(--line)}
.soon3 h2{font-family:var(--font-display);font-size:18px;letter-spacing:.14em;margin:0 0 16px;color:var(--txt-2)}

/* ---------- GRILLE ET CARTES PRODUIT ---------- */
.pgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:16px}
.pgrid .empty{grid-column:1/-1}
.pc{background:var(--ink-800);border-radius:14px;overflow:hidden;cursor:pointer;border:0;color:inherit;text-align:left;font:inherit;padding:0;box-shadow:inset 0 0 0 1px var(--line);transition:transform .3s,box-shadow .3s;display:flex;flex-direction:column;min-width:0}
.pc:hover,.pc:focus-visible{transform:translateY(-5px);box-shadow:inset 0 0 0 1px var(--accent),0 18px 40px rgba(0,0,0,.35);outline:0}
.pc .ph{aspect-ratio:1/.86;display:grid;place-items:center;position:relative;background:var(--ink-900);padding:12px;overflow:hidden}
.pc .ph img{display:block;width:100%;height:100%;max-width:82%;max-height:82%;object-fit:contain;object-position:center;margin:auto;transition:transform .4s}
.pc:hover .ph img{transform:scale(1.06)}
.pc .gl,.ps .gl{font-size:54px;line-height:1}
.pbadge{position:absolute;top:10px;left:10px;z-index:2;font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;background:var(--accent);color:var(--accent-ink);padding:5px 9px;border-radius:99px}
.pc .bd{padding:14px 16px 16px;display:grid;gap:4px;align-content:start}
.pc .ct{display:inline-flex;align-items:center;gap:6px;font-size:11px;color:var(--txt-3);letter-spacing:.1em;text-transform:uppercase;font-weight:600}
.pc .ct i{width:7px;height:7px;border-radius:50%;background:var(--cc,var(--accent));flex:none}
.pc .nm{font-weight:700;font-size:15px;line-height:1.3;color:var(--txt)}
.pc .ds{font-size:13px;line-height:1.5;color:var(--txt-3);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.pr{font-family:var(--font-display);font-weight:700;font-size:18px;background:var(--sunset);-webkit-background-clip:text;background-clip:text;color:transparent;font-variant-numeric:tabular-nums}
.pr small{font-size:.6em;font-weight:600}
.pc .pr{margin-top:6px}
.pc.is-soon .ph img,.pc.is-soon .gl{opacity:.75}
/* Carte « 150 points » dans la grille */
.lyb{position:relative;grid-column:span 2;display:grid;gap:6px;align-content:center;padding:22px 24px;border-radius:14px;background:linear-gradient(135deg,rgba(var(--accent-rgb),.16),var(--ink-800) 70%);box-shadow:inset 0 0 0 1px rgba(var(--accent-rgb),.35)}
.lyb-x{position:absolute;top:10px;right:10px;width:30px;height:30px;border-radius:50%;border:0;background:rgba(255,255,255,.08);color:var(--txt-2);display:grid;place-items:center;cursor:pointer}
.lyb-x:hover{background:rgba(255,255,255,.16);color:#fff}
.lyb-n{font-family:var(--font-heavy);font-size:56px;line-height:.9;color:var(--accent)}
.lyb-t{font-weight:700;letter-spacing:.14em;text-transform:uppercase;font-size:12px}
.lyb p{margin:4px 0 10px;font-size:13.5px;color:var(--txt-2);line-height:1.5}
.lyb .pbtn{justify-self:start}

/* ---------- FICHE PRODUIT / PACK (.ps dans UI.modal) ---------- */
.modal--ps .modal{max-width:980px;overflow:hidden}
.modal--ps .modal-head{position:absolute;top:0;right:0;z-index:5;padding:12px;background:none}
.modal--ps .modal-head > div{display:none}
.modal--ps .modal-head .btn{width:38px;height:38px;border-radius:50%;background:rgba(18,19,43,.75);color:#fff;padding:0;display:grid;place-items:center}
.modal--ps .modal-head .btn:hover{background:rgba(var(--accent-rgb),.9);color:var(--accent-ink)}
.modal--ps .modal-body{padding:0;overflow-y:auto}
.ps{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr)}
.ps-vis{position:relative;background:var(--ink-900);display:grid;grid-template-rows:1fr auto;min-height:340px;padding:22px}
.ps-vis .pbadge{top:16px;left:16px}
.ps-stage{display:grid;place-items:center;min-height:260px}
.ps-stage img{display:block;width:100%;max-height:340px;max-width:92%;object-fit:contain;margin:auto}
.ps-stage .gl{font-size:110px}
.ps-thumbs{display:flex;gap:8px;overflow-x:auto;padding:12px 0 0}
.ps-thumbs .pv-thumb{flex:none;width:56px;height:56px;border-radius:12px;overflow:hidden;border:2px solid var(--line);padding:0;background:var(--ink-800);cursor:pointer;opacity:.7;transition:.2s}
.ps-thumbs .pv-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.ps-thumbs .pv-thumb:hover,.ps-thumbs .pv-thumb.is-on{opacity:1;border-color:var(--accent)}
.ps-txt{padding:clamp(24px,4vw,36px) clamp(22px,4vw,36px) 24px;display:grid;gap:12px;align-content:start}
.ps-cat{display:inline-flex;align-items:center;gap:7px;font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--txt-3);font-weight:600}
.ps-cat i{width:8px;height:8px;border-radius:50%;background:var(--cc,var(--accent))}
.ps-cat small{font-size:11px;letter-spacing:.06em;text-transform:none;color:var(--txt-3);opacity:.8;margin-left:4px}
.ps-name{font-family:var(--font-display);font-weight:700;font-size:clamp(22px,2.6vw,30px);text-transform:uppercase;letter-spacing:.04em;line-height:1.05;margin:0;padding-right:40px}
.ps-price{display:flex;align-items:baseline;gap:10px}
.ps-price .pr{font-size:32px}
.ps-price span{color:var(--txt-3);font-size:13px}
.ps-desc{margin:0;color:var(--txt-2);font-size:14.5px;line-height:1.6;white-space:pre-line}
.ps-buy{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:6px}
.ps-buy .pbtn{padding:13px 24px;font-size:15px}
.ps-buy .pbtn b{font-weight:600;opacity:.85}
.ps .qty{display:inline-flex;align-items:center;background:var(--ink-900);border-radius:99px;box-shadow:inset 0 0 0 1px var(--line);height:48px;overflow:hidden}
.ps .qty button{width:44px;height:48px;border:0;background:transparent;color:var(--txt);font-size:20px;cursor:pointer}
.ps .qty button:hover{color:var(--accent)}
.ps .qty input{width:46px;height:48px;border:0;background:transparent;color:var(--txt);text-align:center;font:700 16px var(--font-body);outline:none}
.ps-max{font-size:12px;color:var(--txt-3)}
.ps-facts{list-style:none;margin:4px 0 0;padding:0;display:grid;gap:8px}
.ps-facts li{display:flex;align-items:flex-start;gap:9px;font-size:13px;color:var(--txt-3);line-height:1.45}
.ps-facts svg{flex:none;color:var(--accent);margin-top:1px}
.ps-packs h4,.ps-more h4{font-family:var(--font-display);font-size:12.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--txt-3);margin:10px 0 8px}
.ps-packs{display:grid;gap:6px}
.ps-items{display:grid;gap:6px}
.ps-pk{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:12px;width:100%;padding:8px 10px;border-radius:12px;border:0;background:var(--ink-900);box-shadow:inset 0 0 0 1px var(--line);color:inherit;font:inherit;text-align:left;cursor:pointer;transition:.2s}
.ps-pk:hover{box-shadow:inset 0 0 0 1px var(--c,var(--accent))}
.ps-pk-m{width:44px;height:44px;border-radius:10px;overflow:hidden;background:var(--ink-800);display:grid;place-items:center;font-size:22px}
.ps-pk-m img{width:100%;height:100%;object-fit:contain}
.ps-pk-t b{display:block;font-size:14px;line-height:1.3}
.ps-pk-t small{display:block;font-size:12px;color:var(--txt-3)}
.ps-pk-p{text-align:right;display:grid}
.ps-pk-p b{font-size:14px}
.ps-pk-p em{font-style:normal;font-size:12px;color:var(--txt-3)}
.ps-partner{font-size:12.5px;color:var(--txt-3);text-decoration:none;margin-top:4px}
.ps-partner:hover{color:var(--accent)}
.ps-more{padding:0 clamp(22px,4vw,36px) 28px}
.ps-more + .ps-more{padding-top:0}
.ps-more .hint{margin:0;color:var(--txt-3);font-size:13px}
.ps-rel{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.ps-rc{display:grid;gap:6px;padding:10px;border-radius:12px;border:0;background:var(--ink-900);box-shadow:inset 0 0 0 1px var(--line);color:inherit;font:inherit;text-align:left;cursor:pointer;transition:.2s;min-width:0}
.ps-rc:hover{box-shadow:inset 0 0 0 1px var(--accent);transform:translateY(-2px)}
.ps-rc-m{aspect-ratio:1/1;border-radius:10px;overflow:hidden;background:var(--ink-800);display:grid;place-items:center;font-size:30px}
.ps-rc-m img{width:100%;height:100%;object-fit:contain;padding:8px}
.ps-rc-n{font-size:13px;font-weight:600;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ps-rc-p{font-size:14px}

/* ---------- PACKS ---------- */
.packs{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px}
.pk{border-radius:16px;overflow:hidden;background:var(--ink-800);box-shadow:inset 0 0 0 1px var(--line);display:flex;flex-direction:column;transition:.3s;cursor:pointer}
.pk:hover,.pk:focus-visible{transform:translateY(-6px);box-shadow:inset 0 0 0 1px var(--accent),0 22px 50px rgba(0,0,0,.4);outline:0}
.pk .top{position:relative;padding:24px 24px 40px;min-height:170px;overflow:hidden;background:linear-gradient(135deg,color-mix(in srgb,var(--c,var(--accent)) 55%,#2a1030),color-mix(in srgb,var(--c,var(--accent)) 20%,var(--ink-900)))}
.pk .top img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.9;z-index:0}
.pk .top.has-img::after{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(180deg,rgba(17,17,23,.1),rgba(17,17,23,.78))}
.ct-call{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 32px;padding:clamp(24px,4vw,44px);margin-bottom:18px;border-radius:20px;background:var(--ink-800);box-shadow:inset 0 0 0 1px var(--line)}
.ct-call h2{margin:0;font-family:var(--font-display);font-size:clamp(24px,3vw,36px);font-weight:700;text-transform:uppercase;letter-spacing:.04em;line-height:1.05}
.ct-call p{margin:8px 0 0;color:var(--txt-2);font-size:16px}
.ct-call .pbtn{margin-top:16px}
.ct-call>b{font-family:var(--font-display);font-size:clamp(76px,13vw,150px);font-weight:700;line-height:1;background:var(--sunset);-webkit-background-clip:text;background-clip:text;color:transparent}
.ct-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
@media (max-width:560px){.ct-kpis{grid-template-columns:minmax(0,1fr)}}
.pk .top.is-banner{padding:0;min-height:0;aspect-ratio:1500/560}
.pk .top.is-banner img{opacity:1}
.pk .top.is-banner::after{display:none}
.pk .top.is-banner h3{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.pk .top h3{position:relative;z-index:1;font-family:var(--font-display);font-size:24px;text-transform:uppercase;line-height:1.05;color:#fff;letter-spacing:.06em;text-shadow:0 4px 28px rgba(20,0,40,.6);max-width:12ch;margin:0}
.pk .top .pbadge{position:absolute;top:14px;right:14px;left:auto}
.pk .body{padding:16px 24px 10px;display:grid;gap:14px;align-content:start}
.pk .body p{color:#fff;font-size:16px;font-weight:600;line-height:1.35;margin:0;min-height:2.7em}
.pk-tiles{list-style:none;display:flex;gap:6px;margin:0;padding:0}
.pk-tile{flex:1 1 0;min-width:0}
.pk-tile-m{position:relative;display:grid;place-items:center;height:66px;border-radius:12px;background:var(--ink-600);box-shadow:inset 0 0 0 1px var(--line);font-size:20px;font-weight:700;color:var(--txt-2);transition:box-shadow .25s}
.pk:hover .pk-tile-m{box-shadow:inset 0 0 0 1px var(--c,var(--accent))}
.pk-tile-m img{width:100%;height:50px;padding:0 6px;object-fit:contain}
.pk-tile-m em{position:absolute;right:6px;top:5px;font-style:normal;font-size:12px;font-weight:700;color:#fff}
.pk-tile b{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.5em;margin-top:6px;font-size:12px;letter-spacing:-.01em;font-weight:500;line-height:1.25;color:var(--txt-2);text-align:center}
@media (max-width:420px){.pk-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}}
.pk .foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 24px 22px;margin-top:auto}
.pk .foot .pr{font-size:26px;display:block}
.pk .foot small{display:block;font-size:12px;color:var(--txt-3)}



/* ---------- FENÊTRE « DISPONIBLE SUR LE TÉLÉPHONE » ---------- */
.ph3{text-align:center;padding:6px 0 4px}
.ph3-ico{width:58px;height:58px;border-radius:50%;margin:0 auto 12px;display:grid;place-items:center;background:rgba(var(--accent-rgb),.16);color:var(--accent)}
.ph3 h4{margin:0;font-family:var(--font-display);font-size:20px;text-transform:uppercase;letter-spacing:.04em}
.ph3 p{margin:10px auto 0;max-width:40ch;color:var(--txt-2);font-size:14px;line-height:1.55}
.ph3-xy{display:flex;justify-content:center;gap:10px;margin:16px 0 4px}
.ph3-xy span{display:grid;gap:2px;padding:10px 18px;border-radius:12px;background:var(--ink-900);box-shadow:inset 0 0 0 1px var(--line);min-width:120px}
.ph3-xy small{font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--txt-3)}
.ph3-xy b{font-family:var(--font-display);font-size:18px;background:var(--sunset);-webkit-background-clip:text;background-clip:text;color:transparent}
.ph3-hint{font-size:12.5px!important;color:var(--txt-3)!important}

/* ---------- PARTENAIRES (page) ---------- */
body[data-page="partenaires"] .pn-hero{background:var(--ink-850);border-bottom:0;padding:clamp(40px,6vw,70px) 0 clamp(30px,4vw,48px)}
body[data-page="partenaires"] .pn-hero-bg{filter:brightness(.4) saturate(1.1)}
body[data-page="partenaires"] .pn2-txt h1{font-family:var(--font-display);font-weight:700;font-size:clamp(32px,5vw,62px);letter-spacing:.05em;color:#fff;margin:0 0 14px}
body[data-page="partenaires"] .pn2-txt .lead{font-size:17px}
body[data-page="partenaires"] .pn-num{font-family:var(--font-display);background:rgba(var(--accent-rgb),.16);border-color:transparent;color:var(--accent)}
body[data-page="partenaires"] .pn2-steps li:not(:last-child)::before{background:var(--line)}
body[data-page="partenaires"] .pn2-tags li{color:var(--txt-2);background:var(--ink-800);border:0;box-shadow:inset 0 0 0 1px var(--line)}
body[data-page="partenaires"] .pn2-tags li svg{color:var(--accent)}
body[data-page="partenaires"] .pt-card{background:var(--ink-800);border:0;box-shadow:inset 0 0 0 1px var(--line);border-radius:18px}
body[data-page="partenaires"] .pt-card-head h3{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.04em;font-size:18px}
body[data-page="partenaires"] .ap-num{font-family:var(--font-display);color:var(--accent);background:rgba(var(--accent-rgb),.14);border:0}
body[data-page="partenaires"] .section-head--center{margin-inline:0;text-align:left;max-width:none!important}
body[data-page="partenaires"] .section-head--center::before{display:none}
body[data-page="partenaires"] .section-title{font-family:var(--font-display);font-weight:700;font-size:clamp(28px,4.5vw,50px);letter-spacing:.04em}
body[data-page="partenaires"] .showcase-tabs{display:inline-flex;flex-wrap:wrap;margin:16px 0 0;padding:0;gap:8px;border:0;background:none;border-radius:0}
body[data-page="partenaires"] .showcase-tab{border:0;cursor:pointer;background:var(--ink-800);color:var(--txt-2);font:600 13px var(--font-display);padding:10px 18px;border-radius:999px;box-shadow:inset 0 0 0 1px var(--line);transition:.2s}
body[data-page="partenaires"] .showcase-tab:not(.is-active):hover{color:var(--txt);box-shadow:inset 0 0 0 1px var(--accent)}
body[data-page="partenaires"] .showcase-tab.is-active{background:var(--accent);color:var(--accent-ink);box-shadow:none}
body[data-page="partenaires"] .showcase-grid--p{gap:16px}
body[data-page="partenaires"] .pcard4{border-radius:14px;background:var(--ink-800);border:0;box-shadow:inset 0 0 0 1px var(--line);min-height:0;aspect-ratio:auto;padding:0;justify-content:flex-start}
body[data-page="partenaires"] .pcard4:hover{transform:translateY(-5px);border:0;box-shadow:inset 0 0 0 1px var(--ccat),0 18px 40px rgba(0,0,0,.35)}
body[data-page="partenaires"] .pcard4-bg{position:relative;inset:auto;z-index:0;height:150px;flex:none;background:radial-gradient(120% 90% at 30% 10%,color-mix(in srgb,var(--ccat) 40%,var(--ink-800)),var(--ink-800) 70%)}
body[data-page="partenaires"] .pcard4-bg::after{background:linear-gradient(180deg,rgba(25,25,38,0) 35%,var(--ink-800) 100%)}
body[data-page="partenaires"] .pcard4-bg>img{filter:saturate(1.1) brightness(.85)}
body[data-page="partenaires"] .pcard4:hover .pcard4-bg>img{transform:none}
body[data-page="partenaires"] .pcard4-bg>img.pcard4-wm{top:50%;left:50%;width:44%;max-height:68%;transform:translate(-50%,-54%);opacity:.14}
body[data-page="partenaires"] .pcard4-top{position:absolute;top:10px;left:10px;right:10px;z-index:2}
body[data-page="partenaires"] .pcard4-cat,body[data-page="partenaires"] .pcard4-live{padding:5px 10px;font-size:10.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;background:rgba(17,17,23,.72);border:0;backdrop-filter:none}
body[data-page="partenaires"] .pcard4-info{position:relative;z-index:1;padding:0 18px 18px;margin-top:-28px;gap:6px}
body[data-page="partenaires"] .pcard4-logo{width:58px;height:58px;margin-bottom:6px;border-radius:16px;background:var(--ink-900);border:0;box-shadow:0 10px 24px -10px rgba(0,0,0,.9),inset 0 0 0 1px var(--line);backdrop-filter:none}
body[data-page="partenaires"] .pcard4-info h3{font-family:var(--font-display);font-size:17px;font-weight:700;line-height:1.25;letter-spacing:0;text-transform:none;color:var(--txt);text-shadow:none}
body[data-page="partenaires"] .pcard4-act{margin-top:10px;padding-top:12px;border-top:1px solid var(--line);gap:8px}
body[data-page="partenaires"] .pcard4-loc{padding:9px 14px;border-radius:999px;font:600 13px var(--font-display);color:var(--accent-ink);background:var(--accent);border:0;box-shadow:none}
body[data-page="partenaires"] .pcard4-loc:hover{background:var(--accent-2);filter:none;transform:translateY(-1px)}
body[data-page="partenaires"] .pcard4-loc svg{color:var(--accent-ink)}
body[data-page="partenaires"] .pcard4-go{width:40px;height:40px;background:transparent;border:1.5px solid rgba(255,255,255,.3);backdrop-filter:none}
body[data-page="partenaires"] .pcard4-go:hover{background:transparent;border-color:var(--accent);color:var(--accent);transform:translateX(3px)}

/* ---------- FIDÉLITÉ, RECRUTEMENT, PANIER, CONTACT, SUIVI, COMPTE, FAQ : retouches ---------- */
body.public .lr-step,body.public .lr-me,body.public .lr-card,body.public .ct-card,body.public .sv-card,body.public .pc-card,body.public .panier-account-card,body.public .rv-row,body.public .ac-card,body.public .fq3-card,body.public .fq4-card{border-radius:16px}
body.public .lr-tabs{display:inline-flex;gap:8px;background:none;border:0;padding:0;margin:26px 0 18px}
body.public .lr-tabs [role="tab"]{border:0;background:var(--ink-800);color:var(--txt-2);font:600 13px var(--font-display);padding:10px 18px;border-radius:999px;box-shadow:inset 0 0 0 1px var(--line);cursor:pointer}
body.public .lr-tabs [role="tab"].is-on{background:var(--accent);color:var(--accent-ink);box-shadow:none}
body.public .lr-th b,body.public .lr-step b{font-family:var(--font-display);letter-spacing:.04em}
body[data-page="recrutement"] .rv-hero{background:var(--ink-850);border-bottom:0;padding:clamp(40px,6vw,70px) 0 40px}
body[data-page="recrutement"] .rv-hero::before{display:none}
body[data-page="recrutement"] .rv-kicker{display:none}
body[data-page="recrutement"] .rv-title{font-family:var(--font-display);font-weight:700;font-size:clamp(36px,6.5vw,76px);letter-spacing:.05em;line-height:.98;color:#fff;margin:0 0 14px}
body[data-page="recrutement"] .rv-row{border-radius:16px;background:var(--ink-800);border:0;box-shadow:inset 0 0 0 1px var(--line)}
body[data-page="recrutement"] .rv-row:hover{box-shadow:inset 0 0 0 1px var(--acc),0 18px 40px rgba(0,0,0,.35)}
body[data-page="recrutement"] .rv-row-n{font-family:var(--font-display)}
body.public .pc-steps li.is-on span{background:var(--accent);color:var(--accent-ink)}
body.public .ct-ico{background:rgba(var(--accent-rgb),.14);color:var(--accent);border:0}
body.public .ct-head h3,body.public .pc-card h3,body.public .panier-account-card h3{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.04em}
body.public .st-kpi{border-radius:14px;background:var(--ink-800);border:0;box-shadow:inset 0 0 0 1px var(--line)}
body.public .suivi-recent-chip,body.public .fq-chip,body.public .cat-chip{border-radius:99px}
body.public .ac-head{border-radius:18px}
body.public .ac-tab.is-on,body.public .ac-tabs [aria-selected="true"]{color:var(--accent)}

/* ---------- TABLETTE ---------- */
@media (max-width:980px){
  .ps-rel{grid-template-columns:repeat(3,minmax(0,1fr))}
}
/* ---------- TÉLÉPHONE ---------- */
@media (max-width:760px){
  .phero{min-height:220px}
  .phero-in{padding:40px 16px 24px}
  .phero p{font-size:14.5px}
  .ctl{padding:18px 0 60px}
  .tools{gap:8px}
  .tools .search input{padding:12px 16px 12px 42px;font-size:14px}
  .tools .sel{padding:11px 38px 11px 14px;font-size:13px}
  body.public .ctl .chips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding-bottom:4px;margin-right:-16px;padding-right:16px}
  body.public .ctl .chips::-webkit-scrollbar{display:none}
  body.public .ctl .chip{flex:none;padding:8px 13px;font-size:12.5px}
  .count{margin:10px 0 14px}
  .pgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .pc .ph{aspect-ratio:1/1;padding:8px}
  .pc .bd{padding:10px 12px 12px;gap:3px}
  .pc .nm{font-size:13.5px;line-height:1.25}
  .pc .ds{display:none}
  .pc .pr{font-size:16px;margin-top:4px}
  .lyb{grid-column:1/-1;padding:18px}
  .lyb-n{font-size:44px}
  .ps{grid-template-columns:1fr}
  .ps-vis{min-height:0;padding:16px}
  .ps-stage{min-height:200px}
  .ps-stage img{max-height:240px}
  .ps-txt{padding:18px 16px 16px}
  .ps-name{font-size:21px}
  .ps-price .pr{font-size:26px}
  .ps-buy .pbtn{flex:1 1 auto}
  .ps-more{padding:0 16px 20px}
  .ps-rel{grid-template-columns:repeat(2,minmax(0,1fr))}
  .packs{grid-template-columns:1fr;gap:14px}
  .pk .top{min-height:140px;padding:20px 20px 50px}
  .pk .top h3{font-size:21px}
  .ctl-cta{padding:20px;margin-top:28px}
  .ctl-cta .pbtn{width:100%}
  .ph3-xy{flex-direction:column}
}
@media (prefers-reduced-motion:reduce){.pc,.pk,.ps-rc,.ps-pk{transition:none}}

/* ---------- ASTUCES & ARTICLES (pages/astuces.html) ---------- */
.arg{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:22px}
.arc{position:relative;display:flex;flex-direction:column;border-radius:20px;background:var(--ink-800);box-shadow:inset 0 0 0 1px var(--line);overflow:hidden;text-decoration:none;color:inherit;transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .25s ease-out,box-shadow .35s;min-width:0}
.arc:hover{transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translateY(-6px);box-shadow:inset 0 0 0 1px var(--c,var(--accent)),0 30px 56px -22px rgba(0,0,0,.8)}
.arc::after,.afe-sheet:last-child::after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:radial-gradient(circle at var(--mx,50%) var(--my,0%),rgba(255,255,255,.2),transparent 48%);opacity:0;transition:opacity .35s}
.arc:hover::after,.afe:hover .afe-sheet:last-child::after{opacity:1}
.arc-media{position:relative;aspect-ratio:16/9;background:var(--ink-900);display:grid;place-items:center;color:var(--txt-3);overflow:hidden}
.arc-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.8,.25,1)}
.arc:hover .arc-media img{transform:scale(1.05)}
.arc-cat{display:inline-flex;align-items:center;gap:7px;font-family:var(--font-display);font-size:10.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--txt-3);white-space:nowrap}
.arc-cat i{flex:none;width:8px;height:8px;border-radius:50%;background:var(--c,var(--accent))}
.arc-media .arc-cat{position:absolute;left:12px;top:12px;padding:6px 11px;border-radius:99px;background:rgba(10,11,20,.8);color:#fff}
.arc-body{padding:18px 20px 20px;display:grid;gap:8px}
.arc-body b{font-family:var(--font-display);font-weight:700;font-size:18px;line-height:1.25;letter-spacing:.02em}
.arc-body p{margin:0;font-size:13.5px;line-height:1.5;color:var(--txt-3);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.arc-body small{font-size:12px;color:var(--txt-3);margin-top:4px}
.afe{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;gap:clamp(26px,4vw,60px);padding:clamp(24px,4vw,52px);margin-bottom:24px;border-radius:28px;overflow:hidden;color:#fff;text-decoration:none;box-shadow:inset 0 0 0 1px var(--line)}
.afe::before{content:"";position:absolute;inset:-40px;z-index:-2;background:var(--img) center/cover;filter:blur(26px) brightness(.4) saturate(1.2)}
.afe::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(11,12,20,.92),rgba(11,12,20,.6) 55%,rgba(11,12,20,.25))}
.afe:hover{box-shadow:inset 0 0 0 1px var(--c,var(--accent))}
.afe-txt{position:relative;z-index:1;display:grid;justify-items:start;gap:14px;min-width:0}
.afe-txt>b{font:700 clamp(26px,3.2vw,44px)/1.1 var(--font-display);letter-spacing:.02em;text-shadow:0 4px 28px rgba(0,0,0,.6);text-wrap:balance}
.afe-txt p{margin:0;font-size:15.5px;line-height:1.55;color:rgba(255,255,255,.84)}
.afe-txt small{display:flex;align-items:center;flex-wrap:wrap;gap:6px 12px;font-size:12.5px;color:rgba(255,255,255,.72)}
.afe-txt .arc-cat{color:#fff}
.afe-txt .pbtn{margin-top:6px;pointer-events:none}
.afe-stack{position:relative;display:block;transform:perspective(1200px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .25s ease-out}
.afe-sheet{position:relative;display:block;border-radius:8px;overflow:hidden;transform:rotate(-2.5deg);box-shadow:0 36px 70px -24px #000,0 0 0 1px rgba(255,255,255,.1);transition:transform .7s cubic-bezier(.2,.8,.25,1),filter .5s}
.afe-sheet--2,.afe-sheet--3{position:absolute;inset:0;filter:brightness(.55)}
.afe-sheet--2{transform:rotate(3.5deg) translate(3%,-4%)}
.afe-sheet--3{transform:rotate(-7deg) translate(-3%,4%)}
.afe:hover .afe-sheet{transform:rotate(-.5deg) scale(1.02)}
.afe:hover .afe-sheet--2{transform:rotate(7deg) translate(8%,-6%);filter:brightness(.8)}
.afe:hover .afe-sheet--3{transform:rotate(-11deg) translate(-8%,6%);filter:brightness(.8)}
.afe-sheet img{display:block;width:100%;height:auto}
.apw{min-height:clamp(340px,38vw,500px);overflow:hidden;background:var(--ink-900)}
.pw{position:absolute;inset:-14% -8%;display:flex;flex-direction:column;justify-content:center;gap:14px;transform:rotate(-4deg)}
.pw-row{display:flex;gap:14px;width:max-content;padding-right:14px;will-change:transform}
.pw-row img{flex:none;display:block;height:clamp(150px,19vw,250px);width:auto;aspect-ratio:16/9;border-radius:8px;box-shadow:0 18px 40px -18px #000}
.apw::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(11,12,20,.94),rgba(11,12,20,.6) 55%,rgba(11,12,20,.4)),linear-gradient(180deg,transparent 55%,var(--ink-850))}
.art-prog{position:fixed;left:0;right:0;top:0;height:3px;z-index:9999;background:linear-gradient(90deg,var(--accent),#ffd76a);transform:scaleX(0);transform-origin:left;pointer-events:none}
.art-quote{margin:34px 0;padding:6px 0 6px 26px;max-width:26em;border-left:3px solid var(--accent);font:700 clamp(22px,2.6vw,32px)/1.25 var(--font-display);letter-spacing:.01em;color:#fff}
.art-next,.art-spot{padding-top:0}
.art-next .section-title,.art-spot .section-title{margin:0 0 22px}
.art-next .section-title,body:not([data-page="accueil"]) .art-spot .section-title{font-size:clamp(24px,3vw,34px)}
.art-next .afe,.art-spot .afe{margin:0}
.afe-quote{font:700 clamp(19px,2vw,26px)/1.3 var(--font-display);color:var(--accent);text-wrap:balance}
.afe-txt>.afe-quote+small{margin-top:2px}
.arh{min-height:clamp(340px,42vw,560px)}
.arh .arc-cat{color:#fff}
.phero.arh h1{font-size:clamp(28px,3.6vw,48px);text-transform:none;letter-spacing:.02em;line-height:1.1;text-wrap:balance}
.arh-back{display:inline-flex;align-items:center;gap:6px;margin-bottom:18px;font-size:12.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#fff;opacity:.85;text-decoration:none}
.arh-back:hover{color:var(--accent);opacity:1}
.arh-meta{display:flex;align-items:center;flex-wrap:wrap;gap:6px 12px;max-width:none!important;font-size:13px!important;letter-spacing:.04em;opacity:.85!important}
.art-wrap{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:clamp(28px,5vw,64px);align-items:start}
.art-body{font-size:16.5px;line-height:1.7;color:var(--txt-2);min-width:0}
.art-body>p,.art-body>h3,.art-body>ul{max-width:68ch}
.art-body .art-lead::first-letter{float:left;font:700 3.3em/.82 var(--font-display);color:var(--accent);padding:5px 10px 0 0}
.art-body .art-lead{font-size:19px;line-height:1.55;color:var(--txt);margin:0 0 22px;padding-bottom:22px;border-bottom:1px solid var(--line)}
.art-body h3{font-family:var(--font-display);font-weight:700;font-size:20px;letter-spacing:.06em;text-transform:uppercase;color:var(--txt);margin:30px 0 10px}
.art-body h3::before{content:"";display:inline-block;width:10px;height:10px;border-radius:50%;background:var(--accent);margin-right:10px;vertical-align:2px}
.art-body p{margin:0 0 16px}
.art-body ul{margin:0 0 18px;padding-left:22px;list-style:disc}
.art-body li{margin:6px 0}
.art-body li::marker{color:var(--accent)}
.art-body b{color:var(--txt)}
.art-more{position:sticky;top:100px}
.art-more h2{font-family:var(--font-display);font-size:13px;letter-spacing:.18em;text-transform:uppercase;color:var(--txt-3);margin:0 0 14px}
.arg--side{grid-template-columns:1fr;gap:16px}
.arg--side .arc-body{padding:14px 16px 16px}
.arg--side .arc-body b{font-size:15px}
.arg--side .arc-body p{display:none}
@media (max-width:900px){.art-wrap{grid-template-columns:1fr}}
@media (max-width:900px){.afe{grid-template-columns:1fr}.afe::after{background:rgba(11,12,20,.78)}.afe-stack{order:-1}.art-more{position:static}}
@media (max-width:760px){.arg{grid-template-columns:1fr}.art-body{font-size:15.5px}.phero.arh h1{font-size:26px}.afe{border-radius:22px}.afe-txt>b{font-size:24px}}

/* Logos des partenaires entiers dans leur cadre (Morgan, 29/10 soir : logos coupés) */
body[data-page="partenaires"] .pcard4-logo{width:auto;min-width:84px;max-width:170px;height:68px;padding:6px;border-radius:10px;background:var(--ink-900);border:0;box-shadow:inset 0 0 0 1px var(--line);box-sizing:border-box}
body[data-page="partenaires"] .pcard4-logo img{width:auto!important;height:56px!important;max-width:156px!important;max-height:56px;object-fit:contain!important;padding:0;background:transparent;border-radius:0}

/* Partenaires : les cartes remplissent la ligne (3 ou 4), alignées sur le titre (Morgan, 29/10 soir) */
@media (min-width:761px){body[data-page="partenaires"] .showcase-grid.showcase-grid--p{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));justify-content:stretch;max-width:none;margin:0;width:100%}body[data-page="partenaires"] .showcase-grid--p .pcard4{width:auto;max-width:none}}

/* Fiche produit v3v (29/10 nuit, Morgan : « améliore ce visuel + un contour dans le cadre rouge ») : le visuel est un cadre arrondi à contour
   orange (fond nuit uni, aucune couleur derrière l'image), coins soulignés, produit centré qui flotte doucement. */
.ps-vis{margin:14px 0 14px 14px;border-radius:22px;border:1.5px solid rgba(var(--accent-rgb),.42);box-shadow:inset 0 0 0 1px rgba(255,255,255,.04),0 18px 50px rgba(0,0,0,.35);overflow:hidden;isolation:isolate}
.ps-vis::before,.ps-vis::after{content:"";position:absolute;width:30px;height:30px;pointer-events:none;border:0 solid var(--accent);z-index:2}
.ps-vis::before{top:12px;left:12px;border-width:2.5px 0 0 2.5px;border-top-left-radius:10px}
.ps-vis::after{bottom:12px;right:12px;border-width:0 2.5px 2.5px 0;border-bottom-right-radius:10px}
.ps-vis .pbadge{top:22px;left:22px;z-index:3}
.ps-stage{padding:10px 0}
.ps-stage img{max-height:400px;max-width:88%;animation:psFloat 5.5s ease-in-out infinite;transition:transform .5s cubic-bezier(.2,1.2,.4,1)}
.ps-vis:hover .ps-stage img{transform:scale(1.05)}
@keyframes psFloat{0%,100%{translate:0 0}50%{translate:0 -9px}}
@media (max-width:760px){.ps-vis{margin:12px 12px 0}.ps-stage img{max-height:300px}}

/* Bannières et photos « plain » : aucune couleur ajoutée (Morgan 29/10 nuit : plus d effet Halloween sur les bannières) */
.art.plain::before{filter:none;background:var(--img) var(--pos,center)/cover no-repeat}
.phero.art.plain::after{background:linear-gradient(180deg,rgba(17,17,23,.2),rgba(17,17,23,0) 35%,var(--ink-850))}

/* ---------- FIDÉLITÉ v3z (29/10 nuit, refaite : « je t'avais dit de refaire les visuels ») ---------- */
.fd-bar{display:block;height:8px;border-radius:8px;background:rgba(255,255,255,.08);overflow:hidden}
.fd-bar i{display:block;height:100%;border-radius:8px;background:var(--sunset);transition:width .8s cubic-bezier(.2,.8,.25,1)}
.fd{padding-top:0}
.fd>.container{position:relative;z-index:2}
.fd-card{cursor:default}
.fd-card:hover{transform:translateY(-4px)}
.fd-card.is-open{box-shadow:inset 0 0 0 1.5px var(--accent),0 14px 34px rgba(0,0,0,.28)}
.fd-cost{position:absolute;right:10px;bottom:10px;z-index:2;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--txt);background:rgba(17,17,23,.82);padding:6px 11px;border-radius:99px;box-shadow:inset 0 0 0 1px var(--line)}
.fd-cost b{font-family:var(--font-display);font-size:15px;color:var(--accent);margin-right:2px}
.fd-ico{color:var(--accent)}
.fd-card .bd{flex:1;align-content:start}
.fd-use{margin-top:12px;width:100%;justify-content:center;padding:11px 16px;font-size:14px}
.fd-prog{display:grid;gap:6px;margin-top:12px}
.fd-prog em,.fd-eq{font-style:normal;font-size:12.5px;color:var(--txt-3)}
.fd-eq{display:block;margin-top:10px}
/* Classement */
.lb{margin-top:0;padding:clamp(18px,3vw,30px);border:0;border-radius:22px;background:var(--ink-800);box-shadow:inset 0 0 0 1px var(--line)}

/* Chiffres en dégradé : hauteur de ligne et marge pour que le dégradé ne rogne plus les glyphes (Morgan : « le 150 est coupé ») */
.lyb-n{line-height:1.12;padding:.04em .06em .1em 0}

/* Fiche pack : la photo remplit tout le cadre ; vignettes des autres packs en photo pleine */
.ps-vis--cover{padding:0;min-height:380px}
.ps-vis--cover .ps-stage{position:absolute;inset:0;padding:0;min-height:0;z-index:0}
.ps-vis--cover .ps-stage img{width:100%;height:100%;max-width:none;max-height:none;object-fit:cover;object-position:center;animation:none;margin:0}
.ps-vis--cover:hover .ps-stage img{transform:scale(1.04)}
.ps-rc-m--ph img{object-fit:cover;padding:0}
@media (max-width:760px){.ps-vis--cover{min-height:240px}}

/* ---------- INSCRIPTION v4d : quatre champs, même carte que la connexion ---------- */
.s3 .a3-copy{gap:6px}
.s3-gift{display:flex;align-items:center;justify-content:center;gap:16px}
.s3-gift b{font-family:var(--font-heavy);font-size:clamp(72px,9vw,112px);line-height:1.12;padding:.04em .06em .1em 0;background:var(--sunset);-webkit-background-clip:text;background-clip:text;color:transparent;font-variant-numeric:tabular-nums}
.s3-gift span{font:700 14px var(--font-display);letter-spacing:.16em;text-transform:uppercase;text-align:left;color:var(--txt-2);line-height:1.45}
.s3-lead{margin:2px auto 0;max-width:40ch;color:var(--txt-2);font-size:16px;line-height:1.55}
.s3-also{margin:8px auto 0;max-width:42ch;color:var(--txt-3);font-size:13.5px;line-height:1.55}
.s3-also b{color:var(--txt-2);font-weight:600}
.s3-all{display:inline-flex;align-items:center;gap:6px;margin-top:10px;color:var(--accent);text-decoration:none;font-weight:700;font-size:14px}
.s3-all:hover{text-decoration:underline}
.s3-title{margin:0;font-family:var(--font-display);font-weight:700;font-size:clamp(26px,3vw,38px);text-transform:uppercase;letter-spacing:.05em;line-height:1.05}
.s3-sub{margin:8px 0 0;color:var(--txt-3);font-size:14.5px}
.s3-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.s3-hint{font-size:12.5px;color:var(--txt-3);text-transform:none;letter-spacing:0;font-weight:500}
.s3 .rg-labelrow{display:flex;align-items:center;justify-content:space-between;gap:10px}
.s3-accept{display:flex;align-items:flex-start;gap:10px;font-size:13px;color:var(--txt-3);line-height:1.5;cursor:pointer}
.s3-accept input{margin-top:3px;accent-color:var(--accent);flex:none}
.s3-accept a{color:var(--accent)}
.s3-later{display:flex;align-items:flex-start;gap:10px;margin:0;padding:12px 14px;border-radius:12px;background:var(--ink-850);box-shadow:inset 0 0 0 1px var(--line);font-size:13px;color:var(--txt-3);line-height:1.5}
.s3-later svg{flex:none;color:var(--accent);margin-top:2px}
.s3-later b{color:var(--txt-2)}
@media (max-width:520px){.s3-row{grid-template-columns:1fr}}

/* Fiche pack : carrousel « Autres packs » (tous les packs, 4 visibles, glisser ou flèches) */
.ps-sl-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.ps-sl-head h4{margin:0}
.ps-sl-head h4 small{display:inline-grid;place-items:center;min-width:22px;height:22px;margin-left:6px;padding:0 6px;border-radius:999px;background:rgba(var(--accent-rgb),.16);color:var(--accent);font-size:11px;vertical-align:2px}
.ps-sl-nav{display:flex;gap:8px}
.ps-sl-btn{width:36px;height:36px;border-radius:50%;border:0;display:grid;place-items:center;background:var(--ink-900);box-shadow:inset 0 0 0 1px var(--line);color:var(--txt);cursor:pointer;transition:background .2s,color .2s,box-shadow .2s,transform .2s}
.ps-sl-btn:hover{background:var(--accent);color:var(--accent-ink,#1a1208);box-shadow:none;transform:scale(1.06)}
.ps-rel.ps-rel--slide{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;padding-bottom:2px}
.ps-rel--slide::-webkit-scrollbar{display:none}
.ps-rel--slide>.ps-rc{flex:0 0 calc((100% - 30px)/4);scroll-snap-align:start}
@media (max-width:900px){.ps-rel--slide>.ps-rc{flex-basis:calc((100% - 20px)/3)}}
@media (max-width:560px){.ps-rel--slide>.ps-rc{flex-basis:calc((100% - 10px)/2)}}

/* ---------- Fenêtre d'avis des employés en service v2 ---------- */
.rv2-modal .modal-body{padding:0}
.rv2{display:grid;grid-template-columns:300px minmax(0,1fr);min-height:460px}
.rv2-id{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(160deg,#1b2230,#0d0f17);isolation:isolate}
.rv2-ph{position:absolute;inset:0;z-index:-1}
.rv2-ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.rv2-ph::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,11,20,.15) 0%,transparent 30%,rgba(10,11,20,.82) 62%,rgba(10,11,20,.97) 100%)}
.rv2-ini{position:absolute;inset:0;display:grid;place-items:center;font:800 72px var(--font-display);color:rgba(255,255,255,.18)}
.rv2-idtxt{padding:22px;display:flex;flex-direction:column;align-items:flex-start;gap:6px}
.rv2-live{display:inline-flex;align-items:center;gap:7px;padding:5px 11px 5px 9px;border-radius:999px;background:rgba(8,12,10,.6);box-shadow:inset 0 0 0 1px rgba(95,224,143,.4);color:#c9f7da;font:700 10.5px var(--font-display);letter-spacing:.07em;text-transform:uppercase;margin-bottom:4px}
.rv2-live i{width:7px;height:7px;border-radius:50%;background:#5fe08f;animation:dtPulse 1.8s ease-out infinite}
@keyframes dtPulse{0%{box-shadow:0 0 0 0 rgba(95,224,143,.6)}80%,100%{box-shadow:0 0 0 9px rgba(95,224,143,0)}}
.rv2-role{font:600 11px var(--font-display);letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.72)}
.rv2-name{font-family:var(--font-display);font-weight:700;font-size:26px;line-height:1.05;text-transform:uppercase;letter-spacing:.03em;color:#fff}
.rv2-score{width:100%;margin-top:10px}
.rv2-big{display:flex;align-items:center;gap:12px}
.rv2-big>b{font-family:var(--font-display);font-size:46px;line-height:1;color:var(--accent)}
.rv2-big>span{display:flex;flex-direction:column;gap:3px}
.rv2-big small{color:rgba(255,255,255,.65);font-size:12px}
.rv2-dist{display:grid;gap:5px;margin-top:12px}
.rv2-row{display:grid;grid-template-columns:12px 1fr 22px;gap:8px;align-items:center;font-size:11.5px;color:rgba(255,255,255,.7)}
.rv2-row i{height:6px;border-radius:6px;background:rgba(255,255,255,.12);overflow:hidden}
.rv2-row i b{display:block;height:100%;border-radius:6px;background:linear-gradient(90deg,#ffb547,var(--accent));transform-origin:left center}
.rv2-row em{font-style:normal;text-align:right}
.rv2-none{margin:0;color:rgba(255,255,255,.72);font-size:13px}
.rv2-main{display:flex;flex-direction:column;min-width:0;padding:22px 22px 18px;gap:14px}
.rv2-form{padding:16px 18px;border-radius:18px;background:linear-gradient(135deg,rgba(var(--accent-rgb),.12),rgba(var(--accent-rgb),.03));box-shadow:inset 0 0 0 1px rgba(var(--accent-rgb),.3)}
.rv2-fh{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:6px 12px;margin-bottom:8px}
.rv2-fh b{font-family:var(--font-display);font-size:17px;color:#fff;text-transform:uppercase;letter-spacing:.04em}
.rv2-fh span{color:var(--accent);font-weight:600;font-size:13px}
.rv2-pick{display:flex;gap:4px}
.rv2-pick .star-btn{color:rgba(255,255,255,.28);transition:color .15s}
.rv2-pick .star-btn.is-on{color:#ffc247}
.rv2-send{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:10px;margin-top:10px}
.rv2-form .duty-rv-more textarea{width:100%;min-height:74px;resize:vertical;margin-top:8px}
.rv2-thanks{display:flex;align-items:center;gap:12px;color:#5fe08f}
.rv2-thanks b{display:block;color:#fff;font-size:15px}
.rv2-thanks span{color:var(--txt-2);font-size:13px}
.rv2-h{margin:4px 0 0;font:700 12px var(--font-display);letter-spacing:.16em;text-transform:uppercase;color:var(--txt-3)}
.rv2-list{display:grid;gap:10px;max-height:min(46vh,420px);overflow:auto;padding-right:4px}
.rv2-item{padding:14px 16px;border-radius:16px;background:var(--ink-850,#14161f);box-shadow:inset 0 0 0 1px var(--line)}
.rv2-item header{display:flex;align-items:center;gap:10px}
.rv2-av{position:relative;display:grid;place-items:center;flex:none;width:34px;height:34px;border-radius:50%;overflow:hidden;color:#1a1208;font-weight:800;font-size:12px}
.rv2-av img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.rv2-who{flex:1;min-width:0}
.rv2-who b{display:block;font-size:13.5px;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rv2-who small{color:var(--txt-3);font-size:11.5px}
.rv2-item p{position:relative;margin:10px 0 0;padding-left:14px;font-size:13.5px;line-height:1.55;color:var(--txt-2);overflow-wrap:anywhere;border-left:2px solid rgba(var(--accent-rgb),.45)}
.rv2-empty{display:flex;flex-direction:column;align-items:center;gap:10px;padding:26px 10px;text-align:center;color:var(--txt-3)}
.rv2-empty p{margin:0;font-size:13.5px;line-height:1.55}
@media (max-width:720px){
  .rv2{grid-template-columns:1fr;min-height:0}
  .rv2-id{min-height:300px}
  .rv2-main{padding:16px}
  .rv2-list{max-height:none}
}

/* ---------- Cartes partenaires v5 (même langage que la fiche partenaire) ---------- */
.pc5{position:relative;display:flex;flex-direction:column;height:100%;border-radius:20px;overflow:hidden;background:var(--ink-850,#14161f);box-shadow:inset 0 0 0 1px var(--line),0 20px 40px -26px rgba(0,0,0,.8);transition:transform .45s cubic-bezier(.2,.8,.25,1),box-shadow .45s}
.pc5:hover{transform:translateY(-6px);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--pbrand) 60%,transparent),0 28px 50px -24px color-mix(in srgb,var(--pbrand) 55%,transparent)}
.pc5-vis{position:relative;display:grid;place-items:center;aspect-ratio:16/11;padding:22px;background:linear-gradient(160deg,var(--pbrand),#24264d);overflow:hidden}
.pc5-vis::before{content:"";position:absolute;inset:-40%;background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.22),transparent 45%);transition:transform .8s cubic-bezier(.2,.8,.25,1)}
.pc5:hover .pc5-vis::before{transform:translate(12%,10%)}
.pc5-vis img{position:relative;width:78%;height:100%;max-height:170px;object-fit:contain;filter:drop-shadow(0 14px 18px rgba(0,0,0,.45));transition:transform .6s cubic-bezier(.2,.8,.25,1)}
.pc5:hover .pc5-vis img{transform:scale(1.07) rotate(-1.5deg)}
.pc5-vis>span:not(.pc5-live){position:relative;font-family:var(--font-display);font-weight:800;font-size:64px;color:#fff;opacity:.9}
.pc5-live{position:absolute;top:12px;right:12px;display:inline-flex;align-items:center;gap:7px;padding:5px 10px 5px 9px;border-radius:999px;background:rgba(8,10,20,.55);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#d9fbe6;font:700 10.5px var(--font-display);letter-spacing:.06em;text-transform:uppercase}
.pc5-live i{width:7px;height:7px;border-radius:50%;background:#5fe08f;animation:dtPulse 1.8s ease-out infinite}
.pc5-body{display:flex;flex-direction:column;gap:6px;flex:1;padding:16px 18px 18px}
.pc5-cat{font:700 11px var(--font-display);letter-spacing:.14em;text-transform:uppercase;color:color-mix(in srgb,var(--pbrand) 55%,#fff)}
.pc5-body h3{margin:0;font-family:var(--font-display);font-size:19px;line-height:1.2;text-transform:uppercase;letter-spacing:.03em;color:#fff}
.pc5-ad{display:flex;align-items:flex-start;gap:6px;color:var(--txt-3);font-size:12.5px;line-height:1.45}
.pc5-ad svg{flex:none;margin-top:2px}
.pc5-act{margin-top:auto;padding-top:12px;display:flex;align-items:center;gap:8px}

/* ---------- Accueil : « Tout le LTD » en mosaïque photo ---------- */
.bento{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:190px;gap:14px;margin-top:clamp(28px,4vw,44px)}
.bento-t{position:relative;display:flex;flex-direction:column;justify-content:flex-end;padding:18px 20px;border-radius:20px;overflow:hidden;color:#fff;text-decoration:none;isolation:isolate;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.bento-t::before{content:"";position:absolute;inset:0;z-index:-2;background:var(--img) var(--pos,50% 50%)/cover no-repeat;transition:transform 1s cubic-bezier(.2,.8,.25,1)}
.bento-t::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(10,11,22,.15),rgba(10,11,22,.55) 55%,rgba(10,11,22,.92));transition:background .4s}
.bento-t:hover::before{transform:scale(1.08)}
.bento-t:hover::after{background:linear-gradient(180deg,rgba(var(--accent-rgb),.12),rgba(10,11,22,.5) 55%,rgba(10,11,22,.9))}
.bento-t.is-big{grid-column:span 2;grid-row:span 2}
.bento-t.is-wide{grid-column:span 2}
.bento-n{position:absolute;top:16px;left:20px;font:700 12px var(--font-display);letter-spacing:.2em;color:rgba(255,255,255,.6)}
.bento-k{position:absolute;top:13px;right:14px;padding:5px 11px;border-radius:999px;background:rgba(8,10,20,.5);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font:700 11px var(--font-display);letter-spacing:.06em}
.bento-txt b{display:block;font-family:var(--font-display);font-size:clamp(20px,2vw,26px);text-transform:uppercase;letter-spacing:.05em}
.bento-t.is-big .bento-txt b{font-size:clamp(30px,3.6vw,46px)}
.bento-txt small{display:block;margin-top:4px;color:rgba(255,255,255,.75);font-size:13px}
.bento-go{position:absolute;right:16px;bottom:16px;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.12);transition:background .3s,transform .3s,color .3s}
.bento-t:hover .bento-go{background:var(--accent);color:var(--accent-ink,#1a1208);transform:translateX(4px)}
.bento-t .bento-txt{padding-right:52px}
@media (max-width:900px){.bento{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:160px}.bento-t.is-big{grid-row:span 2}}
@media (max-width:520px){.bento{grid-template-columns:1fr;grid-auto-rows:150px}.bento-t.is-big,.bento-t.is-wide{grid-column:auto;grid-row:auto}.bento-t.is-big{min-height:220px}}

/* ---------- Accueil : cadeau d'inscription ---------- */
.gift{display:grid;grid-template-columns:minmax(0,440px) 1fr;gap:clamp(32px,6vw,80px);align-items:center;padding:clamp(28px,4vw,52px);border-radius:28px;background:radial-gradient(circle at 15% 30%,rgba(var(--accent-rgb),.22),transparent 55%),linear-gradient(135deg,#1a1c2b,#11121b);box-shadow:inset 0 0 0 1px rgba(var(--accent-rgb),.25)}
.gift-card{perspective:900px}
.gift-card-in{position:relative;aspect-ratio:1.586;border-radius:22px;overflow:hidden;isolation:isolate;border:1.5px solid transparent;background:linear-gradient(145deg,#232538 0%,#14151f 48%,#0b0c14 100%) padding-box,conic-gradient(from 200deg,var(--accent),#ffd76a,#ff5f6d,#b98aff,var(--accent)) border-box;box-shadow:0 44px 70px -30px rgba(var(--accent-rgb),.75),0 24px 40px -20px #000;transform:rotateX(calc(7deg + var(--rx,0deg))) rotateY(calc(-11deg + var(--ry,0deg)));transition:transform .25s ease-out;animation:giftFloat 6.5s ease-in-out infinite;color:#fff}
.gift-card-in::before{content:"";position:absolute;inset:0;z-index:-1;background:repeating-radial-gradient(circle at 115% -20%,transparent 0 13px,rgba(255,255,255,.035) 13px 14px),radial-gradient(circle at 100% 0%,rgba(var(--accent-rgb),.4),transparent 58%)}
.gift-card-in::after{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;background:conic-gradient(from calc(var(--ry,0deg)*9) at var(--mx,30%) var(--my,20%),#ff8a3d,#ffd76a,#5fe0d0,#7fb0ff,#b98aff,#ff5f6d,#ff8a3d);mix-blend-mode:overlay;opacity:.2;transition:opacity .35s}
.gift:hover .gift-card-in::after,.phero:hover .gift-card-in::after,.mc2-member:hover .gift-card-in::after{opacity:.5}
@keyframes giftFloat{50%{translate:0 -10px}}
.gift-top{position:absolute;left:5.5%;right:5.5%;top:7.5%;display:flex;align-items:center;gap:11px}
.gift-logo{flex:none;display:block;line-height:0}
.gift-brand{flex:1;min-width:0;font:700 14px/1.15 var(--font-display);letter-spacing:.16em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gift-brand small{display:block;margin-top:3px;font:600 9.5px var(--font-display);letter-spacing:.24em;color:var(--accent)}
.gift-nfc{flex:none;width:24px;height:24px;color:rgba(255,255,255,.75)}
.gift-chip{position:absolute;left:5.5%;top:37%;width:11.5%;aspect-ratio:1.3;border-radius:7px;background:linear-gradient(90deg,transparent 31%,rgba(70,45,0,.4) 31% 33%,transparent 33% 67%,rgba(70,45,0,.4) 67% 69%,transparent 69%),linear-gradient(0deg,transparent 47%,rgba(70,45,0,.4) 47% 53%,transparent 53%),linear-gradient(135deg,#ffeeb5,#d9a441 55%,#f8dc90);box-shadow:inset 0 0 0 1px rgba(70,45,0,.35),0 2px 6px rgba(0,0,0,.4)}
.gift-pts{position:absolute;right:5.5%;top:29%;display:flex;flex-direction:column;align-items:flex-end}
.gift-pts b{font:700 clamp(58px,6.6vw,84px)/.95 var(--font-display);letter-spacing:.01em;background:linear-gradient(120deg,#fff 10%,var(--accent) 60%,#ffd76a);-webkit-background-clip:text;background-clip:text;color:transparent}
.gift-pts small{margin-top:2px;font:700 12px var(--font-display);letter-spacing:.34em;text-transform:uppercase;color:rgba(255,255,255,.8)}
.gift-bot{position:absolute;left:5.5%;right:22%;bottom:7.5%;display:grid;gap:5px;min-width:0}
.gift-num{font:600 clamp(13px,1.35vw,16px) var(--font-display);letter-spacing:.14em;color:rgba(255,255,255,.88);text-shadow:0 1px 0 rgba(0,0,0,.6);white-space:nowrap}
.gift-name{font:600 10.5px var(--font-display);letter-spacing:.2em;text-transform:uppercase;color:rgba(255,255,255,.6);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gift-holo{position:absolute;right:5.5%;bottom:7.5%;display:grid;place-items:center;width:11%;aspect-ratio:1;border-radius:50%;background:conic-gradient(from calc(var(--ry,0deg)*14),#ff8a3d,#ffd76a,#5fe0d0,#7fb0ff,#b98aff,#ff5f6d,#ff8a3d);color:rgba(10,11,20,.75);box-shadow:inset 0 0 0 1px rgba(255,255,255,.4)}
.gift-badge{display:inline-flex;align-items:center;gap:7px;padding:7px 14px;border-radius:999px;background:rgba(var(--accent-rgb),.16);color:var(--accent);font:700 12px var(--font-display);letter-spacing:.12em;text-transform:uppercase;margin-bottom:14px}
.gift-txt .h2{margin-top:0}
.gift-rw{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.gift-rw-i{display:flex;align-items:center;gap:10px;padding:8px 14px 8px 8px;border-radius:14px;background:rgba(255,255,255,.05);box-shadow:inset 0 0 0 1px var(--line)}
.gift-rw-i img,.gift-rw-i em{width:44px;height:44px;object-fit:contain;display:grid;place-items:center;font-style:normal;filter:drop-shadow(0 0 5px rgba(255,255,255,.3))}
.gift-rw-i b{font-size:13.5px;color:#fff}
.gift-rw-i small{color:var(--accent);font-weight:700;font-size:12px}
.gift-hint{margin:10px 0 0;color:var(--txt-3);font-size:12.5px}
.gift-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
@media (max-width:860px){.gift{grid-template-columns:1fr;gap:28px}.gift-card{width:100%;max-width:440px;justify-self:center}}
@media (max-width:560px){
  .gift{gap:24px;padding:16px 16px 22px;border-radius:24px}
  .gift-rw{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
  .gift-rw-i{flex-direction:column;justify-content:flex-start;gap:6px;min-width:0;padding:12px 6px;text-align:center}
  .gift-rw-i img,.gift-rw-i em{width:58px;height:58px}
  .gift-rw-i b{font-size:13px;line-height:1.2}
  .gift-hint{text-align:center}
  .gift-cta{gap:10px;margin-top:20px}
  .gift-cta .pbtn{width:100%}
}
.showcase-grid>.pc5,.showcase-grid--p>.pc5{max-width:none!important;width:100%;min-width:0}

/* ---------- Pied de page v5 ---------- */
.ft5{position:relative;padding-top:10px}
.ft5-cta{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:18px 28px;padding:24px 28px;margin-bottom:46px;border-radius:22px;background:linear-gradient(120deg,rgba(var(--accent-rgb),.18),rgba(var(--accent-rgb),.04) 60%);box-shadow:inset 0 0 0 1px rgba(var(--accent-rgb),.28)}
.ft5-cta b{display:block;font-family:var(--font-display);font-size:clamp(17px,1.8vw,21px);text-transform:uppercase;letter-spacing:.04em;color:#fff}
.ft5-cta span{display:block;margin-top:4px;color:var(--txt-2);font-size:14px}
.ft5-cta-btns{display:flex;flex-wrap:wrap;gap:10px}
.ft5-cta .pbtn{display:inline-flex;align-items:center;gap:8px}
.ft5-grid{display:grid;grid-template-columns:minmax(0,1.5fr) repeat(3,minmax(0,1fr));gap:34px}
.ft5-brand p{margin:14px 0 18px;max-width:34ch;color:var(--txt-2);font-size:14px;line-height:1.6}
.ft5-contact{display:grid;gap:10px}
.ft5-contact a,.ft5-contact button{display:flex;align-items:flex-start;gap:10px;padding:0;border:0;background:none;color:var(--txt-2);font:inherit;font-size:13.5px;text-align:left;cursor:pointer;text-decoration:none;transition:color .2s}
.ft5-contact svg{flex:none;margin-top:2px;color:var(--accent)}
.ft5-contact em{display:block;font-style:normal;color:var(--accent);font-size:12px;font-weight:600;margin-top:2px}
.ft5-contact a:hover,.ft5-contact button:hover{color:#fff}
.ft5-col h4{margin:4px 0 16px;font:700 12px var(--font-display);letter-spacing:.18em;text-transform:uppercase;color:var(--txt-3)}
.ft5-col a{position:relative;display:table;margin-bottom:11px;color:var(--txt);font-size:14.5px;text-decoration:none;transition:color .2s,transform .25s}
.ft5-col a::after{content:"";position:absolute;left:0;right:0;bottom:-3px;height:1.5px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .3s cubic-bezier(.2,.8,.25,1)}
.ft5-col a:hover{color:#fff;transform:translateX(3px)}
.ft5-col a:hover::after{transform:scaleX(1)}
.ft5-word{margin:48px 0 6px;font-family:var(--font-display);font-weight:700;font-size:clamp(40px,10.5vw,150px);line-height:.95;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;overflow:hidden;color:transparent;-webkit-text-stroke:1.2px rgba(var(--accent-rgb),.35);user-select:none;text-align:center}
.ft5-bottom{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px 24px;padding:20px 0 8px;border-top:1px solid var(--line);font-size:12.5px;color:var(--txt-3)}
.ft5-bottom .ft-legal{display:flex;gap:18px}
.ft5-bottom .ft-legal a{color:var(--txt-2);text-decoration:none}
.ft5-bottom .ft-legal a:hover{color:#fff}
.ft5-bottom .ft-credit{margin:0}
@media (max-width:900px){.ft5-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.ft5-brand{grid-column:1 / -1}}
@media (max-width:560px){.ft5-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}.ft5-cta{padding:20px}.ft5-bottom{flex-direction:column;align-items:flex-start}}
.ft5-word{display:block;width:100%;height:auto;margin:48px 0 10px;overflow:visible}.ft5-word text{font-family:var(--font-display);font-weight:700;font-size:118px;text-transform:uppercase;fill:none;stroke:rgba(var(--accent-rgb),.38);stroke-width:1.2}

/* ---------- Documents officiels (mentions légales, CGU) v5 ---------- */
html body .ldoc{padding-top:clamp(30px,5vw,56px)}
html body .ldoc-head{position:relative;padding:clamp(26px,4vw,44px);border-radius:26px;overflow:hidden;background:radial-gradient(circle at 85% 0%,rgba(var(--accent-rgb),.22),transparent 55%),linear-gradient(140deg,#1b1d2c,#11121b);box-shadow:inset 0 0 0 1px rgba(var(--accent-rgb),.22)}
html body .ldoc-ribbon{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px 20px;padding-bottom:18px;margin-bottom:22px;border-bottom:1px dashed rgba(255,255,255,.14);font:700 11.5px var(--font-display);letter-spacing:.16em;text-transform:uppercase;color:var(--txt-3)}
html body .ldoc-ribbon span:first-child{display:inline-flex;align-items:center;gap:8px;color:var(--accent)}
html body .ldoc-head h1{margin:0;font-family:var(--font-display);font-size:clamp(34px,5.4vw,64px);line-height:1.04;text-transform:uppercase;letter-spacing:.03em;color:#fff}
html body .ldoc-head p{max-width:62ch;margin:14px 0 0;color:var(--txt-2);font-size:clamp(15px,1.4vw,17px);line-height:1.6}
html body .ldoc-meta{display:flex;flex-wrap:wrap;align-items:center;gap:10px 22px;margin-top:22px;font-size:13px;color:var(--txt-3)}
html body .ldoc-meta a{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:999px;background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px var(--line);color:#fff;text-decoration:none;font-weight:600}
html body .ldoc-meta a:hover{background:var(--accent);color:var(--accent-ink,#1a1208)}
html body .ldoc-ids{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:18px}
html body .ldoc-id{padding:20px 22px;border-radius:20px;background:var(--ink-850,#14161f);box-shadow:inset 0 0 0 1px var(--line)}
html body .ldoc-id h3{display:flex;align-items:center;gap:9px;margin:0 0 12px;font:700 13px var(--font-display);letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}
html body .ldoc-id-r{display:grid;grid-template-columns:110px 1fr;gap:12px;padding:8px 0;border-top:1px solid rgba(255,255,255,.06);font-size:13.5px}
html body .ldoc-id-r small{color:var(--txt-3)}
html body .ldoc-id-r b{color:#fff;font-weight:600}
html body .ldoc-layout{margin-top:28px}
html body .ldoc .lg-card{padding:26px 30px 28px;border-radius:20px;background:var(--ink-850,#14161f);border:0;box-shadow:inset 0 0 0 1px var(--line);margin-bottom:14px}
html body .ldoc .lg-card-head{display:flex;flex-direction:column;gap:6px;margin-bottom:14px;padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.07)}
html body .ldoc .lg-num{font:700 11.5px var(--font-display);letter-spacing:.18em;text-transform:uppercase;color:var(--accent)}
html body .ldoc .lg-card-head h2{margin:0;font-family:var(--font-display);font-size:clamp(20px,2.1vw,25px);text-transform:uppercase;letter-spacing:.03em;color:#fff}
html body .ldoc .legal-body{font-size:15px;line-height:1.7;color:var(--txt-2)}
html body .ldoc .legal-body h3{margin:20px 0 8px;font-size:14px;letter-spacing:.06em;text-transform:uppercase;color:#fff}
html body .ldoc .legal-body b{color:#fff}
html body .ldoc .cg-cl{display:grid;grid-template-columns:44px 1fr;gap:12px;margin:0 0 12px}
html body .ldoc .cg-n{font:700 12.5px var(--font-display);color:var(--accent);padding-top:3px}
html body .ldoc .ml-note{margin:16px 0;padding:14px 16px;border-radius:14px;background:rgba(var(--accent-rgb),.1);box-shadow:inset 0 0 0 1px rgba(var(--accent-rgb),.3);color:var(--txt)}
html body .ldoc-sign{position:relative;margin-top:22px;padding:28px 30px;border-radius:20px;background:linear-gradient(135deg,rgba(var(--accent-rgb),.08),transparent);box-shadow:inset 0 0 0 1px rgba(var(--accent-rgb),.25);overflow:hidden}
html body .ldoc-sign-place{display:block;color:var(--txt-3);font-size:13.5px;margin-bottom:14px}
html body .ldoc-sign-row{display:grid;grid-template-columns:repeat(2,minmax(0,300px));justify-content:space-between;gap:28px 64px}
html body .ldoc-sign-row b{display:block;color:#fff;font-size:15px;margin-top:10px}
html body .ldoc-sign-row small{display:block;color:var(--accent);font:700 11px var(--font-display);letter-spacing:.14em;text-transform:uppercase;margin-top:2px}
html body .ldoc-sig{display:block;padding:0 0 4px 8px;border-bottom:1px solid rgba(255,255,255,.2);font:400 58px/1.15 "Mrs Saint Delafield","Segoe Script",cursive;color:#fff;white-space:nowrap}
@media (max-width:760px){html body .ldoc-ids{grid-template-columns:1fr}html body .ldoc .lg-card{padding:20px}html body .ldoc-sign-row{grid-template-columns:minmax(0,300px)}html body .ldoc-id-r{grid-template-columns:90px 1fr}}

/* ---------- Suivi de commande v5 ---------- */
.sv5{padding-top:clamp(30px,5vw,60px)}
.sv5-console{position:relative;max-width:860px;margin:0 auto;padding:clamp(28px,4.5vw,54px);border-radius:30px;text-align:center;overflow:hidden;background:radial-gradient(circle at 50% -10%,rgba(var(--accent-rgb),.28),transparent 60%),linear-gradient(160deg,#1b1d2c,#10111a);box-shadow:inset 0 0 0 1px rgba(var(--accent-rgb),.25),0 40px 80px -50px rgba(var(--accent-rgb),.6)}
.sv5-console::after{content:"";position:absolute;left:-30%;right:-30%;bottom:-2px;height:2px;background:linear-gradient(90deg,transparent,var(--accent),transparent);animation:sv5Line 4s ease-in-out infinite}
@keyframes sv5Line{0%,100%{transform:translateX(-25%)}50%{transform:translateX(25%)}}
.sv5-badge{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border-radius:999px;background:rgba(var(--accent-rgb),.16);color:var(--accent);font:700 12px var(--font-display);letter-spacing:.12em;text-transform:uppercase}
.sv5-console h1{margin:16px 0 0;font-family:var(--font-display);font-size:clamp(32px,5vw,58px);line-height:1.05;text-transform:uppercase;letter-spacing:.03em;color:#fff}
.sv5-console>p{max-width:52ch;margin:12px auto 0;color:var(--txt-2);font-size:clamp(15px,1.4vw,17px);line-height:1.6}
.sv5-search{display:flex;align-items:center;gap:10px;max-width:520px;margin:28px auto 0;padding:8px 8px 8px 22px;border-radius:999px;background:rgba(8,9,16,.7);box-shadow:inset 0 0 0 1.5px rgba(var(--accent-rgb),.4);transition:box-shadow .3s}
.sv5-search:focus-within{box-shadow:inset 0 0 0 2px var(--accent),0 0 0 6px rgba(var(--accent-rgb),.12)}
.sv5-hash{font:800 30px var(--font-display);color:var(--accent)}
.sv5-search input{flex:1;min-width:0;border:0;background:none;outline:none;color:#fff;font:700 28px var(--font-display);letter-spacing:.06em}
.sv5-search input::placeholder{color:rgba(255,255,255,.2)}
.sv5-search .pbtn{display:inline-flex;align-items:center;gap:8px;flex:none}
.sv5-lock{display:inline-flex;align-items:center;gap:8px;margin:18px auto 0;color:var(--txt-3);font-size:12.5px}
.sv5-mine{max-width:860px;margin:34px auto 0}
.sv5-mine h2{margin:0 0 14px;font:700 13px var(--font-display);letter-spacing:.16em;text-transform:uppercase;color:var(--txt-3)}
.sv5-mine-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}
.sv5-o{position:relative;display:grid;grid-template-columns:1fr auto;gap:6px 10px;align-items:center;padding:16px 18px;border:0;border-radius:18px;background:var(--ink-850,#14161f);box-shadow:inset 0 0 0 1px var(--line);color:inherit;font:inherit;text-align:left;cursor:pointer;transition:transform .3s,box-shadow .3s}
.sv5-o:hover{transform:translateY(-3px);box-shadow:inset 0 0 0 1px rgba(var(--accent-rgb),.5)}
.sv5-o-ref{font:800 22px var(--font-display);color:#fff}
.sv5-o-st{justify-self:end}
.sv5-o-meta{color:var(--txt-3);font-size:12.5px}
.sv5-o>svg{justify-self:end;color:var(--accent)}
.sv5-login{display:flex;align-items:center;flex-wrap:wrap;gap:14px 18px;max-width:860px;margin:24px auto 0;padding:18px 22px;border-radius:20px;background:var(--ink-850,#14161f);box-shadow:inset 0 0 0 1px var(--line)}
.sv5-login>svg{color:var(--accent)}
.sv5-login div{flex:1;min-width:220px}
.sv5-login b{display:block;color:#fff}
.sv5-login span{color:var(--txt-2);font-size:13.5px}
.sv5-result{max-width:860px;margin:26px auto 0}
.sv5-gate{display:flex;gap:16px;align-items:flex-start;padding:22px 24px;border-radius:22px;background:linear-gradient(135deg,rgba(var(--accent-rgb),.12),rgba(var(--accent-rgb),.03));box-shadow:inset 0 0 0 1px rgba(var(--accent-rgb),.3)}
.sv5-gate>svg{flex:none;color:var(--accent);margin-top:2px}
.sv5-gate-t{display:flex;flex-direction:column;align-items:flex-start;gap:8px}
.sv5-gate-t b{color:#fff;font-size:16px}
.sv5-gate-t span{color:var(--txt-2);font-size:14px;line-height:1.55}
.sv5-gate-f{display:flex;gap:8px;flex-wrap:wrap;margin-top:4px}
.sv5-gate-f .input{min-width:180px}
.sv5-none{display:flex;align-items:center;gap:10px;justify-content:center;padding:16px;border-radius:16px;background:var(--ink-850,#14161f);box-shadow:inset 0 0 0 1px var(--line);color:var(--txt-2);font-size:14px}
.sv5-none.is-warn{color:#ffd29a}
.sv5-wait{display:flex;justify-content:center;gap:8px;padding:26px}
.sv5-wait i{width:10px;height:10px;border-radius:50%;background:var(--accent);animation:sv5Dot 1s ease-in-out infinite}
.sv5-wait i:nth-child(2){animation-delay:.15s}.sv5-wait i:nth-child(3){animation-delay:.3s}
@keyframes sv5Dot{0%,100%{transform:translateY(0);opacity:.4}50%{transform:translateY(-8px);opacity:1}}
.sv5 .tk2{border-radius:24px;overflow:hidden;background:var(--ink-850,#14161f);box-shadow:inset 0 0 0 1px var(--line),0 30px 60px -40px rgba(0,0,0,.9)}
.sv5 .tk2-head h3{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.04em;font-size:clamp(20px,2.4vw,26px)}
.sv5 .tk2-auto{margin-top:10px;text-align:center;color:var(--txt-3);font-size:12px}
@media (max-width:560px){.sv5-search{padding-left:16px}.sv5-search input{font-size:22px}.sv5-search .pbtn{padding-left:14px;padding-right:14px}}
.sv5-lock{display:flex;justify-content:center;align-items:center;max-width:46ch;text-align:left}
.sv5-lock svg{flex:none}

/* Changelog : bannière de version (V2) */
.chg-rel.is-version{box-shadow:inset 0 0 0 1.5px rgba(var(--accent-rgb),.45),0 30px 60px -40px rgba(var(--accent-rgb),.7)}
.chg-ver{position:relative;margin:-1px -1px 18px;padding:26px 28px;border-radius:18px 18px 0 0;overflow:hidden;background:radial-gradient(circle at 90% 0%,rgba(255,255,255,.18),transparent 50%),linear-gradient(120deg,var(--accent),#ff5f6d 60%,#7b3fe4)}
.chg-ver::after{content:"V2";position:absolute;right:18px;bottom:-26px;font:800 120px var(--font-display);color:rgba(255,255,255,.12);line-height:1}
.chg-ver-n{display:inline-block;padding:5px 12px;border-radius:999px;background:rgba(0,0,0,.25);color:#fff;font:700 11px var(--font-display);letter-spacing:.16em;text-transform:uppercase}
.chg-ver b{display:block;margin-top:12px;font-family:var(--font-display);font-size:clamp(24px,3vw,34px);text-transform:uppercase;letter-spacing:.03em;color:#fff}
.chg-ver p{position:relative;max-width:58ch;margin:8px 0 0;color:rgba(255,255,255,.9);font-size:15px;line-height:1.55}

/* Nous écrire : suggestion mise en avant */
.sg5{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:clamp(22px,4vw,48px);align-items:center;margin:0 0 26px;padding:clamp(24px,4vw,44px);border-radius:28px;background:radial-gradient(circle at 0% 0%,rgba(var(--accent-rgb),.25),transparent 55%),linear-gradient(140deg,#1d1f2f,#11121b);box-shadow:inset 0 0 0 1.5px rgba(var(--accent-rgb),.4),0 40px 80px -50px rgba(var(--accent-rgb),.7)}
.sg5-badge{display:inline-flex;align-items:center;gap:7px;padding:7px 14px;border-radius:999px;background:rgba(var(--accent-rgb),.16);color:var(--accent);font:700 12px var(--font-display);letter-spacing:.12em;text-transform:uppercase}
.sg5-txt h2{margin:14px 0 0;font-family:var(--font-display);font-size:clamp(28px,4vw,46px);line-height:1.05;text-transform:uppercase;color:#fff}
.sg5-txt p{margin:12px 0 0;color:var(--txt-2);font-size:15.5px;line-height:1.6}
.sg5-txt p b{color:#fff}
.sg5-ideas{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.sg5-ideas button{padding:8px 14px;border:0;border-radius:999px;background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px var(--line);color:var(--txt);font:600 13px var(--font-display);cursor:pointer;transition:background .2s,color .2s}
.sg5-ideas button:hover{background:var(--accent);color:var(--accent-ink,#1a1208)}
.sg5-form{display:flex;flex-direction:column;gap:12px;padding:20px;border-radius:20px;background:rgba(8,9,16,.55);box-shadow:inset 0 0 0 1px var(--line)}
.sg5-form .textarea{min-height:120px}
.sg5-form .pbtn{display:inline-flex;align-items:center;justify-content:center;gap:8px}
.sg5-done{grid-column:1 / -1;display:flex;align-items:center;justify-content:center;gap:14px;padding:20px;color:#5fe08f}
.sg5-done b{display:block;color:#fff;font-size:18px}
.sg5-done span{color:var(--txt-2)}
.ct-grid--one{grid-template-columns:1fr!important;max-width:760px;margin-left:auto;margin-right:auto}
@media (max-width:820px){.sg5{grid-template-columns:1fr}}
/* Partenaires (Morgan, 29/10 : « quand ça affiche une ou deux entreprises c'est trop gros » + « gros vide inutile ») : les cartes gardent la taille
   d'un quart de rangée et se centrent ; plus de colonne étirée sur toute la largeur, donc plus de panneau caché très haut qui laisse un vide. */
@media (min-width:761px){
  body .showcase-grid.showcase-grid--p{display:flex!important;flex-wrap:wrap;justify-content:center;gap:16px}
  body .showcase-grid.showcase-grid--p>.pc5{flex:0 0 calc((100% - 48px) / 4);width:auto;max-width:none!important}
}

/* Fenêtre « Où allez-vous ? » : un cadre photo par lieu */
.loc2-modal .modal-body{padding-top:6px}
.loc2-lead{margin:0 0 18px;color:var(--txt-2);font-size:14.5px;line-height:1.55}
.loc2-lead b{color:#fff}
.loc2-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.loc2-grid.loc2-n3{grid-template-columns:repeat(3,minmax(0,1fr))}
.loc2{display:flex;flex-direction:column;padding:0;border:0;border-radius:20px;overflow:hidden;background:var(--ink-850,#14161f);box-shadow:inset 0 0 0 1px var(--line);color:inherit;font:inherit;text-align:left;cursor:pointer;transition:transform .4s cubic-bezier(.2,.8,.25,1),box-shadow .4s}
.loc2:hover,.loc2:focus-visible{transform:translateY(-5px);box-shadow:inset 0 0 0 1.5px var(--accent),0 24px 44px -24px rgba(var(--accent-rgb),.7);outline:none}
.loc2-ph{position:relative;display:grid;place-items:center;aspect-ratio:4/3;overflow:hidden;background:#0d0f17}
.loc2-ph img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.8,.25,1)}
.loc2:hover .loc2-ph img{transform:scale(1.07)}
.loc2-ph.is-logo{background:linear-gradient(160deg,var(--pbrand),#24264d);padding:22px}
.loc2-ph.is-logo img{width:70%;height:80%;object-fit:contain;filter:drop-shadow(0 12px 16px rgba(0,0,0,.45))}
.loc2-ph em{font:800 54px var(--font-display);font-style:normal;color:#fff}
.loc2-ph::after{content:"";position:absolute;inset:auto 0 0 0;height:45%;background:linear-gradient(180deg,transparent,rgba(10,11,20,.75));pointer-events:none}
.loc2-n{position:absolute;left:14px;top:12px;z-index:1;padding:4px 10px;border-radius:999px;background:rgba(8,10,20,.6);color:#fff;font:700 11px var(--font-display);letter-spacing:.14em}
.loc2-b{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 16px}
.loc2-b b{font-family:var(--font-display);font-size:18px;text-transform:uppercase;letter-spacing:.04em;color:#fff}
.loc2-go{display:inline-flex;align-items:center;gap:7px;padding:8px 14px;border-radius:999px;background:var(--accent);color:var(--accent-ink,#1a1208);font:700 13px var(--font-display);white-space:nowrap}
@media (max-width:620px){.loc2-grid,.loc2-grid.loc2-n3{grid-template-columns:1fr}.loc2-ph{aspect-ratio:16/9}}
/* Partenaires (Morgan, 29/10 : « quand y'a que 2 partenaires c'est tout à gauche… le cadre ne colle pas avec l'autre ») :
   les règles body[data-page] plus anciennes remettaient justify-content:stretch (cartes calées à gauche) et .pc5{height:100%}
   empêchait l'étirement (cartes de hauteurs différentes). Cartes centrées, même hauteur ; titre et onglets centrés comme le catalogue. */
@media (min-width:761px){
  html body .showcase-grid.showcase-grid--p{justify-content:center!important;align-items:stretch!important}
  html body .showcase-grid.showcase-grid--p>.pc5{height:auto!important}
  body[data-page="accueil"] #partnerShowcaseSection .sec-head{flex-direction:column;align-items:center;text-align:center;gap:20px}
  body[data-page="accueil"] #partnerShowcaseSection .sec-head .showcase-tabs{justify-content:center}
  body[data-page="accueil"] #partnerShowcaseSection .sec-head-txt{width:100%}
}
/* Boutons des cartes partenaires toujours alignés en bas (Morgan, 29/10 : « c'est stressant ») : .pcard4-act remettait margin-top:10px. */
.pc5 .pc5-act{margin-top:auto!important}
.pc5-body h3{margin-bottom:0}
.pc5-ad{margin-bottom:10px}

/* Page Partenaires : annuaire (x1) */
.pdir{padding-top:clamp(18px,3vw,34px)}
.pdir-bar{display:flex;justify-content:center;margin-bottom:26px}
.pdir-tabs{justify-content:center;flex-wrap:wrap}
.pdir-tabs .showcase-tab em{margin-left:6px;font-style:normal;opacity:.6;font-size:.85em}
.pdir-grid{row-gap:20px}
.pdir-login{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;margin:38px 0 0;color:var(--txt-3);font-size:14px}
.pdir-login a{color:var(--accent);font-weight:700}
@media (max-width:760px){.pdir-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}

/* Panier (x2) */
.cx{padding-top:clamp(14px,2vw,24px)}
.cx .pc-steps{margin-bottom:26px}
.cx-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:clamp(20px,3vw,36px);align-items:start}
.cx-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}
.cx-head h2,.cx-sug h3,.cx-sum-card h3{margin:0;font-family:var(--font-display);text-transform:uppercase;letter-spacing:.06em;font-size:18px;color:#fff}
.cx-clear{display:inline-flex;align-items:center;gap:6px;border:0;background:none;color:var(--txt-3);font:600 13px var(--font-display);cursor:pointer}
.cx-clear:hover{color:#ff7a7a}
.cx-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.cx-line{display:grid;grid-template-columns:76px minmax(0,1fr) auto 104px 34px;align-items:center;gap:16px;padding:12px 14px 12px 12px;border-radius:20px;background:var(--ink-850,#14161f);box-shadow:inset 0 0 0 1px var(--line)}
.cx-list.is-first .cx-line{animation:cxIn .45s cubic-bezier(.2,.8,.25,1) both;animation-delay:calc(var(--i) * 40ms)}
@keyframes cxIn{from{opacity:0;transform:translateY(10px)}}
.cx-th{display:grid;place-items:center;width:76px;height:76px;border-radius:16px;background:#0d0e16;box-shadow:inset 0 0 0 1px var(--line);overflow:hidden}
.cx-th img{width:84%;height:84%;object-fit:contain}
.cx-th i{font-style:normal;font-size:30px}
.cx-info{display:flex;flex-direction:column;gap:3px;min-width:0}
.cx-cat{font:700 10.5px var(--font-display);letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}
.cx-info b{font-family:var(--font-display);font-size:17px;color:#fff;line-height:1.25;overflow:hidden;text-overflow:ellipsis}
.cx-info small{color:var(--txt-3);font-size:13px}
.cx-info small em{font-style:normal;color:#ffb36b}
.cx-qty{display:inline-flex;align-items:center;border-radius:999px;background:rgba(255,255,255,.05);box-shadow:inset 0 0 0 1px var(--line)}
.cx-qty button{display:grid;place-items:center;width:36px;height:36px;border:0;border-radius:50%;background:none;color:var(--txt);cursor:pointer;transition:background .2s,color .2s}
.cx-qty button:hover{background:var(--accent);color:var(--accent-ink,#1a1208)}
.cx-qty input{width:44px;border:0;background:none;text-align:center;color:#fff;font:700 15px var(--font-display);outline:none}
.cx-sum{text-align:right;font-family:var(--font-display);font-size:18px;color:#fff;white-space:nowrap}
.cx-rm{display:grid;place-items:center;width:34px;height:34px;border:0;border-radius:50%;background:none;color:var(--txt-3);cursor:pointer}
.cx-rm:hover{background:rgba(255,80,80,.14);color:#ff7a7a}
.cx-more{display:inline-flex;align-items:center;gap:8px;margin-top:16px;color:var(--txt-2);font:600 14px var(--font-display);text-decoration:none}
.cx-more:hover{color:var(--accent)}
.cx-sug{margin-top:30px}
.cx-sug-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:12px}
.cx-sg{display:flex;align-items:center;gap:10px;padding:8px 10px 8px 8px;border:0;border-radius:16px;background:var(--ink-850,#14161f);box-shadow:inset 0 0 0 1px var(--line);color:inherit;text-align:left;cursor:pointer;transition:box-shadow .25s,transform .25s}
.cx-sg:hover{transform:translateY(-2px);box-shadow:inset 0 0 0 1.5px rgba(var(--accent-rgb),.6)}
.cx-sg .cx-th{width:46px;height:46px;border-radius:12px;flex:none}
.cx-sg span{display:flex;flex-direction:column;min-width:0;flex:1}
.cx-sg b{font-size:13px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cx-sg small{color:var(--txt-3);font-size:12px}
.cx-sg i{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:rgba(var(--accent-rgb),.16);color:var(--accent);flex:none}
.cx-side{position:sticky;top:92px;display:flex;flex-direction:column;gap:14px}
.cx-sum-card{padding:22px;border-radius:24px;background:radial-gradient(circle at 100% 0%,rgba(var(--accent-rgb),.18),transparent 55%),var(--ink-850,#14161f);box-shadow:inset 0 0 0 1px rgba(var(--accent-rgb),.3),0 30px 60px -40px rgba(var(--accent-rgb),.6)}
.cx-sum-card h3{margin-bottom:16px}
.cx-row{display:flex;justify-content:space-between;gap:10px;padding:7px 0;color:var(--txt-2);font-size:14px}
.cx-row b{color:#fff}
.cx-row b.dim{color:var(--txt-3);font-weight:500}
.cx-total{display:flex;align-items:baseline;justify-content:space-between;margin:10px 0 14px;padding-top:14px;border-top:1px solid var(--line)}
.cx-total span{font:700 13px var(--font-display);letter-spacing:.14em;text-transform:uppercase;color:var(--txt-2)}
.cx-total b{font-family:var(--font-display);font-size:34px;background:linear-gradient(90deg,#fff,var(--accent));-webkit-background-clip:text;background-clip:text;color:transparent}
.cx-pts{display:flex;align-items:flex-start;gap:9px;padding:11px 13px;border-radius:14px;background:rgba(var(--accent-rgb),.1);color:var(--txt-2);font-size:13px;line-height:1.45}
.cx-pts svg{flex:none;margin-top:1px;color:var(--accent)}
.cx-pts b{color:#fff}
.cx-pts a{color:var(--accent);font-weight:700}
.cx-go{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;margin-top:16px;padding-top:15px;padding-bottom:15px;font-size:16px}
.cx-usual{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;margin-top:10px;padding:10px;border:0;border-radius:999px;background:rgba(255,255,255,.05);box-shadow:inset 0 0 0 1px var(--line);color:var(--txt);font:600 13px var(--font-display);cursor:pointer}
.cx-usual:hover{box-shadow:inset 0 0 0 1px rgba(var(--accent-rgb),.6)}
.cx-note{margin:10px 0 0;text-align:center;color:var(--txt-3);font-size:12.5px}
.cx-perks{list-style:none;margin:16px 0 0;padding:14px 0 0;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:9px}
.cx-perks li{display:flex;gap:9px;color:var(--txt-3);font-size:12.5px;line-height:1.4}
.cx-perks svg{flex:none;color:var(--txt-2)}
.cx-acct{padding:16px 18px;border-radius:20px;background:var(--ink-850,#14161f);box-shadow:inset 0 0 0 1px var(--line)}
.cx-acct-h{display:flex;align-items:center;gap:12px}
.cx-acct-h>span{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:rgba(var(--accent-rgb),.16);color:var(--accent)}
.cx-acct-h div{flex:1;display:flex;flex-direction:column}
.cx-acct-h small,.cx-acct-last small{color:var(--txt-3);font-size:12px}
.cx-acct-h b{font-family:var(--font-display);font-size:20px;color:#fff}
.cx-acct-h a{color:var(--accent);font:700 13px var(--font-display);text-decoration:none}
.cx-acct-last{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}
.cx-acct-last div{display:flex;flex-direction:column;gap:2px}
.cx-acct-last b{color:#fff;font-size:13px}
.cx-acct-last span{color:var(--txt-2);font-size:13px}
.cx-acct-last .cx-usual{width:auto;margin:0;padding:8px 14px}
.cx-empty{max-width:560px;margin:10px auto 0;padding:clamp(30px,5vw,54px);border-radius:28px;text-align:center;background:radial-gradient(circle at 50% 0%,rgba(var(--accent-rgb),.16),transparent 60%),var(--ink-850,#14161f);box-shadow:inset 0 0 0 1px var(--line)}
.cx-empty-ico{display:inline-grid;place-items:center;width:72px;height:72px;border-radius:22px;background:rgba(var(--accent-rgb),.16);color:var(--accent)}
.cx-empty h2{margin:18px 0 8px;font-family:var(--font-display);text-transform:uppercase;letter-spacing:.05em;color:#fff}
.cx-empty p{margin:0 auto;max-width:42ch;color:var(--txt-2);line-height:1.6}
.cx-empty-act{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:22px}
.cx-empty+.cx-acct{max-width:560px;margin:16px auto 0}
@media (max-width:980px){.cx-grid{grid-template-columns:1fr}.cx-side{position:static}.cx-sug-row{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){
  .cx-line{grid-template-columns:60px minmax(0,1fr) 30px;grid-template-areas:"th info rm" "th qty sum";row-gap:8px;gap:8px 12px;padding:10px}
  .cx-line .cx-th{grid-area:th;width:60px;height:60px}.cx-info{grid-area:info}.cx-rm{grid-area:rm}.cx-qty{grid-area:qty;justify-self:start}.cx-sum{grid-area:sum;font-size:16px}
  .cx-qty button{width:32px;height:32px}.cx-qty input{width:36px}
  .cx-sug-row{grid-template-columns:1fr}
}

/* Recrutement (x3) */
.rj-sec{padding-top:clamp(18px,3vw,34px)}
.rj-head{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:20px}
.rj-head h2,.rj-h2{margin:0;font-family:var(--font-display);text-transform:uppercase;letter-spacing:.05em;font-size:clamp(24px,3vw,34px);color:#fff}
.rj-live{display:inline-flex;align-items:center;gap:9px;padding:9px 16px;border-radius:999px;background:rgba(255,255,255,.05);box-shadow:inset 0 0 0 1px var(--line);color:var(--txt-2);font:700 13px var(--font-display)}
.rj-live i{width:9px;height:9px;border-radius:50%;background:#ff7a5c}
.rj-live.is-open{color:#fff;background:rgba(74,222,128,.1);box-shadow:inset 0 0 0 1px rgba(74,222,128,.35)}
.rj-live.is-open i{background:#4ade80;box-shadow:0 0 0 0 rgba(74,222,128,.6);animation:rjPulse 2s infinite}
@keyframes rjPulse{70%{box-shadow:0 0 0 9px rgba(74,222,128,0)}100%{box-shadow:0 0 0 0 rgba(74,222,128,0)}}
.rj-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:22px}
.rj-grid--sm{grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:16px}
.rj{position:relative;display:flex;flex-direction:column;justify-content:space-between;min-height:clamp(380px,34vw,480px);padding:20px 22px 22px;border:0;border-radius:24px;overflow:hidden;isolation:isolate;text-align:left;color:#fff;cursor:pointer;background:var(--ink-800);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);transform:perspective(1000px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .25s ease-out,box-shadow .45s}
.rj::before{content:"";position:absolute;inset:0;z-index:-2;background:var(--img) center/cover no-repeat;transition:transform 1s cubic-bezier(.2,.8,.25,1),filter .6s}
.rj::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(10,11,22,.1) 20%,rgba(10,11,22,.65) 55%,rgba(10,11,22,.97))}
.rj:hover{box-shadow:inset 0 0 0 1.5px var(--acc),0 34px 60px -30px var(--acc)}
.rj:hover::before{transform:scale(1.06)}
.rj-top{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap}
.rj-state{display:inline-flex;align-items:center;gap:7px;padding:7px 13px;border-radius:999px;background:rgba(8,10,20,.72);font:700 11.5px var(--font-display);letter-spacing:.06em}
.rj-state i{width:7px;height:7px;border-radius:50%;background:#4ade80}
.rj-body{display:flex;flex-direction:column;gap:9px}
.rj-body b{font-family:var(--font-display);font-size:clamp(30px,3.4vw,44px);text-transform:uppercase;letter-spacing:.05em;line-height:1.02}
.rj-desc{color:rgba(255,255,255,.84);font-size:14.5px;line-height:1.5}
.rj-hours{display:flex;align-items:center;gap:7px;color:rgba(255,255,255,.68);font-size:12.5px}
.rj-hours svg{flex:none}
.rj-more{display:grid;grid-template-rows:0fr;transition:grid-template-rows .5s cubic-bezier(.2,.8,.25,1)}
.rj:hover .rj-more,.rj:focus-visible .rj-more{grid-template-rows:1fr}
.rj-more-in{display:grid;gap:6px;min-height:0;overflow:hidden}
.rj-more i{display:flex;align-items:flex-start;gap:8px;font-style:normal;font-size:13.5px;line-height:1.4;color:#fff}
.rj-more svg{flex:none;margin-top:2px;color:var(--acc)}
.rj-go{display:inline-flex;align-items:center;gap:8px;margin-top:6px;color:var(--acc);font:700 14px var(--font-display)}
.rj.is-closed::before{filter:saturate(.45) brightness(.72)}
.rj.is-closed:hover::before{filter:none}
.rj.is-closed .rj-state{color:var(--txt-2)}
.rj.is-closed:not(:hover) .rj-go{color:var(--txt-2)}
.rj-grid--sm .rj{min-height:280px}
.rj-grid--sm .rj-body b{font-size:24px}
.rj-sub{margin:34px 0 14px;font-family:var(--font-display);text-transform:uppercase;letter-spacing:.08em;font-size:15px;color:var(--txt-2)}
.rj-closed{display:flex;align-items:center;gap:18px;flex-wrap:wrap;padding:22px 24px;border-radius:24px;background:radial-gradient(circle at 0% 0%,rgba(var(--accent-rgb),.18),transparent 55%),var(--ink-850,#14161f);box-shadow:inset 0 0 0 1px rgba(var(--accent-rgb),.3)}
.rj-closed>span{display:grid;place-items:center;width:56px;height:56px;border-radius:18px;background:rgba(var(--accent-rgb),.16);color:var(--accent);flex:none}
.rj-closed>div{flex:1;min-width:220px}
.rj-closed b{display:block;font-family:var(--font-display);font-size:20px;text-transform:uppercase;letter-spacing:.04em;color:#fff}
.rj-closed p{margin:6px 0 0;color:var(--txt-2);font-size:14.5px;line-height:1.55}
.rj-why{padding-top:0}
.rj-h2{margin-bottom:22px!important}
.rj-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:clamp(22px,3vw,34px) 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.rj-tile{padding:0 20px;text-align:center}
.rj-tile+.rj-tile{border-left:1px solid var(--line)}
.rj-tile b{display:block;font:700 clamp(38px,4.6vw,60px)/1 var(--font-display);background:linear-gradient(120deg,var(--accent),#ffd76a);-webkit-background-clip:text;background-clip:text;color:transparent}
.rj-tile span{display:block;margin-top:10px;color:var(--txt-3);font:600 11.5px var(--font-display);letter-spacing:.14em;text-transform:uppercase}
.rj-steps-sec{padding-top:0}
.rj-steps{--gap:clamp(20px,3vw,40px);--ico:72px;list-style:none;margin:8px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gap)}
.rj-steps li{position:relative}
.rj-steps li:not(:last-child)::before,.rj-steps li:not(:last-child)::after{content:"";position:absolute;left:var(--ico);top:calc(var(--ico)/2 - 1.5px);width:calc(100% - var(--ico) + var(--gap));height:3px;background:var(--line);transform-origin:0 0}
.rj-steps li:not(:last-child)::after{background:var(--accent);transform:scaleX(0);transition:transform .7s cubic-bezier(.4,0,.2,1)}
.rj-steps li:nth-child(2)::after{transition-delay:.7s}
.rj-steps.is-on li:not(:last-child)::after{transform:none}
.rj-ico{display:grid;place-items:center;width:var(--ico);height:var(--ico);border-radius:50%;box-shadow:inset 0 0 0 2px var(--line);color:var(--txt-3);transition:color .35s,background .35s,box-shadow .35s}
.rj-steps.is-on .rj-ico{color:var(--accent);box-shadow:inset 0 0 0 2px var(--accent)}
.rj-steps li:nth-child(2) .rj-ico{transition-delay:.65s}
.rj-steps li:nth-child(3) .rj-ico{transition-delay:1.35s}
.rj-steps.is-on li:last-child .rj-ico{background:var(--accent);color:#10131a;box-shadow:0 0 0 8px rgba(var(--accent-rgb),.16)}
.rj-steps b{display:block;margin-top:22px;font:700 20px/1.25 var(--font-display);text-transform:uppercase;letter-spacing:.04em;color:#fff}
.rj-steps p{margin:8px 0 0;color:var(--txt-2);font-size:16px;line-height:1.55}
body:is([data-page="recrutement"],[data-page="fidelite"],[data-page="stations"]) .phero{min-height:clamp(430px,44vw,600px);overflow:hidden;align-content:center}
body:is([data-page="recrutement"],[data-page="fidelite"],[data-page="stations"]) .phero.art.plain::after{background:linear-gradient(90deg,rgba(11,12,20,.92),rgba(11,12,20,.6) 55%,rgba(11,12,20,.35)),linear-gradient(180deg,transparent 60%,var(--ink-850))}
body:is([data-page="recrutement"],[data-page="fidelite"],[data-page="stations"]) .phero-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:1fr auto auto auto 1fr;column-gap:40px;align-items:center;width:100%}
body:is([data-page="recrutement"],[data-page="fidelite"],[data-page="stations"]) .phero-in>*{grid-column:1}
body:is([data-page="recrutement"],[data-page="fidelite"],[data-page="stations"]) .phero-in>h1{grid-row:2}
body:is([data-page="recrutement"],[data-page="fidelite"],[data-page="stations"]) .phero-in>p{grid-row:3}
body:is([data-page="recrutement"],[data-page="fidelite"],[data-page="stations"]) .phero-in>.rjh-act{grid-row:4}
.rjh-act{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:22px}
body[data-page="recrutement"] .phero-in>.rjh-fan{grid-column:2;grid-row:1/-1}
.rjh-fan{--sp:1;--w:clamp(150px,14.5vw,200px);position:relative;height:calc(var(--w)*1.6);transform:perspective(1200px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .25s ease-out}
.phero:hover .rjh-fan{--sp:1.1}
.rjh-card{position:absolute;left:50%;top:50%;width:var(--w);aspect-ratio:3/4;margin:calc(var(--w)*-.667) 0 0 calc(var(--w)*-.5);border-radius:18px;overflow:hidden;background:var(--ink-800);box-shadow:0 26px 50px -18px #000,inset 0 0 0 1px rgba(255,255,255,.14);transform:translateX(calc(var(--x)*var(--w)*var(--sp))) translateY(var(--y)) rotate(calc(var(--r)*var(--sp))) scale(var(--s));transition:transform .6s cubic-bezier(.2,.8,.25,1),filter .5s}
.rjh-card.is-back{filter:brightness(.62)}
.phero:hover .rjh-card.is-back{filter:none}
.rjh-card img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 18%}
.rjh-card::after{content:"";position:absolute;inset:40% 0 0;background:linear-gradient(180deg,transparent,rgba(10,11,22,.95))}
.rjh-card b,.rjh-card small{position:absolute;left:14px;right:14px;z-index:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rjh-card.is-r b,.rjh-card.is-r small{text-align:right}
.rjh-card b{bottom:28px;font:700 18px var(--font-display);letter-spacing:.03em;color:#fff}
.rjh-card small{bottom:12px;font-size:11px;color:rgba(255,255,255,.78)}
.modal.modal--jd{position:relative;max-width:min(1000px,calc(100vw - 32px));width:100%;padding:0;overflow:hidden;border-radius:26px;background:var(--ink-850,#14161f)}
.modal--jd .modal-head{position:absolute;top:12px;right:12px;z-index:5;padding:0;border:0;background:none}
.modal--jd .modal-head>div{display:none}
.modal--jd .modal-head .btn{background:rgba(10,11,20,.7);color:#fff;border-radius:50%}
.modal--jd .modal-body{padding:0}
.jd2{display:grid;grid-template-columns:minmax(0,9fr) minmax(0,11fr);min-height:min(600px,calc(100vh - 60px))}
.jd2-poster{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:space-between;padding:22px 26px 26px;overflow:hidden;color:#fff}
.jd2-img{position:absolute;inset:0;z-index:-2;background:var(--img) center/cover no-repeat;transform:scale(1.04)}
.jd2-poster::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(10,11,22,.15) 25%,rgba(10,11,22,.6) 60%,rgba(10,11,22,.97))}
.jd2-state{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:rgba(8,10,20,.75);font:700 12px var(--font-display);letter-spacing:.06em}
.jd2-state i{width:8px;height:8px;border-radius:50%;background:#ff7a5c}
.jd2-state.is-open i{background:#4ade80}
.jd2-title h2{margin:0;font:700 clamp(36px,4.6vw,58px)/1 var(--font-display);letter-spacing:.05em;text-transform:uppercase;overflow-wrap:anywhere;text-shadow:0 6px 30px rgba(0,0,0,.6)}
.jd2-title p{display:flex;align-items:flex-start;gap:8px;margin:12px 0 0;font-size:13.5px;line-height:1.4;color:rgba(255,255,255,.82)}
.jd2-title svg{flex:none;margin-top:2px;color:var(--acc)}
.jd2-main{display:flex;flex-direction:column;gap:20px;padding:30px 30px 26px;min-width:0}
.jd-lead{margin:0;padding-right:30px;font-size:17px;line-height:1.5;color:#fff}
.jd-cols{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.jd-h{margin:0 0 10px;font:700 12px var(--font-display);letter-spacing:.14em;text-transform:uppercase;color:var(--acc)}
.jd-list{display:grid;gap:10px;margin:0;padding:0;list-style:none}
.jd-list li{display:flex;gap:9px;font-size:13.5px;line-height:1.4;color:var(--txt-2)}
.jd-list i{flex:none;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:color-mix(in srgb,var(--acc) 18%,transparent);color:var(--acc)}
.jd-path{display:flex;align-items:center;gap:6px;margin:0;padding:12px 14px;border-radius:14px;background:rgba(255,255,255,.04);box-shadow:inset 0 0 0 1px var(--line);list-style:none;counter-reset:jd}
.jd-path li{counter-increment:jd;flex:1 1 0;display:flex;align-items:center;gap:7px;min-width:0;font:600 12.5px var(--font-display);color:var(--txt-2)}
.jd-path li::before{content:counter(jd);flex:none;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--acc);color:#10131a;font-weight:800;font-size:12px}
.jd-note{margin:0;padding:12px 14px;border-radius:14px;background:rgba(255,255,255,.04);box-shadow:inset 0 0 0 1px var(--line);font-size:13.5px;line-height:1.45;color:var(--txt-2)}
.jd-team{display:flex;align-items:center;gap:12px;font-size:13px;color:var(--txt-2)}
.jd-team b{color:#fff}
.jd-faces{display:flex;flex:none}
.jd-faces img{width:34px;height:34px;margin-left:-10px;border-radius:50%;object-fit:cover;object-position:50% 15%;background:var(--ink-800);box-shadow:0 0 0 2px var(--ink-850,#14161f)}
.jd-faces img:first-child{margin-left:0}
.jd-acts{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:auto}
@media (max-width:760px){
  .modal.modal--jd{max-width:calc(100vw - 20px);border-radius:22px}
  .jd2{grid-template-columns:1fr;min-height:0}
  .jd2-poster{min-height:230px;padding:16px 18px 18px}
  .jd2-main{padding:20px 18px 20px;gap:16px}
  .jd-lead{padding-right:0;font-size:15.5px}
  .jd-cols{grid-template-columns:1fr}
  .jd-path li{font-size:11.5px}
  .jd-acts .pbtn{flex:1 1 auto}
}
@media (max-width:820px){.rj-steps{--gap:26px;--ico:60px;grid-template-columns:1fr}.rj-steps li{min-height:var(--ico);padding-left:78px}.rj-ico{position:absolute;left:0;top:0}.rj-steps b{margin-top:0}.rj-steps li:not(:last-child)::before,.rj-steps li:not(:last-child)::after{left:calc(var(--ico)/2 - 1.5px);top:var(--ico);width:3px;height:calc(100% - var(--ico) + var(--gap))}.rj-steps li:not(:last-child)::after{transform:scaleY(0)}.rj{min-height:340px}.rj-more{display:none}}
@media (max-width:760px){
  body:is([data-page="recrutement"],[data-page="fidelite"],[data-page="stations"]) .phero-in{grid-template-columns:1fr;grid-template-rows:none}
  body[data-page="recrutement"] .phero-in>.rjh-fan{grid-column:1;grid-row:1;margin-bottom:14px}
  .rjh-fan{--w:116px;height:220px}
  .rjh-card b{font-size:14px;bottom:24px}
  .rjh-card small{font-size:9.5px}
}
@media (max-width:600px){.rj-stats{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:22px}.rj-tile{padding:0 10px}.rj-tile:nth-child(3){border-left:0}.rj-tile span{font-size:10.5px}}

/* ---------- Mon compte (x4, 29/10) ---------- */
html body .mc2{padding-top:clamp(84px,9vw,110px)}
.mc2-container{max-width:1120px}
.mc2-hero{position:relative;border-radius:30px;overflow:hidden;background:var(--ink-850,#14161f);box-shadow:inset 0 0 0 1px var(--line),0 40px 80px -60px rgba(var(--accent-rgb),.7)}
.mc2-banner{position:relative;display:block;width:100%;height:clamp(150px,20vw,220px);border:0;padding:0;cursor:pointer;background:radial-gradient(circle at 85% 20%,rgba(var(--accent-rgb),.55),transparent 45%),radial-gradient(circle at 10% 110%,rgba(123,63,228,.45),transparent 50%),linear-gradient(120deg,#1d1f33,#0e0f18)}
.mc2-banner.has-img{background:var(--bn) center/cover no-repeat}
.mc2-banner::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(20,22,31,.85))}
.mc2-bn-edit{position:absolute;right:16px;bottom:14px;z-index:1;display:inline-flex;align-items:center;gap:7px;padding:7px 13px;border-radius:999px;background:rgba(8,10,20,.6);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;font:600 12px var(--font-display);opacity:0;transform:translateY(6px);transition:opacity .25s,transform .25s}
.mc2-banner:hover .mc2-bn-edit,.mc2-banner:focus-visible .mc2-bn-edit{opacity:1;transform:none}
.mc2-logout{position:absolute;top:14px;right:14px;z-index:2;display:inline-flex;align-items:center;gap:7px;padding:8px 14px;border:0;border-radius:999px;background:rgba(8,10,20,.55);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;font:600 12.5px var(--font-display);cursor:pointer}
.mc2-logout:hover{background:rgba(255,80,80,.3)}
.mc2-id{position:relative;z-index:1;display:flex;align-items:flex-end;gap:20px;margin-top:-62px;padding:0 clamp(18px,3vw,32px)}
.mc2-av{position:relative;flex:none;width:124px;height:124px;border:0;padding:0;border-radius:32px;overflow:hidden;cursor:pointer;background:linear-gradient(140deg,var(--accent),#7b3fe4);box-shadow:0 0 0 5px var(--ink-850,#14161f),0 20px 40px -20px rgba(0,0,0,.8)}
.mc2-av img{width:100%;height:100%;object-fit:cover}
.mc2-av i{display:grid;place-items:center;height:100%;font:800 40px var(--font-display);font-style:normal;color:#fff}
.mc2-av-cam{position:absolute;inset:auto 8px 8px auto;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:rgba(8,10,20,.7);color:#fff;opacity:0;transition:opacity .2s}
.mc2-av:hover .mc2-av-cam{opacity:1}
.mc2-who{padding-bottom:8px;min-width:0}
.mc2-who h1{margin:0;font-family:var(--font-display);font-size:clamp(28px,4vw,44px);line-height:1;text-transform:uppercase;letter-spacing:.04em;color:#fff;overflow-wrap:anywhere}
.mc2-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.mc2-chips span{padding:5px 11px;border-radius:999px;background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px var(--line);color:var(--txt-2);font:600 12px var(--font-display)}
.mc2-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));margin:22px clamp(18px,3vw,32px) clamp(18px,3vw,28px);border-radius:20px;background:rgba(8,9,16,.45);box-shadow:inset 0 0 0 1px var(--line)}
.mc2-kpi{display:flex;flex-direction:column;gap:6px;padding:14px 18px;border:0;background:none;text-align:left;color:inherit;font:inherit}
.mc2-kpi+.mc2-kpi{border-left:1px solid var(--line)}
button.mc2-kpi{cursor:pointer;transition:background .2s}
button.mc2-kpi:hover{background:rgba(255,255,255,.03)}
.mc2-kpi span{display:inline-flex;align-items:center;gap:7px;color:var(--txt-3);font:700 11px var(--font-display);letter-spacing:.12em;text-transform:uppercase}
.mc2-kpi span svg{color:var(--txt-2)}
.mc2-kpi b{font-family:var(--font-display);font-size:26px;color:#fff;white-space:nowrap}
.mc2-kpi.is-pts b{background:linear-gradient(90deg,#fff,var(--accent));-webkit-background-clip:text;background-clip:text;color:transparent}
.mc2-kpi.is-pts span svg{color:var(--accent)}
.mc2-notif{margin-top:16px}
.mc2-tabs{display:flex;gap:6px;margin:26px 0 18px;padding:6px;border-radius:999px;background:var(--ink-850,#14161f);box-shadow:inset 0 0 0 1px var(--line);overflow-x:auto;scrollbar-width:none;scroll-margin-top:90px}
.mc2-tabs::-webkit-scrollbar{display:none}
.mc2-tab{flex:1 0 auto;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 16px;border:0;border-radius:999px;background:none;color:var(--txt-2);font:700 13.5px var(--font-display);white-space:nowrap;cursor:pointer;transition:background .25s,color .25s}
.mc2-tab:hover{color:#fff}
.mc2-tab.is-on{background:var(--accent);color:var(--accent-ink,#1a1208)}
.mc2-tab em{font-style:normal;min-width:20px;padding:1px 6px;border-radius:999px;background:rgba(255,255,255,.1);font-size:11px}
.mc2-tab.is-on em{background:rgba(0,0,0,.18)}
.mc2-orders{display:flex;flex-direction:column;gap:10px}
.mc2-order{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:18px;padding:14px 16px;border-radius:20px;background:var(--ink-850,#14161f);box-shadow:inset 0 0 0 1px var(--line);transition:box-shadow .25s}
.mc2-order.is-live{box-shadow:inset 0 0 0 1.5px rgba(var(--accent-rgb),.45)}
.mc2-order.is-off{opacity:.65}
.mc2-o-th{display:flex}
.mc2-o-th span{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:#0d0e16;box-shadow:0 0 0 3px var(--ink-850,#14161f),inset 0 0 0 1px var(--line);overflow:hidden;color:var(--txt-3)}
.mc2-o-th span+span{margin-left:-12px}
.mc2-o-th img{width:80%;height:80%;object-fit:contain}
.mc2-o-th .more{font:700 12px var(--font-display);color:var(--txt-2)}
.mc2-o-main{display:flex;flex-direction:column;gap:5px;min-width:0}
.mc2-o-top{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.mc2-o-top b{color:#fff;font-size:14px}
.mc2-o-meta{color:var(--txt-3);font-size:13px}
.mc2-o-bar{display:block;height:4px;max-width:260px;border-radius:9px;background:rgba(255,255,255,.08);overflow:hidden}
.mc2-o-bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),#ffd76a)}
.mc2-order.is-done .mc2-o-bar i{background:#4ade80}
.mc2-o-total{font-family:var(--font-display);font-size:20px;color:#fff;white-space:nowrap}
.mc2-o-act{display:flex;align-items:center;gap:8px}
.mc2-o-re{display:grid;place-items:center;width:38px;height:38px;border:0;border-radius:50%;background:rgba(255,255,255,.05);box-shadow:inset 0 0 0 1px var(--line);color:var(--txt);cursor:pointer;flex:none}
.mc2-o-re:hover{box-shadow:inset 0 0 0 1.5px var(--accent);color:var(--accent)}
.mc2-empty{display:flex;flex-direction:column;align-items:center;gap:8px;padding:clamp(28px,5vw,48px);border-radius:24px;text-align:center;background:var(--ink-850,#14161f);box-shadow:inset 0 0 0 1px var(--line);color:var(--txt-2)}
.mc2-empty>svg{color:var(--accent)}
.mc2-empty b{font-family:var(--font-display);font-size:18px;text-transform:uppercase;letter-spacing:.04em;color:#fff}
.mc2-empty span{max-width:46ch;font-size:14px;line-height:1.55}
.mc2-empty .pbtn{margin-top:8px}
.mc2-member{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:16px;align-items:stretch}
.mc2-next{display:flex;flex-direction:column;gap:8px;padding:22px 24px;border-radius:26px;background:var(--ink-850,#14161f);box-shadow:inset 0 0 0 1px var(--line)}
.mc2-next small{color:var(--txt-3);font:700 11px var(--font-display);letter-spacing:.14em;text-transform:uppercase}
.mc2-next>b{font-family:var(--font-display);font-size:22px;text-transform:uppercase;letter-spacing:.03em;color:#fff}
.mc2-next>span{color:var(--txt-2);font-size:14px;line-height:1.5}
.mc2-next>span b{color:#fff}
.mc2-bar{height:10px;border-radius:9px;background:rgba(255,255,255,.08);overflow:hidden}
.mc2-bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),#ffd76a);animation:mc2Grow 1.1s cubic-bezier(.2,.8,.25,1) both}
@keyframes mc2Grow{from{width:0}}
.mc2-how{list-style:none;margin:auto 0 0;padding:14px 0 0;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;gap:8px 16px}
.mc2-how li{display:inline-flex;align-items:center;gap:7px;color:var(--txt-3);font-size:12.5px}
.mc2-how svg{color:var(--accent)}
.mc2-pref{display:flex;align-items:center;gap:9px;margin-top:18px;color:var(--txt-3);font-size:13px}
.mc2-usual{padding:18px;border-radius:24px;background:var(--ink-850,#14161f);box-shadow:inset 0 0 0 1px var(--line)}
.mc2-u-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.mc2-u-list li{display:grid;grid-template-columns:52px minmax(0,1fr) auto 90px;align-items:center;gap:14px}
.mc2-u-list .cx-th{width:52px;height:52px;border-radius:14px}
.mc2-u-list b{color:#fff;font-size:14.5px}
.mc2-u-list em{font-style:normal;color:var(--txt-2);font:700 13px var(--font-display)}
.mc2-u-list span:last-child{text-align:right;color:#fff;font-family:var(--font-display)}
.mc2-u-foot{display:flex;align-items:center;gap:10px;margin-top:16px;padding-top:16px;border-top:1px solid var(--line)}
.mc2-u-foot div{flex:1;display:flex;flex-direction:column}
.mc2-u-foot small{color:var(--txt-3);font-size:12px}
.mc2-u-foot b{font-family:var(--font-display);font-size:24px;color:#fff}
.mc2-pane #mcApps .panel{padding:18px;border-radius:20px;background:var(--ink-850,#14161f);border:0;box-shadow:inset 0 0 0 1px var(--line)}
.mc2-set{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}
.mc2-card{padding:22px;border-radius:24px;background:var(--ink-850,#14161f);box-shadow:inset 0 0 0 1px var(--line)}
.mc2-card--wide{grid-column:1 / -1}
.mc2-card h3{display:flex;align-items:center;gap:9px;margin:0 0 16px;font-family:var(--font-display);font-size:16px;text-transform:uppercase;letter-spacing:.06em;color:#fff}
.mc2-card h3 svg{color:var(--accent)}
.mc2-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 16px}
.mc2-fields .field{margin:0}
.mc2-hint{margin:6px 0 0!important}
.mc2-save{margin-top:16px}
.mc2-card--danger{box-shadow:inset 0 0 0 1px rgba(255,90,90,.25)}
.mc2-card--danger h3 svg{color:#ff7a7a}
@media (max-width:900px){.mc2-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.mc2-kpi:nth-child(4){border-left:0}.mc2-kpi:nth-child(n+4){border-top:1px solid var(--line)}.mc2-member{grid-template-columns:1fr}.mc2-set{grid-template-columns:1fr}.mc2-fields{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){
  .mc2-id{flex-direction:column;align-items:flex-start;gap:12px;margin-top:-54px}
  .mc2-av{width:96px;height:96px;border-radius:26px}
  .mc2-kpis{grid-template-columns:repeat(2,minmax(0,1fr));margin:18px 14px 16px}
  .mc2-kpi{padding:12px 14px}
  .mc2-kpi b{font-size:21px}
  .mc2-kpi:nth-child(n){border-left:0;border-top:0}
  .mc2-kpi:nth-child(even){border-left:1px solid var(--line)}
  .mc2-kpi:nth-child(n+3){border-top:1px solid var(--line)}
  .mc2-kpi:last-child{grid-column:1 / -1;border-left:0}
  .mc2-tabs{border-radius:18px}
  .mc2-tab{flex:0 0 auto;padding:10px 13px}
  .mc2-order{grid-template-columns:minmax(0,1fr) auto;gap:10px 12px}
  .mc2-o-th{display:none}
  .mc2-o-act{grid-column:1 / -1}
  .mc2-o-act .pbtn{flex:1}
  .mc2-fields{grid-template-columns:1fr}
  .mc2-u-list li{grid-template-columns:44px minmax(0,1fr) auto;gap:10px}
  .mc2-u-list li span:last-child{display:none}
  .mc2-logout span{display:none}
}
/* Image dans un article (x31) : page de journal, photo d'évènement… sur toute la largeur du texte. */
.art-body .art-fig{margin:30px 0;max-width:none}
.art-fig a{display:block;overflow:hidden;border-radius:14px;box-shadow:0 0 0 1px rgba(255,255,255,.1),0 30px 60px -30px #000}
.art-fig img{display:block;width:100%;height:auto;transition:transform .5s}
.art-fig a:hover img{transform:scale(1.015)}
.art-body .art-fig a{position:relative;overflow:visible;cursor:zoom-in;box-shadow:none}
.art-body .art-fig img{border-radius:14px;box-shadow:0 0 0 1px rgba(255,255,255,.1),0 30px 60px -30px #000}
.art-body .art-fig a:hover img{transform:none}
.art-lens{position:absolute;left:0;top:0;z-index:5;width:260px;height:260px;border-radius:50%;pointer-events:none;background-color:#fff;background-repeat:no-repeat;box-shadow:0 0 0 3px var(--accent),0 24px 50px -10px #000}
.art-body .art-fig figcaption{margin-top:10px;color:var(--txt-3);font-size:13px;text-align:center}
/* x32 : titre d'article toujours lisible : fond flouté et assombri, voile à gauche. x71 : la page de journal posée nette à droite. */
.phero.arh{overflow:hidden}
.phero.arh.art.plain::before{filter:blur(22px) brightness(.4) saturate(1.2);transform:scale(1.15)}
.phero.arh.art.plain::after{background:linear-gradient(90deg,rgba(11,12,20,.92),rgba(11,12,20,.6) 55%,rgba(11,12,20,.3)),linear-gradient(180deg,transparent 60%,var(--ink-850))}
.arh .phero-in{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:center;gap:clamp(24px,4vw,60px)}
.arh-txt{min-width:0}
.arh-txt:only-child{grid-column:1/-1}
.arh-sheet{margin:0;transform:perspective(1200px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) rotate(1.5deg);transition:transform .25s ease-out}
@media (max-width:900px){.arh .phero-in{grid-template-columns:1fr}}
.arh h1{text-shadow:0 4px 28px rgba(0,0,0,.65)}
/* Image d'article ouverte en grand sur la page (x34) */
.modal.modal--img{max-width:min(1400px,calc(100vw - 32px))}
.modal--img .modal-body{padding:0;background:#08090f}
.modal--img .img-full{display:block;width:100%;height:auto}

/* ---------- FIDÉLITÉ x78 : carte en vitrine, grandes portes, paliers en images, podium, simulateur ---------- */
body[data-page="fidelite"] .phero{padding-bottom:64px}
body[data-page="fidelite"] .phero-in>.fdh-vis{grid-column:2;grid-row:1/-1}
.fdh-vis{position:relative;width:min(100%,430px);justify-self:center;padding:34px 0}
.fdh-note{margin:0 0 4px;width:100%;color:var(--txt-2);font-size:14.5px}

.ld{position:relative;z-index:3;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:-52px 0 26px}
.ld-door{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;padding:20px 22px;border:0;border-radius:22px;background:var(--ink-800);box-shadow:inset 0 0 0 1.5px var(--line),0 22px 44px -22px #000;color:var(--txt);text-align:left;font:inherit;cursor:pointer;transition:translate .25s,box-shadow .25s,background .25s}
.ld-door:hover{translate:0 -4px;box-shadow:inset 0 0 0 1.5px var(--accent),0 28px 50px -22px #000}
.ld-door:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.ld-door.on{background:linear-gradient(120deg,rgba(var(--accent-rgb),.3),var(--ink-800) 72%);box-shadow:inset 0 0 0 2px var(--accent),0 26px 50px -22px rgba(var(--accent-rgb),.7)}
.ld-door.on::after{content:"";position:absolute;left:50%;bottom:-9px;width:18px;height:18px;margin-left:-9px;rotate:45deg;background:var(--accent);border-radius:0 0 4px 0;clip-path:polygon(100% 0,100% 100%,0 100%)}
.ld-ico{display:grid;place-items:center;width:60px;height:60px;border-radius:18px;background:rgba(var(--accent-rgb),.16);color:var(--accent)}
.ld-door.on .ld-ico{background:var(--accent);color:var(--accent-ink)}
.ld-txt{display:grid;gap:3px;min-width:0}
.ld-txt>b{font:700 clamp(18px,1.9vw,23px)/1.12 var(--font-display);text-transform:uppercase;letter-spacing:.03em;color:#fff}
.ld-txt>small{color:var(--txt-2);font-size:13.5px;line-height:1.35}
.ld-go{display:inline-flex;margin-top:7px;color:var(--accent);font:700 12.5px var(--font-display);letter-spacing:.04em}
.ld-go>span{display:inline-flex;align-items:center;gap:6px}
.ld-door:hover .ld-go-off svg{translate:4px 0}
.ld-go-off svg{transition:translate .2s}
.ld-go-on,.ld-door.on .ld-go-off{display:none!important}
.ld-door.on .ld-go-on{display:inline-flex!important}
.ld-pics{display:flex;justify-content:flex-end;min-width:0}
.ld-pics img{width:72px;height:72px;margin-left:-26px;object-fit:contain;filter:drop-shadow(0 8px 10px rgba(0,0,0,.6));transition:translate .3s}
.ld-pics img:nth-child(2){translate:0 -6px}
.ld-door:hover .ld-pics img:nth-child(odd){translate:0 -6px}
.ld-pics .lb-av{width:52px;height:52px;margin-left:-13px;border:2px solid var(--ink-800);background:linear-gradient(135deg,var(--accent),#ffd76a);color:var(--accent-ink);font:800 15px var(--font-display)}
.ld-pics .lb-av:nth-child(2){background:linear-gradient(135deg,#9aa0b4,#e4e6ee)}
.ld-pics .lb-av:nth-child(3){background:linear-gradient(135deg,#a8632f,#e5a56f)}

.lt{display:grid;grid-template-columns:repeat(auto-fit,minmax(128px,1fr));gap:10px;margin:0 0 22px}
.lt-i{position:relative;display:grid;justify-items:center;gap:2px;padding:12px 10px 13px;border:0;border-radius:18px;background:var(--ink-800);box-shadow:inset 0 0 0 1px var(--line);color:var(--txt);font:inherit;text-align:center;cursor:pointer;transition:translate .2s,box-shadow .2s,background .2s}
.lt-i:hover{translate:0 -3px;box-shadow:inset 0 0 0 1.5px var(--accent)}
.lt-i:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.lt-i.on{background:rgba(var(--accent-rgb),.16);box-shadow:inset 0 0 0 2px var(--accent)}
.lt-pic{display:grid;place-items:center;width:62px;height:62px;color:var(--accent)}
.lt-pic img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 8px 9px rgba(0,0,0,.55));transition:scale .25s}
.lt-i:hover .lt-pic img{scale:1.14}
.lt-i b{font:700 13.5px/1.15 var(--font-display);text-transform:uppercase;letter-spacing:.04em;color:#fff}
.lt-i small{color:var(--txt-3);font-size:12px}
.lt-i i{position:absolute;right:9px;top:9px;min-width:22px;padding:2px 6px;border-radius:99px;background:rgba(255,255,255,.07);color:var(--txt-2);font:700 11px var(--font-display);font-style:normal;text-align:center}
.lt-i.on i{background:var(--accent);color:var(--accent-ink)}

.fd-card .ph img{transition:scale .3s}
.fd-card:hover .ph img{scale:1.08}
.lb-segb.is-on{background:var(--accent);color:var(--accent-ink)}
.lb-segb:focus-visible,.lb-sel:focus-visible{outline-color:var(--accent)}
.lb2-row.is-me{background:rgba(var(--accent-rgb),.12)}
.lb2-id em,.lb3-name em{margin-left:6px;padding:1px 7px;border-radius:6px;background:var(--accent);color:var(--accent-ink);font:700 10.5px var(--font-display);font-style:normal;text-transform:uppercase;letter-spacing:.05em}
.lb2-bar i{background:var(--accent)}
.lb2-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:0;margin:20px 0 0;padding:18px 0}
.lb2-stats div{display:block;padding:0 14px;text-align:center}
.lb2-stats div+div{border-left:1px solid var(--line)}
.lb2-stats b{display:block;font:700 clamp(26px,3.4vw,40px)/1.1 var(--font-display);background:linear-gradient(120deg,var(--accent),#ffd76a);-webkit-background-clip:text;background-clip:text;color:transparent}
.lb2-stats span{display:block;margin-top:5px;color:var(--txt-3);font-size:12.5px}
.lb3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:clamp(8px,1.6vw,18px);max-width:760px;margin:30px auto 8px}
.lb3-c{--g:#e8c15a;--h:150px;position:relative;display:grid;justify-items:center;text-align:center;min-width:0}
.lb3-c--2{--g:#c9ccd6;--h:104px;order:-1}
.lb3-c--3{--g:#d9945a;--h:76px}
.lb3-crown{width:36px;height:36px;margin-bottom:-4px;color:var(--g);filter:drop-shadow(0 4px 8px rgba(0,0,0,.5));animation:lb3Pop .6s cubic-bezier(.2,1.5,.4,1) .55s backwards}
.lb3-av{width:clamp(66px,8vw,86px);height:clamp(66px,8vw,86px);border:3px solid var(--g);background:var(--ink-900);color:var(--g);font:800 clamp(20px,2.5vw,26px) var(--font-display);box-shadow:0 0 0 4px var(--ink-800),0 0 0 6px color-mix(in srgb,var(--g) 40%,transparent);animation:lb3Pop .55s cubic-bezier(.2,1.4,.4,1) .35s backwards}
.lb3-c--1 .lb3-av{width:clamp(80px,10vw,110px);height:clamp(80px,10vw,110px)}
.lb3-name{margin-top:12px;max-width:100%;font-size:clamp(13.5px,1.5vw,16.5px);line-height:1.2;color:#fff;overflow-wrap:anywhere}
.lb3-val{margin:3px 0 10px;color:var(--txt-3);font-size:12px}
.lb3-val b{color:var(--g);font:800 clamp(16px,2vw,22px) var(--font-display)}
.lb3-step{display:grid;place-items:start center;width:100%;height:var(--h);padding-top:8px;border-radius:14px 14px 0 0;background:linear-gradient(180deg,color-mix(in srgb,var(--g) 34%,var(--ink-800)),transparent);box-shadow:inset 0 2px 0 var(--g);color:var(--g);font:800 clamp(34px,5vw,54px)/1 var(--font-display);transform-origin:bottom;animation:lb3Rise .65s cubic-bezier(.2,.9,.3,1) backwards}
.lb3-c--1 .lb3-step{animation-delay:.12s}
.lb3-c--3 .lb3-step{animation-delay:.06s}
@keyframes lb3Rise{from{transform:scaleY(0)}}
@keyframes lb3Pop{from{opacity:0;scale:.4}}
.lb3+.lb2-list{margin-top:0;padding-top:14px;border-top:1px solid var(--line)}

.fd-how{padding-top:0}
.fd-how-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(20px,3vw,36px);align-items:stretch}
.fd-path{position:relative;list-style:none;margin:0;padding:0;display:grid;gap:clamp(18px,2.2vw,28px);align-content:center}
.fd-path::before{content:"";position:absolute;left:25px;top:26px;bottom:60px;width:2px;background:linear-gradient(180deg,var(--accent),rgba(var(--accent-rgb),.12))}
.fd-path li{position:relative;padding-left:72px;min-height:52px}
.fd-path-ico{position:absolute;left:0;top:0;display:grid;place-items:center;width:52px;height:52px;border-radius:16px;background:var(--ink-800);box-shadow:inset 0 0 0 1.5px var(--accent);color:var(--accent)}
.fd-path b{display:block;font:700 18px/1.2 var(--font-display);text-transform:uppercase;letter-spacing:.03em;color:#fff}
.fd-path p{margin:6px 0 0;color:var(--txt-2);font-size:14.5px;line-height:1.55}
.ls{display:flex;flex-direction:column;justify-content:center;padding:clamp(20px,3vw,32px);border-radius:24px;background:radial-gradient(circle at 100% 0%,rgba(var(--accent-rgb),.22),transparent 60%),var(--ink-800);box-shadow:inset 0 0 0 1px var(--line)}
.ls-l{color:var(--txt-2);font-size:15.5px}
.ls-l b{font:700 22px var(--font-display);color:#fff}
.ls-r{--p:45%;appearance:none;-webkit-appearance:none;width:100%;height:10px;margin:16px 0 22px;border-radius:10px;background:linear-gradient(90deg,var(--accent) var(--p),rgba(255,255,255,.1) var(--p));cursor:pointer}
.ls-r::-webkit-slider-thumb{-webkit-appearance:none;width:26px;height:26px;border-radius:50%;background:#fff;border:5px solid var(--accent);box-shadow:0 5px 14px rgba(0,0,0,.55);cursor:grab}
.ls-r::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#fff;border:5px solid var(--accent);box-shadow:0 5px 14px rgba(0,0,0,.55);cursor:grab}
.ls-r:focus-visible{outline:2px solid var(--accent);outline-offset:5px}
.ls-out{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:clamp(16px,2.4vw,28px)}
.ls-pts b{display:block;font:700 clamp(46px,5.4vw,68px)/1.05 var(--font-display);background:linear-gradient(120deg,#fff 5%,var(--accent) 60%,#ffd76a);-webkit-background-clip:text;background-clip:text;color:transparent;font-variant-numeric:tabular-nums}
.ls-pts small{display:block;max-width:150px;color:var(--txt-3);font-size:12.5px;line-height:1.35}
.ls-gift{display:flex;align-items:center;gap:12px;min-width:0}
.ls-pic{flex:none;display:grid;place-items:center;width:clamp(74px,8vw,98px);aspect-ratio:1;color:var(--accent)}
.ls-pic img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 12px 12px rgba(0,0,0,.6))}
.ls-tx{display:grid;gap:2px;min-width:0}
.ls-tx small{color:var(--txt-3);font-size:12px}
.ls-tx b{font:700 17px/1.2 var(--font-display);color:#fff}
.ls-tx em{color:var(--txt-3);font-size:12.5px;font-style:normal}
.ls-next{margin:16px 0 0;padding-top:13px;border-top:1px solid var(--line);color:var(--txt-2);font-size:13.5px}
.fd-how .ctl-note{margin-top:24px}

.mc2-member .gift-card{align-self:center;justify-self:center;width:100%;max-width:440px}
.mc2-loy .ld{margin:26px 0 22px}
.mc2-loy #lrRank[hidden]{display:none}

@media (max-width:900px){.fd-how-in{grid-template-columns:1fr}.ld-pics img{width:58px;height:58px;margin-left:-22px}.ld-pics .lb-av{width:44px;height:44px;font-size:13px}}
@media (max-width:760px){
  body[data-page="fidelite"] .phero{padding-top:0}
  body[data-page="fidelite"] .phero-in>.fdh-vis{grid-column:1;grid-row:1;padding:6px 0 10px}
  body[data-page="fidelite"] .rjh-act{gap:8px;margin-top:16px}
  body[data-page="fidelite"] .rjh-act .pbtn{padding-inline:17px}
  body[data-page="fidelite"] .rjh-act .pbtn svg{display:none}
  body[data-page="fidelite"] .rjh-act .btn{padding-inline:15px}
  .fdh-vis{width:min(100%,250px)}
  .fdh-vis .gift-pts{top:34%}
  .fdh-vis .gift-pts b{font-size:48px}
  .fdh-vis .gift-pts small{font-size:10px}
  .fdh-vis .gift-brand{font-size:11.5px;letter-spacing:.1em}
  .ld{grid-template-columns:1fr;gap:12px;margin-top:-40px}
  .ld-door{gap:13px;padding:15px 15px}
  .ld-door{grid-template-columns:minmax(0,1fr) auto}
  .ld-ico{display:none}
  .ld-go>span{white-space:nowrap}
  .ld-pics img{width:64px;height:64px}
  .lt{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .lt-i{grid-template-columns:44px minmax(0,1fr);justify-items:start;column-gap:9px;row-gap:0;padding:9px 10px;text-align:left}
  .lt-i:first-child:nth-last-child(odd){grid-column:1/-1}
  .lt-pic{grid-row:1/3;width:44px;height:44px}
  .lt-pic svg{width:24px;height:24px}
  .lt-i b{align-self:end;font-size:12px;padding-right:20px}
  .lt-i small{align-self:start;font-size:11.5px}
  .lt-i i{right:7px;top:7px;min-width:18px;font-size:10px;padding:1px 5px}

  .lb3-c{--h:112px}.lb3-c--2{--h:78px}.lb3-c--3{--h:58px}
  .ls-out{grid-template-columns:1fr}
  .lb2-stats div{padding:0 6px}
  .lb2-stats span{font-size:11.5px}
}

/* ---------- STATIONS x79 : totem de prix et bandes panoramiques ---------- */
.st-live{display:inline-flex;align-items:center;gap:10px;padding:9px 16px;border-radius:99px;background:rgba(11,12,20,.66);box-shadow:inset 0 0 0 1px rgba(255,255,255,.14);color:#fff;font:600 13.5px var(--font-display)}
.st-live i{flex:none;width:9px;height:9px;border-radius:50%;background:#4ade80;animation:stLive 2s ease-out infinite}
@keyframes stLive{from{box-shadow:0 0 0 0 rgba(74,222,128,.65)}to{box-shadow:0 0 0 11px rgba(74,222,128,0)}}

body[data-page="stations"] .phero-in>.stt{grid-column:2;grid-row:1/-1}
.stt{position:relative;justify-self:center;width:min(100%,330px);transform:perspective(1000px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .25s ease-out}
.stt[hidden]{display:none}
.stt::before,.stt::after{content:"";position:absolute;top:calc(100% - 8px);width:16px;height:300px;background:linear-gradient(90deg,#14151f,#34374c 45%,#14151f)}
.stt::before{left:22%}
.stt::after{right:22%}
.stt-in{position:relative;z-index:1;padding:16px 18px 14px;border-radius:20px;background:linear-gradient(170deg,#23253a,#0e0f18 62%);box-shadow:inset 0 0 0 2px rgba(var(--accent-rgb),.6),0 34px 60px -22px #000,0 0 60px -14px rgba(var(--accent-rgb),.7)}
.stt-top{display:flex;align-items:center;gap:11px}
.stt-top b{font:700 15px var(--font-display);letter-spacing:.2em;text-transform:uppercase;color:#fff}
.stt-led{margin-top:13px;padding:15px 12px 12px;border-radius:13px;background:radial-gradient(rgba(255,255,255,.06) 1px,transparent 1.5px) 0 0/5px 5px,#05060a;box-shadow:inset 0 0 0 1px rgba(255,255,255,.09),inset 0 0 26px rgba(var(--accent-rgb),.16);text-align:center}
.stt-led b{display:block;font:700 clamp(48px,5.6vw,66px)/1 var(--font-display);color:var(--accent);text-shadow:0 0 20px rgba(var(--accent-rgb),.85);font-variant-numeric:tabular-nums;animation:stOn 1.1s steps(1) backwards}
.stt-led small{display:block;margin-top:7px;color:rgba(255,255,255,.62);font-size:12px}
@keyframes stOn{0%{opacity:.08}16%{opacity:1}26%{opacity:.2}40%{opacity:1}52%{opacity:.45}62%{opacity:1}}
.stt-where{display:flex;align-items:center;justify-content:center;gap:6px;margin:11px 0 0;color:#fff;font:600 14px var(--font-display);text-align:center}
.stt-where svg{flex:none;color:var(--accent)}
.stt-rows{margin:12px 0 0;padding:0}
.stt-rows div{display:flex;justify-content:space-between;gap:12px;padding:7px 2px;border-top:1px solid rgba(255,255,255,.09)}
.stt-rows dt{color:var(--txt-3);font-size:13px}
.stt-rows dd{margin:0;color:#fff;font:700 14.5px var(--font-display);font-variant-numeric:tabular-nums}

.stb-list{display:grid;gap:16px}
.stb{--acc:#4ade80;position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:20px;min-height:clamp(210px,18vw,250px);padding:16px;border-radius:24px;background:var(--ink-800);box-shadow:inset 0 0 0 1px var(--line),0 24px 44px -28px #000;transform:perspective(1500px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .25s ease-out,box-shadow .25s}
.stb--mid{--acc:#ff8a3d}
.stb--low{--acc:#ff4d6a}
.stb::before{content:"";position:absolute;inset:0;z-index:-2;background:var(--img,none) center/cover no-repeat;transition:scale .8s cubic-bezier(.2,.8,.25,1)}
.stb::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(11,12,20,.86),transparent 62%),linear-gradient(270deg,rgba(11,12,20,.55),transparent 42%)}
.stb:hover{box-shadow:inset 0 0 0 1.5px var(--accent),0 30px 50px -26px #000}
.stb:hover::before{scale:1.06}
.stb.is-featured{min-height:clamp(270px,26vw,350px)}
.stb-id{align-self:end;min-width:0;padding:4px 6px}
.stb-tags{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:11px}
.stb-tag{padding:5px 11px;border-radius:99px;background:var(--acc);color:#07140c;font:700 11px var(--font-display);letter-spacing:.1em;text-transform:uppercase}
.stb-tag--main{background:var(--gold);color:#2a1a04}
.stb-tag--best{background:var(--accent);color:var(--accent-ink)}
.stb h3{margin:0;font:700 clamp(25px,3.1vw,40px)/1.08 var(--font-display);text-transform:uppercase;letter-spacing:.03em;color:#fff;text-shadow:0 3px 18px rgba(0,0,0,.8)}
.stb.is-featured h3{font-size:clamp(32px,4.3vw,56px)}
.stb-id p{display:flex;align-items:center;gap:6px;margin:7px 0 0;color:rgba(255,255,255,.88);font-size:14px;text-shadow:0 2px 8px rgba(0,0,0,.8)}
.stb-id p svg{flex:none;color:var(--accent)}
.stb-panel{display:grid;align-content:center;gap:13px;padding:16px 18px;border-radius:18px;background:rgba(11,12,20,.84);box-shadow:inset 0 0 0 1px rgba(255,255,255,.11)}
.stb-price{display:flex;align-items:baseline;gap:8px}
.stb-price b{font:700 40px/1 var(--font-display);color:var(--accent);text-shadow:0 0 16px rgba(var(--accent-rgb),.55);font-variant-numeric:tabular-nums}
.stb-price small{color:var(--txt-3);font-size:13px}
.stb-gauge-top{display:flex;align-items:baseline;justify-content:space-between;gap:10px}
.stb-gauge-top b{font:700 18px var(--font-display);color:#fff;font-variant-numeric:tabular-nums}
.stb-time{color:var(--txt-3);font-size:12px}
.stb-tube{height:12px;margin-top:6px;border-radius:12px;background:rgba(255,255,255,.1);overflow:hidden}
.stb-tube i{position:relative;display:block;height:100%;border-radius:12px;background:var(--acc);box-shadow:0 0 14px var(--acc);overflow:hidden;animation:stFill 1.3s cubic-bezier(.2,.8,.25,1) backwards}
.stb-tube i::after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 38%,rgba(255,255,255,.34) 38% 62%,transparent 62%) 0 0/34px 100%;animation:stFlow 1.4s linear infinite}
@keyframes stFill{from{width:0}}
@keyframes stFlow{to{background-position-x:34px}}
.stb-go{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:11px 14px;border:0;border-radius:99px;background:var(--accent);color:var(--accent-ink);font:700 13.5px var(--font-display);cursor:pointer;transition:translate .2s,box-shadow .2s}
.stb-go:hover{translate:0 -2px;box-shadow:0 10px 22px -8px rgba(var(--accent-rgb),.9)}
.stb-go:focus-visible{outline:2px solid #fff;outline-offset:2px}

@media (max-width:760px){
  body[data-page="stations"] .phero-in>.stt{grid-column:1;grid-row:5;width:100%;margin-top:18px}
  .stt::before,.stt::after{display:none}
  .stt-led b{font-size:52px}
  .stt-rows{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
  .stt-rows div{display:block;padding:9px 0 0;text-align:center}
  .stb{grid-template-columns:minmax(0,1fr);gap:0;min-height:0;padding:0;transform:none}
  .stb::before{bottom:auto;height:176px}
  .stb::after{bottom:auto;height:176px;background:linear-gradient(0deg,var(--ink-800),rgba(11,12,20,.2) 62%)}
  .stb.is-featured{min-height:0}
  .stb-id{display:flex;flex-direction:column;justify-content:flex-end;min-height:176px;padding:12px 16px 6px}
  .stb-panel{gap:11px;padding:10px 16px 16px;border-radius:0;background:none;box-shadow:none}
  .stb-price b{font-size:34px}
}

/* ---------- Rappel de points (x80) ---------- */
.loy-pill{position:fixed;left:50%;bottom:14px;z-index:850;display:flex;align-items:center;max-width:calc(100% - 28px);border-radius:99px;background:rgba(11,12,20,.94);box-shadow:inset 0 0 0 1px rgba(var(--accent-rgb),.6),0 12px 28px -10px #000;transform:translate(-50%,180%);transition:transform .4s cubic-bezier(.2,.8,.25,1)}
.loy-pill.is-in{transform:translate(-50%,0)}
.loy-pill a{display:flex;align-items:center;gap:8px;min-width:0;padding:9px 4px 9px 15px;color:#fff;font:600 13px var(--font-display);white-space:nowrap}
.loy-pill a svg{flex:none;color:var(--accent)}
.loy-pill b{color:var(--accent);font-weight:700}
.loy-pill span{min-width:0;overflow:hidden;text-overflow:ellipsis;color:var(--txt-2)}
.loy-pill button{flex:none;display:grid;place-items:center;width:34px;height:34px;border:0;background:none;color:var(--txt-3);cursor:pointer}
/* ---------- FICHE PRODUIT v5 (08/11, Morgan : « pas de barre pour descendre, un beau style, une animation plus cool ») ----------
   La fiche tient à l'écran : suggestions en vignettes dans la colonne de droite, photo à la hauteur de l'écran, barre de défilement masquée.
   Photo sur un fond uni (aucune couleur derrière l'image), ombre au sol ; l'article tombe en tournant à l'ouverture et s'incline en 3D
   sous la souris (psStage, pages-public.js). La fiche pack (.ps-vis--cover) garde son affichage. */
.modal.modal--ps{max-width:1080px;width:calc(100vw - 48px)}
.modal--ps .modal-body{scrollbar-width:none}
.modal--ps .modal-body::-webkit-scrollbar{width:0;height:0}
.ps--prod{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch}
.ps--prod .ps-vis{margin:0;border:0;border-radius:0;box-shadow:none;background:var(--ink-900);padding:26px;min-height:0;overflow:hidden}
.ps--prod .ps-vis::before,.ps--prod .ps-vis::after{display:none}
.ps--prod .ps-vis .pbadge{top:22px;left:22px}
.ps--prod .ps-stage{position:relative;min-height:0;height:100%;padding:0;display:grid;place-items:center}
.ps--prod .ps-tilt{position:relative;z-index:1;display:grid;place-items:center;transition:transform .35s cubic-bezier(.2,.8,.25,1);will-change:transform}
.ps--prod .ps-stage img{width:auto;height:min(400px,56vh);max-width:100%;max-height:none;object-fit:contain;filter:drop-shadow(0 30px 28px rgba(0,0,0,.55));animation:psBob 5s ease-in-out infinite}
@keyframes psBob{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
.ps--prod .ps-vis:hover .ps-stage img{transform:none}
.ps--prod .ps-floor{position:absolute;left:22%;right:22%;bottom:5%;height:30px;border-radius:50%;background:radial-gradient(closest-side,rgba(0,0,0,.7),rgba(0,0,0,0));transition:transform .35s cubic-bezier(.2,.8,.25,1);pointer-events:none}
.ps--prod .ps-stage::after{display:none}
.ps--prod .ps-thumbs{justify-content:center}
.ps--prod .ps-txt{padding:34px 36px 26px;gap:12px;align-content:start}
.ps--prod .ps-cat{justify-self:start;gap:8px;padding:7px 14px 7px 12px;border-radius:99px;background:rgba(255,255,255,.06);font-size:12.5px;letter-spacing:.03em;text-transform:none;color:var(--txt-2);font-weight:600}
.ps--prod .ps-cat small{margin-left:6px;padding-left:10px;border-left:1px solid rgba(255,255,255,.14);font-size:11.5px;letter-spacing:.04em;color:var(--txt-3);opacity:1}
.ps--prod .ps-name{font-size:clamp(26px,2.8vw,34px);line-height:1.04;margin-top:2px}
.ps--prod .ps-price .pr{font-size:38px;line-height:1.12;padding:.02em .04em .06em 0}
.ps--prod .ps-desc{font-size:15px;line-height:1.6;color:var(--txt-2)}
.ps--prod .ps-buy{margin-top:2px;padding-top:16px;border-top:1px solid var(--line);gap:12px}
.ps--prod .qty,.ps--prod .qty button,.ps--prod .qty input{height:50px}
.ps--prod .ps-buy .pbtn{flex:1 1 150px;min-width:0;white-space:nowrap;justify-content:center;height:50px;padding:0 22px;font-size:15.5px}
.ps--prod .ps-facts{gap:7px;margin:0}
.ps--prod .ps-facts li{font-size:13px;color:var(--txt-2)}
.ps--prod .ps-partner{font-size:12.5px;color:var(--txt-3);margin:0}
.ps--prod .ps-more{padding:14px 0 0;margin-top:2px;background:none;border-top:1px solid var(--line)}
.ps--prod .ps-more h4{font:700 14px/1.2 var(--font-display);letter-spacing:.04em;text-transform:none;color:var(--txt);margin:0 0 10px}
.ps--prod .ps-rel{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.ps--prod .ps-rc{padding:0;gap:5px;background:transparent;box-shadow:none}
.ps--prod .ps-rc:hover{box-shadow:none;transform:none}
.ps--prod .ps-rc-m{border-radius:12px;background:var(--ink-900);box-shadow:inset 0 0 0 1px var(--line);transition:box-shadow .3s}
.ps--prod .ps-rc-m img{padding:8px;transition:transform .5s cubic-bezier(.2,1.2,.4,1)}
.ps--prod .ps-rc:hover .ps-rc-m{box-shadow:inset 0 0 0 1px rgba(255,255,255,.22)}
.ps--prod .ps-rc:hover .ps-rc-m img{transform:scale(1.12) rotate(-4deg)}
.ps--prod .ps-rc-n{font-size:12px;-webkit-line-clamp:1}
.ps--prod .ps-rc-p{font-size:13px}
.ps--prod .ps-packs h4{font:700 14px/1.2 var(--font-display);letter-spacing:.04em;text-transform:none;color:var(--txt);margin:4px 0 8px}
@media (max-width:760px){
  .ps--prod{grid-template-columns:1fr}
  .ps--prod .ps-vis{padding:20px 16px 12px}
  .ps--prod .ps-stage img{height:260px}
  .ps--prod .ps-txt{padding:20px 18px 18px}
  .ps--prod .ps-name{font-size:24px}
  .ps--prod .ps-price .pr{font-size:32px}
}
/* ---------- FICHES v6 (x194, 08/11) : fiche article et fiche pack dans la langue des chiffres et de la vitrine (filets, pas de boîtes).
   Catégorie en couleur avec un point, nom plus grand, prix très grand, « Aussi dans un pack » et « Ce qui est inclus » en lignes à filets,
   suggestions en colonnes séparées d'un filet. La fiche pack reprend le gabarit .ps--prod (photo pleine hauteur à gauche, sans cadre). ---------- */
.ps--prod .ps-vis{border-right:1px solid var(--line)}
.ps--prod .ps-txt{padding:32px 36px 28px;gap:14px}
.ps--prod .ps-cat{padding:0;background:none;border-radius:0;gap:9px;font-size:11.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--cc,var(--txt-3))}
.ps--prod .ps-cat i{display:inline-block;width:7px;height:7px;border-radius:50%;background:currentColor}
.ps--prod .ps-cat small{margin-left:8px;padding-left:10px;border-left:1px solid rgba(255,255,255,.16);font-size:11px;font-weight:500;letter-spacing:.06em;text-transform:none;color:var(--txt-3)}
.ps--prod .ps-name{font-size:clamp(30px,3.2vw,42px);line-height:.98;letter-spacing:.02em;margin-top:0}
.ps--prod .ps-price{gap:12px;margin-top:-2px}
.ps--prod .ps-price .pr{font-size:46px;line-height:1.08}
.ps--prod .ps-price span{font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--txt-3)}
.ps--prod .ps-desc{font-size:14.5px;line-height:1.65;color:var(--txt-2)}
.ps--prod .ps-buy{padding-top:18px;border-top:1px solid rgba(255,255,255,.14)}
.ps--prod .qty{background:transparent;box-shadow:inset 0 0 0 1px rgba(255,255,255,.22)}
.ps--prod .qty,.ps--prod .qty button,.ps--prod .qty input{height:54px}
.ps--prod .ps-buy .pbtn{height:54px;font-size:15.5px;letter-spacing:.03em}
.ps--prod .ps-facts li{color:var(--txt-3)}
.ps--prod .ps-facts svg{color:var(--txt-2)}
.ps--prod .ps-packs h4,.ps--prod .ps-more h4,.ps--prod .ps-sl-head h4{font:700 11.5px/1.2 var(--font-display);letter-spacing:.16em;text-transform:uppercase;color:var(--txt-3);margin:0 0 4px}
.ps--prod .ps-packs,.ps--prod .ps-items{gap:0}
.ps--prod .ps-packs h4{margin-top:4px}
.ps--prod .ps-pk{grid-template-columns:42px minmax(0,1fr) auto;gap:14px;padding:10px 0;border-radius:0;background:none;box-shadow:none;border-top:1px solid var(--line);transition:padding .3s cubic-bezier(.2,.8,.25,1)}
.ps--prod .ps-pk:last-child{border-bottom:1px solid var(--line)}
.ps--prod .ps-pk:hover{box-shadow:none;padding-left:8px}
.ps--prod .ps-pk-m{width:42px;height:42px;border-radius:0;background:transparent;font-size:20px}
.ps--prod .ps-pk-m img{object-fit:contain}
.ps--prod .ps-pk-t b{font-size:14px}
.ps--prod .ps-pk-t small{font-size:11.5px}
.ps--prod .ps-pk-p b{font-family:var(--font-display);font-weight:700;font-size:16px;background:var(--sunset);-webkit-background-clip:text;background-clip:text;color:transparent}
.ps--prod .ps-pk-p em{font-size:11px;letter-spacing:.08em}
.ps--prod .ps-more{padding-top:16px}
.ps--prod .ps-more h4{margin-bottom:12px}
.ps--prod .ps-rel{gap:0}
.ps--prod .ps-rc{padding:0 10px;gap:8px}
.ps--prod .ps-rc:first-child{padding-left:0}
.ps--prod .ps-rc + .ps-rc{border-left:1px solid var(--line)}
.ps--prod .ps-rc-m{border-radius:0;background:transparent;box-shadow:none;position:relative}
.ps--prod .ps-rc-m img{position:relative;z-index:1;padding:10px;filter:drop-shadow(0 10px 10px rgba(0,0,0,.45));transition:transform .5s cubic-bezier(.2,.8,.25,1)}
.ps--prod .ps-rc:hover .ps-rc-m{box-shadow:none}
.ps--prod .ps-rc:hover .ps-rc-m img{transform:translateY(-6px) scale(1.06) rotate(0)}
.ps--prod .ps-rc-n{font-size:12.5px}
.ps--prod .ps-rc-p{font-family:var(--font-display);font-weight:700;font-size:14px}
.ps--prod .ps-partner{margin-top:2px}
/* Fiche pack */
.ps--pack .ps-vis{padding:0;min-height:420px}
.ps--pack .ps-vis.ps-vis--cover .ps-stage{position:absolute;inset:0;height:auto}
.ps--pack .ps-vis.ps-vis--cover .ps-stage img{width:100%;height:100%;max-width:none;object-fit:cover;object-position:center;filter:none;animation:none}
.ps--pack .ps-pk{grid-template-columns:36px minmax(0,1fr) auto;gap:12px;padding:7px 0}
.ps--pack .ps-pk-m{width:36px;height:36px}
.ps--pack .ps-pk-t b{font-size:13.5px}
.ps--pack .ps-facts{gap:5px}
.ps--pack .ps-sl-head{margin-bottom:12px}
.ps--pack .ps-sl-head h4{margin:0}
.ps--pack .ps-sl-head h4 small{background:none;min-width:0;height:auto;padding:0;margin-left:6px;color:var(--txt-3);font-size:11px;vertical-align:0}
.ps--pack .ps-sl-btn{width:32px;height:32px;background:transparent;box-shadow:inset 0 0 0 1px rgba(255,255,255,.2)}
.ps--pack .ps-rel--slide{gap:0}
.ps--pack .ps-rel--slide>.ps-rc{flex-basis:25%}
.ps--pack .ps-rc-m--ph{aspect-ratio:4/3}
.ps--pack .ps-rc-m--ph img{padding:0;filter:none;border-radius:8px}
.ps--pack .ps-rc:hover .ps-rc-m--ph img{transform:scale(1.04)}
@media (max-width:760px){
  .ps--prod .ps-vis{border-right:0;border-bottom:1px solid var(--line)}
  .ps--prod .ps-txt{padding:20px 18px 20px;gap:12px}
  .ps--prod .ps-name{font-size:26px}
  .ps--prod .ps-price .pr{font-size:36px}
  .ps--prod .ps-rel{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ps--prod .ps-rc:nth-child(odd){border-left:0;padding-left:0}
  .ps--prod .ps-rc:nth-child(n+3){margin-top:10px}
  .ps--pack .ps-vis{min-height:220px}
  .ps--pack .ps-rel--slide>.ps-rc{flex-basis:50%}
}
/* x195 (08/11) : le visuel du pack est une image carrée avec son titre dedans, le rognage la rendait illisible : affichée en entier.
   Suggestions : le nom complet sur deux lignes (Morgan : « les items longs on voit pas tout le nom »). */
.ps--pack .ps-vis.ps-vis--cover .ps-stage img{object-fit:contain;padding:24px}
.ps--pack .ps-vis.ps-vis--cover:hover .ps-stage img{transform:none}
.ps--prod .ps-rc-n{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.6em;font-size:12.5px;line-height:1.3}
@media (max-width:760px){.ps--pack .ps-vis.ps-vis--cover .ps-stage img{padding:12px}}
/* ---------- FICHE ARTICLE v7 « plein écran cinéma » (x198, 08/11, concept choisi par Morgan parmi trois) ----------
   La fiche prend tout l'écran, fond nuit. Photo géante à gauche (3/5), à droite catégorie, nom très grand, prix, description, achat.
   Livraison, points, lien partenaire dans une bande fine en bas ; packs et articles proches derrière un bouton qui déplie la bande. */
.overlay--cine{padding:0!important;align-items:stretch}
.modal.modal--ps.modal--cine{max-width:none;width:100vw;height:100vh;max-height:100vh;border-radius:0;border:0;margin:0;background:#0a0a0f}
.modal--cine .modal-body{flex:1;min-height:0;height:auto;overflow-y:auto;display:flex;scrollbar-width:none}
.modal--cine .modal-body>.ps{flex:1;min-height:0}
.modal--cine .modal-head{padding:20px}
.modal--cine .modal-head .btn{width:48px;height:48px;background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 1px rgba(255,255,255,.14)}
.ps--cine{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);grid-template-rows:minmax(calc(100vh - 62px),auto) auto;align-items:stretch;min-height:100%;height:auto}
.ps--cine .ps-vis{grid-row:1;min-height:0;border-right:0;background:#0a0a0f;padding:48px}
.ps--cine .ps-stage{height:100%;min-height:0}
.ps--cine .ps-tilt{width:100%;height:100%}
.ps--cine .ps-stage img{width:auto;height:auto;max-width:100%;max-height:calc(100vh - 240px);filter:drop-shadow(0 40px 36px rgba(0,0,0,.6))}
.ps--cine .ps-floor{display:none}
.ps--cine .ps-thumbs{position:absolute;left:0;right:0;bottom:16px}
.ps--cine .ps-txt{grid-row:1;align-content:center;padding:60px clamp(32px,5vw,88px) 40px 8px;gap:20px;min-height:0;overflow:hidden}
.ps--cine .ps-cat{font-size:12px}
.ps--cine .ps-name{font-size:clamp(36px,4.8vw,76px);line-height:.95;padding-right:0}
.ps--cine .ps-price .pr{font-size:clamp(40px,4.2vw,64px)}
.ps--cine .ps-desc{font-size:16px;max-width:46ch}
.ps--cine .ps-buy{border-top:0;padding-top:8px}
.ps--cine .ps-buy .pbtn{height:58px;font-size:16px}
.ps--cine .qty,.ps--cine .qty button,.ps--cine .qty input{height:58px}
.ps--cine .ps-txt>*{animation:psCineUp .7s cubic-bezier(.2,.8,.25,1) both}
.ps--cine .ps-txt>:nth-child(2){animation-delay:.06s}.ps--cine .ps-txt>:nth-child(3){animation-delay:.12s}.ps--cine .ps-txt>:nth-child(4){animation-delay:.18s}.ps--cine .ps-txt>:nth-child(5){animation-delay:.24s}
@keyframes psCineUp{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
.ps-cine-bar{grid-column:1/-1;grid-row:2;border-top:1px solid rgba(255,255,255,.14);padding:0 clamp(24px,4vw,56px);background:#0a0a0f}
.ps-cine-sum{display:flex;align-items:center;gap:22px;min-height:62px;flex-wrap:nowrap}
.ps-cine-sum .ps-facts{display:flex;flex-wrap:nowrap;gap:6px 22px;margin:0;flex:1 1 auto;min-width:0}
.ps-cine-sum .ps-facts li{font-size:12px;color:var(--txt-3);white-space:nowrap}
.ps-cine-sum .ps-partner{margin:0;white-space:nowrap;font-size:12px}
.ps-cine-tg{margin-left:auto}
@media (max-width:1280px){.ps-cine-sum .ps-partner{display:none}}
.ps-cine-tg{display:inline-flex;align-items:center;gap:8px;border:0;background:none;color:var(--txt);font:700 12px var(--font-display);letter-spacing:.14em;text-transform:uppercase;cursor:pointer;padding:0;white-space:nowrap}
.ps-cine-tg svg{transition:transform .35s}
.ps-cine-tg:hover{color:var(--accent)}
.is-open .ps-cine-tg svg{transform:rotate(180deg)}
.ps-cine-more{display:none;grid-template-columns:minmax(0,2fr) minmax(0,3fr);gap:48px;padding:4px 0 28px;border-top:1px solid var(--line)}
.ps-cine-bar.is-open .ps-cine-more{display:grid}
.ps-cine-more:empty{display:none}
.ps--cine .ps-more{border-top:0;padding-top:16px}
.ps--cine .ps-packs{padding-top:16px}
.ps--cine .ps-cine-more>.ps-more:only-child{grid-column:1/-1}
.ps--cine .ps-rel{grid-template-columns:repeat(4,minmax(0,1fr))}
.ps--cine .ps-rc-m{aspect-ratio:4/3}
@media (max-width:1100px){.ps--cine{grid-template-columns:1fr 1fr}.ps--cine .ps-vis{padding:40px 24px}.ps--cine .ps-txt{padding-right:32px}}
@media (max-width:760px){
  .modal--cine .modal-body{overflow-y:auto;display:block}
  .ps--cine{display:block;height:auto}
  .ps--cine .ps-vis{height:44vh;min-height:260px;padding:64px 20px 16px;border-bottom:0}
  .ps--cine .ps-stage img{max-height:calc(44vh - 84px)}
  .ps--cine .ps-txt{padding:12px 20px 22px;gap:14px}
  .ps--cine .ps-name{font-size:32px}
  .ps--cine .ps-price .pr{font-size:42px}
  .ps--cine .ps-desc{font-size:14.5px}
  .ps--cine .ps-buy .pbtn,.ps--cine .qty,.ps--cine .qty button,.ps--cine .qty input{height:52px}
  .ps-cine-bar{padding:0 20px 20px}
  .ps-cine-sum{flex-direction:column;align-items:flex-start;gap:10px;padding:16px 0}
  .ps-cine-sum .ps-facts{flex-direction:column;gap:6px}
  .ps-cine-more{grid-template-columns:1fr;gap:16px;padding-bottom:10px}
  .ps--cine .ps-rel{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* Pied de page x198 : sans bandeau d'appel ni phrase ; grille sous un filet. */
.ft5-grid{padding-top:8px}
.ft5-brand .brand{margin-bottom:18px}
/* x199 (08/11, Morgan : « pas plein écran grand comme ça, réduis un peu » et « articles proches c'est horrible ») :
   la fiche devient une grande fenêtre arrondie (1360 × 860 max, marge de 24 px) ; les articles proches en petites vignettes de 150 px. */
.overlay--cine{padding:24px!important;align-items:center}
.modal.modal--ps.modal--cine{width:min(1360px,calc(100vw - 48px));height:min(860px,calc(100vh - 48px));max-height:none;border-radius:24px;overflow:hidden}
.ps--cine{grid-template-rows:minmax(calc(min(860px,100vh - 48px) - 62px),auto) auto}
.ps--cine .ps-vis{padding:40px}
.ps--cine .ps-stage img{max-height:calc(min(860px,100vh - 48px) - 200px)}
.ps--cine .ps-txt{padding:48px clamp(28px,4vw,72px) 36px 4px}
.ps-cine-more{grid-template-columns:minmax(0,1fr) auto;gap:40px}
.ps--cine .ps-cine-more>.ps-more:only-child{grid-column:1/-1}
.ps--cine .ps-rel{display:flex;flex-wrap:wrap;gap:0}
.ps--cine .ps-rc{flex:0 0 150px;width:150px;padding:0 14px}
.ps--cine .ps-rc:first-child{padding-left:0}
.ps--cine .ps-rc-m{aspect-ratio:1/1;width:100%}
.ps--cine .ps-rc-m img{padding:14px}
.ps--cine .ps-rc-n{font-size:12px}
.ps--cine .ps-packs .ps-pk{max-width:420px}
@media (max-width:760px){
  .overlay--cine{padding:0!important}
  .modal.modal--ps.modal--cine{width:100vw;height:100vh;border-radius:0}
  .ps--cine .ps-vis{padding:64px 20px 16px}
  .ps--cine .ps-txt{padding:12px 20px 22px}
  .ps--cine .ps-rel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  .ps--cine .ps-rc{width:auto;flex:none}
}
/* x200 (08/11) : plus de filets gris dans les fiches non plus ; la bande du bas se distingue par un fond à peine plus clair. */
.ps--prod .ps-vis{border-right:0}
.ps--prod .ps-buy{border-top:0;padding-top:8px}
.ps--prod .ps-packs,.ps--prod .ps-items{border-top:0}
.ps--prod .ps-pk,.ps--prod .ps-pk:last-child{border-top:0;border-bottom:0;padding:8px 0}
.ps--prod .ps-more{border-top:0}
.ps--prod .ps-rc + .ps-rc{border-left:0}
.ps-cine-bar{border-top:0;background:rgba(255,255,255,.035)}
.ps-cine-more{border-top:0}
.ps--prod .ps-cat small{border-left:0;padding-left:0;margin-left:10px}
@media (max-width:760px){.ps--prod .ps-vis{border-bottom:0}.ps--prod .ps-rc:nth-child(odd){border-left:0}}
/* x201 (08/11) : filets des fiches remis en version discrète (blanc à 6 %). */
.ps--prod .ps-pk{border-top:1px solid rgba(255,255,255,.06)}
.ps--prod .ps-pk:last-child{border-bottom:1px solid rgba(255,255,255,.06)}
.ps--prod .ps-rc + .ps-rc{border-left:1px solid rgba(255,255,255,.06)}
.ps-cine-bar{border-top:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.025)}
@media (max-width:760px){.ps--prod .ps-rc:nth-child(odd){border-left:0}}
/* x201 : bande du bas de la fiche. Les textes se chevauchaient (tout en « nowrap ») : les infos peuvent passer à la ligne, le lien partenaire
   quitte la ligne (il est repris en bas du panneau déplié) ; les articles proches sont centrés (Morgan : « au milieu »). */
.ps-cine-sum{flex-wrap:nowrap;gap:24px;padding:12px 0}
.ps-cine-sum .ps-facts{flex:1 1 auto;min-width:0;flex-wrap:wrap;gap:4px 24px}
.ps-cine-sum .ps-facts li{white-space:normal}
.ps-cine-sum .ps-partner{display:none}
.ps-cine-tg{flex:none;margin-left:auto}
.ps-cine-more{display:none;grid-template-columns:auto;justify-content:center;justify-items:center;gap:32px;padding:8px 0 24px}
.ps-cine-bar.is-open .ps-cine-more{display:grid}
.ps--cine .ps-cine-more>.ps-more:only-child{grid-column:auto}
.ps--cine .ps-more{text-align:center;width:100%}
.ps--cine .ps-rel{justify-content:center}
.ps--cine .ps-rc{text-align:center;justify-items:center}
.ps--cine .ps-rc:first-child{padding-left:14px}
.ps--cine .ps-packs{text-align:left}
.ps--cine .ps-packs .ps-pk{max-width:none;width:min(560px,100%);margin:0 auto}
.ps-cine-foot{width:100%;text-align:center}
.ps-cine-foot .ps-partner{display:inline-block;margin:0}
@media (max-width:760px){.ps-cine-sum{flex-direction:column;align-items:flex-start}.ps-cine-tg{margin-left:0}}
/* @mix-fallback (généré par mix-fallback.js, ne pas modifier à la main) */
@supports not (color:color-mix(in srgb,red,blue)){.pk .top{background:linear-gradient(135deg,var(--c,var(--accent)),var(--ink-900))}body[data-page="partenaires"] .pcard4-bg{background:radial-gradient(120% 90% at 30% 10%,var(--ink-800),var(--ink-800) 70%)}.pc5:hover{box-shadow:inset 0 0 0 1px var(--pbrand),0 28px 50px -24px var(--pbrand)}.pc5-cat{color:var(--pbrand)}.jd-list i{background:transparent}.lb3-av{box-shadow:0 0 0 4px var(--ink-800),0 0 0 6px transparent}.lb3-step{background:linear-gradient(180deg,var(--ink-800),transparent)}}