/* ============================================================
   MEKAITE · finitions : typographie régulière, rythme, détails.
   Chargée en dernier.
   ============================================================ */

/* --- typographie : mêmes graisses partout, lecture confortable --- */
body{font-weight:400;line-height:1.65;letter-spacing:.005em}
p,li,dd,blockquote{font-weight:400}
b,strong{font-weight:700}
h1,h2,h3,.logo,.price-new,.offer-price b{font-feature-settings:"kern" 1;text-wrap:balance}
p{text-wrap:pretty}
h2{font-size:clamp(32px,3.6vw,46px);line-height:1.12}
.title p{font-size:17px;line-height:1.7;max-width:640px;margin-left:auto;margin-right:auto}
.eyebrow{font-weight:600;font-size:12px;letter-spacing:.9px;padding:7px 14px;transform:rotate(-1deg)}
.btn{font-weight:600;letter-spacing:.1px}
.promo-cta,.promo-gift-btn,.review-tag,.review-avatar,.age,.offer-badge{font-family:var(--title);font-weight:600}
.age{font-weight:700}
.review-tag{letter-spacing:.4px}
.hero .muted,.hero .notes span,.caption{font-weight:500}
.offer li,.vc-line,.review-card blockquote,.voice-how>div,.gp-features div{font-weight:400}

/* --- une seule démo (le vrai jeu) --- */
.demo-section{display:none!important}

/* --- accueil plus aéré --- */
.hero .notes{gap:8px}
.hero .notes span{font-size:12.5px;padding:6px 12px;border-radius:30px;background:#ffffffd9;box-shadow:0 2px 0 #2a1f4a0d}
.hero-review{font-size:14px;box-shadow:0 3px 0 #2a1f4a0d}

/* --- voix : choix sur une ligne propre --- */
.vc-pick{gap:5px}
.vc-pick button{font-size:12px;padding:6px 9px;white-space:nowrap}
.vc-line{min-height:62px;display:flex;align-items:center;justify-content:center}

/* --- prix TTC --- */
.offer-ttc{font-size:12px;color:#8a7f9b;margin-top:2px}
.pick-price small{display:block;font-size:10px;color:#8a7f9b;font-family:var(--body)}

/* --- FAQ : 6 questions puis « voir tout » --- */
.faq-toggle{text-align:center;margin-top:18px}
.faq-more[hidden]{display:none}
.faq details{transition:border-color .2s}
.faq details p a{color:var(--purple);text-decoration:underline}

/* --- avis : mention légale discrète --- */
.reviews-section .caption{max-width:620px;margin-left:auto;margin-right:auto;font-size:12.5px;line-height:1.6}
.reviews-section .caption a{color:var(--purple);text-decoration:underline}

/* --- pied de page plus net --- */
footer{gap:18px 26px}
footer a.text-btn,footer .text-btn{font-family:var(--title);font-weight:500;font-size:14px;color:#6e6585}
footer a.text-btn:hover{color:var(--purple)}

/* --- détails : sélection, focus, images --- */
::selection{background:#ffd66e;color:#2a1f4a}
img{image-rendering:auto}
.btn:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid #b48cff;outline-offset:3px}

@media(max-width:700px){
  h2{font-size:30px}
  .title p{font-size:15px}
  .vc-line{min-height:0}
  .hero .notes span{font-size:11.5px}
}