/* =========================================================
   SKIN V3 « ÉDITORIAL » — magazine premium pour parents.
   Fraunces (titres serif) + DM Sans (texte), ivoire, encre, prune du kit du site,
   filets fins, grandes marges, grille asymétrique.
   Chargé après lp.css. Préfixe des composants : e-
   ========================================================= */
.skin-editorial{
  --font:"DM Sans","DM Sans Fallback",system-ui,sans-serif;
  --font-head:"Fraunces","Fraunces Fallback",Georgia,serif;
  --paper:#fbf8f3; --ink:#1f0812; --plum:#861657; --plum-dark:#5e0f3d; --sand:#efe6da; --sand-2:#f5efe6; --rule:#e4dcd2;
  --brand:#861657; --brand-dark:#5e0f3d; --brand-soft:#f1e2ea; --brand-soft-2:#e7d3dd;
  --accent:#861657; --accent-hover:#5e0f3d; --accent-light:#e7b9cf;
  --text:#1f0812; --muted:#6b5f64; --bg:#fbf8f3; --bg-alt:#f5efe6; --line:#e4dcd2;
  --radius:12px; --radius-btn:8px;
}
.skin-editorial h1,.skin-editorial h2,.skin-editorial h3{font-family:var(--font-head);font-weight:600;color:var(--ink);letter-spacing:-.015em}
.skin-editorial h1{font-size:clamp(2.5rem,6.2vw,4.8rem);line-height:1}
.skin-editorial h2{font-size:clamp(2rem,4.6vw,3.2rem);line-height:1.08}
.skin-editorial h3{font-size:1.3rem;line-height:1.2;font-weight:600}
.skin-editorial p{line-height:1.65}
.skin-editorial .btn{font-weight:600;letter-spacing:.005em;transition:background .2s,border-color .2s,color .2s,transform .2s}
.skin-editorial .btn:hover{transform:translateY(-1px)}
.skin-editorial .btn--ghost{background:transparent;color:var(--ink);border-color:var(--ink)}
.skin-editorial .btn--ghost:hover{background:var(--ink);color:#fff;border-color:var(--ink)}
.skin-editorial .link-btn{color:var(--muted)}
.e-kicker{display:flex;align-items:center;gap:10px;font-size:.74rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--plum);margin:0 0 18px}
.e-kicker::before{content:"";width:28px;height:1px;background:var(--plum);flex:none}
.e-btns{display:flex;flex-wrap:wrap;gap:10px}
.e-link{display:inline-flex;align-items:center;gap:8px;font-weight:600;color:var(--plum);text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:2px}
.e-link svg{width:18px;height:18px}
.e-link:hover{color:var(--plum-dark)}
.e-caption{font-family:var(--font-head);font-style:italic;font-weight:400;font-size:.95rem;color:var(--muted);margin:10px 0 0;line-height:1.4}

/* ---------- Topbar ---------- */
.skin-editorial .topbar{position:sticky;top:0;z-index:40;background:rgba(251,248,243,.94);backdrop-filter:blur(10px);border-bottom:1px solid var(--rule)}
.skin-editorial .topbar__in{min-height:76px}
.skin-editorial .topbar__logo img{width:150px;height:auto}
.skin-editorial .topbar__phone{color:var(--ink);font-weight:600;font-size:1rem}
.skin-editorial .topbar__phone svg{background:var(--sand);color:var(--plum)}
.skin-editorial .topbar__phone small{font-size:.72rem}
.skin-editorial .topbar__cta{min-height:46px;padding:.5em 1.3em}

