/* Empire-Digit HK — feuille de style commune à tout le site */
:root{
  --ink:#170F33; --violet:#2E2366; --mauve:#8A6FE0; --peach:#E6DEFF; --cream:#F2EFFA;
  --navy:#160E3D; --crimson:#7B5CFF; --night:#0E0A26; --muted:#D4CCEE;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--night);color:var(--cream);font-family:Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased}
img,video{max-width:100%}
a{color:var(--peach)}a:hover{color:var(--cream)}
h1,h2,h3,.sg{font-family:'Space Grotesk',sans-serif}
.page{position:relative;overflow:hidden;padding-bottom:40px}
.page > *:not(.bgfx){position:relative;z-index:1}

/* ---------- Fond animé ---------- */
.bgfx{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden;background:var(--night)}
.orbit{position:absolute;inset:-30vmax;will-change:transform;transition:transform .25s linear}
.blob{position:absolute;border-radius:50%;filter:blur(80px);opacity:.9}
.b1{width:75vmax;height:75vmax;left:0;top:0;background:var(--crimson);animation:drift1 22s ease-in-out infinite alternate}
.b2{width:70vmax;height:70vmax;right:0;top:20%;background:var(--navy);animation:drift2 26s ease-in-out infinite alternate}
.b3{width:60vmax;height:60vmax;left:20%;bottom:0;background:var(--violet);animation:drift3 30s ease-in-out infinite alternate}
.b4{width:40vmax;height:40vmax;right:15%;bottom:10%;background:#3A2380;animation:drift1 34s ease-in-out infinite alternate-reverse}
.grain{position:absolute;inset:0;background:rgba(12,8,34,.30)}
.gridlines{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:64px 64px}
.spark{position:absolute;width:22px;height:22px;color:var(--peach);animation:twinkle 4s ease-in-out infinite}
.s1{left:8%;top:22%}.s2{right:12%;top:38%;animation-delay:1.3s;width:16px;height:16px}.s3{left:18%;bottom:18%;animation-delay:2.1s;width:14px;height:14px}.s4{right:28%;bottom:9%;animation-delay:.7s}
@keyframes twinkle{0%,100%{opacity:.15;transform:scale(.7) rotate(0)}50%{opacity:.9;transform:scale(1.1) rotate(45deg)}}
@keyframes drift1{from{transform:translate(0,0) scale(1)}to{transform:translate(12vmax,8vmax) scale(1.12)}}
@keyframes drift2{from{transform:translate(0,0) scale(1.05)}to{transform:translate(-14vmax,10vmax) scale(.95)}}
@keyframes drift3{from{transform:translate(0,0)}to{transform:translate(10vmax,-12vmax)}}
@keyframes floaty{from{transform:translateY(0)}to{transform:translateY(-10px)}}
.floaty{animation:floaty 3.5s ease-in-out infinite alternate}
@media (prefers-reduced-motion: reduce){.blob,.spark,.floaty{animation:none !important}.orbit{transition:none}html{scroll-behavior:auto}}

/* ---------- Composants ---------- */
.wrap{max-width:1240px;margin:0 auto;padding-left:24px;padding-right:24px}
.glass{background:rgba(20,12,50,.45);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.hl{background:var(--peach);color:var(--ink);padding:0 10px;border-radius:10px}
.eyebrow{font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--peach)}
.h2{margin:0;font-weight:700;font-size:clamp(30px,3.6vw,46px);line-height:1.05}
.muted{color:var(--muted)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 26px;border-radius:999px;text-decoration:none;font-weight:700;font-size:16px;border:0;cursor:pointer}
.btn-peach{background:var(--peach);color:var(--ink)}.btn-peach:hover{color:var(--ink);filter:brightness(1.04)}
.btn-dark{background:var(--ink);color:var(--cream)}.btn-dark:hover{color:var(--cream)}
.btn-ghost{border:1.5px solid rgba(255,255,255,.35);color:var(--cream)}
.chip{display:inline-flex;align-items:center;padding:7px 13px;border-radius:999px;font-size:13px;font-weight:700}
.star{fill:var(--peach)}
.card{border-radius:28px;padding:28px}
.check{flex:none;width:28px;height:28px;border-radius:999px;background:var(--peach);color:var(--ink);display:flex;align-items:center;justify-content:center}

/* Navigation (pages produits) */
.topbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding:10px 10px 10px 22px;border-radius:999px;margin-top:16px}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--cream);font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:17px;letter-spacing:.02em}
.logo span{width:34px;height:34px;border-radius:10px;background:var(--peach);color:var(--ink);display:flex;align-items:center;justify-content:center;font-size:13px}
.navlinks{display:flex;gap:4px;flex-wrap:wrap}
.navlinks a{padding:10px 14px;border-radius:999px;color:var(--cream);text-decoration:none;font-size:14px;font-weight:500}

/* Accueil */
.herocard{background:var(--cream);color:var(--ink);border-radius:44px 44px 64px 64px;padding:22px 40px 0;overflow:hidden;position:relative}
.hero-grid{display:grid;grid-template-columns:1fr 1.25fr 1fr;gap:24px;align-items:end}
.duo{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.svc{display:grid;grid-template-columns:1.05fr 1.2fr .8fr;gap:22px;align-items:stretch}
.gbtn{display:flex;align-items:center;gap:14px;min-height:56px;padding:10px 16px;border-radius:18px;border:1px solid rgba(255,255,255,.16);background:rgba(12,8,34,.35);color:var(--cream);font:500 15px Inter,sans-serif;text-align:left;cursor:pointer;width:100%}
.gbtn .n{flex:none;width:30px;height:30px;border-radius:999px;background:rgba(255,255,255,.12);color:var(--peach);display:flex;align-items:center;justify-content:center;font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:13px}
.gbtn[aria-selected="true"]{background:var(--peach);color:var(--ink);border-color:transparent;font-weight:600}
.gbtn[aria-selected="true"] .n{background:var(--ink);color:var(--peach)}
.tabs{display:flex;flex-wrap:wrap;gap:6px;padding:6px;border-radius:999px;background:rgba(12,8,34,.45)}
.tab{min-height:44px;padding:10px 18px;border:0;border-radius:999px;background:transparent;color:var(--cream);font:500 14px Inter,sans-serif;cursor:pointer}
.tab[aria-selected="true"]{background:var(--peach);color:var(--ink);font-weight:600}
.pgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:18px}
.pcard{display:flex;flex-direction:column;border-radius:24px;background:var(--cream);color:var(--ink);overflow:hidden}
.pcard[hidden]{display:none}
.pcard .media{position:relative;height:250px;display:flex;align-items:center;justify-content:center;padding:16px}
.pcard .media img{max-width:100%;max-height:100%;object-fit:contain}
.pcard .body{padding:18px 20px 20px;display:flex;flex-direction:column;gap:10px;flex:1}
.pcard h3{margin:0;font-size:18px;line-height:1.25;flex:1}
.price{font-family:'Space Grotesk',sans-serif;font-weight:700}
.old{text-decoration:line-through;color:#71699A}

/* Pages produits */
.p-hero{display:flex;flex-wrap:wrap;gap:40px;align-items:stretch;padding-top:36px}
.p-media{flex:1 1 420px;min-width:0;position:relative;min-height:520px;border-radius:32px;overflow:hidden}
.p-info{flex:1 1 460px;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:20px}
.tape{position:absolute;left:-60px;right:-60px;background:var(--ink);padding:10px 0;white-space:nowrap;overflow:hidden;font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:17px;letter-spacing:.08em;color:var(--peach)}
.section{padding-top:88px}
.cream{background:var(--cream);color:var(--ink);border-radius:36px;padding:44px}
.cream .muted{color:#544A7C}
.grid3{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}
.list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:12px}
.list li{display:flex;gap:14px;align-items:flex-start;padding:16px 18px;border-radius:18px;font-size:16px;line-height:1.5}
.mbar{position:fixed;left:0;right:0;bottom:0;z-index:20;display:none;align-items:center;justify-content:space-between;gap:16px;padding:12px 18px;background:rgba(20,12,50,.92);border-top:1px solid rgba(255,255,255,.14);backdrop-filter:blur(12px)}
.vframe{position:relative;width:300px;max-width:100%;aspect-ratio:9/16;border-radius:32px;overflow:hidden;border:6px solid var(--ink);box-shadow:0 30px 60px rgba(0,0,0,.45);background:var(--ink)}
.vframe video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}

/* Pied de page */
.foot{background:var(--peach);color:var(--ink);border-radius:48px 48px 0 0;padding:44px 40px 24px;margin-top:96px}
.foot a{color:var(--ink)}
.fcols{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:24px;padding:28px 0}
.fcols div{display:flex;flex-direction:column;gap:10px;font-size:14px}

/* ---------- Responsive ---------- */
@media (max-width:900px){
  .hero-grid{grid-template-columns:1fr}
  .hero-side{text-align:center;align-items:center !important}
  .duo,.svc{grid-template-columns:1fr}
  .mbar{display:flex}
  .page.has-mbar{padding-bottom:100px}
}
@media (max-width:760px){
  .wrap{padding-left:14px;padding-right:14px}
  .navpill{border-radius:24px !important;justify-content:center !important}
  .navlinks{order:3;width:100%;justify-content:center;overflow-x:auto;flex-wrap:nowrap}
  .navlinks a{white-space:nowrap;flex:none}
  .herocard{padding:18px 18px 0;border-radius:32px}
  .pad-box,.cream,.card{padding:24px !important}
  .person-hero{height:360px !important}
  .cta-person{height:300px !important}
  .p-media{min-height:400px}
  .foot{padding:32px 22px 20px;border-radius:32px 32px 0 0}
}


