:root{--nav:232px;--tab:60px;--r:12px}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--fond);color:var(--texte);font:15px/1.45 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;-webkit-tap-highlight-color:transparent}
a{color:var(--accent);text-decoration:none} a:hover{text-decoration:underline}
button,input,select{font:inherit;color:inherit}
button{cursor:pointer}
img{display:block;max-width:100%}
.doux{color:var(--doux)} .lien{background:none;border:0;padding:0;color:var(--doux);text-decoration:underline;font-size:13px}
h1{font-size:26px;line-height:1.15;margin:0 0 4px;letter-spacing:-.02em} h2{font-size:19px;margin:0;letter-spacing:-.01em} h3{font-size:15px;margin:0}

/* --- structure --- */
.app{display:grid;grid-template-columns:var(--nav) minmax(0,1fr);min-height:100vh}
.nav{position:sticky;top:0;height:100vh;padding:18px 12px;border-right:1px solid var(--bord);background:var(--carte);display:flex;flex-direction:column;gap:14px}
.logo{display:flex;align-items:center;gap:10px;font-weight:800;font-size:19px;color:var(--texte);padding:2px 8px}
.logo:hover{text-decoration:none}
.nav nav{display:flex;flex-direction:column;gap:2px}
.nav nav a{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;color:var(--texte);font-weight:600;position:relative}
.nav nav a i{font-style:normal;width:22px;text-align:center}
.nav nav a:hover{background:var(--fond);text-decoration:none}
.nav nav a.on{background:var(--accent-fond);color:var(--accent)}
.nav nav b{margin-left:auto;background:var(--accent);color:#fff;border-radius:99px;font-size:11px;padding:1px 7px}
.nav-pied{margin-top:auto;display:flex;flex-direction:column;gap:6px;padding:0 8px}
main{padding:24px clamp(14px,3vw,36px) 48px;max-width:1280px;width:100%;outline:0}

/* --- en-tête de page --- */
.tete{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:12px;margin-bottom:18px}
.tete p{margin:0;color:var(--doux)}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;margin-bottom:22px}
.stat{background:var(--carte);border:1px solid var(--bord);border-radius:var(--r);padding:12px 14px}
.stat b{display:block;font-size:22px;letter-spacing:-.02em} .stat span{font-size:12.5px;color:var(--doux)}

/* --- bandeau d'accueil --- */
.boite-intro{display:flex;gap:14px;align-items:center;justify-content:space-between;background:var(--accent-fond);border:1px solid var(--bord);border-radius:var(--r);padding:12px 16px;margin-bottom:20px;font-size:14px}
.boite-intro .lien{white-space:nowrap;color:var(--accent);font-weight:700}
/* --- sections en carrousel --- */
.section{margin-bottom:28px}
.section-tete{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:10px}
.section-tete p{margin:2px 0 0;color:var(--doux);font-size:13.5px}
.rail{display:flex;gap:12px;overflow-x:auto;padding:2px 2px 10px;scroll-snap-type:x proximity;scrollbar-width:thin;margin-inline:-2px}
.rail .carte{flex:0 0 clamp(220px,62vw,260px);scroll-snap-align:start}