/* ---------- Hero éditorial ---------- */
.e-hero{padding:28px 0 44px;border-bottom:1px solid var(--rule)}
.e-hero__grid{display:grid;gap:22px;grid-template-areas:"intro" "form" "photo" "lead"}
.e-hero__intro{grid-area:intro}
.e-hero__lead{grid-area:lead}
.e-hero__photo{grid-area:photo;margin:0}
.e-hero h1{margin:0 0 .25em}
.e-hero h1 em{font-style:italic;font-weight:500;color:var(--plum)}
.e-lead{font-size:1.1rem;line-height:1.65;color:#3d3136;max-width:600px;margin:0}
.e-meta{display:flex;flex-wrap:wrap;gap:8px 20px;margin:16px 0 0;padding:14px 0 0;border-top:1px solid var(--rule);font-size:.86rem;color:var(--muted);list-style:none}
.e-meta li{display:flex;align-items:center;gap:7px}
.e-meta svg{width:17px;height:17px;color:var(--plum)}
.e-hero__photo img{width:100%;border-radius:12px;aspect-ratio:4/3;object-fit:cover}

/* Formulaire : cadre fin, titres serif, étiquettes en petites capitales */
.skin-editorial .form-card{grid-area:form;background:#fff;border:1px solid var(--ink);border-radius:12px;box-shadow:none;padding:24px 20px 20px}
.skin-editorial .form-card__head h2{font-size:1.75rem;margin-bottom:.15em}
.skin-editorial .form-card__head p{font-size:.9rem;color:var(--muted)}
.skin-editorial .form-card__head strong{color:var(--plum)}
.skin-editorial .progress{gap:4px}
.skin-editorial .progress span{height:3px;border-radius:0;background:var(--rule)}
.skin-editorial .progress span.is-done{background:var(--plum)}
.skin-editorial .progress-label{font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.skin-editorial .field>label,.skin-editorial .field>.label{font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:#4a3d43;font-weight:600}
/* background-color (pas le raccourci background) : conserve la flèche en fond du <select> définie dans lp.css */
.skin-editorial .field input,.skin-editorial .field select,.skin-editorial .field textarea{border-radius:8px;border:1px solid #cfc5ba;background-color:#fff}
.skin-editorial .field input:focus,.skin-editorial .field select:focus,.skin-editorial .field textarea:focus{border-color:var(--plum);box-shadow:0 0 0 3px rgba(134,22,87,.14)}
.skin-editorial .field select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23861657' stroke-width='2.5'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")}
.skin-editorial .step__title{font-family:var(--font-head);font-size:1.5rem;color:var(--ink);margin-bottom:8px}
.skin-editorial .step__hello{background:var(--sand);color:var(--ink);border-radius:8px}
.skin-editorial .form-legal{font-size:.74rem}
.skin-editorial .form-phone a{color:var(--ink)}
.row--civ{grid-template-columns:110px 1fr}

/* ---------- Chiffres-clés ---------- */
.e-stats{border-bottom:1px solid var(--rule)}
.e-stats__in{display:grid;grid-template-columns:1fr 1fr}
.e-stat{padding:20px 12px 18px 0;border-bottom:1px solid var(--rule)}
.e-stat:nth-child(odd){border-right:1px solid var(--rule)}
.e-stat:nth-child(even){padding-left:16px}
.e-stat:nth-child(n+3){border-bottom:0}
.e-stat b{display:block;font-family:var(--font-head);font-weight:500;font-size:clamp(2.1rem,5vw,3.4rem);line-height:1;color:var(--plum);letter-spacing:-.02em}
.e-stat span{display:block;font-size:.84rem;color:var(--muted);margin-top:8px;line-height:1.35}

/* ---------- Sections ---------- */
.e-section{padding:60px 0}
.e-head{display:grid;gap:14px;margin-bottom:30px;padding-bottom:22px;border-bottom:1px solid var(--ink)}
.e-head h2{margin:0}
.e-head p{margin:0;color:var(--muted);max-width:520px}
.e-head .e-kicker{margin-bottom:12px}

/* Sommaire de l'offre : liste numérotée 01 — 06 */
.e-index{list-style:none;margin:0;padding:0;display:grid;counter-reset:idx}
.e-index li{display:grid;grid-template-columns:52px 1fr;gap:12px;padding:20px 0;border-bottom:1px solid var(--rule);counter-increment:idx}
.e-index li::before{content:"0" counter(idx);font-family:var(--font-head);font-size:1.5rem;font-weight:500;color:var(--plum);line-height:1.1}
.e-index h3{margin:0 0 .3em}
.e-index p{margin:0;color:var(--muted);font-size:.95rem}

/* Citation « Partez sereins ! » */
.e-quote{background:var(--sand);border-radius:12px;padding:36px 22px 32px}
.e-quote blockquote{margin:0}
.e-quote__mark{display:block;font-family:var(--font-head);font-size:5rem;line-height:.55;color:var(--plum);margin-bottom:10px}
.e-quote h2{font-style:italic;font-weight:500;font-size:clamp(2.1rem,5.4vw,3.6rem);margin:0 0 .4em}
.e-quote p{font-size:1.04rem;max-width:720px}
.e-quote .e-btns{margin-top:22px}

/* Photo + texte (équipe) */
.e-split{display:grid;gap:26px;align-items:center}
.e-split__media{margin:0}
.e-split__media img{width:100%;border-radius:12px;aspect-ratio:1/1;object-fit:cover}
.e-rules{list-style:none;margin:20px 0 26px;padding:0}
.e-rules li{display:flex;gap:12px;padding:12px 0;border-top:1px solid var(--rule);font-size:.97rem}
.e-rules li:last-child{border-bottom:1px solid var(--rule)}
.e-rules svg{width:20px;height:20px;color:var(--plum);flex:none;margin-top:2px}

/* Piliers */
.e-pillars{display:grid}
.e-pillar{padding:22px 0;border-top:1px solid var(--rule)}
.e-pillar__num{display:block;font-family:var(--font-head);font-weight:500;font-size:2.3rem;line-height:1;color:var(--plum);margin-bottom:12px}
.e-pillar h3{margin:0 0 .3em}
.e-pillar p{margin:0;color:var(--muted);font-size:.95rem}
.e-photos{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:30px}
.e-photos figure{margin:0}
.e-photos img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:10px}
.e-photos figcaption{font-family:var(--font-head);font-style:italic;font-size:.85rem;color:var(--muted);margin-top:8px;line-height:1.35}

/* Encadrés visite / adresse */
.e-boxes{display:grid;gap:16px}
.e-box{border:1px solid var(--rule);border-radius:12px;padding:28px 22px;background:#fff}
.e-box--sand{background:var(--sand-2);border-color:transparent}
.e-box h2{font-size:1.85rem;margin-bottom:.35em}
.e-box p{margin-bottom:.8em}
.e-box__meta{display:flex;gap:8px;align-items:center;font-size:.92rem;color:var(--muted)}
.e-box__meta svg{width:18px;height:18px;color:var(--plum)}
.e-box .btn{margin-top:6px}

/* Agrément */
.e-agrement{display:grid;gap:18px;justify-items:center;text-align:center;padding:30px 0;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}
.e-agrement img{width:110px;height:auto}
.e-agrement p{margin:0;font-size:.95rem;color:#3d3136;max-width:820px}
.e-agrement strong{font-family:var(--font-head);font-weight:600;font-size:1.3rem;color:var(--ink);display:block;margin-bottom:6px}

/* Processus : section prune */
.e-process{background:var(--plum);color:#f3e4ec;padding:60px 0}
.e-process .e-head{border-bottom-color:rgba(255,255,255,.35)}
.e-process .e-head h2{color:#fff}
.e-process .e-head p{color:#e9d3df}
.e-process .e-kicker{color:#e7b9cf}
.e-process .e-kicker::before{background:#e7b9cf}
.e-steps{list-style:none;margin:0;padding:0;display:grid;counter-reset:st}
.e-steps li{padding:20px 0;border-top:1px solid rgba(255,255,255,.22);counter-increment:st;display:grid;grid-template-columns:52px 1fr;gap:12px}
.e-steps li::before{content:"0" counter(st);font-family:var(--font-head);font-size:1.5rem;font-weight:500;color:#e7b9cf;line-height:1.1}
.e-steps h3{color:#fff;margin:0 0 .2em}
.e-steps p{margin:0;color:#e9d3df;font-size:.95rem}
.e-process .cta-row{margin-top:30px;justify-content:flex-start}
.e-process .btn{background:#fff;color:var(--plum);border-color:#fff}
.e-process .btn:hover{background:var(--sand);border-color:var(--sand)}

/* FAQ à filets */
.skin-editorial .faq{max-width:none;gap:0}
.skin-editorial .faq details{background:transparent;border:0;border-top:1px solid var(--rule);border-radius:0}
.skin-editorial .faq details:last-child{border-bottom:1px solid var(--rule)}
.skin-editorial .faq summary{font-family:var(--font-head);font-weight:600;font-size:1.12rem;color:var(--ink);padding:18px 44px 18px 0}
.skin-editorial .faq summary::after{right:4px;color:var(--plum)}
.skin-editorial .faq details p{padding:0 0 18px;max-width:760px}

/* CTA final */
.e-final{text-align:center;padding:64px 0 72px;border-top:1px solid var(--rule)}
.e-final h2{font-size:clamp(2.2rem,5.5vw,4.2rem);margin-bottom:.35em}
.e-final p{max-width:560px;margin:0 auto 24px;color:#3d3136}
.e-final .e-btns{justify-content:center}

/* Footer ivoire à filets */
.skin-editorial .footer{background:var(--paper);color:#3d3136;border-top:1px solid var(--ink);font-size:.92rem;padding:40px 0 28px}
.skin-editorial .footer a{color:var(--ink)}
.skin-editorial .footer strong{font-family:var(--font-head);font-weight:600;font-size:1.15rem;color:var(--ink)}
.skin-editorial .footer__logo{filter:none;width:160px}
.skin-editorial .footer__legal{border-top-color:var(--rule);color:var(--muted)}
.e-social{display:flex;gap:8px;margin-top:14px}
.e-social a{width:40px;height:40px;border:1px solid var(--rule);border-radius:50%;display:grid;place-items:center;color:var(--ink);transition:background .2s,color .2s,border-color .2s}
.e-social a:hover{background:var(--plum);border-color:var(--plum);color:#fff}
.e-social svg{width:18px;height:18px}

/* Barre mobile + cookies */
.skin-editorial .sticky-bar{background:var(--paper);box-shadow:0 -1px 0 var(--rule),0 -6px 20px rgba(31,8,18,.08)}
.skin-editorial .sticky-bar .btn--ghost{border-color:var(--rule);color:var(--ink)}
.skin-editorial .cookie{border-color:var(--rule)}

/* ---------- Page merci ---------- */
.e-thanks{padding:56px 0 64px;border-bottom:1px solid var(--rule);text-align:center}
.e-thanks__check{display:grid;place-items:center;width:64px;height:64px;margin:0 auto 18px;border:1px solid var(--plum);border-radius:50%;color:var(--plum);animation:ePop .5s cubic-bezier(.2,1.6,.4,1) both}
.e-thanks__check svg{width:30px;height:30px}
@keyframes ePop{from{transform:scale(.4);opacity:0}to{transform:none;opacity:1}}
.e-thanks h1{font-size:clamp(2.2rem,5.5vw,4rem)}
.e-thanks p{max-width:600px;margin:0 auto 24px;font-size:1.05rem;color:#3d3136}
.e-thanks .e-btns{justify-content:center}

/* ---------- Responsive ---------- */
@media (max-width:639px){
  .skin-editorial .topbar__in{min-height:64px}
  .skin-editorial .topbar__logo img{width:118px}
  .e-hero{padding-top:20px}
  .e-hero__grid{gap:18px}
  .e-hero h1{font-size:2.45rem}
  .e-kicker{margin-bottom:12px;font-size:.68rem}
  .e-hero__intro .e-meta{display:none}
  .skin-editorial .form-card{padding:20px 16px 16px}
  .skin-editorial .form-card__head h2{font-size:1.5rem}
  .e-photos{grid-template-columns:1fr 1fr}
  .e-photos figure:last-child{display:none}
  .e-box h2{font-size:1.6rem}
}
@media (min-width:640px){
  .e-stats__in{grid-template-columns:repeat(4,1fr)}
  .e-stat{border-bottom:0;padding:26px 16px 24px 0}
  .e-stat:nth-child(even){padding-left:0}
  .e-stat:not(:first-child){padding-left:20px}
  .e-stat:nth-child(odd){border-right:0}
  .e-stat:not(:last-child){border-right:1px solid var(--rule)}
  .e-index{grid-template-columns:1fr 1fr;column-gap:44px}
  .e-boxes{grid-template-columns:1fr 1fr}
  .e-agrement{grid-template-columns:auto 1fr;text-align:left;justify-items:start;align-items:center;gap:28px}
  .e-steps{grid-template-columns:1fr 1fr;column-gap:40px}
  .e-quote{padding:44px 40px 40px}
}
@media (min-width:960px){
  .skin-editorial .topbar__in{min-height:84px}
  .e-hero{padding:56px 0 72px}
  .e-hero__grid{grid-template-columns:repeat(12,1fr);column-gap:36px;row-gap:26px;grid-template-areas:"intro intro intro intro intro intro intro form form form form form" "lead lead lead lead lead lead lead form form form form form" "photo photo photo photo photo photo photo form form form form form";align-items:start}
  .skin-editorial .form-card{position:sticky;top:104px;padding:30px 28px 26px}
  .e-hero__photo img{aspect-ratio:16/10}
  .e-section{padding:88px 0}
  .e-head{grid-template-columns:1.1fr .9fr;align-items:end;gap:40px;margin-bottom:40px;padding-bottom:26px}
  .e-head p{justify-self:end;max-width:460px}
  .e-index{column-gap:64px}
  .e-index li{padding:26px 0}
  .e-quote{padding:64px 72px 60px}
  .e-split{grid-template-columns:5fr 6fr;gap:72px}
  .e-pillars{grid-template-columns:repeat(3,1fr);gap:40px}
  .e-pillar{border-top:1px solid var(--ink);padding-top:26px}
  .e-photos{gap:20px;margin-top:44px}
  .e-boxes{gap:24px}
  .e-box{padding:40px 36px}
  .e-agrement{padding:36px 0;gap:40px}
  .e-process{padding:88px 0}
  .e-steps{grid-template-columns:repeat(4,1fr);column-gap:32px}
  .e-steps li{grid-template-columns:1fr;gap:14px;padding:24px 0}
  .e-final{padding:96px 0 104px}
  .e-thanks{padding:88px 0 96px}
}