/* ---------- Accueil : hero « coupé » crème / violet (réf. Brazaville + Deeps) ---------- */
.hx{padding:clamp(10px,2vw,28px) clamp(10px,2vw,28px) 0}
.hx-card{--split:58%;position:relative;max-width:1320px;margin:0 auto;height:clamp(600px,88vh,780px);border-radius:32px;overflow:hidden;
  background:linear-gradient(90deg,var(--cream) var(--split),transparent var(--split)),radial-gradient(ellipse 70% 80% at 85% 45%,#47309A,#281B66 60%,#130C36);
  box-shadow:0 40px 80px rgba(0,0,0,.45)}
/* vague de lignes */
.hx-wave{position:absolute;left:0;top:12%;width:100%;height:46%;z-index:1;pointer-events:none;overflow:hidden}
.hx-wave-g{animation:hxwave 18s linear infinite}
@keyframes hxwave{from{transform:translateX(0)}to{transform:translateX(-500px)}}
/* navigation */
.hx-nav{position:relative;z-index:6;display:flex;align-items:center;gap:24px;padding:24px clamp(20px,3.5vw,48px)}
.hx-logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:17px;letter-spacing:.04em}
.hx-logo span{width:36px;height:36px;border-radius:10px;background:var(--violet);color:var(--peach);display:flex;align-items:center;justify-content:center;font-size:13px}
.hx-links{display:flex;gap:4px;margin-left:auto;margin-right:calc(100% - var(--split) - 40px)}
.hx-links a{padding:10px 14px;border-radius:999px;color:var(--ink);text-decoration:none;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.hx-links a:hover{background:rgba(46,35,102,.08)}
.hx-shop{position:absolute;right:clamp(20px,3.5vw,48px);top:22px;width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--cream);border:1px solid rgba(242,239,250,.3)}
/* slides */
.hx-track{position:absolute;inset:0;display:grid}
.hx-slide{grid-area:1/1;position:relative;opacity:0;visibility:hidden;transition:opacity .6s ease,visibility 0s .6s}
.hx-slide.is-on{opacity:1;visibility:visible;transition:opacity .6s ease}
.hx-big{position:absolute;left:0;right:0;bottom:-2px;width:100%;height:clamp(110px,22vw,290px);z-index:2;pointer-events:none}
.hx-big text{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:200px}
.hx-big .o{fill:none;stroke:var(--violet);stroke-width:1.6;opacity:.55}
.hx-big .f{fill:var(--peach);stroke:none;opacity:.95}
.hx-left{position:absolute;z-index:5;left:clamp(20px,4.5vw,64px);top:clamp(120px,22%,190px);width:min(46%,520px)}
.hx-eyebrow{font-size:13px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--mauve);display:flex;align-items:center;gap:10px}
.hx-eyebrow::before{content:"";width:28px;height:2px;background:var(--crimson)}
.hx-title{margin:12px 0 0;font-family:'Space Grotesk',sans-serif;font-weight:700;text-transform:uppercase;font-size:clamp(40px,5.4vw,80px);line-height:.92;letter-spacing:-.02em;color:var(--violet)}
.hx-promise{margin:18px 0 0;max-width:400px;font-size:15px;line-height:1.6;color:#544A7C}
.hx-price{display:flex;align-items:baseline;gap:12px;margin-top:16px;font-family:'Space Grotesk',sans-serif}
.hx-price b{font-size:26px;color:var(--ink)}
.hx-price s{font-size:15px;color:#9289B3}
.hx-ctas{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin-top:22px}
.hx-btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 32px;border-radius:999px;background:var(--violet);color:var(--cream);text-decoration:none;font-weight:700;font-size:15px;letter-spacing:.06em;text-transform:uppercase;box-shadow:0 14px 28px rgba(46,35,102,.3);transition:transform .2s,background .2s}
.hx-btn:hover{color:var(--cream);background:var(--crimson);transform:translateY(-2px)}
.hx-link{display:inline-flex;align-items:center;gap:8px;min-height:44px;color:var(--violet);font-weight:700;text-decoration:none}
.hx-link:hover{color:var(--crimson)}
/* livre à cheval sur la coupure + éléments qui volent */
.hx-stage{position:absolute;z-index:4;left:calc(var(--split) - 17%);width:34%;top:9%;height:78%;display:flex;align-items:center;justify-content:center}
.hx-book{height:100%;width:auto;max-width:100%;object-fit:contain;filter:drop-shadow(-30px 40px 40px rgba(23,15,51,.45))}
.hx-bit{position:absolute;height:auto;filter:drop-shadow(0 16px 18px rgba(0,0,0,.45))}
.hx-b1{width:22%;right:-42%;top:6%;transform:rotate(18deg)}
.hx-b2{width:15%;right:-26%;top:52%;transform:rotate(-24deg);filter:blur(2px) drop-shadow(0 16px 18px rgba(0,0,0,.45))}
.hx-b3{width:12%;right:-52%;top:60%;transform:rotate(34deg);filter:blur(4px)}
.hx-slide.is-on .hx-book{animation:hxbook 1s cubic-bezier(.2,.8,.2,1) both,hxfloat 5s ease-in-out 1s infinite alternate}
.hx-slide.is-on .hx-bit{animation:hxbit 1.1s .15s cubic-bezier(.2,.8,.2,1) both}
.hx-slide.is-on .hx-eyebrow,.hx-slide.is-on .hx-title{animation:hxin .7s cubic-bezier(.2,.8,.2,1) both}
.hx-slide.is-on .hx-promise,.hx-slide.is-on .hx-price{animation:hxin .7s .1s cubic-bezier(.2,.8,.2,1) both}
.hx-slide.is-on .hx-ctas{animation:hxin .7s .2s cubic-bezier(.2,.8,.2,1) both}
.hx-slide.is-on .hx-big{animation:hxbig 1s cubic-bezier(.2,.8,.2,1) both}
@keyframes hxin{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
@keyframes hxbook{from{opacity:0;transform:translateY(50px) rotate(-6deg) scale(.92)}to{opacity:1;transform:none}}
@keyframes hxfloat{from{transform:translateY(0)}to{transform:translateY(-14px)}}
@keyframes hxbit{from{opacity:0;translate:0 40px}to{opacity:1;translate:0 0}}
@keyframes hxbig{from{opacity:0;transform:translateY(40px)}to{opacity:1;transform:none}}
/* points verticaux + réseaux */
.hx-dots{position:absolute;z-index:6;right:clamp(14px,2vw,28px);top:50%;transform:translateY(-50%);display:flex;flex-direction:column}
.hx-dot{width:44px;height:30px;border:0;background:none;cursor:pointer;position:relative}
.hx-dot::before{content:"";position:absolute;left:50%;top:50%;width:8px;height:8px;margin:-4px 0 0 -4px;border-radius:50%;background:rgba(242,239,250,.4);transition:all .3s}
.hx-dot.is-on::before{background:transparent;border:2px solid var(--peach);transform:scale(1.5)}
.hx-social{position:absolute;z-index:6;right:clamp(20px,3.5vw,48px);bottom:clamp(14px,2vw,22px);display:flex;align-items:center;gap:2px;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--cream)}
.hx-social span{margin-right:8px}
.hx-social a{width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:var(--cream);border-radius:50%}
.hx-social a:hover{background:rgba(255,255,255,.1)}
@media (prefers-reduced-motion:reduce){.hx-wave-g,.hx-slide *{animation:none !important}}
/* tablette */
@media (max-width:1024px){
  .hx-links{display:none}
  .hx-card{--split:56%}
  .hx-left{width:52%}
  .hx-stage{width:40%;left:calc(var(--split) - 18%)}
}
/* téléphone : crème en haut, violet en bas */
@media (max-width:700px){
  .hx{padding:10px 10px 0}
  .hx-card{height:auto;min-height:0;border-radius:26px;background:var(--cream)}
  .hx-nav{padding:16px 18px}
  .hx-shop{top:14px;right:16px;color:var(--violet);border-color:rgba(46,35,102,.25)}
  .hx-track{position:relative;inset:auto}
  .hx-slide{display:flex;flex-direction:column}
  .hx-left{position:relative;left:auto;top:auto;width:auto;padding:4px 20px 24px}
  .hx-title{font-size:clamp(36px,11vw,52px)}
  .hx-stage{position:relative;left:auto;top:auto;width:auto;height:360px;padding:26px 0 70px;background:radial-gradient(ellipse 80% 70% at 50% 40%,#47309A,#281B66 65%,#130C36)}
  .hx-book{height:100%}
  .hx-b1{width:58px;right:6%;top:8%}.hx-b2{width:44px;right:auto;left:7%;top:18%}.hx-b3{width:38px;right:12%;top:auto;bottom:30%}
  .hx-big{height:84px;bottom:0;z-index:5}
  .hx-big .o{stroke:var(--peach);opacity:.5}
  .hx-wave{top:auto;bottom:120px;height:220px;z-index:3;opacity:.7}
  .hx-dots{position:relative;transform:none;top:auto;right:auto;flex-direction:row;justify-content:center;background:#130C36;padding:4px 0}
  .hx-social{position:relative;right:auto;bottom:auto;justify-content:center;background:#130C36;padding:0 0 12px}
}
/* corrections */
.hx-wave{left:34%;width:66%;top:6%;height:44%;-webkit-mask-image:linear-gradient(90deg,transparent,#000 30%);mask-image:linear-gradient(90deg,transparent,#000 30%)}
.hx-links a{white-space:nowrap;font-size:12px;padding:10px 12px}
.hx-links{margin-right:0;margin-left:clamp(20px,6vw,90px)}
.hx-logo{white-space:nowrap}
@media (max-width:700px){.hx-wave{left:0;width:100%;-webkit-mask-image:none;mask-image:none}}
.hx-big{height:clamp(80px,14vw,200px)}
.hx-left{top:clamp(100px,17%,150px)}
@media (max-height:700px) and (min-width:701px){.hx-title{font-size:clamp(36px,4.4vw,64px)}.hx-promise{display:none}}
/* téléphone : dernières priorités */
@media (max-width:700px){
  .hx-left{top:auto;padding-top:8px}
  .hx-wave{left:0;width:100%;top:auto;bottom:110px;height:200px;z-index:3;opacity:.6}
  .hx-big{height:80px}
  .hx-stage{z-index:4}
}


/* ---------- Boutique : carrousel de cartes, livre qui sort de la carte ---------- */
.shop{padding-top:88px;overflow:hidden}
.shop-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:12px}
.shop-head p{margin:0;font-size:15px}
.shop-stage{position:relative;max-width:1320px;margin:0 auto;padding:0 64px}
.shop-view{overflow:hidden;padding:120px 0 40px}
.shop-track{display:flex;align-items:center;gap:22px;transition:transform .6s cubic-bezier(.2,.8,.2,1);will-change:transform}
.scard{flex:none;position:relative;width:230px;border-radius:26px;background:var(--cream);color:var(--ink);cursor:pointer;
  padding:96px 20px 20px;box-shadow:0 20px 40px rgba(0,0,0,.28);transition:width .5s cubic-bezier(.2,.8,.2,1),background .4s,padding .5s,transform .4s;outline:none}
.scard:hover{transform:translateY(-4px)}
.scard:focus-visible{box-shadow:0 0 0 3px var(--peach),0 20px 40px rgba(0,0,0,.28)}
.scard::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;
  background:repeating-linear-gradient(135deg,rgba(46,35,102,.05) 0 2px,transparent 2px 16px)}
.scard-media{position:absolute;left:50%;top:-96px;width:150px;height:190px;transform:translateX(-50%);transition:all .5s cubic-bezier(.2,.8,.2,1);pointer-events:none}
.scard-media img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 18px 18px rgba(0,0,0,.4))}
.scard-body{position:relative;display:flex;flex-direction:column;gap:10px}
.scard-cat{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--mauve);text-align:center}
.scard h3{margin:0;font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:17px;line-height:1.15;text-transform:uppercase;text-align:center;min-height:40px}
.scard-rows{margin:4px 0 0;display:flex;flex-direction:column;gap:0}
.scard-rows div{display:flex;justify-content:space-between;gap:10px;padding:7px 0;border-bottom:1px dashed rgba(46,35,102,.2);font-size:12px}
.scard-rows dt{color:#71699A;font-weight:600;text-transform:uppercase;letter-spacing:.06em;flex:none}
.scard-rows dd{margin:0;font-weight:700;text-align:right;color:var(--violet);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.scard-price{display:flex;align-items:baseline;justify-content:center;gap:8px;font-family:'Space Grotesk',sans-serif;margin-top:4px}
.scard-price b{font-size:19px}
.scard-price s{font-size:12px;color:#9289B3}
.scard-ctas{display:flex;flex-direction:column;align-items:center;gap:4px}
.scard-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 22px;border-radius:999px;background:var(--violet);color:var(--cream);text-decoration:none;font-weight:700;font-size:13px;letter-spacing:.06em;text-transform:uppercase}
.scard-btn:hover{color:var(--cream);background:var(--crimson)}
.scard-more{font-size:13px;font-weight:600;color:var(--mauve);min-height:32px;display:inline-flex;align-items:center}
/* carte mise en avant */
.scard.is-on{width:300px;background:linear-gradient(160deg,#47309A,var(--violet) 55%,#281B66);color:var(--cream);padding:130px 26px 26px}
.scard.is-on::before{background:repeating-linear-gradient(135deg,rgba(255,255,255,.05) 0 2px,transparent 2px 16px)}
.scard.is-on .scard-media{top:-120px;width:210px;height:250px}
.scard.is-on h3{font-size:22px}
.scard.is-on .scard-cat{color:var(--peach)}
.scard.is-on .scard-rows div{border-color:rgba(242,239,250,.22);font-size:13px}
.scard.is-on .scard-rows dt{color:#D4CCEE}
.scard.is-on .scard-rows dd{color:var(--peach)}
.scard.is-on .scard-price b{font-size:24px;color:var(--peach)}
.scard.is-on .scard-price s{color:#9A8FC4}
.scard.is-on .scard-btn{background:var(--cream);color:var(--violet);min-height:50px;padding:0 30px;font-size:14px;box-shadow:0 12px 24px rgba(0,0,0,.3)}
.scard.is-on .scard-btn:hover{background:var(--peach)}
.scard.is-on .scard-more{color:var(--peach)}
.shop-arrow{position:absolute;top:calc(50% + 40px);transform:translateY(-50%);z-index:3;width:48px;height:48px;border-radius:50%;border:0;background:var(--violet);color:var(--cream);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 10px 24px rgba(0,0,0,.35)}
.shop-arrow:hover{background:var(--crimson)}
.shop-arrow.prev{left:8px}.shop-arrow.next{right:8px}
@media (max-width:700px){
  .shop-stage{padding:0}
  .shop-view{padding:120px 0 30px}
  .scard{width:200px}
  .scard.is-on{width:260px}
  .shop-arrow{top:auto;bottom:-18px;transform:none}
  .shop-arrow.prev{left:calc(50% - 60px)}.shop-arrow.next{right:calc(50% - 60px)}
  .shop{padding-bottom:40px}
}
@media (prefers-reduced-motion:reduce){.shop-track,.scard,.scard-media{transition:none}}
.scard-rows dd{white-space:normal;overflow:visible;line-height:1.3}.scard-rows div{align-items:flex-start}

/* ---------- Fond du site : aplat sombre + grain papier (remplace les taches floues animées) ---------- */
body{background:#110B2E}
.bgfx{position:fixed;inset:0;z-index:0;pointer-events:none;
  background:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 .07 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"),
    linear-gradient(180deg,#130C36 0%,#110B2E 55%,#0C0824 100%)}

/* ---------- Style « app » : violet électrique lumineux, verre violetté, lueurs douces ---------- */
:root{--blue:#7B5CFF;--blue2:#6A45F0;--glow:0 10px 30px rgba(123,92,255,.45)}
/* boutons principaux : violet électrique avec lueur */
.btn-peach,.hx-btn,.scard.is-on .scard-btn{background:linear-gradient(180deg,#9479FF,#6A45F0) !important;color:#fff !important;box-shadow:var(--glow),inset 0 1px 0 rgba(255,255,255,.35) !important}
.btn-peach:hover,.hx-btn:hover,.scard.is-on .scard-btn:hover{filter:brightness(1.08);color:#fff !important}
.scard-btn{background:#170F33;color:#fff}
.btn-dark{background:#170F33}
/* verre dépoli violetté */
.glass{background:rgba(44,30,100,.45) !important;border:1px solid rgba(190,170,255,.18) !important;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 20px 40px rgba(8,4,24,.35)}
/* cartes claires : blanc froid avec relief doux */
.scard{background:linear-gradient(180deg,#F7F5FC,#EAE5F6);box-shadow:0 20px 40px rgba(8,4,24,.35),inset 0 1px 0 #fff}
.scard.is-on{background:linear-gradient(160deg,#47309A,#281B66 60%,#130C36);box-shadow:0 30px 60px rgba(8,4,24,.5),0 0 0 1px rgba(160,130,255,.25),0 0 50px rgba(123,92,255,.25)}
.shop-arrow{background:linear-gradient(180deg,#9479FF,#6A45F0);box-shadow:var(--glow)}
/* hero : panneau sombre indigo avec halo violet */
.hx-card{background:linear-gradient(90deg,#F2EFFA var(--split),transparent var(--split)),radial-gradient(ellipse 60% 70% at 80% 40%,rgba(123,92,255,.55),transparent 60%),linear-gradient(160deg,#47309A,#281B66 55%,#0E0A26)}
.hx-big .f{fill:#B29BFF}
.hx-dot.is-on::before{border-color:#B29BFF;box-shadow:0 0 12px rgba(123,92,255,.8)}
.hl{background:linear-gradient(180deg,#9479FF,#6A45F0);color:#fff}
/* fond du site */
.bgfx{background:radial-gradient(ellipse 80% 50% at 50% 0%,rgba(123,92,255,.18),transparent 70%),linear-gradient(180deg,#1E1450 0%,#110B2E 55%,#0C0824 100%)}
@media (max-width:700px){.hx-card{background:#F2EFFA}.hx-stage{background:radial-gradient(ellipse 70% 60% at 50% 35%,rgba(123,92,255,.5),transparent 65%),linear-gradient(160deg,#47309A,#281B66 55%,#0E0A26)}}
/* coupure en vague (façon MyDocs) */
.hx-card{background:#F2EFFA}
.hx-dark{position:absolute;inset:0;z-index:0;clip-path:url(#hxcurve);
  background:radial-gradient(ellipse 45% 60% at 80% 40%,rgba(123,92,255,.55),transparent 65%),linear-gradient(160deg,#47309A,#281B66 55%,#0E0A26)}
.hx-dark::after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 80px rgba(8,4,24,.35)}
@media (max-width:700px){
  .hx-dark{display:none}
  .hx-stage{clip-path:url(#hxcurveM);padding-top:44px}
}

/* ---------- Sous « Écris-nous » : un objet 3D + un texte par guide ---------- */
.mini-list{display:flex;flex-direction:column;gap:12px;margin-top:14px;max-width:560px}
.mini{display:grid;grid-template-columns:96px minmax(0,1fr) auto;align-items:center;gap:16px;padding:10px 18px 10px 10px;border-radius:22px;background:#F2EFFA;color:#170F33;text-decoration:none;box-shadow:0 16px 34px rgba(8,4,24,.3);transition:transform .2s,box-shadow .2s}
.mini:hover{transform:translateY(-3px);color:#170F33;box-shadow:0 22px 44px rgba(8,4,24,.4),0 0 0 2px #7B5CFF}
.mini-obj{width:96px;height:96px;border-radius:18px;background:radial-gradient(circle at 50% 45%,rgba(123,92,255,.5),transparent 70%),linear-gradient(160deg,#47309A,#281B66);display:flex;align-items:center;justify-content:center;overflow:hidden}
.mini-obj img{width:88%;height:88%;object-fit:contain;filter:drop-shadow(0 8px 10px rgba(8,4,24,.45))}
.mini-txt{display:flex;flex-direction:column;gap:3px;min-width:0}
.mini-cat{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#7B5CFF}
.mini-txt b{font-family:'Space Grotesk',sans-serif;font-size:17px;line-height:1.2;color:#2E2366}
.mini-hook{font-size:13.5px;line-height:1.45;color:#544A7C}
.mini-price{display:flex;flex-direction:column;align-items:flex-end;gap:6px;font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:16px;color:#170F33;white-space:nowrap}
.mini-price i{width:34px;height:34px;border-radius:50%;background:linear-gradient(180deg,#9479FF,#6A45F0);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 18px rgba(123,92,255,.45)}
.mini-price svg{width:16px;height:16px}
@media (max-width:520px){
  .mini{grid-template-columns:76px minmax(0,1fr);padding-right:14px}
  .mini-obj{width:76px;height:76px}
  .mini-price{grid-column:2;flex-direction:row;align-items:center;justify-content:space-between}
}
.cta-books{position:relative;width:100%;max-width:360px;height:340px}
.cta-books img{position:absolute;bottom:20px;height:250px;width:auto;filter:drop-shadow(0 24px 30px rgba(0,0,0,.5))}
.cta-books img:nth-child(1){left:0;transform:rotate(-12deg)}
.cta-books img:nth-child(3){right:0;transform:rotate(12deg)}
.cta-books img:nth-child(2){left:0;right:0;margin:0 auto;bottom:40px;height:290px;z-index:2;animation:floaty 3.5s ease-in-out infinite alternate}
@media (max-width:760px){.cta-books{height:260px;max-width:300px}.cta-books img{height:190px}.cta-books img:nth-child(2){height:220px}}

/* ---------- Tuiles en mode conversation (gauche / droite) ---------- */
.mini-list.chat{max-width:none;margin-top:36px;display:flex;flex-direction:column;gap:16px}
.mini-list.chat .mini{width:min(620px,78%);position:relative;overflow:visible}
.mini-list.chat .mini:nth-child(odd){align-self:flex-start;border-bottom-left-radius:6px}
.mini-list.chat .mini:nth-child(even){align-self:flex-end;border-bottom-right-radius:6px;grid-template-columns:auto minmax(0,1fr) 96px}
.mini-list.chat .mini:nth-child(even) .mini-obj{order:3}
.mini-list.chat .mini:nth-child(even) .mini-txt{order:2;text-align:right;align-items:flex-end}
.mini-list.chat .mini:nth-child(even) .mini-price{order:1;align-items:flex-start}
/* pointe de bulle */
.mini-list.chat .mini::after{content:"";position:absolute;bottom:0;width:18px;height:18px;background:#F2EFFA}
.mini-list.chat .mini:nth-child(odd)::after{left:-9px;clip-path:polygon(100% 0,100% 100%,0 100%)}
.mini-list.chat .mini:nth-child(even)::after{right:-9px;clip-path:polygon(0 0,100% 100%,0 100%)}
@media (max-width:620px){
  .mini-list.chat .mini{width:92%}
  .mini-list.chat .mini:nth-child(even){grid-template-columns:minmax(0,1fr) 76px}
  .mini-list.chat .mini:nth-child(even) .mini-price{grid-column:1;order:3;flex-direction:row;justify-content:space-between}
  .mini-list.chat .mini:nth-child(even) .mini-obj{order:2;grid-row:1/3;grid-column:2}
  .mini-list.chat .mini:nth-child(even) .mini-txt{order:1;grid-column:1}
}


/* ==========================================================================
   Style « verre » (glassmorphism) en violet — boutons, champs, onglets, cartes, titres
   Réf. : bouton verre gris, éléments verre noir, kit verre lumineux (2026-11-07)
   ========================================================================== */
:root{
  --g-line:rgba(255,255,255,.22);
  --g-line-strong:rgba(225,214,255,.55);
  --g-dark:linear-gradient(145deg,rgba(255,255,255,.10),rgba(255,255,255,.03) 45%,rgba(123,92,255,.06));
  --g-sheen:linear-gradient(115deg,rgba(255,255,255,.13) 0%,rgba(255,255,255,.04) 34%,transparent 34.3%);
  --g-light:linear-gradient(145deg,rgba(255,255,255,.94),rgba(238,232,255,.84));
  --g-glow:0 0 0 1px rgba(160,130,255,.25),0 12px 32px rgba(123,92,255,.35);
  --g-stack:10px 10px 0 -2px rgba(40,27,102,.55),10px 10px 0 -1px rgba(190,170,255,.16);
}

/* ---------- Titres : texte « verre » ---------- */
.h2,.why-head .h2{background:linear-gradient(180deg,#FFFFFF 0%,#E6DEFF 55%,#B9A6FF 100%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none}
.h2 .hl{-webkit-text-fill-color:#fff;color:#fff;background:linear-gradient(180deg,rgba(160,130,255,.55),rgba(106,69,240,.35));border:1px solid var(--g-line-strong);box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 8px 24px rgba(123,92,255,.35);border-radius:14px;padding:0 12px}

/* ---------- Boutons principaux : pilule de verre violette lumineuse ---------- */
.btn-peach,.hx-btn,.scard.is-on .scard-btn,.scard-btn{
  position:relative;color:#fff !important;
  background:var(--g-sheen),linear-gradient(180deg,rgba(168,140,255,.75),rgba(106,69,240,.55)) !important;
  border:1px solid var(--g-line-strong) !important;
  backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.6),inset 0 -8px 16px rgba(46,20,140,.35),0 10px 30px rgba(123,92,255,.5),0 0 0 4px rgba(123,92,255,.10) !important;
  text-shadow:0 1px 2px rgba(30,10,80,.35);transition:transform .2s,box-shadow .2s,filter .2s}
.btn-peach:hover,.hx-btn:hover,.scard-btn:hover{transform:translateY(-2px);filter:brightness(1.08);box-shadow:inset 0 1px 0 rgba(255,255,255,.7),inset 0 -8px 16px rgba(46,20,140,.3),0 14px 38px rgba(123,92,255,.65),0 0 0 5px rgba(123,92,255,.16) !important}

/* ---------- Boutons secondaires : verre transparent ---------- */
.btn-dark,.btn-ghost{background:var(--g-sheen),var(--g-dark) !important;color:#F2EFFA !important;border:1px solid var(--g-line) !important;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 8px 22px rgba(8,4,24,.35)}

/* ---------- Boutons ronds (icônes) : bulle de verre ---------- */
.shop-arrow,.hx-shop,.mini-price i,.hx-arrow{
  background:radial-gradient(circle at 35% 25%,rgba(255,255,255,.55),rgba(255,255,255,.08) 45%,transparent 60%),linear-gradient(180deg,rgba(168,140,255,.6),rgba(106,69,240,.45)) !important;
  border:1px solid var(--g-line-strong) !important;color:#fff !important;
  backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.6),0 8px 22px rgba(123,92,255,.45) !important}

/* ---------- Cartes et panneaux sombres : verre fumé + reflet diagonal + calque décalé ---------- */
.glass,.card.glass,.navpill,.topbar,.mbar{
  background:var(--g-sheen),var(--g-dark),rgba(30,20,70,.35) !important;
  border:1px solid var(--g-line) !important;
  backdrop-filter:blur(20px) saturate(140%);-webkit-backdrop-filter:blur(20px) saturate(140%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.22),inset 0 -1px 0 rgba(255,255,255,.05),0 24px 50px rgba(8,4,24,.45) !important}
.glass.pad-box,.card.glass{box-shadow:inset 0 1px 0 rgba(255,255,255,.22),var(--g-stack),0 30px 60px rgba(8,4,24,.45) !important}
[style*="background:var(--violet)"],[style*="background:var(--mauve)"],[style*="background:#2E2366"],[style*="background:#2A1F66"],[style*="background:#1F1648"],[style*="background: #2E2366"]{
  background-image:var(--g-sheen) !important;
  border:1px solid var(--g-line) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 24px 50px rgba(8,4,24,.4) !important}

/* ---------- Cartes claires : verre givré lavande ---------- */
.scard,.mini,.card[style*="background:var(--cream)"],.card[style*="background:var(--peach)"],div[style*="background:#fff"],div[style*="background:var(--cream)"],div[style*="background:var(--peach)"]{
  background:var(--g-sheen),var(--g-light) !important;
  border:1px solid rgba(255,255,255,.75) !important;
  backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);
  box-shadow:inset 0 1px 0 #fff,inset 0 -1px 0 rgba(123,92,255,.12),var(--g-stack),0 20px 44px rgba(8,4,24,.35) !important}
.mini:hover{box-shadow:inset 0 1px 0 #fff,0 0 0 2px rgba(123,92,255,.7),0 22px 44px rgba(123,92,255,.35) !important}

/* carte boutique active : verre violet lumineux */
.scard.is-on{
  background:var(--g-sheen),linear-gradient(160deg,rgba(110,80,230,.65),rgba(46,35,102,.75) 60%,rgba(20,12,50,.85)) !important;
  border:1px solid var(--g-line-strong) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 0 0 1px rgba(160,130,255,.35),0 0 60px rgba(123,92,255,.45),var(--g-stack),0 30px 60px rgba(8,4,24,.5) !important}

/* ---------- Champ (numéro WhatsApp) : champ de verre avec ligne lumineuse ---------- */
.glass[style*="border-radius:999px"]{position:relative;overflow:hidden}
.glass[style*="border-radius:999px"]::after{content:"";position:absolute;left:12%;right:40%;bottom:0;height:2px;background:linear-gradient(90deg,transparent,#A78BFF,transparent);box-shadow:0 0 12px #7B5CFF}

/* ---------- Onglets / liste des guides : verre, sélection lumineuse ---------- */
.gbtn,.tab{background:var(--g-sheen),var(--g-dark) !important;border:1px solid var(--g-line) !important;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:inset 0 1px 0 rgba(255,255,255,.18)}
.gbtn[aria-selected="true"],.tab[aria-selected="true"]{background:var(--g-sheen),linear-gradient(180deg,rgba(168,140,255,.45),rgba(106,69,240,.3)) !important;border-color:var(--g-line-strong) !important;color:#fff !important;box-shadow:inset 0 1px 0 rgba(255,255,255,.5),inset 0 -2px 0 #A78BFF,0 8px 26px rgba(123,92,255,.45) !important}

/* ---------- Pastilles (chips) ---------- */
.chip{background:var(--g-sheen),linear-gradient(180deg,rgba(255,255,255,.7),rgba(230,222,255,.5)) !important;border:1px solid rgba(255,255,255,.8);color:#2E2366 !important;backdrop-filter:blur(8px)}

/* ---------- Haut de page : panneau clair en verre givré, coins lumineux ---------- */
.hx-card{border:1px solid rgba(255,255,255,.35);box-shadow:inset 0 1px 0 rgba(255,255,255,.6),0 40px 80px rgba(8,4,24,.5),0 0 0 6px rgba(123,92,255,.08)}
.hx-dark{box-shadow:inset 1px 0 0 rgba(255,255,255,.25)}

@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  .glass,.navpill,.topbar,.mbar{background:rgba(36,24,84,.92) !important}
}
.h2 .hl{-webkit-box-decoration-break:clone;box-decoration-break:clone}
/* titres sur fond clair : verre violet foncé */
.cream .h2,[style*="background:var(--cream)"] .h2,[style*="background:#fff"] .h2,[style*="background:var(--peach)"] .h2,[style*="color:var(--ink)"] .h2,.scard .h2,.mini .h2{background:linear-gradient(180deg,#47309A 0%,#2E2366 60%,#170F33 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.cream{background:var(--g-sheen),var(--g-light) !important;border:1px solid rgba(255,255,255,.75);box-shadow:inset 0 1px 0 #fff,0 30px 60px rgba(8,4,24,.4)}
.cream .h2{-webkit-text-fill-color:transparent}

/* ---------- Boutique : défilement fluide (même largeur pour toutes les cartes, zoom sur l'active) ---------- */
.shop-track{transition:transform .7s cubic-bezier(.22,1,.36,1);will-change:transform}
.scard,.scard.is-on{width:250px;padding:110px 22px 22px;backdrop-filter:none !important;-webkit-backdrop-filter:none !important}
.scard{transform:scale(.88);opacity:.82;transition:transform .7s cubic-bezier(.22,1,.36,1),opacity .5s ease,box-shadow .5s ease,background .5s ease;will-change:transform}
.scard.is-on{transform:scale(1.08);opacity:1;z-index:2}
.scard:hover{transform:scale(.9)}
.scard.is-on:hover{transform:scale(1.1)}
.scard .scard-media,.scard.is-on .scard-media{top:-100px;width:160px;height:200px;transform:translateX(-50%);transition:transform .7s cubic-bezier(.22,1,.36,1)}
.scard.is-on .scard-media{transform:translateX(-50%) scale(1.12) translateY(-6px)}
.scard h3,.scard.is-on h3{font-size:18px}
.scard .scard-rows div,.scard.is-on .scard-rows div{font-size:12.5px}
.scard .scard-price b,.scard.is-on .scard-price b{font-size:21px}
.scard .scard-btn,.scard.is-on .scard-btn{min-height:46px;padding:0 24px;font-size:13px}
@media (max-width:700px){.scard,.scard.is-on{width:220px}}
@media (prefers-reduced-motion:reduce){.shop-track,.scard,.scard-media{transition:none}}

/* ---------- Bouton de sortie (pages produits) ---------- */
.back-btn{position:fixed;z-index:50;left:clamp(10px,2vw,24px);top:96px;display:inline-flex;align-items:center;gap:6px;min-height:46px;padding:0 18px 0 12px;border-radius:999px;text-decoration:none;font-weight:700;font-size:14px;color:#fff !important;
  background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.35),transparent 55%),linear-gradient(180deg,rgba(168,140,255,.7),rgba(106,69,240,.55));
  border:1px solid rgba(225,214,255,.6);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.6),0 10px 28px rgba(123,92,255,.5);transition:transform .2s}
.back-btn:hover{transform:translateX(-3px)}
@media (max-width:760px){.back-btn{top:auto;bottom:96px;left:12px;min-height:44px;padding:0 14px 0 10px}}
.page > .back-btn{position:fixed !important;z-index:60;top:auto;bottom:24px}
@media (max-width:900px){.page > .back-btn{bottom:92px}}


/* ---------- Motifs africains (dessins originaux, ton sur ton violet) ----------
   végétal tribal (réf. image verte) = fond principal ; bogolan, glyphes, géométrique = sections et cartes */
.bgfx{overflow:hidden}
.bgfx::after{content:"";position:absolute;inset:0;background:url(../motifs/vegetal-clair.svg) 0 0/320px 320px repeat}

/* haut de l'accueil : végétal sur la partie lavande, géométrique sur la partie violette */
.hx-card{background-image:url(../motifs/vegetal-fonce-faible.svg) !important;background-color:#F2EFFA !important;background-size:320px 320px !important}
.hx-dark::before{content:"";position:absolute;inset:0;background:url(../motifs/kente-clair-faible.svg) 0 0/160px 160px repeat}

/* « Nos guides » et grands blocs sombres : glyphes */
.glass.pad-box{background-image:url(../motifs/glyphes-clair-faible.svg),var(--g-sheen),var(--g-dark) !important;background-size:260px 250px,auto,auto !important}
/* cartes sombres des pages produits : bogolan */
.card.glass,.glass:not(.pad-box):not(.navpill):not(.topbar):not([style*="border-radius:999px"]){background-image:url(../motifs/bogolan-clair-faible.svg),var(--g-sheen),var(--g-dark) !important;background-size:240px 220px,auto,auto !important}

/* boutique : bogolan sur les cartes claires, géométrique sur la carte active */
.scard{background-image:url(../motifs/bogolan-fonce-faible.svg),var(--g-sheen),var(--g-light) !important;background-size:240px 220px,auto,auto !important}
.scard.is-on{background-image:url(../motifs/kente-clair-faible.svg),var(--g-sheen),linear-gradient(160deg,rgba(110,80,230,.65),rgba(46,35,102,.75) 60%,rgba(20,12,50,.85)) !important;background-size:160px 160px,auto,auto !important}

/* tuiles sous « Écris-nous » : glyphes ; carrés des objets 3D : géométrique */
.mini{background-image:url(../motifs/glyphes-fonce-faible.svg),var(--g-sheen),var(--g-light) !important;background-size:260px 250px,auto,auto !important}
.mini-obj{background-image:url(../motifs/kente-clair-faible.svg),radial-gradient(circle at 50% 45%,rgba(123,92,255,.5),transparent 70%),linear-gradient(160deg,#47309A,#281B66) !important;background-size:160px 160px,auto,auto !important}

/* pages produits : blocs clairs en végétal, visuel du livre en géométrique */
.cream{background-image:url(../motifs/vegetal-fonce-faible.svg),var(--g-sheen),var(--g-light) !important;background-size:320px 320px,auto,auto !important}
.p-media{background-image:url(../motifs/kente-clair-faible.svg) !important;background-size:160px 160px !important}
.cream .card[style*="background:#fff"],.cream div[style*="background:#fff"]{background-image:url(../motifs/glyphes-fonce-faible.svg),var(--g-sheen),var(--g-light) !important;background-size:260px 250px,auto,auto !important}

/* pied de page : bogolan */
.foot{background-image:url(../motifs/bogolan-fonce-faible.svg) !important;background-size:240px 220px !important}

/* (sur les éléments en surface : versions « -faible », 38 % de l'intensité du fond) */


/* ==========================================================================
   Affiches produits (réf. London Ebook House, Fortified, Carnet de prières, Grow Up Spiritually, Book of Elon)
   Un modèle, 5 styles. Taille fluide (unités de conteneur) : panneau, carte, page produit.
   Source : src/poster.tpl.css (polygon(100.0% 50.0%,92.6% 55.6%,98.3% 62.9%,89.7% 66.5%,93.3% 75.0%,84.1% 76.2%,85.4% 85.4%,76.2% 84.1%,75.0% 93.3%,66.5% 89.7%,62.9% 98.3%,55.6% 92.6%,50.0% 100.0%,44.4% 92.6%,37.1% 98.3%,33.5% 89.7%,25.0% 93.3%,23.8% 84.1%,14.6% 85.4%,15.9% 76.2%,6.7% 75.0%,10.3% 66.5%,1.7% 62.9%,7.4% 55.6%,0.0% 50.0%,7.4% 44.4%,1.7% 37.1%,10.3% 33.5%,6.7% 25.0%,15.9% 23.8%,14.6% 14.6%,23.8% 15.9%,25.0% 6.7%,33.5% 10.3%,37.1% 1.7%,44.4% 7.4%,50.0% 0.0%,55.6% 7.4%,62.9% 1.7%,66.5% 10.3%,75.0% 6.7%,76.2% 15.9%,85.4% 14.6%,84.1% 23.8%,93.3% 25.0%,89.7% 33.5%,98.3% 37.1%,92.6% 44.4%) = forme du badge, remplie par le script)
   ========================================================================== */
.poster{position:absolute;inset:0;container-type:size;overflow:hidden;border-radius:inherit;font-family:Inter,system-ui,sans-serif;isolation:isolate}
.poster > span,.poster > div,.poster > img{position:absolute}
.pz-brand{left:6cqw;top:5cqh;font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:clamp(7px,2.6cqw,13px);letter-spacing:.22em;z-index:5}
.pz-head{left:6cqw;top:12cqh;width:56cqw;z-index:5;display:flex;flex-direction:column;gap:1.4cqh}
.pz-head small{font-size:clamp(7px,2.7cqw,14px);font-weight:700;letter-spacing:.16em;text-transform:uppercase}
.pz-head b{font-family:'Space Grotesk',sans-serif;font-weight:700;text-transform:uppercase;font-size:clamp(14px,8.4cqw,54px);line-height:.92;letter-spacing:-.02em}
.pz-tags{left:6cqw;bottom:7cqh;z-index:5;display:flex;flex-wrap:wrap;gap:1.2cqw;max-width:52cqw}
.pz-tags span{font-size:clamp(7px,2.4cqw,12px);font-weight:700;padding:.9cqh 2.2cqw;border-radius:999px;white-space:nowrap}
.pz-book{right:5cqw;bottom:6cqh;height:66cqh;width:auto;max-width:48cqw;object-fit:contain;z-index:4;filter:drop-shadow(-2cqw 3cqh 3cqh rgba(0,0,0,.35));transform:rotate(-4deg)}
.pz-floor{left:44cqw;right:0;bottom:3cqh;height:8cqh;border-radius:50%;background:radial-gradient(ellipse at center,rgba(0,0,0,.35),transparent 70%);z-index:3}
.pz-badge{right:3cqw;top:7cqh;width:clamp(36px,17cqw,96px);aspect-ratio:1;display:flex;align-items:center;justify-content:center;text-align:center;font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:clamp(8px,3.6cqw,19px);line-height:.95;text-transform:uppercase;z-index:6;clip-path:polygon(100.0% 50.0%,92.6% 55.6%,98.3% 62.9%,89.7% 66.5%,93.3% 75.0%,84.1% 76.2%,85.4% 85.4%,76.2% 84.1%,75.0% 93.3%,66.5% 89.7%,62.9% 98.3%,55.6% 92.6%,50.0% 100.0%,44.4% 92.6%,37.1% 98.3%,33.5% 89.7%,25.0% 93.3%,23.8% 84.1%,14.6% 85.4%,15.9% 76.2%,6.7% 75.0%,10.3% 66.5%,1.7% 62.9%,7.4% 55.6%,0.0% 50.0%,7.4% 44.4%,1.7% 37.1%,10.3% 33.5%,6.7% 25.0%,15.9% 23.8%,14.6% 14.6%,23.8% 15.9%,25.0% 6.7%,33.5% 10.3%,37.1% 1.7%,44.4% 7.4%,50.0% 0.0%,55.6% 7.4%,62.9% 1.7%,66.5% 10.3%,75.0% 6.7%,76.2% 15.9%,85.4% 14.6%,84.1% 23.8%,93.3% 25.0%,89.7% 33.5%,98.3% 37.1%,92.6% 44.4%);transform:rotate(-10deg)}
.pz-price{right:6cqw;bottom:2.5cqh;z-index:6;font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:clamp(8px,3.2cqw,16px);padding:.8cqh 2.4cqw;border-radius:999px}
.pz-s1,.pz-s2,.pz-s3{z-index:1;pointer-events:none}

/* --- TOP 20 : fond clair, grands arcs bleu-violet (réf. London Ebook House) --- */
.pz-top20{background:linear-gradient(160deg,#FFFFFF,#EEF0FF 60%,#E2E5FF)}
.pz-top20 .pz-s1{width:90cqw;aspect-ratio:1;right:-38cqw;top:-30cqh;border-radius:50%;border:7cqw solid #3F4BD8;opacity:.9}
.pz-top20 .pz-s2{width:70cqw;aspect-ratio:1;left:-34cqw;bottom:-40cqh;border-radius:50%;border:6cqw solid #6B5CFF;opacity:.85}
.pz-top20 .pz-s3{width:60cqw;aspect-ratio:1;right:-20cqw;bottom:-36cqh;border-radius:50%;border:1.2cqw solid #9AA4FF}
.pz-top20 .pz-brand,.pz-top20 .pz-head small{color:#3F4BD8}
.pz-top20 .pz-head b{background:linear-gradient(180deg,#1B2470,#3F4BD8);-webkit-background-clip:text;background-clip:text;color:transparent}
.pz-top20 .pz-tags span{background:#1B2470;color:#fff}
.pz-top20 .pz-badge{background:#FFC93C;color:#1B2470}
.pz-top20 .pz-price{background:#1B2470;color:#fff}

/* --- Renaissance : noir, rayons violets (réf. Grow Up Spiritually) --- */
.pz-protocole-renaissance{background:radial-gradient(ellipse 70% 60% at 70% 45%,#4B2A9A,transparent 70%),linear-gradient(180deg,#0B0716,#140C2A)}
.pz-protocole-renaissance .pz-s1{inset:-20cqh -20cqw;background:conic-gradient(from 200deg at 70% 45%,transparent 0 10deg,rgba(190,160,255,.22) 14deg,transparent 22deg 40deg,rgba(190,160,255,.16) 46deg,transparent 54deg 80deg,rgba(190,160,255,.2) 86deg,transparent 94deg)}
.pz-protocole-renaissance .pz-s2{left:0;right:0;bottom:0;height:22cqh;background:linear-gradient(180deg,transparent,rgba(120,80,255,.25));border-top:1px solid rgba(200,180,255,.25)}
.pz-protocole-renaissance .pz-s3{width:28cqw;aspect-ratio:1;left:60cqw;top:20cqh;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.45),transparent 65%)}
.pz-protocole-renaissance .pz-brand,.pz-protocole-renaissance .pz-head small{color:#C9B6FF}
.pz-protocole-renaissance .pz-head b{color:#fff;text-shadow:0 0 3cqw rgba(160,120,255,.6)}
.pz-protocole-renaissance .pz-tags span{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.25);color:#fff}
.pz-protocole-renaissance .pz-badge{background:#7B5CFF;color:#fff}
.pz-protocole-renaissance .pz-price{background:#fff;color:#140C2A}

/* --- Cuisine : crème + grand demi-cercle rouge (réf. Book of Elon) --- */
.pz-cuisine-comme-un-chef{background:linear-gradient(180deg,#FFF6EC,#FBE7D3)}
.pz-cuisine-comme-un-chef .pz-s1{width:110cqw;aspect-ratio:1;left:38cqw;top:-25cqh;border-radius:50%;background:linear-gradient(160deg,#D8323A,#9E1622)}
.pz-cuisine-comme-un-chef .pz-s2{width:16cqw;aspect-ratio:1;left:6cqw;bottom:22cqh;border-radius:50%;background:radial-gradient(circle at 35% 30%,#FF7A6E,#C2232E)}
.pz-cuisine-comme-un-chef .pz-s3{left:0;right:0;bottom:0;height:16cqh;background:linear-gradient(180deg,#F3DCC5,#EBCDB0)}
.pz-cuisine-comme-un-chef .pz-brand,.pz-cuisine-comme-un-chef .pz-head small{color:#9E1622}
.pz-cuisine-comme-un-chef .pz-head b{color:#5A1015;font-family:Georgia,'Times New Roman',serif;text-transform:none;font-style:italic;letter-spacing:-.01em}
.pz-cuisine-comme-un-chef .pz-tags span{background:#5A1015;color:#FFF6EC}
.pz-cuisine-comme-un-chef .pz-badge{background:#FFC93C;color:#9E1622}
.pz-cuisine-comme-un-chef .pz-price{background:#fff;color:#9E1622}

/* --- Coran : clair, arches vert et or (réf. Carnet de prières) --- */
.pz-dessins-animes-coraniques{background:linear-gradient(180deg,#FBF8EF,#F1EAD6)}
.pz-dessins-animes-coraniques .pz-s1{width:46cqw;height:84cqh;right:3cqw;bottom:0;border-radius:23cqw 23cqw 0 0;background:linear-gradient(180deg,#1F7A5A,#0F4D38)}
.pz-dessins-animes-coraniques .pz-s2{width:58cqw;height:94cqh;right:-3cqw;bottom:0;border-radius:29cqw 29cqw 0 0;border:.8cqw solid #C9A24A}
.pz-dessins-animes-coraniques .pz-s3{left:6cqw;top:44cqh;width:30cqw;height:.7cqh;background:#C9A24A}
.pz-dessins-animes-coraniques .pz-brand,.pz-dessins-animes-coraniques .pz-head small{color:#1F7A5A}
.pz-dessins-animes-coraniques .pz-head b{color:#0F4D38}
.pz-dessins-animes-coraniques .pz-tags span{background:#0F4D38;color:#FBF8EF}
.pz-dessins-animes-coraniques .pz-badge{background:#C9A24A;color:#fff}
.pz-dessins-animes-coraniques .pz-price{background:#fff;color:#0F4D38}

/* --- 100 phrases : rose + courbe bordeaux (réf. Fortified) --- */
.pz-100-phrases{background:linear-gradient(180deg,#FDE6EC,#F8D2DD)}
.pz-100-phrases .pz-s1{width:160cqw;height:120cqh;left:-30cqw;top:52cqh;border-radius:50%;background:linear-gradient(180deg,#5C1030,#2E0718)}
.pz-100-phrases .pz-s2{width:4cqw;height:6cqh;left:50cqw;top:10cqh;background:#E2A93B;transform:rotate(25deg);border-radius:1cqw}
.pz-100-phrases .pz-s3{width:3cqw;height:5cqh;left:12cqw;top:46cqh;background:#E2A93B;transform:rotate(-30deg);border-radius:1cqw}
.pz-100-phrases .pz-brand,.pz-100-phrases .pz-head small{color:#8E1B44}
.pz-100-phrases .pz-head b{color:#7A1236;font-family:Georgia,'Times New Roman',serif;text-transform:none;font-style:italic}
.pz-100-phrases .pz-tags span{background:#fff;color:#7A1236}
.pz-100-phrases .pz-badge{background:#F2C14E;color:#7A1236}
.pz-100-phrases .pz-price{background:#F2C14E;color:#2E0718}

/* ---------- Placement ---------- */
#g-panel.g-posters{padding:0 !important;background:none !important;min-height:400px;border-radius:28px;overflow:hidden;position:relative}
.g-pz{opacity:0;visibility:hidden;transition:opacity .45s ease,visibility 0s .45s}
.g-pz.is-on{opacity:1;visibility:visible;transition:opacity .45s ease}
.p-media.p-pz{background:none !important;padding:0;overflow:hidden;min-height:440px}
.pz-media{position:relative;overflow:hidden;border-radius:22px 22px 0 0;padding:0 !important;background:none !important}
.scard-pz{position:absolute;left:8px;right:8px;top:8px;height:118px;border-radius:20px;overflow:hidden;z-index:0}
.scard-pz .poster .pz-book,.scard-pz .poster .pz-price,.scard-pz .poster .pz-tags,.scard-pz .poster .pz-floor,.scard-pz .poster .pz-head small{display:none}
.scard-pz .poster .pz-head{top:auto;bottom:10cqh;width:70cqw}
.scard-pz .poster .pz-head b{font-size:clamp(11px,9cqw,22px)}
.scard-pz .poster .pz-badge{width:clamp(30px,18cqw,48px);font-size:clamp(7px,3.6cqw,10px)}
.scard{padding-top:140px !important}
.scard-media,.scard.is-on .scard-media{z-index:2}
.scard-body{z-index:1}

/* ---------- Boutique : cartes plus compactes + carte cliquable ---------- */
.scard,.scard.is-on{width:230px;padding:118px 18px 16px !important;cursor:pointer}
.scard-pz{height:98px}
.scard .scard-media,.scard.is-on .scard-media{top:-84px;width:132px;height:168px}
.scard-body{gap:6px}
.scard h3,.scard.is-on h3{font-size:15.5px;min-height:0}
.scard-cat{font-size:10px}
.scard-rows div,.scard.is-on .scard-rows div{padding:4px 0;font-size:11.5px}
.scard .scard-price b,.scard.is-on .scard-price b{font-size:18px}
.scard-price{margin-top:2px}
.scard .scard-btn,.scard.is-on .scard-btn{min-height:40px;padding:0 20px;font-size:12px}
.scard-more{min-height:26px;font-size:12px}
.shop-view{padding-top:100px}
@media (max-width:700px){.scard,.scard.is-on{width:205px}}


/* ---------- Pages produits : preuve sociale, « Imagine », FAQ, avis ---------- */
.proof-line{display:flex;align-items:center;gap:12px;font-size:14px;color:#D4CCEE}
.proof-line b{color:#fff}
.proof-av{display:flex}
.proof-av i{width:30px;height:30px;margin-left:-8px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-style:normal;font-weight:700;font-size:12px;color:#fff;border:2px solid #170F33;background:linear-gradient(160deg,#9479FF,#47309A)}
.proof-av i:first-child{margin-left:0}
.proof-av i:nth-child(2){background:linear-gradient(160deg,#C6833F,#7A4A1E)}
.proof-av i:nth-child(3){background:linear-gradient(160deg,#2F8F6A,#0F4D38)}
.proof-av i:nth-child(4){background:rgba(255,255,255,.15)}

.im .h2,.fq-wrap .h2,.rv-wrap .h2{margin:8px 0 24px}
.im-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;counter-reset:s}
.im-steps li{position:relative;padding:26px 24px;border-radius:24px;background:var(--g-sheen),var(--g-dark),rgba(30,20,70,.35);border:1px solid var(--g-line);box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 20px 40px rgba(8,4,24,.35)}
.im-steps li:not(:last-child)::after{content:"";position:absolute;right:-14px;top:50%;width:10px;height:10px;border-top:2px solid #B29BFF;border-right:2px solid #B29BFF;transform:translateY(-50%) rotate(45deg)}
.im-n{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;font-family:'Space Grotesk',sans-serif;font-weight:700;color:#fff;background:linear-gradient(180deg,#9479FF,#6A45F0);box-shadow:0 8px 20px rgba(123,92,255,.45)}
.im-steps b{display:block;margin:14px 0 6px;font-family:'Space Grotesk',sans-serif;font-size:19px;color:#fff}
.im-steps p{margin:0;font-size:15px;line-height:1.6;color:#D4CCEE}

.fq-list{display:flex;flex-direction:column;gap:10px;max-width:860px}
.fq{border-radius:18px;background:var(--g-sheen),var(--g-dark),rgba(30,20,70,.35);border:1px solid var(--g-line)}
.fq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:14px;padding:18px 22px;min-height:56px;font-weight:700;font-size:16px;color:#fff}
.fq summary::-webkit-details-marker{display:none}
.fq summary i{font-style:normal;flex:none;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(123,92,255,.35);transition:transform .25s}
.fq[open] summary i{transform:rotate(45deg)}
.fq p{margin:0;padding:0 22px 20px;font-size:15px;line-height:1.65;color:#D4CCEE}

.rv-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}
.rv{margin:0;padding:22px;border-radius:24px;background:var(--g-sheen),var(--g-light);color:#170F33;box-shadow:var(--g-stack),0 20px 40px rgba(8,4,24,.35)}
.rv-top{display:flex;align-items:center;gap:12px}
.rv-top b{display:block;font-size:15px}.rv-top small{color:#71699A}
.rv-av{width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;background:linear-gradient(160deg,#9479FF,#47309A)}
.rv-stars{margin-left:auto;color:#F2B634;letter-spacing:2px}
.rv blockquote{margin:14px 0 0;font-size:15px;line-height:1.6}
.rv-cap{display:block;width:100%;margin-top:14px;border-radius:14px}

@media (max-width:760px){
  .im-steps{grid-template-columns:minmax(0,1fr)}
  .im-steps li:not(:last-child)::after{right:50%;top:auto;bottom:-14px;transform:translateX(50%) rotate(135deg)}
}

/* ---------- Accueil : bloc « Pourquoi Empire Digit-HK » + version téléphone plus serrée ---------- */
.edhk{border-radius:28px;padding:24px 22px;display:flex;flex-direction:column;gap:14px}
.edhk-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px}
.edhk-list li{display:flex;gap:14px;align-items:flex-start}
.edhk-list i{flex:none;width:38px;height:38px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-style:normal;font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:13px;color:#fff;background:linear-gradient(180deg,#9479FF,#6A45F0);box-shadow:0 8px 18px rgba(123,92,255,.4)}
.edhk-list span{font-size:14px;line-height:1.5;color:#D4CCEE}
.edhk-list b{display:block;font-family:'Space Grotesk',sans-serif;font-size:16px;color:#fff;margin-bottom:2px}
@media (max-width:700px){
  .stats-sec{padding-top:20px !important}
  .stats-box{grid-template-columns:repeat(4,minmax(0,1fr)) !important;gap:6px !important;padding:16px 10px !important;border-radius:22px !important}
  .stats-box .sg{font-size:22px !important}
  .stats-box .muted{font-size:10.5px !important;line-height:1.25}
  .stats-note{margin-top:10px !important;font-size:13px !important}
  .intro-sec{padding-top:44px !important}
  .intro-sec .duo{gap:18px}
  .intro-p{font-size:15px !important;line-height:1.6 !important}
  .intro-top{height:210px !important}
  .edhk{padding:18px 16px}
  .edhk-list{gap:12px}
}

/* ---------- Fondateur : portrait + personnages détourés (photos de Naki) ---------- */
.fig{display:block;height:auto;-webkit-mask-image:linear-gradient(to bottom,#000 62%,transparent 97%),linear-gradient(to right,transparent 0,#000 7%,#000 93%,transparent 100%);-webkit-mask-composite:source-in;mask-image:linear-gradient(to bottom,#000 62%,transparent 97%),linear-gradient(to right,transparent 0,#000 7%,#000 93%,transparent 100%);mask-composite:intersect;filter:drop-shadow(0 0 1px rgba(201,182,255,.55)) drop-shadow(0 18px 28px rgba(8,4,24,.45))}

.founder{border-radius:32px;padding:26px;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:34px;align-items:center}
.founder-ph{position:relative;margin:0;border-radius:26px;overflow:hidden;aspect-ratio:853/1180;background:#0B0716;box-shadow:0 0 0 1px rgba(242,182,90,.28),0 0 60px rgba(242,170,80,.22),0 30px 60px rgba(8,4,24,.5)}
.founder-ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 18%}
.founder-ph::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 52%,rgba(40,20,90,.55) 75%,rgba(23,15,51,.96) 100%),radial-gradient(ellipse 70% 50% at 30% 30%,rgba(242,170,80,.12),transparent 70%);pointer-events:none}
.founder-glow{position:absolute;left:-20%;top:-10%;width:80%;height:70%;border-radius:50%;background:radial-gradient(circle,rgba(242,170,80,.35),transparent 65%);z-index:1;mix-blend-mode:screen;pointer-events:none}
.founder-ph figcaption{position:absolute;left:20px;right:20px;bottom:18px;z-index:2;display:flex;flex-direction:column;gap:2px}
.founder-ph figcaption b{font-family:'Space Grotesk',sans-serif;font-size:20px;color:#fff}
.founder-ph figcaption span{font-size:13px;color:#F3D3A6}
.founder-txt{display:flex;flex-direction:column;gap:14px;min-width:0}
.founder-txt .h2{margin:0}
.founder-txt p{margin:0;font-size:16px;line-height:1.7;color:#D4CCEE}
.founder-txt p b{color:#fff}
.founder-sign{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;margin-top:6px;padding-top:16px;border-top:1px solid rgba(255,255,255,.14)}
.founder-name{font-family:'Brush Script MT','Segoe Script',cursive;font-size:34px;line-height:1;color:#F3C98A;transform:rotate(-4deg)}

.think{position:relative;border-radius:28px;padding:24px 44% 24px 24px;min-height:250px;display:flex;align-items:center;margin-top:60px}
.think .intro-p{margin:0;font-size:16px;line-height:1.7;color:#DDD6F2}
.think .intro-p b{color:#fff}
.think .fig-think{position:absolute;right:2%;bottom:0;width:42%;max-width:240px}

.shop-head{position:relative}
.wow{position:absolute;right:24px;bottom:-58px;width:150px;z-index:4;pointer-events:none}
.wow .fig{width:100%}
.wow-bubble{position:absolute;right:88%;top:8px;white-space:nowrap;padding:8px 14px;border-radius:16px 16px 4px 16px;background:#fff;color:#2A1866;font-weight:700;font-size:13px;box-shadow:0 10px 24px rgba(8,4,24,.35)}

.thumbs{position:relative;width:min(340px,100%);height:400px}
.thumbs-glow{position:absolute;left:50%;bottom:10px;width:300px;height:300px;margin-left:-150px;border-radius:50%;background:radial-gradient(circle,rgba(148,121,255,.55),rgba(106,69,240,.18) 55%,transparent 72%)}
.thumbs-bk{position:absolute;bottom:40px;width:110px;height:auto;filter:drop-shadow(0 16px 20px rgba(0,0,0,.45))}
.thumbs-bk.l{left:0;transform:rotate(-10deg)}
.thumbs-bk.r{right:0;transform:rotate(10deg)}
.thumbs .fig{position:absolute;left:50%;bottom:0;width:250px;margin-left:-125px}
.thumbs-tag{position:absolute;left:50%;bottom:10px;transform:translateX(-50%);white-space:nowrap;padding:9px 16px;border-radius:999px;font-size:13px;font-weight:700;color:#fff;background:rgba(30,20,70,.6);border:1px solid rgba(255,255,255,.22);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}

@media (max-width:760px){
  .founder{grid-template-columns:minmax(0,1fr);padding:16px;gap:20px;border-radius:26px}
  .founder-ph{aspect-ratio:4/4.4}
  .founder-txt p{font-size:15px;line-height:1.6}
  .founder-name{font-size:30px}
  .think{padding:18px 40% 18px 18px;min-height:220px;margin-top:40px}
  .think .intro-p{font-size:14.5px;line-height:1.55}
  .think .fig-think{width:44%}
  .wow{width:104px;right:6px;bottom:-40px}
  .wow-bubble{font-size:11.5px;padding:6px 10px;top:0}
  .thumbs{height:340px;margin:0 auto}
  .thumbs .fig{width:210px;margin-left:-105px}
  .thumbs-bk{width:88px}
}
@media (max-width:760px){
  .think{flex-direction:column;align-items:stretch;padding:20px 20px 0;min-height:0}
  .think .fig-think{position:relative;right:auto;bottom:auto;width:64%;max-width:250px;margin:4px auto 0}
}
.shop-head{padding-right:190px;min-height:150px}
.wow{top:-36px;bottom:auto;right:24px;width:160px}
.wow-bubble{right:auto;left:-70px;top:4px}
@media (max-width:760px){
  .shop-head{padding-right:118px;min-height:132px}
  .wow{top:-24px;right:6px;width:112px}
  .wow-bubble{left:-38px;top:-6px}
}
.wow .fig{height:auto !important;aspect-ratio:900/1166}
.fig-think{aspect-ratio:900/1229}
.thumbs .fig{aspect-ratio:900/1276}
@media (max-width:760px){.wow-bubble{top:-34px;left:-30px}.shop-head{margin-top:20px}}
.wow-bubble{top:-26px}

/* ---------- Page produit : DIGIT-HK en haut de page (2026-11-08, tunnel pub -> page produit) ---------- */
.host{display:flex;align-items:center;gap:16px;padding:14px 18px;border-radius:24px;margin:8px 0 22px;position:relative}
.host-ph{width:72px;height:72px;flex:none;border-radius:50%;object-fit:cover;object-position:50% 12%;border:2.5px solid #F3C98A;box-shadow:0 0 0 5px rgba(243,201,138,.14),0 0 26px rgba(243,201,138,.35);background:#2A1F66}
.host-txt{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}
.host-txt b{font-family:'Space Grotesk',sans-serif;font-size:16px;color:#F3C98A;letter-spacing:.02em}
.host-txt b span{margin-left:6px;font-family:Inter,sans-serif;font-weight:500;font-size:13px;color:#C6B4FF;letter-spacing:0}
.host-txt p{margin:0;font-size:14.5px;line-height:1.5;color:#E6DEFF}
.host-txt em{font-style:normal;font-weight:700;color:#fff}
.host-wa{flex:none;font-size:13px;font-weight:700;color:#170F33;background:#F3C98A;padding:9px 14px;border-radius:999px;text-decoration:none;white-space:nowrap}
@media (max-width:700px){
  .host{gap:12px;padding:12px 14px;margin:4px 0 16px;border-radius:20px}
  .host-ph{width:58px;height:58px}
  .host-txt b{font-size:14.5px}
  .host-txt b span{display:block;margin-left:0;font-size:12px}
  .host-txt p{font-size:13px}
  .host-wa{display:none}
}