/* --- grille et cartes produit --- */
.grille{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px}
.carte{background:var(--carte);border:1px solid var(--bord);border-radius:var(--r);overflow:hidden;box-shadow:var(--ombre);display:flex;flex-direction:column;cursor:pointer;position:relative;transition:transform .12s,border-color .12s}
.carte:hover{transform:translateY(-2px);border-color:var(--accent)}
.duo{display:grid;grid-template-columns:1fr 1fr;gap:2px;background:var(--bord)}
.duo .ph{position:relative;aspect-ratio:1;background:var(--fond);overflow:hidden}
.duo img{width:100%;height:100%;object-fit:cover}
.duo .ph span{position:absolute;left:5px;bottom:5px;font-size:10.5px;font-weight:700;background:#000b;color:#fff;padding:1px 6px;border-radius:5px}
.duo .ph.a span{background:var(--ali)}
.ph:empty::after,.ph.vide::after,.photo.vide::after{content:"🖼";position:absolute;inset:0;display:grid;place-items:center;opacity:.35;font-size:26px}
.carte .corps{padding:10px 12px 12px;display:flex;flex-direction:column;gap:6px;flex:1}
.carte h3{font-size:14px;font-weight:600;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.6em}
.chiffres{display:flex;align-items:center;justify-content:space-between;gap:8px}
.marge{white-space:nowrap;font-weight:800;font-size:19px;color:var(--accent);letter-spacing:-.02em}
.gain{font-size:13px;color:var(--doux)} .gain b{color:var(--texte)}
.mini{display:flex;flex-wrap:wrap;gap:4px 10px;font-size:12px;color:var(--doux)}
.score{position:absolute;top:8px;left:8px;background:#0c1f1a;color:#fff;font-weight:800;font-size:12.5px;padding:3px 8px;border-radius:99px;z-index:2;display:flex;gap:4px;align-items:center}
.score.hot{background:linear-gradient(135deg,#ff5d2e,#ff9a3c)}
.cadenas{position:absolute;top:40px;left:8px;z-index:2;background:var(--ali);color:#fff;font-size:11px;font-weight:800;padding:2px 8px;border-radius:99px}
.fav{position:absolute;top:6px;right:6px;z-index:2;width:34px;height:34px;border-radius:99px;border:0;background:#fffe;color:#17201d;font-size:17px;display:grid;place-items:center;box-shadow:0 1px 4px #0003}
.fav.on{background:var(--jaune)}
.tags{display:flex;flex-wrap:wrap;gap:4px}
.tag{max-width:100%;overflow:hidden;text-overflow:ellipsis;font-size:11px;font-weight:700;padding:2px 8px;border-radius:99px;background:var(--accent-fond);color:var(--accent);white-space:nowrap}
.tag.o{background:var(--ali-fond);color:var(--ali)} .tag.g{background:var(--fond);color:var(--doux);border:1px solid var(--bord)}

/* --- filtres --- */
.barre{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px;align-items:center}
.barre input[type=search]{flex:1 1 220px;min-width:0;padding:11px 14px;border:1px solid var(--bord);border-radius:12px;background:var(--carte)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 16px;border-radius:12px;border:1px solid var(--bord);background:var(--carte);font-weight:600;min-height:44px}
.btn:hover{border-color:var(--accent)}
.btn.p{background:var(--accent);border-color:var(--accent);color:#fff}
.btn.ali{background:var(--ali);border-color:var(--ali);color:#fff}
.btn.pt{min-height:36px;padding:6px 12px;font-size:13.5px}
.puces{display:flex;gap:6px;overflow-x:auto;padding-bottom:6px;margin-bottom:8px;scrollbar-width:none}
.puce{flex:0 0 auto;padding:7px 13px;border-radius:99px;border:1px solid var(--bord);background:var(--carte);font-size:13.5px;font-weight:600;min-height:36px}
.puce.on{background:var(--accent);border-color:var(--accent);color:#fff}
.filtres{background:var(--carte);border:1px solid var(--bord);border-radius:var(--r);padding:14px;margin-bottom:14px;display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px}
.filtres[hidden]{display:none}
.champ{display:flex;flex-direction:column;gap:4px;font-size:12.5px;color:var(--doux);font-weight:600}
.champ input,.champ select{padding:9px 10px;border:1px solid var(--bord);border-radius:10px;background:var(--fond);color:var(--texte);min-height:40px;width:100%}
.champ.case{flex-direction:row;align-items:center;gap:8px;color:var(--texte)}
.champ.case input{width:auto;min-height:0}
.resultats{display:flex;justify-content:space-between;align-items:center;margin:6px 0 12px;color:var(--doux);font-size:13.5px}

/* --- catégories --- */
.tableau{background:var(--carte);border:1px solid var(--bord);border-radius:var(--r);overflow:hidden}
.ligne{display:grid;grid-template-columns:34px 1fr 70px 70px 80px 70px;gap:8px;align-items:center;padding:12px 14px;border-top:1px solid var(--bord);cursor:pointer}
.ligne:first-child{border-top:0} .ligne:hover{background:var(--fond)}
.ligne.entete{cursor:default;font-size:12px;color:var(--doux);font-weight:700;background:var(--fond)}
.ligne .rang{font-weight:800;color:var(--doux)} .ligne .num{text-align:right;font-variant-numeric:tabular-nums}
.barre-score{height:6px;border-radius:9px;background:var(--bord);margin-top:5px;overflow:hidden}
.barre-score i{display:block;height:100%;background:linear-gradient(90deg,var(--accent),var(--ali))}

/* --- feuille (fiche produit) --- */
.feuille{position:fixed;inset:0;z-index:50;background:#0008;display:flex;justify-content:center;align-items:flex-end;padding:0;animation:fond .15s}
.feuille[hidden]{display:none}
.panneau{background:var(--carte);width:100%;max-width:880px;max-height:94vh;overflow:auto;border-radius:22px 22px 0 0;padding:18px 18px calc(24px + env(safe-area-inset-bottom));position:relative;animation:monte .2s;overscroll-behavior:contain}
.fermer{position:sticky;top:0;float:right;margin:-4px -4px 0 8px;width:40px;height:40px;border-radius:99px;border:1px solid var(--bord);background:var(--carte);font-size:18px;z-index:3}
.fiche{display:grid;grid-template-columns:minmax(0,1fr);gap:16px} .fiche>*{min-width:0} .panneau{overflow-x:hidden}
.fiche-photos{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.fiche-photos>a{position:relative;display:block;border-radius:12px;overflow:hidden;aspect-ratio:1;background:var(--fond)}
.fiche-photos img{width:100%;height:100%;object-fit:cover}
.fiche-photos span{position:absolute;left:8px;bottom:8px;font-size:12px;font-weight:700;background:#000b;color:#fff;padding:2px 8px;border-radius:6px}
.fiche-photos>a.a span{background:var(--ali)}
.alerte-marque{margin:0;padding:10px 12px;border-radius:12px;background:var(--ali-fond);color:var(--texte);font-size:13.5px}
.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px}
.kpi{background:var(--fond);border-radius:12px;padding:10px 12px}
.kpi b{display:block;font-size:20px;letter-spacing:-.02em} .kpi span{font-size:12px;color:var(--doux)}
.kpi.vert b{color:var(--accent)}
.calc{background:var(--accent-fond);border-radius:14px;padding:14px;display:grid;gap:10px}
.calc-grille{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px}
.calc-res{display:flex;flex-wrap:wrap;gap:8px 22px;align-items:baseline}
.calc-res b{font-size:24px;color:var(--accent);letter-spacing:-.02em}
.decomp{display:grid;gap:6px}
.decomp div{display:grid;grid-template-columns:110px 1fr 34px;gap:8px;align-items:center;font-size:13px}
.actions{display:flex;flex-wrap:wrap;gap:8px}
.actions .btn{flex:1 1 150px}
.texte{width:100%;min-height:120px;padding:10px;border:1px solid var(--bord);border-radius:10px;background:var(--fond);resize:vertical}

/* --- divers --- */
.vide{text-align:center;padding:48px 16px;color:var(--doux)}
.chargement{padding:40px;text-align:center;color:var(--doux)}
.toast{position:fixed;left:50%;bottom:calc(var(--tab) + 18px);transform:translate(-50%,20px);background:#111d;color:#fff;padding:10px 16px;border-radius:12px;opacity:0;pointer-events:none;transition:.2s;z-index:80;max-width:88vw;text-align:center}
.toast.on{opacity:1;transform:translate(-50%,0)}
.guide{max-width:760px} .guide h2{margin:26px 0 8px} .guide p,.guide li{color:var(--texte)} .guide ol,.guide ul{padding-left:20px}
.guide .boite{background:var(--accent-fond);border-radius:12px;padding:12px 16px;margin:12px 0}
.kanban{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin:14px 0 22px}
.suivi{display:flex;gap:6px;align-items:center;font-size:12.5px} .suivi select{padding:4px 6px;border:1px solid var(--bord);border-radius:8px;background:var(--fond)}
@keyframes monte{from{transform:translateY(40px);opacity:.4}} @keyframes fond{from{opacity:0}}

/* --- mobile : barre d'onglets en bas --- */
@media (max-width:820px){
  .app{grid-template-columns:minmax(0,1fr)}
  .nav{position:fixed;inset:auto 0 0 0;top:auto;height:calc(var(--tab) + env(safe-area-inset-bottom));padding:0 4px env(safe-area-inset-bottom);border-right:0;border-top:1px solid var(--bord);z-index:40;flex-direction:row;gap:0}
  .logo,.nav-pied{display:none}
  .nav nav{flex-direction:row;width:100%;justify-content:space-around}
  .nav nav a{flex-direction:column;gap:0;padding:6px 2px;font-size:10.5px;flex:1;text-align:center;border-radius:8px;justify-content:center}
  .nav nav a i{font-size:19px;width:auto} .nav nav a[data-r=guide]{display:none}
  .nav nav b{position:absolute;top:2px;right:calc(50% - 20px);margin:0}
  main{padding:16px 14px calc(var(--tab) + 32px)}
  h1{font-size:23px}
  .grille{grid-template-columns:repeat(2,1fr);gap:10px}
  .carte .corps{padding:8px 9px 10px} .carte h3{font-size:13px} .marge{font-size:17px}
  .ligne{grid-template-columns:26px 1fr 54px 60px;font-size:13.5px} .ligne .cache-m{display:none}
  .panneau{border-radius:20px 20px 0 0;max-height:96vh;padding:14px 14px calc(24px + env(safe-area-inset-bottom))}
  .tag{font-size:10.5px}
  .filtres{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:12px}
  .champ.case{grid-column:1/-1}
}
@media (min-width:821px){
  .feuille{align-items:center;padding:24px} .panneau{border-radius:22px;max-height:90vh}
}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* --- photo unique (AliExpress) --- */
.photo{position:relative;aspect-ratio:1;background:var(--fond);overflow:hidden}
.photo img{width:100%;height:100%;object-fit:cover}
.photo span{position:absolute;left:6px;bottom:6px;font-size:10.5px;font-weight:700;background:var(--ali);color:#fff;padding:1px 7px;border-radius:5px}
.fiche-photos .carte-vinted{display:flex;flex-direction:column;justify-content:center;gap:8px;background:var(--fond);border-radius:12px;padding:14px}
.fiche-photos .carte-vinted p{margin:0;color:var(--doux);font-size:13.5px}
/* --- pied de page + pages légales --- */
.pied{margin-top:40px;padding-top:18px;border-top:1px solid var(--bord);font-size:12.5px;color:var(--doux);max-width:820px}
.pied p{margin:0 0 8px}.pied a{color:var(--doux);text-decoration:underline}
.legal h2{font-size:17px}.legal p,.legal li{font-size:14.5px}

/* --- comptes, plans --- */
.btn.google{background:#fff;color:#1f1f1f;border-color:#dadce0;gap:10px}
.champ-texte{padding:11px 12px;border:1px solid var(--bord);border-radius:10px;background:var(--fond);color:var(--texte);min-height:44px;width:100%}
.verrou{font-size:13px;font-weight:700;color:var(--doux)}
.plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;max-width:720px;margin-bottom:16px}
.plan{background:var(--carte);border:1px solid var(--bord);border-radius:var(--r);padding:18px;display:flex;flex-direction:column;gap:8px}
.plan.pro{border:2px solid var(--accent)}
.plan h2{font-size:18px}.plan .prix{font-size:28px;font-weight:800;margin:0;letter-spacing:-.02em}.plan .prix small{font-size:13px;font-weight:600;color:var(--doux)}
.plan ul{margin:4px 0 10px;padding-left:18px;flex:1}.plan li{font-size:14px;margin-bottom:4px}
.nav-pied .btn.pt{width:100%}

/* --- murs d'abonnement --- */
.flou1{filter:blur(2px)}.flou2{filter:blur(4.5px)}.flou3{filter:blur(8px)}
.carte[class*="flou"],.ligne[class*="flou"]{cursor:pointer;user-select:none}
.mur-fin{align-items:center;justify-content:center;text-align:center;gap:8px;padding:18px;min-height:240px;border-style:dashed;border-color:var(--accent)}
.mur-fin p{margin:0;font-size:13px;color:var(--doux)}
.mur{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;padding:26px 16px;margin:10px 0;background:var(--accent-fond);border:1px dashed var(--accent);border-radius:var(--r);cursor:pointer}
.mur h2{font-size:19px}.mur p{margin:0;color:var(--doux)}
.explique{margin:0 0 14px;padding:9px 12px;background:var(--accent-fond);border-radius:10px;font-size:13.5px}
.mur-liste{position:relative;min-height:340px}
.flou-tout{filter:blur(7px);pointer-events:none;user-select:none;opacity:.8}
.mur-carte{position:absolute;top:12%;left:50%;transform:translateX(-50%);width:min(440px,92%);display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;padding:26px 20px;background:var(--carte);border:1px solid var(--accent);border-radius:var(--r);box-shadow:var(--ombre)}
.mur-carte h2{font-size:20px}.mur-carte p{margin:0;color:var(--doux)}
.verrou-filtre{opacity:.55;cursor:pointer}

/* =====================================================================
   Thème « Minea » : couleurs mesurées sur minea.com (blanc, noir pur, orange de marque #E85F2E,
   dégradé CTA #FFA928 → #E85F2E → #FF1814, gris #F4F4F5, bordures #DEDEDE, texte #1A1C23), police Inter.
   ===================================================================== */
@font-face{font-family:"Inter";font-style:normal;font-weight:100 900;font-display:swap;src:url(vendor/inter-latin-wght-normal.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Inter";font-style:normal;font-weight:100 900;font-display:swap;src:url(vendor/inter-latin-ext-wght-normal.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
:root,:root[data-theme=light]{
  --fond:#fff;--fond-2:#f9fafb;--gris:#f4f4f5;--carte:#fff;--texte:#1a1c23;--texte-2:#3f3f46;--doux:#707070;--bord:#dedede;
  --accent:#e85f2e;--accent-2:#ec542a;--accent-fond:#fff3eb;--vert:#059669;--vert-fond:#ecfdf5;--rose:#f9a8d4;--indigo:#c7d2fe;
  --ali:#e85f2e;--ali-fond:#fff3eb;--rouge:#ff1814;--jaune:#ffb800;--noir:#000;
  --degrade:linear-gradient(190deg,#ffa928 0%,#e85f2e 81%,#ff1814 100%);
  --ombre:0 1px 2px #0000000d,0 4px 24px #0000000a;--r:12px
}
:root[data-theme=dark]{
  --fond:#0b0b0c;--fond-2:#111113;--gris:#1b1b1e;--carte:#141416;--texte:#f4f4f5;--texte-2:#d4d4d8;--doux:#a1a1aa;--bord:#2a2a2e;
  --accent:#ff7a45;--accent-fond:#2a1a12;--vert:#34d399;--vert-fond:#0d2a20;--ali-fond:#2a1a12;--ombre:0 1px 2px #0008
}
html{background:var(--fond)}
body{font-family:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;font-feature-settings:"cv11","ss01";background:var(--fond);color:var(--texte);font-size:14.5px;letter-spacing:-.005em}
body::before{content:"";position:fixed;inset:0 0 auto 0;height:520px;z-index:-1;pointer-events:none;
  background:radial-gradient(55% 70% at 62% -10%,rgba(255,169,40,.20),rgba(232,95,46,.09) 45%,transparent 75%)}
:root[data-theme=dark] body::before{opacity:.35}
a{color:var(--accent)}
h1{font-size:34px;font-weight:700;letter-spacing:-.03em;line-height:1.1}
h2{font-weight:650;letter-spacing:-.02em}
h3{font-weight:600}
.or{color:var(--accent-2)}

/* --- boutons : noir pur, arrondi 8-10 px, comme Minea --- */
.btn{border-radius:10px;border:1px solid var(--bord);background:var(--carte);font-weight:600;font-size:14px;min-height:42px;padding:9px 16px;transition:background .15s,border-color .15s,transform .05s}
.btn:hover{border-color:var(--texte);text-decoration:none}
.btn:active{transform:translateY(1px)}
.btn.p{background:#000;border-color:#000;color:#f8fafc}
.btn.p:hover{background:#1a1a1a}
.btn.or,.btn.ali{background:var(--degrade);border:0;color:#fff;box-shadow:inset 0 5px 14px #00000026,0 1px 1px #00000026;text-shadow:0 1px 1px #0002}
.btn.or:hover,.btn.ali:hover{filter:brightness(1.05);border:0}
.btn.pt{min-height:36px;padding:6px 12px;font-size:13px;border-radius:9px}

/* --- menu latéral (blanc, fin, icônes grises) --- */
.nav{background:linear-gradient(#fff,#f9f9f9);border-right:1px solid var(--bord);padding:16px 12px;gap:10px}
:root[data-theme=dark] .nav{background:var(--carte)}
.logo{font-weight:800;font-size:18px;letter-spacing:-.03em}
.nav nav{gap:1px;margin-top:6px}
.nav nav a{font-weight:500;font-size:14px;color:var(--texte-2);padding:9px 10px;border-radius:8px;gap:11px}
.nav nav a i{display:grid;place-items:center;width:20px;height:20px;color:#8a8a93}
.nav nav a i svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.nav nav a:hover{background:var(--gris)}
.nav nav a.on{background:var(--gris);color:#000;font-weight:650}
.nav nav a.on i{color:var(--accent)}
.nav nav b{background:#000}
.nav-pied{gap:8px}
.nav-pied .btn{width:100%}
.nav-coach{margin-top:auto}

/* --- pastilles / filtres --- */
.puce{border-radius:999px;border:1px solid var(--bord);background:#fff;font-weight:600;font-size:13px;padding:6px 14px;min-height:34px;color:var(--texte-2)}
.puce:hover{border-color:var(--texte)}
.puce.on{background:#000;border-color:#000;color:#fff}
:root[data-theme=dark] .puce{background:var(--carte)}
.barre input[type=search],.champ input,.champ select,.champ-texte{border-radius:10px;border:1px solid var(--bord);background:#fff;font-size:14px}
:root[data-theme=dark] .barre input[type=search],:root[data-theme=dark] .champ input,:root[data-theme=dark] .champ select{background:var(--carte)}
.filtres{background:var(--fond-2);border-radius:var(--r)}
.explique{background:var(--accent-fond);border:1px solid #ffe0cc;color:var(--texte-2);font-size:13px;border-radius:10px}
:root[data-theme=dark] .explique{border-color:#4a2a1a}

/* --- étiquettes --- */
.tag{background:var(--accent-fond);color:var(--accent);font-weight:650;border:1px solid #ffe0cc}
.tag.o{background:#fff7e0;color:#9a6a00;border-color:#ffe6a3}
.tag.g{background:var(--gris);color:var(--doux);border-color:var(--bord)}
.score{background:#000;font-size:12px;font-weight:700}
.score.hot{background:var(--degrade)}
.cadenas{background:#000}
.fav.on{background:var(--jaune);color:#000}

/* --- cartes (carrousels) --- */
.carte{border-radius:var(--r);border:1px solid var(--bord);box-shadow:none;background:var(--carte)}
.carte:hover{border-color:#000;transform:none;box-shadow:0 6px 24px #0000000f}
.marge{color:var(--vert);font-weight:800}
.gain b{color:var(--texte)}
.photo span{background:var(--accent);font-weight:650}
.stats{display:flex;flex-wrap:wrap;gap:0;background:#000;color:#fff;border-radius:14px;padding:6px 8px;margin:0 0 26px;max-width:720px}
.stat{background:none;border:0;border-radius:0;flex:1 1 140px;padding:12px 18px;border-right:1px solid #ffffff22}
.stat:last-child{border-right:0}
.stat b{font-size:24px;font-weight:700;letter-spacing:-.03em;color:#fff}.stat span{color:#c4c4cc;font-size:12.5px}

/* --- fiche, modales --- */
.panneau{border-radius:20px 20px 0 0}
@media (min-width:821px){.panneau{border-radius:18px}}
.kpi{background:var(--gris);border-radius:12px}
.kpi.vert b,.calc-res b{color:var(--vert)}
.calc{background:var(--fond-2);border:1px solid var(--bord)}
.barre-score i{background:var(--degrade)}
.mur,.mur-fin,.mur-carte{border-color:var(--accent)}
.mur{background:var(--accent-fond)}
.toast{background:#000}

/* --- accueil (hero) --- */
.hero{padding:30px 0 22px;max-width:760px}
.hero .sur{display:inline-flex;align-items:center;gap:8px;font-weight:650;font-size:13px;color:var(--accent-2);margin-bottom:12px}
.hero h1{font-size:clamp(32px,5.4vw,52px);font-weight:750;letter-spacing:-.04em;line-height:1.04;margin:0 0 14px}
.hero h1 .or{background:linear-gradient(90deg,#c2410c,#e85f2e 55%,#ff9a3d);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero p{font-size:17px;color:var(--texte-2);margin:0 0 20px;max-width:560px}
.hero .cta{display:flex;flex-wrap:wrap;gap:10px}
.hero .btn{min-height:46px;padding:10px 20px;font-size:15px}

/* =====================================================================
   Annonces en LIGNES : photo à gauche, chiffres au centre, bloc utile à droite
   ===================================================================== */
.liste{display:flex;flex-direction:column;gap:14px}
.carte.rang{display:grid;grid-template-columns:200px minmax(0,1fr) 250px;flex-direction:initial;cursor:pointer;overflow:hidden;position:relative}
.rang .l-photo{position:relative;background:var(--gris);min-height:200px}
.rang .l-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.rang .l-photo.vide::after{content:"🖼";position:absolute;inset:0;display:grid;place-items:center;opacity:.3;font-size:30px}
.rang .l-photo .score{top:10px;left:10px}
.rang .l-photo .fav{top:8px;right:8px}
.rang .l-info{padding:16px 18px;display:flex;flex-direction:column;gap:9px;min-width:0}
.rang .l-tags{display:flex;flex-wrap:wrap;gap:5px}
.rang h3{font-size:16px;font-weight:650;letter-spacing:-.015em;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:0}
.rang .l-meta{margin:0;color:var(--doux);font-size:12.5px}
.rang .l-chiffres{display:grid;grid-template-columns:repeat(4,auto);justify-content:start;gap:8px 26px;margin-top:2px}
.rang .chf{display:flex;flex-direction:column;gap:1px}
.rang .chf span{font-size:11px;font-weight:600;color:var(--doux);text-transform:uppercase;letter-spacing:.04em}
.rang .chf b{font-size:24px;font-weight:700;letter-spacing:-.035em;line-height:1.15;font-variant-numeric:tabular-nums}
.rang .chf.gain b{color:var(--vert)}
.rang .chf small{font-size:11.5px;color:var(--doux)}
.rang .l-mini{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:12.5px;color:var(--doux);margin-top:auto}
.rang .l-droite{border-left:1px solid var(--bord);background:var(--fond-2);padding:16px;display:flex;flex-direction:column;gap:10px}
.rang .l-droite .titre{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--doux)}
.rang .jauge{height:8px;border-radius:99px;background:var(--bord);overflow:hidden}
.rang .jauge i{display:block;height:100%;background:var(--degrade);border-radius:99px}
.rang .l-droite .gros{font-size:15px;font-weight:650;line-height:1.3}
.rang .l-droite .gros em{font-style:normal;color:var(--accent-2);font-weight:750}
.rang .l-actions{display:grid;gap:7px;margin-top:auto}
.rang .l-actions .btn{min-height:38px;font-size:13px;padding:7px 12px}
.rang .verrou-texte{font-weight:650;color:var(--doux);font-size:14px}
.rang.flou1,.rang.flou2,.rang.flou3{overflow:hidden}
@media (max-width:1100px){.carte.rang{grid-template-columns:170px minmax(0,1fr)}.rang .l-droite{grid-column:1/-1;flex-direction:row;flex-wrap:wrap;align-items:center;border-left:0;border-top:1px solid var(--bord)}.rang .l-droite>div{flex:1 1 180px}.rang .l-actions{margin:0;grid-auto-flow:column;flex:1 1 240px}}
@media (max-width:640px){
  .carte.rang{grid-template-columns:1fr}
  .rang .l-photo{min-height:0;aspect-ratio:16/10}
  .rang .l-info{padding:14px}.rang .l-chiffres{grid-template-columns:repeat(2,auto);gap:10px 22px}.rang .chf b{font-size:22px}
  .rang .l-actions{grid-auto-flow:row}
}

/* --- page tarifs (comme Minea) --- */
.tarifs{max-width:1000px;margin:0 auto;text-align:center;padding-top:6px}
.tarifs .sur{color:var(--accent-2);font-weight:700;font-size:16px;margin:0 0 6px}
.tarifs h1{font-size:clamp(30px,5vw,46px);font-weight:750;letter-spacing:-.04em;line-height:1.06;margin:0 0 22px}
.tarifs h1 .or{background:linear-gradient(90deg,#c2410c,#e85f2e 55%,#ff9a3d);-webkit-background-clip:text;background-clip:text;color:transparent}
.bascule{display:inline-flex;padding:4px;background:#ffffffa3;border:1px solid #ffffffb3;border-radius:10px;box-shadow:0 4px 40px #0000000d;margin-bottom:26px;backdrop-filter:blur(6px)}
.bascule button{border:0;background:none;padding:9px 20px;border-radius:7px;font-weight:600;font-size:14px;color:var(--texte-2);display:flex;align-items:center;gap:8px}
.bascule button.on{background:#fff;color:#000;box-shadow:0 1px 3px #0000001a}
.bascule .eco{background:var(--degrade);color:#fff;font-size:11px;font-weight:700;padding:2px 7px;border-radius:99px}
.plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;max-width:780px;margin:0 auto 18px;text-align:left}
.plan{background:#ffffffd9;border:1px solid var(--bord);border-radius:16px;padding:22px;display:flex;flex-direction:column;gap:10px;box-shadow:var(--ombre)}
.plan.pro{background:linear-gradient(180deg,#ffd9bd,#fff3eb 38%,#fff);border:1px solid #ffb98d;box-shadow:0 10px 50px #e85f2e26;position:relative}
.plan h2{font-size:19px;font-weight:700}
.plan .badge{position:absolute;top:-11px;right:18px;background:#000;color:#fff;font-size:11.5px;font-weight:700;padding:3px 10px;border-radius:99px}
.plan .prix{font-size:40px;font-weight:750;margin:2px 0 0;letter-spacing:-.04em;line-height:1}
.plan .prix small{font-size:15px;font-weight:600;color:var(--doux);letter-spacing:0}
.plan .sous{margin:0;font-size:13px;font-weight:600;color:var(--doux);min-height:2.6em}
.plan .sous b{color:var(--vert)}
.plan .btn{width:100%;min-height:46px;font-size:15px}
.plan .titre-liste{margin:6px 0 0;font-size:13px;font-weight:650}
.plan ul{list-style:none;margin:0;padding:10px 0 0;border-top:1px solid #0000000f;display:grid;gap:9px;flex:1}
.plan li{display:flex;gap:10px;font-size:14px;align-items:flex-start}
.plan li::before{content:"";flex:0 0 16px;height:16px;margin-top:2px;background:no-repeat center/contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23e85f2e' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E")}
.plan.gratuit li::before{filter:grayscale(1) opacity(.6)}
.tarifs .compare{max-width:780px;margin:0 auto 14px;font-size:13.5px;color:var(--texte-2);background:var(--vert-fond);border-radius:10px;padding:10px 14px;text-align:center}
.tarifs .compare b{color:var(--vert)}
.tarifs .petit{max-width:640px;margin:14px auto 0;font-size:12.5px;color:var(--doux)}

/* --- mobile : barre d'onglets claire --- */
@media (max-width:820px){
  .nav{background:#fff;border-top:1px solid var(--bord);border-right:0}
  .nav nav a{font-size:10.5px;font-weight:600;gap:2px;padding:6px 2px}
  .nav nav a i svg{width:21px;height:21px}
  .nav nav a.on{background:none}
  h1{font-size:28px}
  .stats{border-radius:12px}.stat{padding:10px 14px}.stat b{font-size:20px}
}

.flou-num{filter:blur(6px);user-select:none}
.l-verrou{display:flex;flex-direction:column;gap:8px}

.plan ul{align-content:start}
.plan li{line-height:1.35}

/* mobile : ligne compacte (vignette à gauche, chiffres à droite, boutons dessous) */
@media (max-width:640px){
  .carte.rang{grid-template-columns:112px minmax(0,1fr)}
  .rang .l-photo{aspect-ratio:auto;min-height:150px}
  .rang .l-photo .score{top:6px;left:6px;font-size:11px;padding:2px 7px}
  .rang .l-photo .fav{top:5px;right:5px;width:28px;height:28px;font-size:14px}
  .rang .l-info{padding:11px 12px;gap:6px}
  .rang h3{font-size:14px}
  .rang .l-tags{display:none}
  .rang .l-meta{font-size:11.5px}
  .rang .l-chiffres{grid-template-columns:repeat(2,auto);gap:6px 16px}
  .rang .chf b{font-size:19px}.rang .chf span{font-size:9.5px}.rang .chf small{display:none}
  .rang .l-mini{font-size:11.5px}
  .rang .l-droite{padding:10px 12px;gap:8px;flex-direction:row;flex-wrap:wrap}
  .rang .l-droite>div:not(.l-actions):not(.l-verrou){flex:1 1 40%}
  .rang .l-droite .gros{font-size:13.5px}
  .rang .l-actions{grid-auto-flow:column;flex:1 1 100%}
}

/* --- offres : Gratuit / Pro mensuel / Pro annuel (structure du pop-up « Upgrade your plan » de Minea) --- */
.ic{width:16px;height:16px;flex:0 0 16px;fill:none;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;margin-top:2px}
.ic.ok{stroke:var(--accent)}.ic.non{stroke:#ff1814}
.offres{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:start;text-align:left;margin:0 auto 20px;max-width:1040px}
.offre{background:#fff;border:1px solid var(--bord);border-radius:14px;padding:22px 20px 0;display:flex;flex-direction:column;gap:8px;position:relative;overflow:hidden}
.offre h3{font-size:19px;font-weight:700;letter-spacing:-.02em;margin:0}
.offre .px{font-size:44px;font-weight:750;letter-spacing:-.045em;line-height:1;margin:6px 0 0}
.offre .px small{font-size:16px;font-weight:600;color:var(--doux);letter-spacing:0}
.offre .px-sous{margin:0;font-size:13px;font-weight:600;color:var(--doux);min-height:2.6em}
.offre .px-sous b{color:var(--texte)}
.offre .btn{width:100%;min-height:46px;font-size:15px;font-weight:650}
.btn.contour{background:#fff;border:1px solid var(--bord);color:var(--texte)}
.btn.contour:hover{border-color:#000}
.btn.contour:disabled{opacity:.55;cursor:default}
.offre .sep{height:1px;background:var(--bord);margin:10px -20px 6px}
.offre .inclus{margin:2px 0 4px;font-size:13.5px;font-weight:700}
.offre ul{list-style:none;margin:0;padding:0 0 16px;display:grid;gap:9px;flex:1}
.offre li{display:flex;gap:10px;align-items:flex-start;font-size:14px;line-height:1.35}
.offre li span{flex:1}
.offre li small{font-size:11px;color:var(--doux);white-space:nowrap;margin-top:3px}
.offre li.absent{color:#a1a1aa}.offre li.absent span{text-decoration:none}
.pied-offre{display:flex;align-items:center;gap:8px;margin:0 -20px;padding:14px 20px;background:#ffe3d1;color:var(--accent-2);font-weight:650;font-size:13.5px}
.pied-offre.vert{background:#d9f5e8;color:#047857}.pied-offre.vert .ic.ok{stroke:#047857}
.offre.vedette{border:2px solid var(--accent);padding:0;background:#fff}
.offre .corps-offre{padding:22px 20px 0;display:flex;flex-direction:column;gap:8px;flex:1}
.offre .bandeau{background:var(--degrade);color:#fff;font-weight:700;font-size:13.5px;padding:9px 16px;text-align:left;margin:0}
.offre .bandeau.vert{background:linear-gradient(190deg,#34d399,#059669)}
.offre.annuel{border-color:#10b981}
.offre.annuel .corps-offre{padding-top:22px}
.offre.annuel{padding:0}
.tm-pied{display:flex;justify-content:center;margin:6px 0 18px}
.tm-pied .btn{min-width:220px}
.btn.grand{min-height:54px;font-size:17px;min-width:260px}
.panneau-tarifs{max-width:1100px!important;padding:26px 28px 22px!important}
.tm-tete{display:flex;align-items:center;gap:16px;padding-bottom:18px;margin-bottom:20px;border-bottom:1px solid var(--bord)}
.tm-tete h2{font-size:26px;font-weight:700;letter-spacing:-.03em}
.tm-tete p{margin:4px 0 0;color:var(--doux);font-size:14.5px}
.tm-tete .cad{flex:0 0 52px;height:52px;border-radius:50%;background:var(--degrade);display:grid;place-items:center;box-shadow:inset 0 5px 14px #00000026}
.tm-tete .cad svg{width:24px;height:24px;stroke:#fff;fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.panneau-tarifs .offres{margin-bottom:16px}
@media (max-width:900px){.offres{grid-template-columns:1fr;max-width:460px}.panneau-tarifs{padding:18px 14px 16px!important}.tm-tete h2{font-size:20px}.offre .px{font-size:38px}}

/* --- page de vente « En savoir plus » --- */
.pro-page{max-width:1040px;margin:0 auto}
.pro-titre{font-size:clamp(24px,3.4vw,32px);font-weight:750;letter-spacing:-.035em;text-align:center;margin:44px 0 20px}
.benes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.bene{background:#fff;border:1px solid var(--bord);border-radius:14px;padding:18px}
.bene-ic{display:grid;place-items:center;width:40px;height:40px;border-radius:10px;background:var(--accent-fond);margin-bottom:10px}
.bene-ic svg{width:20px;height:20px;stroke:var(--accent);fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.bene h3{font-size:15.5px;font-weight:650;margin:0 0 4px}.bene p{margin:0;font-size:13.5px;color:var(--doux)}
.etapes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.etapes>div{background:var(--fond-2);border:1px solid var(--bord);border-radius:14px;padding:20px}
.etapes b{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#000;color:#fff;font-size:15px;margin-bottom:10px}
.etapes h3{font-size:17px;margin:0 0 4px}.etapes p{margin:0;color:var(--doux);font-size:14px}
.tableau-comp{overflow-x:auto;background:#fff;border:1px solid var(--bord);border-radius:14px}
.tableau-comp table{width:100%;border-collapse:collapse;font-size:14px}
.tableau-comp th,.tableau-comp td{padding:12px 16px;text-align:center;border-top:1px solid var(--bord)}
.tableau-comp th{font-size:13px;border-top:0;background:var(--fond-2)}
.tableau-comp td:first-child,.tableau-comp th:first-child{text-align:left}
.tableau-comp .ic{margin:0 auto;display:block}.tableau-comp small{color:var(--doux)}
.faq{max-width:760px;margin:0 auto;display:grid;gap:10px}
.faq details{background:#fff;border:1px solid var(--bord);border-radius:12px;padding:14px 16px}
.faq summary{cursor:pointer;font-weight:650;font-size:15px;list-style:none}
.faq summary::after{content:"+";float:right;font-weight:400;color:var(--doux)}
.faq details[open] summary::after{content:"–"}
.faq p{margin:10px 0 0;color:var(--texte-2);font-size:14px}
@media (max-width:900px){.benes{grid-template-columns:repeat(2,minmax(0,1fr))}.etapes{grid-template-columns:1fr}}
@media (max-width:520px){.benes{grid-template-columns:1fr}}

.panneau-tarifs{max-height:96vh}
.offre ul{gap:7px;padding-bottom:12px}.offre li{font-size:13.5px}.offre .sep{margin:6px -20px 4px}
.tm-pied{margin:4px 0 6px}

/* --- bas du menu : petits boutons centrés --- */
.nav-pied{align-items:center;gap:8px;padding:0 4px 4px}
#compte-nav{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%}
.nav-pied .btn{width:auto;min-width:150px;justify-content:center;font-family:inherit;font-weight:600}
.btn.contour{background:#fff;border:1px solid var(--bord);color:var(--texte)}
.btn.contour:hover{border-color:var(--texte);text-decoration:none}
:root[data-theme=dark] .btn.contour{background:var(--carte)}
.rond{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;border:1px solid var(--bord);background:transparent;color:var(--doux);padding:0}
.rond:hover{color:var(--texte);border-color:var(--texte)}
.rond svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ic-soleil{display:none}
:root[data-theme=dark] .ic-soleil{display:block}:root[data-theme=dark] .ic-lune{display:none}
.avatar{display:inline-grid;place-items:center;border-radius:50%;background:#000;color:#fff;font-weight:700}
.avatar.pt{width:20px;height:20px;font-size:11px;margin-right:8px}
.avatar.gd{width:56px;height:56px;font-size:24px;background:var(--degrade);flex:none}
.badge-pro,.badge-gratuit{display:inline-block;font-size:12px;font-weight:700;padding:3px 10px;border-radius:99px}
.badge-pro{background:var(--degrade);color:#fff}
.badge-gratuit{background:var(--gris);color:var(--texte-2)}
.pied-maj:empty{display:none}

/* --- page Compte --- */
.profil{display:flex;align-items:center;gap:14px;background:var(--carte);border:1px solid var(--bord);border-radius:14px;padding:16px;max-width:640px;margin-bottom:12px}
.profil-id{display:flex;flex-direction:column;min-width:0;flex:1}
.profil-id b{font-size:18px}.profil-id span{overflow:hidden;text-overflow:ellipsis;font-size:14px}
.infos{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;max-width:640px;margin-bottom:16px}
.infos div{background:var(--fond-2);border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;gap:2px}
.infos span{font-size:12px;color:var(--doux)}.infos b{font-size:14.5px}

/* --- Guide rédigé --- */
.guide2{max-width:860px}
.g-hero{padding:8px 0 18px}.g-kicker{display:inline-block;font-size:12px;font-weight:700;color:var(--accent);background:var(--accent-fond);padding:3px 11px;border-radius:99px;margin-bottom:10px}
.g-hero h1{font-size:clamp(28px,4.4vw,40px);letter-spacing:-.03em;line-height:1.1;margin:0 0 12px}
.g-hero p{font-size:17px;line-height:1.6;color:var(--texte-2);margin:0;max-width:640px}
.g-etape{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:26px;align-items:center;margin:28px 0}
.g-etape.inv img{order:2}
.g-etape img{width:100%;height:auto;border-radius:18px;background:var(--gris)}
.g-num{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#000;color:#fff;font-weight:700;font-size:14px;margin-bottom:8px}
.g-etape h2{font-size:clamp(20px,2.6vw,26px);letter-spacing:-.02em;margin:0 0 8px}
.g-etape p,.g-bloc p{font-size:16px;line-height:1.7;color:var(--texte-2);margin:0}
.g-bloc{background:var(--fond-2);border-radius:18px;padding:22px 24px;margin:18px 0}
.g-bloc h2{font-size:21px;letter-spacing:-.02em;margin:0 0 8px}
.g-bloc .tag{display:inline-block;vertical-align:1px;font-size:13px;padding:1px 9px}
.g-score{display:flex;gap:4px;margin-top:16px;border-radius:12px;overflow:hidden}
.g-score i{font-style:normal;padding:10px 12px;color:#fff;font-size:13px;font-weight:700;display:flex;flex-direction:column;gap:1px;min-width:0}
.g-score i b{font-size:12px;font-weight:600;opacity:.92;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.g-score i:nth-child(1){background:#e85f2e}.g-score i:nth-child(2){background:#ffa928;color:#1a1c23}.g-score i:nth-child(3){background:#1a1c23}.g-score i:nth-child(4){background:#71717a}
.g-avert{background:var(--accent-fond)}
@media (max-width:720px){.g-etape{grid-template-columns:1fr;gap:12px}.g-etape.inv img{order:0}.g-bloc{padding:18px}.g-score i{padding:8px}}

/* --- flou progressif + bouton posé sur le flou (non-abonnés) --- */
.flou4{filter:blur(11px)}
.rang.flou4{overflow:hidden}
.fondu-rail{position:relative;display:flex;gap:12px;flex:0 0 auto}
.fondu-liste{position:relative;display:flex;flex-direction:column;gap:14px}
.cta-wrap{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:3}
.cta-flou{pointer-events:auto;position:sticky;left:12px;right:12px;top:calc(50vh - 110px);width:min(300px,calc(100vw - 48px));display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;padding:20px 20px 18px;background:var(--carte);border:1px solid var(--bord);border-radius:16px;box-shadow:0 18px 50px #0000003d,0 2px 6px #00000014;cursor:pointer}
.cta-flou b{font-size:18px;letter-spacing:-.02em;line-height:1.2}
.cta-flou>span:not(.btn){font-size:13px;color:var(--doux);margin-bottom:6px}
.cta-flou .btn{width:100%;justify-content:center}
.fondu-liste::after,.fondu-rail::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(to bottom,transparent 55%,var(--fond) 100%)}
.fondu-rail::after{background:linear-gradient(to right,transparent 50%,var(--fond) 100%)}
.cta-wrap{z-index:4}
.chf .cache{color:var(--doux);letter-spacing:.12em;font-weight:600}
.fondu-rail .cta-flou{top:auto;align-self:center}