/* ===========================================================================
   LIEUX (mission immersive du 11/10/2026)
   1. le sélecteur de l'accueil « Quel espace souhaitez-vous faire vider ? »
   2. les 6 pages de lieu (debarras-maison/, ...)
   3. la transition : la photo de la carte touchée devient la photo du haut de la page
   Animations jouées une seule fois, rien de continu au défilement. Mouvement réduit : aucune transition.
   Sur iPhone, un toucher pendant une transition est perdu (mesuré dans WebKit le 11/10) : durée courte, 0,32 s.
   =========================================================================== */
:root{--lx-ink:#1e2a24;--lx-char:#16120d;--lx-cream:#f6f2ea;--lx-beige:#ebe2d4;--lx-gold:#d9b97c;--lx-gold-d:#8a6f46;
  --lx-muted:#4f5e55;--lx-line:rgba(30,42,36,.14);--lx-serif:var(--serif,'Playfair Display',Georgia,serif);--lx-ease:cubic-bezier(.2,.8,.2,1)}

/* ---------- 1. sélecteur ---------- */
.sel{background:var(--lx-cream);padding:clamp(20px,5vw,72px) 0 clamp(52px,7vw,92px);scroll-margin-top:70px}
html body #main#main > section.sel{background:#fff!important}
.sel-tete{text-align:center;margin:0 auto clamp(24px,4vw,42px);max-width:780px;padding:0 20px}
.sel-eyebrow,.lx-eyebrow{display:block;margin:0 0 14px;font-size:.8rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--lx-gold-d)}
.sel-h2{margin:0 0 .3em;font-family:var(--lx-serif);font-weight:500;font-size:clamp(2rem,1.05rem + 3.8vw,3.7rem);line-height:1.06;letter-spacing:-.02em;color:var(--lx-ink);text-wrap:balance}
.sel-h2 em,.lx-h2 em{font-style:italic;color:var(--lx-gold-d)}
.sel-sub{margin:0;color:var(--lx-muted);font-size:1.08rem;line-height:1.5}
.sel-grid{width:min(1180px,calc(100% - 32px));margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.sel-card{position:relative;display:block;min-width:0;border-radius:16px;overflow:hidden;text-decoration:none;color:var(--lx-ink);background:#fff;
  box-shadow:0 1px 0 rgba(30,42,36,.05),0 12px 30px -20px rgba(22,18,13,.4);transition:transform .22s var(--lx-ease),box-shadow .22s var(--lx-ease),opacity .2s;
  -webkit-tap-highlight-color:transparent}
.sel-media{display:block;position:relative;overflow:hidden;background:var(--lx-beige)}
.sel-media img{display:block;width:100%;height:100%;object-fit:cover}
.sel-txt{display:block;min-width:0}
.sel-lab{display:block;font-family:var(--lx-serif);font-weight:500;line-height:1.14;letter-spacing:-.01em}
.sel-s{display:block;margin-top:4px;font-size:.88rem;line-height:1.35;color:var(--lx-muted)}
.sel-wait{display:none;margin-top:4px;font-size:.88rem;font-weight:600;color:var(--lx-gold-d)}
.sel-chev{display:block;color:var(--lx-gold-d);line-height:0}
/* les deux grandes cartes : photo pleine, texte posé dessus */
.sel-big{aspect-ratio:4/5;color:#fff;background:var(--lx-char)}
.sel-big .sel-media{position:absolute;inset:0}
.sel-big::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(22,18,13,0) 30%,rgba(22,18,13,.55) 58%,rgba(22,18,13,.9) 100%)}  /* lisible en plein jour (Gemini, cycle 4) */
.sel-big .sel-txt{position:absolute;left:14px;right:14px;bottom:13px;z-index:1}
.sel-big .sel-lab{font-size:clamp(1.3rem,.95rem + 1.4vw,2.1rem);color:#fff}
.sel-big .sel-s{color:rgba(246,242,234,.88)}
.sel-big .sel-wait{color:var(--lx-gold)}
.sel-big .sel-chev{display:none}
/* les cinq autres : une rangée lisible sur iPhone (photo, libellé, chevron) */
.sel-small{grid-column:1/-1;display:grid;grid-template-columns:84px minmax(0,1fr) 20px;align-items:center;gap:14px;padding:8px 14px 8px 8px}
.sel-small .sel-media{width:84px;height:63px;border-radius:10px}
.sel-small .sel-lab{font-size:1.1rem}
.sel-card:focus-visible{outline:3px solid var(--lx-gold);outline-offset:3px}
.sel-note{margin:22px auto 0;padding:0 20px;text-align:center;font-size:.98rem;color:var(--lx-muted)}
.sel-note a{color:var(--lx-ink);font-weight:600}
@media (min-width:860px){
  .sel-grid{grid-template-columns:repeat(10,minmax(0,1fr));gap:16px}
  .sel-big{grid-column:span 5;aspect-ratio:16/10}
  .sel-big .sel-txt{left:22px;right:22px;bottom:20px}
  .sel-small{grid-column:span 2;display:block;padding:0}
  .sel-small .sel-media{width:100%;height:auto;aspect-ratio:4/3;border-radius:0}
  .sel-small .sel-txt{padding:12px 14px 16px}
  .sel-small .sel-chev{display:none}
}
@media (hover:hover) and (pointer:fine){
  .sel-card:hover{transform:translateY(-3px);box-shadow:0 1px 0 rgba(30,42,36,.05),0 20px 40px -22px rgba(22,18,13,.5)}
}
.sel-card:active{transform:scale(.985)}
/* retour visuel pendant l'ouverture : la carte choisie est cernée d'or, les autres s'estompent légèrement,
   « Ouverture de la page… » seulement si l'attente devient perceptible (critique de ChatGPT, cycle 3). Aucun faux chargement. */
/* instantané, sans transition : dans WebKit, dès que la navigation démarre, les transitions de l'ancienne page se figent
   (mesuré le 11/10 : une atténuation de 0,2 s restait à son point de départ) */
.sel-grid.is-going .sel-card,.sel-card.vt-go,.lx-autre.vt-go{transition:none}
.sel-grid.is-going .sel-card:not(.vt-go){opacity:.62}
.sel-card.vt-go{box-shadow:0 0 0 2px var(--lx-gold),0 16px 36px -18px rgba(22,18,13,.5);transform:scale(.985)}
.sel-card.vt-wait .sel-s{display:none}
.sel-card.vt-wait .sel-wait{display:block}

/* ---------- 2. pages de lieu · cycle design du 11/10 (ChatGPT : direction artistique, Gemini : réalisation) ----------
   Doux et moderne : photo APRÈS lumineuse, texte jamais posé sur une photo, tout centré, typographie généreuse,
   filets plutôt que boîtes. Demande du gérant : sections bien séparées, jamais deux fois le même fond à la suite. */
:root{--lx-blanc:#fffdf9;--lx-creme2:#f4eee3;--lx-sable:#e9dfcf;--lx-encre:#1e2a24;--lx-or-txt:#745a34;--lx-texte2:#564d42;--lx-filet:#ddd4c7}
html body #main#main > :is(section,nav).f-blanc{background:var(--lx-blanc)!important;color:var(--lx-char)}
html body #main#main > :is(section,nav).f-creme{background:var(--lx-creme2)!important;color:var(--lx-char)}
html body #main#main > :is(section,nav).f-sable{background:var(--lx-sable)!important;color:var(--lx-char)}
html body #main#main > :is(section,nav).f-encre{background:var(--lx-encre)!important;color:#f6f2ea!important}
html body #main#main > :is(section,nav).lx-sec{padding:clamp(60px,7vw,104px) 0;margin:0}
.lx-wrap{width:min(1180px,calc(100% - 40px));margin:0 auto}

/* têtes de section : surtitre, titre, chapeau, toujours centrés */
.lx-tete{max-width:760px;margin:0 auto clamp(28px,3.4vw,44px);text-align:center}
.lx-eyebrow{display:block;margin:0 0 14px;font:600 .75rem/1.2 Inter,system-ui,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--lx-or-txt)}
html body #main#main .lx-h2{margin:0 auto;font-family:var(--lx-serif);font-weight:500;font-size:clamp(1.9rem,1.25rem + 1.6vw,3rem);line-height:1.18;letter-spacing:-.02em;color:inherit;text-wrap:balance;text-align:center!important}
.lx-h2 em{font-style:italic;color:var(--lx-or-txt)}
.lx-lead{max-width:620px;margin:14px auto 0;font-size:clamp(1.05rem,1rem + .35vw,1.22rem);line-height:1.6;color:var(--lx-texte2)}
html body #main#main .lx-lead{text-align:center!important;text-align-last:center!important}
.f-encre .lx-eyebrow,.f-encre .lx-h2 em{color:var(--lx-gold)!important}
.f-encre .lx-lead{color:rgba(246,242,234,.82)}
.lx-note{max-width:680px;margin:22px auto 0;font-size:.95rem;line-height:1.6;color:var(--lx-texte2);text-align:center}
.lx-fort{margin:34px auto 0;text-align:center;font-family:var(--lx-serif);font-style:italic;font-size:clamp(1.3rem,1.05rem + .9vw,1.8rem);color:var(--lx-or-txt)}

/* haut de page : photo encadrée, panneau crème qui la chevauche */
html body #main#main > section.lx-hero{padding:calc(var(--hdr-h,84px) + 22px) 0 clamp(48px,6vw,80px)}
.lx-hero-in{width:min(1180px,calc(100% - 32px));margin:0 auto;display:flex;flex-direction:column;align-items:center}
.lx-hero-photo{width:100%;height:clamp(240px,36vw,520px);border-radius:20px;overflow:hidden;background:var(--lx-sable)}
.lx-hero-photo img{display:block;width:100%;height:100%;object-fit:cover}
.lx-hero-panneau{position:relative;z-index:1;width:min(760px,calc(100% - 28px));margin-top:-64px;padding:clamp(24px,3.4vw,42px) clamp(20px,3.4vw,48px) clamp(24px,3vw,36px);
  background:var(--lx-blanc);border-radius:20px;box-shadow:0 12px 32px rgba(22,18,13,.07);text-align:center}
.lx-back{display:inline-flex;align-items:center;gap:6px;margin:0 0 14px;padding:7px 14px 7px 10px;border-radius:999px;border:1px solid var(--lx-filet);
  font-size:.9rem;font-weight:600;color:var(--lx-texte2);text-decoration:none;background:transparent}
.lx-back:hover{border-color:var(--lx-gold-d);color:var(--lx-char)}
.lx-sur{display:block;margin:0 0 12px;font:600 .75rem/1.3 Inter,system-ui,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--lx-or-txt)}
html body #main#main .lx-hero h1{margin:0;font-family:var(--lx-serif);font-weight:500;font-size:clamp(2.1rem,1.35rem + 2.4vw,3.9rem);line-height:1.1;letter-spacing:-.025em;color:var(--lx-char);text-wrap:balance;text-align:center}
.lx-hero h1 em{display:block;font-style:italic;color:var(--lx-or-txt)}
.lx-hero .lieu-lead{display:inline-block}           /* un seul fragment : condition d'une transition d'élément partagé */
.lx-accroche{max-width:560px;margin:16px auto 0;font-size:clamp(1.05rem,1rem + .3vw,1.2rem);line-height:1.6;color:var(--lx-texte2)}
.lx-cta{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin:24px 0 0}
.lx-cta .btn{min-height:54px}
.lx-hero .btn-wa{background:transparent;color:var(--lx-char);border:1px solid var(--lx-filet)}
.lx-hero .btn-wa:hover{border-color:var(--lx-gold-d)}
html body #main#main .lx-hero .hero-proof{display:inline-flex;margin:18px auto 0;color:var(--lx-texte2);background:transparent;border:0;text-shadow:none;font-size:.95rem}
.lx-hero .hero-proof b{color:var(--lx-char)}
.lx-hero .hero-proof .hp-stars{color:var(--lx-gold-d)}
@media (max-width:700px){
  .lx-hero-photo{height:clamp(220px,62vw,300px);border-radius:16px}
  .lx-hero-panneau{margin-top:-30px;border-radius:18px}
  .lx-cta .btn{width:100%}
}

/* ce que nous débarrassons : lignes éditoriales numérotées, deux colonnes, filets fins, pas de boîtes */
.lx-lignes{list-style:none;margin:0 auto;padding:0;max-width:1000px;display:grid;grid-template-columns:1fr;column-gap:56px;counter-reset:lx}
.lx-ligne{counter-increment:lx;display:grid;grid-template-columns:44px minmax(0,1fr);gap:4px 14px;padding:22px 0;border-top:1px solid var(--lx-filet);text-align:left}
.lx-ligne::before{content:counter(lx,decimal-leading-zero);grid-row:1 / span 2;font:500 1.05rem/1.6 var(--lx-serif);color:var(--lx-or-txt)}
.lx-ligne h3{margin:0;font:500 clamp(1.25rem,1.1rem + .4vw,1.45rem)/1.3 var(--lx-serif);color:var(--lx-char)}
.lx-ligne p{margin:0;font-size:1rem;line-height:1.65;color:var(--lx-texte2)}
@media (min-width:860px){
  .lx-lignes{grid-template-columns:repeat(2,minmax(0,1fr))}
  .lx-ligne:last-child:nth-child(odd){grid-column:1 / -1;width:calc(50% - 28px);justify-self:center}
}

/* ce que vous n'avez pas à faire : coches dorées, texte clair, aucune rature */
.lx-rien{list-style:none;margin:0 auto;padding:0;max-width:860px;display:grid;grid-template-columns:1fr;column-gap:48px}
.lx-rien-i{display:flex;align-items:center;gap:14px;min-height:56px;padding:12px 0;border-top:1px solid rgba(246,242,234,.14);font-size:clamp(1.05rem,1rem + .25vw,1.18rem);color:#f6f2ea;text-align:left}
.lx-coche{flex:none;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:rgba(217,185,124,.16);color:var(--lx-gold)}
@media (min-width:760px){
  .lx-rien{grid-template-columns:repeat(2,minmax(0,1fr))}
  .lx-rien-i:last-child:nth-child(odd){grid-column:1 / -1;width:calc(50% - 24px);justify-self:center}
}
.lx-role{margin-top:32px}

/* avant / après : le composant vedette */
.ba{margin:0 auto;max-width:1060px}
.ba-cadre{position:relative;aspect-ratio:3/2;border-radius:20px;overflow:hidden;background:var(--lx-char);touch-action:pan-y;user-select:none;-webkit-user-select:none}
.ba-cadre img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}
.ba-cadre img.ba-avant{clip-path:inset(0 calc(100% - var(--pos,50%)) 0 0)}
.ba.change .ba-cadre img{opacity:.6;transition:opacity .25s}
.ba-et{position:absolute;top:16px;padding:6px 12px;border-radius:999px;font:600 .72rem/1 Inter,system-ui,sans-serif;letter-spacing:.14em;text-transform:uppercase;
  color:#fff;background:rgba(22,18,13,.55);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:none}
.ba-et-av{left:16px}.ba-et-ap{right:16px}
.ba-poignee{position:absolute;top:0;bottom:0;left:var(--pos,50%);width:2px;margin-left:-1px;background:#fff;box-shadow:0 0 12px rgba(0,0,0,.35);pointer-events:none}
.ba-rond{position:absolute;top:50%;left:50%;width:54px;height:54px;margin:-27px 0 0 -27px;border-radius:50%;background:#fff;color:var(--lx-char);
  display:grid;place-items:center;box-shadow:0 6px 20px rgba(22,18,13,.28)}
.ba-range{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;-webkit-appearance:none;appearance:none;background:transparent;touch-action:pan-y}
.ba-range::-webkit-slider-thumb{-webkit-appearance:none;width:64px;height:400px;cursor:ew-resize}
.ba-range::-moz-range-thumb{width:64px;height:400px;border:0;cursor:ew-resize}
.ba-range:focus-visible + *,.ba-cadre:has(.ba-range:focus-visible) .ba-rond{outline:3px solid var(--lx-gold);outline-offset:3px}
.ba-leg{display:flex;flex-direction:column;align-items:center;gap:2px;margin:16px 0 0;text-align:center}
.ba-lab{font:500 1.2rem/1.3 var(--lx-serif);color:var(--lx-char)}
.ba-leg span{font-size:.9rem;color:var(--lx-texte2)}
.ba-vigs{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin:22px auto 0;max-width:1060px}
.ba-vig{flex:0 0 auto;width:132px;padding:0;border:0;background:none;cursor:pointer;text-align:center;font:inherit;color:var(--lx-texte2)}
.ba-vig img{display:block;width:132px;height:88px;object-fit:cover;border-radius:12px;outline:2px solid transparent;outline-offset:2px;transition:outline-color .2s}
.ba-vig span{display:block;margin-top:6px;font-size:.82rem;line-height:1.3}
.ba-vig.on img{outline-color:var(--lx-gold-d)}
.ba-vig.on span{color:var(--lx-char);font-weight:600}
@media (max-width:700px){
  .ba-cadre{aspect-ratio:4/3;border-radius:14px}
  .ba-rond{width:56px;height:56px;margin:-28px 0 0 -28px}
  .ba-vigs{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;padding:2px 2px 8px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}
  .ba-vig{width:116px;scroll-snap-align:start}.ba-vig img{width:116px;height:78px}
}

/* cinq étapes : frise verticale centrée */
.lx-frise{list-style:none;margin:0 auto;padding:0;max-width:780px;position:relative}
.lx-etape{position:relative;display:grid;grid-template-columns:44px minmax(0,1fr);gap:4px 18px;padding:0 0 30px;text-align:left}
.lx-etape:not(:last-child)::after{content:"";position:absolute;left:21px;top:46px;bottom:4px;width:1px;background:var(--lx-filet)}
.lx-num{grid-row:1 / span 2;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;border:1px solid var(--lx-gold-d);color:var(--lx-or-txt);font:500 1rem/1 var(--lx-serif);background:var(--lx-blanc)}
.lx-etape h3{margin:0 0 6px;font:600 clamp(1.08rem,1rem + .3vw,1.25rem)/1.35 Inter,system-ui,sans-serif;color:var(--lx-char)}
.lx-etape p{margin:0;font-size:1rem;line-height:1.65;color:var(--lx-texte2)}

/* cadre facultatif */
.lx-pills{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:0 auto 20px;max-width:820px}
.lx-pill{display:inline-flex;align-items:center;gap:6px;min-height:46px;padding:10px 20px;border-radius:999px;border:1px solid var(--lx-filet);background:var(--lx-blanc);
  font:600 1rem/1.2 Inter,system-ui,sans-serif;color:var(--lx-char);text-decoration:none;cursor:pointer}
.lx-pill[aria-pressed="true"]{background:var(--lx-encre);color:#f6f2ea;border-color:var(--lx-encre)}
.lx-cadre-blocs{display:grid;gap:12px;max-width:620px;margin:0 auto}
.lx-cadre-bloc{padding:20px 24px;background:var(--lx-blanc);border-radius:16px;text-align:center}
.lx-cadre-bloc h3{margin:0 0 8px;font:500 1.2rem/1.3 var(--lx-serif)}
.lx-cadre-bloc ul{margin:0;padding:0;list-style:none;line-height:1.75;color:var(--lx-texte2)}
.lx-js .lx-cadre-bloc{display:none}
.lx-js .lx-cadre-bloc.on{display:block}

/* ce qui fait le prix + engagements (fusionnés) */
.lx-facteurs{list-style:none;margin:0 auto;padding:0;max-width:900px;display:grid;grid-template-columns:1fr;column-gap:48px}
.lx-facteurs li{padding:14px 0 14px 26px;border-top:1px solid rgba(22,18,13,.12);position:relative;line-height:1.5;text-align:left}
.lx-facteurs li::before{content:"";position:absolute;left:4px;top:1.4em;width:10px;height:1px;background:var(--lx-or-txt)}
@media (min-width:760px){.lx-facteurs{grid-template-columns:repeat(2,minmax(0,1fr))}}
.lx-engag{list-style:none;margin:30px auto 0;padding:0;max-width:900px;display:flex;flex-wrap:wrap;justify-content:center;gap:10px 28px}
.lx-engag li{display:inline-flex;align-items:center;gap:8px;font-weight:600;color:var(--lx-char)}
.lx-engag svg{color:var(--lx-or-txt)}

/* avis : la section du site, sur notre fond */
html body #main#main > section.lx-avis{padding:clamp(60px,7vw,104px) 0}

/* questions : lignes séparées par un filet, colonne centrée */
.lx-faq{max-width:760px;margin:0 auto}
.lx-faq details{border-top:1px solid var(--lx-filet)}
.lx-faq details:last-child{border-bottom:1px solid var(--lx-filet)}
.lx-faq summary{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:60px;padding:16px 0;font-weight:600;font-size:clamp(1.02rem,1rem + .2vw,1.12rem);cursor:pointer;list-style:none;text-align:left}
.lx-faq summary::-webkit-details-marker{display:none}
.lx-faq .plus{flex:none;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;border:1px solid var(--lx-filet);color:var(--lx-or-txt);transition:transform .2s}
.lx-faq details[open] .plus{transform:rotate(45deg)}
.lx-faq p{margin:0 0 20px;line-height:1.7;color:var(--lx-texte2);text-align:left}

/* un autre espace : une rangée centrée de petits liens */
.lx-autres-rang{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;max-width:980px;margin:0 auto}
.lx-autre{display:inline-flex;align-items:center;gap:10px;padding:6px 18px 6px 6px;border-radius:999px;background:var(--lx-blanc);color:var(--lx-char);text-decoration:none;font-weight:600;font-size:.98rem;line-height:1.2;border:1px solid transparent}
.lx-autre:hover{border-color:var(--lx-gold-d)}
.lx-autre img{flex:none;width:44px;height:44px;border-radius:50%;object-fit:cover}
.lx-autre.vt-go{border-color:var(--lx-gold)}

/* bloc final : vert encre uni, sans image (ChatGPT) */
body:has(.lx-hero) .final{background:var(--lx-encre)!important}
body:has(.lx-hero) .final .fin-room,body:has(.lx-hero) .final .orbs{display:none}

/* ---------- 3. transition carte → page (amélioration progressive) ---------- */
@media (prefers-reduced-motion:no-preference){
  @view-transition{navigation:auto}
  .sel-card.vt-go .sel-media{view-transition-name:lieu-media}
  .sel-card.vt-go[data-titre] .sel-lab{view-transition-name:lieu-titre}
  .lieu-hero .lieu-media{view-transition-name:lieu-media}
  .lieu-hero .lieu-lead{view-transition-name:lieu-titre}
  .vt-autre .lieu-hero .lieu-media,.vt-autre .lieu-hero .lieu-lead{view-transition-name:none}
  .lx-autre.vt-go img{view-transition-name:lieu-media}
  ::view-transition-group(lieu-media),::view-transition-group(lieu-titre){animation-duration:.32s;animation-timing-function:var(--lx-ease)}
  ::view-transition-old(lieu-media),::view-transition-new(lieu-media){height:100%;object-fit:cover;overflow:clip}
}

/* bandeau cookies (composant commun du site) : sur téléphone, version compacte sur l'accueil et les pages de lieu,
   pour qu'il ne recouvre ni les cartes ni les boutons Appeler et WhatsApp (ChatGPT et Gemini, cycle 4). Boutons à 44 px. */
@media (max-width:560px){
  body.ldf-ck-open:is(:has(.lieu-hero),:has(#espace)) #ldf-cookie{flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important;gap:8px!important;padding:8px 10px!important;font-size:12px!important;line-height:1.3!important}
  body.ldf-ck-open:is(:has(.lieu-hero),:has(#espace)) #ldf-cookie .ldf-ck-txt{flex:1 1 auto!important;min-width:0}
  body.ldf-ck-open:is(:has(.lieu-hero),:has(#espace)) #ldf-cookie .ldf-ck-btns{width:auto!important;flex:0 0 auto!important;gap:6px!important}
  body.ldf-ck-open:is(:has(.lieu-hero),:has(#espace)) #ldf-cookie button{flex:0 0 auto!important;min-height:44px!important;padding:6px 11px!important;font-size:12.5px!important}
  /* en haut, par-dessus l'en-tête : il ne cache plus que le logo et le menu, jamais les boutons ni les cartes */
  body.ldf-ck-open:is(:has(.lieu-hero),:has(#espace)) #ldf-cookie{top:env(safe-area-inset-top,0px)!important;bottom:auto!important;left:0!important;right:0!important;border-radius:0 0 14px 14px!important;z-index:300!important}
}
/* sur ordinateur et tablette, pages de lieu seulement : le bandeau se range en haut à droite, sous l'en-tête, loin des boutons centrés
   (sur l'accueil il garderait le titre du hero, auquel on ne touche pas) */
@media (min-width:561px){
  body.ldf-ck-open:has(.lieu-hero) #ldf-cookie{top:calc(env(safe-area-inset-top,0px) + 96px)!important;bottom:auto!important;left:auto!important;right:16px!important;max-width:520px!important;z-index:300!important}
}
/* questions : pas de boîtes (les styles communs du site en posent), juste des filets */
html body #main#main .lx-faq details{background:transparent!important;box-shadow:none!important;border-radius:0!important;margin:0!important;padding:0!important}
html body #main#main .lx-faq details[open]{background:transparent!important}
html body #main#main .lx-faq summary{padding:16px 0!important}

/* ---------- version 3 : critiques de la version 2 (ChatGPT et Gemini, 11/10) ---------- */
/* rythme : hauteur selon le contenu, 80 px ordinateur, 52 px iPhone */
html body #main#main > :is(section,nav).lx-sec{padding:80px 0}
@media (max-width:700px){html body #main#main > :is(section,nav).lx-sec{padding:52px 0}}
.lx-tete{margin-bottom:32px}
@media (max-width:700px){.lx-tete{margin-bottom:24px}}
.lx-lead{margin-top:16px}
/* textes plus grands, hiérarchie plus nette */
html body #main#main .lx-h2{font-size:clamp(2rem,1.2rem + 2.2vw,2.875rem);line-height:1.15}
.lx-ligne h3{font-size:clamp(1.19rem,1rem + .5vw,1.375rem)}
.lx-ligne p,.lx-etape p,.lx-faq p,.lx-facteurs li{font-size:clamp(1rem,.96rem + .2vw,1.0625rem);color:#39352f}
.lx-lead,.lx-accroche{color:var(--lx-texte2)}
/* haut de page : photo plus large, panneau qui appartient à la même composition */
.lx-hero-photo{max-width:1100px;height:auto;aspect-ratio:16/9;border-radius:20px}
.lx-hero-panneau{width:min(680px,calc(100% - 32px));margin-top:-64px;padding:40px 44px;border-radius:18px;box-shadow:0 16px 40px rgba(22,18,13,.10)}
html body #main#main .lx-hero h1{font-size:clamp(2.125rem,1.3rem + 2.6vw,3.375rem);line-height:1.13}
@media (max-width:700px){
  .lx-hero-photo{aspect-ratio:auto;height:240px;border-radius:16px}
  .lx-hero-panneau{width:calc(100% - 32px);margin-top:-56px;padding:36px 24px 28px;border-radius:14px}
}
/* comparateur : la plus grande image de la page après le haut */
.ba{max-width:1080px}
.ba-cadre{aspect-ratio:16/9;border-radius:18px}
.ba-rond{width:56px;height:56px;margin:-28px 0 0 -28px;box-shadow:0 4px 18px rgba(0,0,0,.14)}
.ba-vigs{margin-top:20px;gap:12px}
.ba-vig{width:104px}.ba-vig img{width:104px;height:72px;border-radius:10px}
@media (max-width:700px){.ba-cadre{aspect-ratio:4/3}.ba-vigs{gap:10px}.ba-vig{width:82px}.ba-vig img{width:82px;height:62px}.ba-vig span{font-size:.76rem}}
/* étapes : numéros plus présents */
.lx-num{width:48px;height:48px;font-size:1.25rem}
.lx-etape{grid-template-columns:48px minmax(0,1fr)}
.lx-etape:not(:last-child)::after{left:23px;top:52px}
.lx-etape h3{font-size:clamp(1.12rem,1.05rem + .3vw,1.375rem)}
/* bas de page unifié */
html body #main#main .lx-avis .rev-fallback{max-width:980px;margin-left:auto;margin-right:auto;gap:20px}
html body #main#main .lx-avis .rev-card{padding:24px;border-radius:14px}
.lx-faq summary{min-height:64px}
html body #main#main .lx-faq details[open]{background:rgba(255,255,255,.55)!important;border-radius:10px!important;padding:0 14px!important}
.lx-autres-rang{max-width:840px}
.lx-autre{min-height:44px}
body:has(.lx-hero) .final .narrow{max-width:560px}
body:has(.lx-hero) .final .btn{min-height:52px;max-width:360px;margin-left:auto;margin-right:auto;border-radius:999px}

/* ---------- version 4 (11/10 soir) : blanc et bleu marine, en alternance, en commençant par le blanc (demande du gérant) ----------
   Chaque section pose ses couleurs (texte, texte secondaire, filet, accent) ; les composants les lisent. */
:root{--marine:#1F1D1A;--marine-2:#1b2f52}
html body #main#main > :is(section,nav).f-blanc{background:#fff!important;color:#1F1D1A!important;
  --t1:#1F1D1A;--t2:#4b5567;--filet:#e3e7ee;--acc:#8a6f46;--surf:#f4f6f9}
html body #main#main > :is(section,nav).f-marine{background:var(--marine)!important;color:#fff!important;
  --t1:#ffffff;--t2:rgba(255,255,255,.78);--filet:rgba(255,255,255,.16);--acc:#d9b97c;--surf:rgba(255,255,255,.07)}
html body #main#main :is(.f-blanc,.f-marine) :is(.lx-h2,.lx-h3,.lx-ligne h3,.lx-etape h3,.ba-lab,.lx-cadre-bloc h3){color:var(--t1)!important}
html body #main#main :is(.f-blanc,.f-marine) :is(.lx-h2 em,.lx-h3 em,.lx-eyebrow,.lx-sur,.lx-fort){color:var(--acc)!important}
html body #main#main :is(.f-blanc,.f-marine) :is(.lx-lead,.lx-note,.lx-accroche,.lx-ligne p,.lx-etape p,.lx-faq p,.ba-leg span,.ba-vig span,.lx-cadre-bloc ul){color:var(--t2)!important}
html body #main#main :is(.f-blanc,.f-marine) :is(.lx-ligne,.lx-rien-i,.lx-facteurs li,.lx-faq details){border-color:var(--filet)!important}
.f-blanc .lx-ligne::before,.f-marine .lx-ligne::before{color:var(--acc)}
.f-blanc .lx-rien-i,.f-marine .lx-rien-i{color:var(--t1)}
.f-blanc .lx-coche{background:rgba(138,111,70,.12);color:var(--acc)}
.f-marine .lx-coche{background:rgba(217,185,124,.18);color:var(--acc)}
.f-blanc .lx-num,.f-marine .lx-num{border-color:var(--acc);color:var(--acc);background:transparent}
.f-blanc .lx-etape:not(:last-child)::after,.f-marine .lx-etape:not(:last-child)::after{background:var(--filet)}
.f-blanc .lx-facteurs li,.f-marine .lx-facteurs li{color:var(--t1)}
.f-blanc .lx-facteurs li::before,.f-marine .lx-facteurs li::before{background:var(--acc)}
.f-blanc .lx-engag li,.f-marine .lx-engag li{color:var(--t1)}
.f-blanc .lx-engag svg,.f-marine .lx-engag svg{color:var(--acc)}
html body #main#main :is(.f-blanc,.f-marine) .lx-faq summary{color:var(--t1)}
html body #main#main .f-marine .lx-faq details[open]{background:rgba(255,255,255,.05)!important}
html body #main#main .f-blanc .lx-faq details[open]{background:var(--surf)!important}
.f-blanc .lx-faq .plus,.f-marine .lx-faq .plus{border-color:var(--filet);color:var(--acc)}
.f-blanc .lx-pill{background:#fff;border-color:var(--filet);color:var(--t1)}
.f-blanc .lx-pill[aria-pressed="true"]{background:var(--marine);border-color:var(--marine);color:#fff}
.f-blanc .lx-cadre-bloc{background:var(--surf)}
.lx-cadre{margin:56px auto 0;padding-top:44px;border-top:1px solid var(--filet);text-align:center;max-width:820px}
html body #main#main .lx-cadre .lx-h3{margin:0 auto;font-family:var(--lx-serif);font-weight:500;font-size:clamp(1.5rem,1.1rem + 1.2vw,2.1rem);text-align:center}
.lx-cadre-n{margin:8px auto 18px}
/* comparateur sur bleu marine */
.f-marine .ba-vig.on img{outline-color:var(--acc)}
.f-marine .ba-vig.on span{color:#fff}
/* un autre espace, sur blanc */
.f-blanc .lx-autre{background:var(--surf);color:var(--t1)}
/* haut de page sur blanc : panneau blanc détaché par une ombre douce et un filet */
.lx-hero.f-blanc .lx-hero-panneau{background:#fff;border:1px solid #edf0f5;box-shadow:0 18px 44px rgba(31,29,26,.10)}
html body #main#main .lx-hero h1{color:#1F1D1A}
.lx-hero .lx-back{color:#4b5567;border-color:#e3e7ee}
.lx-hero .btn-wa{color:#1F1D1A;border-color:#d5dbe5}
/* avis : la section du site sur blanc */
html body #main#main > section.lx-avis.f-blanc :is(h2,.eyebrow,.big-muted){color:#1F1D1A!important}
html body #main#main > section.lx-avis.f-blanc :is(h2 em,.eyebrow){color:#8a6f46!important}
html body #main#main > section.lx-avis.f-blanc .rev-card{border:1px solid #e3e7ee;box-shadow:0 10px 28px rgba(31,29,26,.06)}
/* bloc final en bleu marine */
body:has(.lx-hero) .final{background:var(--marine)!important}
/* les sections reprises du site gardent leur identifiant (#avis) : on force notre fond par l'identifiant */
html body #main#main > section#avis.f-blanc{background:#fff!important}
html body #main#main > section#avis.f-marine{background:var(--marine)!important}
/* pied de page blanc après le bloc final bleu marine */
body:has(.lx-hero) footer{background:#fff!important}

/* ---------- accueil (11/10 soir) : même alternance blanc / bleu marine après le hero (le hero ne change pas) ----------
   ordre : votre besoin (blanc), vidéos (marine), méthode (blanc), appel (marine), avis (blanc), garanties (marine),
   territoire (blanc), questions (marine), bloc final (blanc n'irait pas : il est conçu sombre, d'où la marine pour
   les questions et le final, séparés par un filet clair). */
html body.home-story:not(:has(.lx-hero)) #main#main > section:is(#videos,#cta,#garanties){background:#1F1D1A!important}
html body.home-story:not(:has(.lx-hero)) #main#main > section:is(#methode,#avis,#zones){background:#fff!important}
html body.home-story:not(:has(.lx-hero)) #main#main > section#questions{background:#1F1D1A!important}
html body.home-story:not(:has(.lx-hero)) #main#main > section#questions .zf-faq-head h2{color:#fff!important}
html body.home-story:not(:has(.lx-hero)) #main#main > section#questions .zf-faq-head :is(.eyebrow,h2 em){color:#d9b97c!important}
html body.home-story:not(:has(.lx-hero)) .final{background:#fff!important}
html body.home-story:not(:has(.lx-hero)) .final .fin-room,html body.home-story:not(:has(.lx-hero)) .final .orbs{display:none}
html body.home-story:not(:has(.lx-hero)) .final :is(h2,.big-muted,.er-lead-h,.er-rappel-l){color:#1F1D1A!important}
html body.home-story:not(:has(.lx-hero)) .final :is(.eyebrow,h2 em){color:#8a6f46!important}
html body.home-story:not(:has(.lx-hero)) .final .final-tel{color:#1F1D1A!important}
html body.home-story:not(:has(.lx-hero)) footer{background:#1F1D1A!important}
html body.home-story:not(:has(.lx-hero)) footer :is(p,a,h3,li,div){color:rgba(255,255,255,.86)!important}
/* bloc final de l'accueil sur blanc : champs et textes lisibles, plus de halo */
html body.home-story:not(:has(.lx-hero)) .final{background-image:none!important}
html body.home-story:not(:has(.lx-hero)) .final::before,html body.home-story:not(:has(.lx-hero)) .final::after{display:none!important}
html body.home-story:not(:has(.lx-hero)) .final :is(input,select){background:#f4f6f9!important;border:1px solid #d5dbe5!important;color:#1F1D1A!important}
html body.home-story:not(:has(.lx-hero)) .final input::placeholder{color:#6b7588!important}
html body.home-story:not(:has(.lx-hero)) .final :is(.er-lead-n,.fl-note,p){color:#4b5567!important}
html body.home-story:not(:has(.lx-hero)) .final .final-lead button[type=submit],html body.home-story:not(:has(.lx-hero)) .final .er-lead .btn{background:#1F1D1A!important;color:#fff!important;border-color:#1F1D1A!important}

/* ---------- comparateur : vignettes sur toute la largeur du grand avant/après (gérant, 11/10) ---------- */
.ba-vigs{display:grid!important;grid-template-columns:repeat(var(--n,8),minmax(0,1fr));gap:12px;max-width:1080px;margin:16px auto 0;overflow:visible;padding:0}
.ba-vig{width:auto!important;min-width:0}
.ba-vig img{width:100%!important;height:auto!important;aspect-ratio:3/2;border-radius:12px}
.ba-vig span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.6em}
@media (max-width:700px){.ba-vigs{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px 8px}.ba-vig img{border-radius:9px}.ba-vig span{font-size:.72rem}}

/* ---------- « ce qui fait le prix » réorganisé (gérant, 11/10) ---------- */
.px-blocs{display:grid;grid-template-columns:1fr;gap:20px;max-width:1080px;margin:0 auto}
@media (min-width:900px){.px-blocs{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:24px}}
.px-bloc{padding:30px 28px;border-radius:18px;background:var(--surf,rgba(255,255,255,.06));border:1px solid var(--filet,rgba(255,255,255,.14));text-align:left}
html body #main#main .px-t{margin:0 0 18px;font:500 1.35rem/1.3 var(--lx-serif);color:var(--t1,#fff);text-align:left}
.px-facteurs{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr;gap:0 28px}
@media (min-width:560px){.px-facteurs{grid-template-columns:1fr 1fr}}
.px-facteurs li{display:flex;align-items:baseline;gap:12px;padding:12px 0;border-top:1px solid var(--filet,rgba(255,255,255,.14));color:var(--t1,#fff);line-height:1.45}
.px-n{flex:none;font:500 .95rem/1 var(--lx-serif);color:var(--acc,#d9b97c);min-width:22px}
.px-engag{list-style:none;margin:0;padding:0}
.px-engag li{display:flex;align-items:center;gap:12px;padding:11px 0;border-top:1px solid var(--filet,rgba(255,255,255,.14));color:var(--t1,#fff);font-weight:600;line-height:1.35}
.px-c{flex:none;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:rgba(217,185,124,.18);color:var(--acc,#d9b97c)}
.px-garanti{background:rgba(217,185,124,.08);border-color:rgba(217,185,124,.35)}
.px-reprise{max-width:820px;margin:22px auto 0;padding:16px 22px;border-radius:14px;border-left:3px solid var(--acc,#d9b97c);background:var(--surf,rgba(255,255,255,.06));color:var(--t1,#fff);text-align:left;line-height:1.6}
html body #main#main .px-zones{margin-top:16px}

/* ---------- questions : cartes propres (gérant, 11/10 : « je parle du style ») ----------
   Le site pose des cadres et des ronds blancs sur tous les <details> : on repart de zéro ici. */
html body #main#main .lx-faq{display:grid;gap:12px;max-width:820px;margin:0 auto}
html body #main#main .lx-faq details{margin:0!important;padding:0!important;border:0!important;border-radius:16px!important;
  background:var(--surf,rgba(255,255,255,.06))!important;box-shadow:none!important;outline:0;transition:background .25s}
html body #main#main .f-marine .lx-faq details{background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.10)!important}
html body #main#main .f-blanc .lx-faq details{background:#f4f6f9!important;border:1px solid #e3e7ee!important}
html body #main#main .f-marine .lx-faq details[open]{background:rgba(255,255,255,.10)!important;border-color:rgba(217,185,124,.45)!important}
html body #main#main .f-blanc .lx-faq details[open]{background:#fff!important;border-color:#c9a96a!important}
html body #main#main .lx-faq summary{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:0;margin:0;
  padding:20px 22px 20px 24px!important;border:0!important;background:none!important;cursor:pointer;list-style:none;text-align:left;
  font:600 clamp(1rem,.96rem + .25vw,1.12rem)/1.4 Inter,system-ui,sans-serif;color:var(--t1,#fff)!important}
html body #main#main .lx-faq summary::-webkit-details-marker{display:none}
html body #main#main .lx-faq summary::before,html body #main#main .lx-faq summary::after{content:none!important;display:none!important}
html body #main#main .lx-faq .plus{flex:none;display:grid;place-items:center;width:32px;height:32px;margin:0;border-radius:50%;
  background:transparent!important;border:1px solid var(--acc,#d9b97c)!important;color:var(--acc,#d9b97c)!important;font:400 1.2rem/1 Inter,sans-serif;box-shadow:none!important;transition:transform .25s}
html body #main#main .lx-faq details[open] .plus{transform:rotate(45deg)}
html body #main#main .lx-faq details > p{margin:0!important;padding:0 24px 22px!important;line-height:1.7;text-align:left;color:var(--t2,rgba(255,255,255,.8))!important}
@media (max-width:700px){html body #main#main .lx-faq summary{padding:18px 16px 18px 18px!important}html body #main#main .lx-faq details > p{padding:0 18px 18px!important}}

/* ---------- « ce que vous n'avez pas à faire » : cartes identiques, rangées centrées (gérant, 11/10) ---------- */
html body #main#main .lx-rien{display:flex!important;flex-wrap:wrap;justify-content:center;gap:14px;max-width:1080px;margin:0 auto;padding:0;list-style:none}
html body #main#main .lx-rien-i{flex:0 1 calc(25% - 11px);min-width:200px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:12px;
  min-height:0;padding:24px 18px 22px;border:0!important;border-radius:16px;background:var(--surf,#f4f6f9);text-align:center;
  font:500 clamp(1rem,.96rem + .2vw,1.08rem)/1.4 Inter,system-ui,sans-serif;color:var(--t1,#1F1D1A);width:auto!important;grid-column:auto!important;justify-self:auto!important}
html body #main#main .lx-rien-i .lx-coche{width:38px;height:38px}
@media (max-width:700px){html body #main#main .lx-rien{gap:10px}html body #main#main .lx-rien-i{flex:0 1 calc(50% - 5px);min-width:0;padding:18px 12px}}

/* ---------- typographie (gérant, 11/10 : « pourquoi tu serres autant les titres ? ») ----------
   lettres à l'espacement normal et plus d'air entre les lignes, sur tous les titres de section (le hero de l'accueil ne change pas) */
html body #main#main section:not(.hero) :is(h2,.hs-h2,.sel-h2,.lx-h2,.lx-h3,.zf-h3){letter-spacing:0!important;line-height:1.24!important}
html body #main#main section:not(.hero) :is(h2,.lx-h2,.sel-h2) em{letter-spacing:.005em}
.lx-tete{max-width:900px}
html body #main#main .lx-hero h1{letter-spacing:0!important;line-height:1.2!important}
.lx-zone h3,.px-t,.ba-lab{letter-spacing:0}

/* ---------- haut de page : texte centré au-dessus, grand avant/après dessous (gérant, 11/10) ---------- */
html body #main#main > section.lx-hero{padding:calc(var(--hdr-h,84px) + 30px) 0 clamp(56px,6vw,88px)}
.lx-hero-texte{max-width:860px;margin:0 auto;text-align:center;padding:0 4px}
html body #main#main .lx-hero h1{font-size:clamp(2.1rem,1.4rem + 2.2vw,3.35rem)!important;margin:0 auto}
.lx-hero h1 em{display:inline!important}
.lx-accroche{margin:18px auto 0}
.lx-cta{margin-top:26px}
.ba-haut{max-width:1180px;margin:clamp(32px,4vw,52px) auto 0}
.ba-haut .ba-cadre{aspect-ratio:16/9;border-radius:24px;box-shadow:0 30px 70px -30px rgba(31,29,26,.45)}
@media (max-width:700px){.ba-haut .ba-cadre{aspect-ratio:4/3;border-radius:16px}html body #main#main > section.lx-hero{padding-top:calc(var(--hdr-h,72px) + 18px)}}
.lieu-hero .lieu-media{view-transition-name:none}
@media (prefers-reduced-motion:no-preference){.lieu-hero .ba-haut .ba-cadre{view-transition-name:lieu-media}}

/* ---------- ce que nous débarrassons : cartes avec icône ---------- */
html body #main#main .lx-zones2{list-style:none;margin:0 auto;padding:0;max-width:1120px;display:flex;flex-wrap:wrap;justify-content:center;gap:16px}
.lx-zone{flex:0 1 calc(33.333% - 11px);min-width:260px;padding:28px 26px 26px;border-radius:18px;background:var(--surf,rgba(255,255,255,.06));border:1px solid var(--filet,rgba(255,255,255,.14));text-align:left}
.lx-ico{display:grid;place-items:center;width:48px;height:48px;margin:0 0 16px;border-radius:14px;background:rgba(217,185,124,.16);color:var(--acc,#d9b97c)}
html body #main#main .lx-zone h3{margin:0 0 8px;font:600 1.12rem/1.35 Inter,system-ui,sans-serif;color:var(--t1,#fff)!important}
html body #main#main .lx-zone p{margin:0;font-size:.98rem;line-height:1.65;color:var(--t2,rgba(255,255,255,.78))!important}
@media (max-width:700px){.lx-zone{flex:1 1 100%;min-width:0;padding:22px 20px}}

/* ---------- encadrés (à la place des paragraphes sous les blocs) ---------- */
.lx-encadre{display:flex;align-items:flex-start;gap:14px;max-width:820px;margin:28px auto 0;padding:18px 22px;border-radius:16px;
  background:var(--surf,rgba(255,255,255,.06));border:1px solid var(--filet,rgba(255,255,255,.14));text-align:left}
.lx-encadre p{margin:0;font-size:1rem;line-height:1.6;color:var(--t2,rgba(255,255,255,.8))}
.lx-encadre p b{color:var(--t1,#fff);font-weight:600}
.lx-encadre-i{flex:none;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:rgba(217,185,124,.16);color:var(--acc,#d9b97c)}

/* ---------- correctifs 11/10 (soir) ---------- */
/* le grand avant/après du haut prend toute la largeur (dans une colonne flexible centrée, il se réduisait à zéro) */
.ba-haut{width:100%;align-self:stretch}
/* plus d'air et de marge (gérant) : gouttières plus larges, blocs plus aérés */
.lx-wrap{width:min(1180px,calc(100% - 72px))}
@media (max-width:700px){.lx-wrap{width:calc(100% - 36px)}}
.px-blocs{max-width:1080px;gap:28px}
@media (min-width:900px){.px-blocs{gap:32px}}
.px-bloc{padding:38px 36px 34px;border-radius:22px}
html body #main#main .px-t{margin-bottom:22px}
.px-facteurs li{padding:15px 0}
.px-engag li{padding:14px 0}
@media (max-width:700px){.px-bloc{padding:28px 22px 24px}}
/* les encadrés font la largeur du contenu au-dessus */
.lx-encadre{max-width:1080px;margin-top:32px;padding:22px 26px;border-radius:18px}
html body #main#main .lx-zones2{max-width:1080px}
html body #main#main .lx-rien{max-width:1080px}

/* ---------- respiration (gérant, 11/10 : « trop collé, manque d'espace ») ----------
   marges latérales plus larges, plus d'espace sous les titres et entre les cartes, sections plus hautes */
.lx-wrap{width:min(1100px,calc(100% - 112px))}
@media (max-width:900px){.lx-wrap{width:calc(100% - 56px)}}
@media (max-width:560px){.lx-wrap{width:calc(100% - 40px)}}
html body #main#main > :is(section,nav).lx-sec{padding:120px 0}
@media (max-width:700px){html body #main#main > :is(section,nav).lx-sec{padding:72px 0}}
.lx-tete{margin-bottom:56px}
@media (max-width:700px){.lx-tete{margin-bottom:36px}}
html body #main#main .lx-rien{gap:22px;max-width:1040px}
html body #main#main .lx-rien-i{flex:0 1 calc(25% - 17px);padding:34px 22px 30px;gap:16px}
@media (max-width:900px){html body #main#main .lx-rien-i{flex:0 1 calc(50% - 11px)}}
@media (max-width:560px){html body #main#main .lx-rien{gap:12px}html body #main#main .lx-rien-i{padding:24px 14px 22px}}
html body #main#main .lx-zones2{gap:22px;max-width:1040px}
.lx-zone{flex:0 1 calc(33.333% - 15px);padding:34px 30px 32px}
@media (max-width:900px){.lx-zone{flex:1 1 100%}}
.px-blocs{max-width:1040px;gap:32px}
.lx-encadre{max-width:1040px;margin-top:40px}
html body #main#main .lx-faq{gap:16px}
.ba,.ba-vigs{max-width:1040px}
.ba-vigs{margin-top:24px;gap:16px}
.lx-autres-rang{gap:14px}
.lx-frise{max-width:760px}
.lx-etape{padding-bottom:40px}
.lx-hero-texte{max-width:820px}
.lx-cta{gap:16px;margin-top:32px}
html body #main#main .lx-hero .hero-proof{margin-top:22px}
.ba-haut{margin-top:64px;max-width:1100px}

/* ---------- sous-titres : une phrase tient sur une ligne sur ordinateur (gérant, 11/10) ---------- */
html body #main#main :is(.hs-lead,.lx-lead,.sel-sub){max-width:780px!important;text-wrap:pretty}
html body #main#main section:not(.hero) .big-muted{max-width:780px!important}
/* filet décoratif des titres (laissé par l'animation retirée) : jamais affiché */
html body #main#main .mkp::after,html body #main#main .mkp::before{content:none!important}

/* ---------- harmonie : une seule règle d'espacement pour toutes les sections (gérant, 11/10) ----------
   haut et bas de section 120 px (72 px sur téléphone) · surtitre → titre 16 px · titre → sous-titre 16 px ·
   tête de section → contenu 56 px (36 px sur téléphone) · marges latérales identiques. Le hero de l'accueil ne change pas. */
:root{--h-sec:120px;--h-tete:56px;--h-pas:16px}
@media (max-width:700px){:root{--h-sec:72px;--h-tete:36px;--h-pas:12px}}
html body #main#main > :is(section,nav):not(.hero):not(.lx-hero){padding-top:var(--h-sec)!important;padding-bottom:var(--h-sec)!important}
html body #main#main > section:not(.hero) :is(.lx-eyebrow,.hs-eyebrow,.sel-eyebrow,.eyebrow){display:block;margin:0 0 var(--h-pas)!important}
html body #main#main > section:not(.hero) :is(h2,.hs-h2,.sel-h2,.lx-h2):not(.px-t){margin:0 auto!important}
html body #main#main > section:not(.hero) :is(h2,.hs-h2,.sel-h2,.lx-h2) + :is(.hs-lead,.big-muted,.lx-lead,.sel-sub){margin-top:var(--h-pas)!important}
/* l'espace tête → contenu est porté par le dernier élément de la tête */
html body #main#main > section:not(.hero) :is(h2,.hs-h2,.sel-h2) + :is(.hs-lead,.big-muted,.sel-sub){margin-bottom:var(--h-tete)!important}
html body #main#main .lx-tete{margin-bottom:var(--h-tete)!important}
html body #main#main .lx-tete > :last-child{margin-bottom:0!important}
html body #main#main :is(.sel-tete,.zf-faq-head){margin-bottom:0!important}
html body #main#main .zf-faq-head{margin-bottom:var(--h-tete)!important}
html body #main#main .zf-faq-head > :last-child{margin-bottom:0!important}
html body #main#main .sel-tete > :last-child{margin-bottom:var(--h-tete)!important}
/* largeur utile identique partout (le carrousel vidéo garde ses bords libres) */
html body #main#main > section:not(.hero) :is(.hs-wrap,.wrap,.lx-wrap):not(.hero-grid){width:min(1100px,calc(100% - 112px))!important;max-width:none!important;margin-left:auto!important;margin-right:auto!important}
@media (max-width:900px){html body #main#main > section:not(.hero) :is(.hs-wrap,.wrap,.lx-wrap):not(.hero-grid){width:calc(100% - 56px)!important}}
@media (max-width:560px){html body #main#main > section:not(.hero) :is(.hs-wrap,.wrap,.lx-wrap):not(.hero-grid){width:calc(100% - 40px)!important}}
html body #main#main .sel-grid{width:min(1100px,calc(100% - 112px))}
@media (max-width:900px){html body #main#main .sel-grid{width:calc(100% - 56px)}}
@media (max-width:560px){html body #main#main .sel-grid{width:calc(100% - 32px)}}
html body #main#main #videos .vids-marq{margin-top:0!important;padding-top:0!important}
html body #main#main > nav:not(.hero) .lx-eyebrow{margin:0 0 var(--h-pas)!important}
html body #main#main > nav:not(.hero) .lx-h2{margin:0 auto!important}
html body #main#main #questions .faq-acc{margin-bottom:0!important}
html body #main#main #questions .faq-acc > :last-child{margin-bottom:0!important}
@media (max-width:900px){html body #main#main #methode .hs-meth-grid{row-gap:0!important}html body #main#main #methode .hs-meth-photo{margin:0!important}}
/* ---------- phrase de fin de section : même écart partout (gérant, 11/10) ----------
   contenu → phrase de fin 40 px (28 px sur téléphone), mesuré jusqu'au texte visible ;
   bas de section identique, rien ne s'ajoute sous la dernière ligne. */
:root{--h-pied:40px}
@media (max-width:700px){:root{--h-pied:28px}}
html body #main#main .sel-note{margin:var(--h-pied) auto 0!important}
/* le lien Instagram garde sa zone de tap de 44 px, ses 10 px de marge intérieure ne comptent pas dans l'écart */
html body #main#main #videos .vids-insta{margin:calc(var(--h-pied) - 10px) 0 -10px!important}
html body #main#main .lx-encadre{margin-top:var(--h-pied)!important}
html body #main#main .px-zones{margin-top:var(--h-pas)!important}
html body #main#main .lx-etape:last-child{padding-bottom:0!important}
/* titre « Votre maison peut enfin respirer. » : n'est plus comprimé sur 13 caractères (gérant, 11/10) */
html body #main#main #cta .hs-h2{max-width:none!important;text-wrap:balance}

/* =====================================================================================================
   SYSTÈME « TIRÉ À QUATRE ÉPINGLES » (gérant, 11/10) : une seule largeur, un seul écart, un seul arrondi.
   · largeur du contenu : 1100 px max, marges latérales 56 px (28 px sur tablette, 20 px sur téléphone)
   · écart entre cartes : 24 px (16 px sur téléphone) · marge intérieure des cartes : 32 px (24 px)
   · arrondi des cartes : 20 px · écart entre blocs empilés : 40 px (28 px)
   · grilles : le nombre de colonnes suit le nombre de cartes, aucune rangée incomplète
   ===================================================================================================== */
:root{--w:min(1100px,calc(100% - 112px));--g:24px;--pc:32px;--r:20px}
@media (max-width:900px){:root{--w:calc(100% - 56px)}}
@media (max-width:700px){:root{--g:16px;--pc:24px}}
@media (max-width:560px){:root{--w:calc(100% - 40px)}}
html body #main#main :is(p,li,figcaption,summary){text-wrap:pretty}
html body #main#main :is(h2,h3){text-wrap:balance}
html body #main#main .nw{white-space:nowrap}
html body #main#main .sel-h2{max-width:none!important}

/* hero des pages : le comparateur prend exactement la largeur du contenu */
html body #main#main .lx-hero .ba-haut{width:var(--w)!important;max-width:none!important;margin-left:auto!important;margin-right:auto!important;align-self:center!important}

/* cartes : même arrondi, même marge intérieure partout */
html body #main#main :is(.lx-zone,.lx-rien-i,.px-bloc,.lx-encadre,.rev-card,.gb-card){border-radius:var(--r)!important}
html body #main#main :is(.lx-zone,.px-bloc){padding:var(--pc)!important}

/* « Ce que nous débarrassons » : 4 cartes = 2 × 2 (1 colonne sur téléphone) */
html body #main#main .lx-zones2{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--g)!important;width:100%;max-width:none!important;margin:0!important}
html body #main#main .lx-zone{flex:none!important;min-width:0!important;width:auto!important}
@media (max-width:700px){html body #main#main .lx-zones2{grid-template-columns:1fr}}

/* « Ce que vous n'avez pas à faire » : 6 cartes = 3 × 2 (2 × 3 sous 900 px) */
html body #main#main .lx-rien{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--g)!important;width:100%;max-width:none!important;margin:0!important}
html body #main#main .lx-rien-i{flex:none!important;min-width:0!important;width:auto!important;padding:var(--pc) 20px!important}
@media (max-width:900px){html body #main#main .lx-rien{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:700px){html body #main#main .lx-rien-i{padding:var(--pc) 14px!important}}

/* encadrés et phrases de fin : toute la largeur, même écart au-dessus */
html body #main#main .lx-encadre{width:100%!important;max-width:none!important;margin:var(--h-pied) 0 0!important;padding:22px var(--pc)!important;box-sizing:border-box}
html body #main#main .px-zones{margin:var(--h-pied) auto 0!important}

/* « Ce qui fait le prix » : deux cartes pleine largeur l'une sous l'autre, critères en grille complète */
html body #main#main .px-blocs{display:grid!important;grid-template-columns:1fr!important;gap:var(--g)!important;width:100%;max-width:none!important;margin:0!important}
html body #main#main .px-facteurs{--c:4;display:grid!important;grid-template-columns:repeat(var(--c),minmax(0,1fr))!important;gap:0 32px!important}
html body #main#main .px-facteurs[style*="--n:6"]{--c:3}
html body #main#main .px-engag{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 32px}
html body #main#main :is(.px-facteurs,.px-engag) li{padding:16px 0!important;align-items:flex-start!important}
html body #main#main .px-engag li{align-items:center!important}
@media (max-width:900px){html body #main#main .px-facteurs,html body #main#main .px-facteurs[style*="--n:6"]{--c:2}html body #main#main .px-engag{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){html body #main#main .px-facteurs,html body #main#main .px-facteurs[style*="--n:6"]{--c:1}html body #main#main .px-engag{grid-template-columns:1fr}}

/* vignettes avant/après : une rangée sur ordinateur ; sur téléphone 8 = 4 × 2, 6 = 3 × 2, 5 = 5 × 1, sans légende */
html body #main#main .ba-vig span{display:block;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;-webkit-line-clamp:unset!important;line-clamp:unset!important;max-height:none!important}
@media (max-width:700px){
  html body #main#main .ba-vigs{--c:4;grid-template-columns:repeat(var(--c),minmax(0,1fr))!important}
  html body #main#main .ba-vigs[style*="--n:6"]{--c:3}
  html body #main#main .ba-vigs[style*="--n:5"]{--c:5}
  html body #main#main .ba-vig span{display:none!important}
}

/* questions : même style sur l'accueil et les pages, même retrait ouvert ou fermé, texte jamais justifié */
html body #main#main .lx-faq{width:100%!important;max-width:none!important;gap:12px!important}
html body #main#main .lx-faq details,html body #main#main .lx-faq details[open]{padding:0!important}
html body #main#main #questions .narrow{width:var(--w)!important;max-width:none!important;margin-left:auto!important;margin-right:auto!important;padding:0!important}
html body #main#main #questions .faq-acc{display:grid!important;gap:12px!important;width:100%;max-width:none!important}
html body #main#main #questions .faq-acc details{margin:0!important;padding:0!important;border-radius:16px!important;box-shadow:none!important;
  background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.10)!important}
html body #main#main #questions .faq-acc details[open]{background:rgba(255,255,255,.10)!important;border-color:rgba(217,185,124,.45)!important}
html body #main#main #questions .faq-acc details::before,html body #main#main #questions .faq-acc details::after{content:none!important;display:none!important}
html body #main#main :is(#questions .faq-acc,.lx-faq) summary{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:18px!important;
  margin:0!important;padding:22px 24px!important;min-height:0!important;color:#fff!important;font-weight:600!important;text-align:left!important;list-style:none!important}
html body #main#main .f-blanc .lx-faq summary{color:var(--t1)!important}
html body #main#main #questions .faq-acc summary::-webkit-details-marker{display:none}
html body #main#main :is(#questions .faq-acc,.lx-faq) .plus{flex:none!important;display:grid!important;place-items:center!important;width:32px!important;height:32px!important;margin:0!important;
  border-radius:50%!important;border:1px solid rgba(217,185,124,.55)!important;background:transparent!important;color:var(--lx-gold,#d9b97c)!important;font-size:18px;line-height:1;position:static!important;transform:none}
html body #main#main :is(#questions .faq-acc,.lx-faq) details[open] .plus{transform:rotate(45deg)!important}
html body #main#main :is(#questions .faq-acc,.lx-faq) details > p{margin:0!important;padding:0 24px 24px!important;max-width:none!important;line-height:1.7!important;
  text-align:left!important;text-align-last:auto!important;-webkit-hyphens:manual!important;hyphens:manual!important;color:rgba(255,255,255,.80)!important}
html body #main#main .f-blanc .lx-faq details > p{color:var(--t2)!important}
html body #main#main #questions .faq-acc details > p a{color:var(--lx-gold,#d9b97c)!important}
@media (max-width:700px){html body #main#main :is(#questions .faq-acc,.lx-faq) summary{padding:18px 18px!important}html body #main#main :is(#questions .faq-acc,.lx-faq) details > p{padding:0 18px 20px!important}}

/* « Changer d'espace » : 6 tuiles = 3 × 2 (2 × 3 sur tablette, 1 colonne sur téléphone) */
html body #main#main .lx-autres-rang{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px!important;width:100%;max-width:none!important;margin:0!important}
html body #main#main .lx-autre{display:flex!important;width:auto!important;min-width:0;padding:8px 20px 8px 8px!important;font-size:1rem}
html body #main#main .lx-autre img{width:48px!important;height:48px!important}
@media (max-width:900px){html body #main#main .lx-autres-rang{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){html body #main#main .lx-autres-rang{grid-template-columns:1fr;gap:12px!important}}

/* avis : 3 cartes alignées sur la largeur du contenu (1 colonne sous 900 px) */
html body #main#main :is(#avis,.lx-avis) .rev-fallback{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:var(--g)!important;width:100%!important;max-width:none!important;margin-left:0!important;margin-right:0!important}
html body #main#main :is(#avis,.lx-avis) .rev-card{width:auto!important;max-width:none!important;margin:0!important;padding:var(--pc)!important;min-width:0}
@media (max-width:900px){html body #main#main :is(#avis,.lx-avis) .rev-fallback{grid-template-columns:1fr!important}}

/* garanties de l'accueil : 4 cartes = 2 × 2, aucun texte coupé */
html body #main#main #garanties .gb-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:var(--g)!important;width:100%!important;max-width:none!important;margin-left:0!important;margin-right:0!important}
html body #main#main #garanties .gb-grid > *{grid-column:auto!important;min-width:0}
html body #main#main #garanties .gb-grid > :not(.gb-card){grid-column:1 / -1!important}
html body #main#main #garanties .gb-card{padding:var(--pc)!important}
html body #main#main #garanties .gb-card *{text-overflow:clip!important}
html body #main#main #garanties .gb-card :is(span,b,p,li,div){white-space:normal!important}
@media (max-width:900px){html body #main#main #garanties .gb-grid{grid-template-columns:1fr!important}}

/* territoire : légende en colonne, pastilles alignées */
html body #main#main #zones .hs-legend{display:grid!important;justify-content:center!important;justify-items:start!important;gap:10px!important}

/* formulaire de fin (accueil, fond blanc) : les listes gardent leur chevron */
html body.home-story:not(:has(.lx-hero)) #main#main .final-lead select{
  -webkit-appearance:none;appearance:none;padding-right:40px!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2313233f' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E")!important;
  background-repeat:no-repeat!important;background-position:right 14px center!important;background-size:14px 14px!important}
/* les conteneurs n'ajoutent plus de marge intérieure : c'est la largeur commune qui fait la marge */
html body #main#main > section:not(.hero) :is(.hs-wrap,.wrap,.lx-wrap):not(.hero-grid){padding-left:0!important;padding-right:0!important}
html body #main#main .lx-hero .lx-hero-in{width:100%!important;max-width:none!important;margin-left:0!important;margin-right:0!important;padding-left:0!important;padding-right:0!important}
html body #main#main .lx-hero .lx-hero-texte{width:var(--w)!important;margin-left:auto!important;margin-right:auto!important;box-sizing:border-box}
html body #main#main .px-bloc.px-garanti{background:var(--surf,rgba(255,255,255,.06))!important}
html body #main#main .lx-preuve :is(.ba,.ba-vigs){width:100%!important;max-width:none!important}
html body #main#main .lx-frise{max-width:780px!important}
html body #main#main .sel-grid{width:var(--w)!important;max-width:none!important}
/* questions : la croix est le caractère « + » de la pastille ; les traits dessinés par l'ancienne feuille sont retirés (ils s'échappaient au milieu de la ligne) */
html body #main#main :is(#questions .faq-acc,.lx-faq) .plus::before,html body #main#main :is(#questions .faq-acc,.lx-faq) .plus::after{content:none!important;display:none!important}
/* textes des cartes « rien à faire » toujours centrés, sur toutes les lignes */
html body #main#main .lx-rien-i{text-align:center!important}
/* hero des pages : la phrase en italique commence toujours sa propre ligne ; texte centré ; même écart avant le comparateur */
html body #main#main .lx-hero h1 em{display:block!important}
html body #main#main #questions .faq-acc details > p::after{content:none!important;display:none!important}
html body #main#main .lx-hero .lx-hero-texte,html body #main#main .lx-hero .lx-accroche{text-align:center!important;margin-left:auto;margin-right:auto}
html body #main#main .lx-hero .ba-haut{margin-top:var(--h-tete)!important}
/* sous-titres centrés : lignes équilibrées, jamais un ou deux mots seuls sur la dernière ligne */
html body #main#main :is(.hs-lead,.lx-lead,.sel-sub,.big-muted,.lx-note,.sel-note,.px-zones){text-wrap:balance!important}
/* garanties : dans la grille 2 × 2, la maquette montre le certificat seul (comme sur iPhone), en entier ; l'attestation reste dans le texte */
html body #main#main #garanties .gb-docs .gb-att{display:none!important}
html body #main#main #garanties .gb-docs .gb-cert{flex:1 1 auto!important;width:auto!important;max-width:none!important;transform:none!important}
html body #main#main #garanties .gb-docs{grid-template-columns:1fr!important}
html body #main#main .lx-zone p{text-wrap:balance!important}
/* têtes de section, sous-titres et phrases de fin : centrés à toutes les tailles (sur iPhone certains partaient à gauche) */
html body #main#main :is(.sel-eyebrow,.sel-h2,.sel-sub,.sel-note,.lx-eyebrow,.lx-h2,.lx-lead,.lx-note,.px-zones,.hs-eyebrow,.hs-h2,.hs-lead,.vids-insta){text-align:center!important;margin-left:auto!important;margin-right:auto!important}
/* haut des pages : « 65 avis Google » était écrit en blanc sur fond blanc (invisible, d'où les étoiles décalées) */
html body #main#main .lx-hero.f-blanc .hero-proof :is(.hp-sub,.hp-dot){color:var(--t2,#4a5568)!important}
/* paragraphes des cartes : lignes équilibrées sur ordinateur seulement ; sur téléphone ils prennent toute la largeur */
@media (max-width:700px){html body #main#main .lx-zone p{text-wrap:pretty!important}}

/* ---------- revue iPhone (gérant, 11/10) ---------- */
/* pied de page : mentions sans point « · » qui pend en bout de ligne ; une mention par ligne sur téléphone */
html body footer .foot-bottom{display:flex!important;flex-wrap:wrap;justify-content:center;align-items:center;row-gap:2px}
html body footer .foot-bottom::before{flex:0 0 96px;margin:0 calc(50% - 48px) 20px!important}
html body footer .foot-bottom .fb-i + .fb-i::before{content:"·";margin:0 .55em;opacity:.7}
@media (max-width:700px){
  html body footer .foot-bottom{flex-direction:column}
  html body footer .foot-bottom::before{flex:none;width:96px;margin:0 auto 20px!important}
  html body footer .foot-bottom .fb-i + .fb-i::before{content:none}
  /* bloc de présentation du pied de page centré, comme tout le reste */
  html body footer .foot-grid > div:first-child{text-align:center}
  html body footer .foot-grid > div:first-child .foot-logo{margin-left:auto;margin-right:auto}
  /* boutons de la bande « Votre maison peut enfin respirer » : même largeur que les autres boutons du site */
  html body #main#main #cta .hs-cta-b{width:100%}
  html body #main#main #cta .hs-cta-b .btn{width:100%!important;max-width:none!important}
}
/* pied de page bleu marine de l'accueil : sceaux lisibles */
html body.home-story:not(:has(.lx-hero)) footer .sceau{color:rgba(255,255,255,.78)!important}
html body.home-story:not(:has(.lx-hero)) footer .sceau svg{color:var(--lx-gold,#d9b97c)!important;opacity:1!important}
/* phrases de formulaire : lignes équilibrées */
html body #main#main :is(.er-lead-h,.er-lead-n){text-wrap:balance!important}
@media (max-width:700px){
  html body footer .foot-grid > div:first-child :is(p,a){text-align:center!important;justify-content:center}
  html body footer .foot-bottom .fb-i{display:flex;align-items:center;justify-content:center;min-height:36px}
  html body footer .foot-bottom .fb-i a{min-height:36px!important;padding-block:0!important}
}
/* « Ce que nous regardons à la visite » : le numéro est centré en hauteur sur son texte (une ou deux lignes) */
html body #main#main .px-facteurs li{align-items:center!important}
html body #main#main .px-facteurs .px-n{line-height:1!important;align-self:center!important}
/* numéros centrés en hauteur sur leur texte, partout (gérant, 11/10) */
/* étapes de l'accueil et des pages services : le grand chiffre face au milieu du titre + texte */
html body #main#main .hs-step{align-items:center!important}
/* « Cinq étapes » des pages : la pastille au milieu du titre + texte, le fil relie les centres des pastilles */
html body #main#main .lx-etape{--pb:40px;padding-bottom:var(--pb)!important}
html body #main#main .lx-etape:last-child{--pb:0px}
html body #main#main .lx-num{align-self:center!important;position:relative;z-index:1}
html body #main#main .f-blanc .lx-num{background:#fff!important}
html body #main#main .f-marine .lx-num{background:var(--marine,#1F1D1A)!important}
html body #main#main .lx-etape::after,html body #main#main .lx-etape::before{content:none}
html body #main#main .lx-etape:not(:last-child)::after{content:""!important;position:absolute;left:23px;width:1px;top:calc((100% - var(--pb)) / 2)!important;bottom:0!important;background:var(--filet,rgba(31,29,26,.14))}
html body #main#main .lx-etape:not(:first-child)::before{content:"";position:absolute;left:23px;width:1px;top:0;height:calc((100% - var(--pb)) / 2);background:var(--filet,rgba(31,29,26,.14))}
/* « Ce que vous n'avez pas à faire » : un picto par action (dessinés avec ChatGPT, 11/10) */
html body #main#main .lx-rien-i .lx-coche{width:56px!important;height:56px!important;border-radius:50%;display:grid;place-items:center;background:rgba(217,185,124,.16)!important;color:var(--lx-gold-d,#8a6f46)!important}
html body #main#main .lx-rien-i .lx-coche svg{width:28px;height:28px}
@media (max-width:700px){html body #main#main .lx-rien-i .lx-coche{width:50px!important;height:50px!important}html body #main#main .lx-rien-i .lx-coche svg{width:26px;height:26px}}
/* haut de l'accueil : « Ou choisissez quand être rappelé(e) » seul et centré sous les boutons */
html body.home-story:not(:has(.lx-hero)) .hero .hero-fine{display:flex!important;flex-direction:column;align-items:center!important;justify-content:center!important;text-align:center!important;width:100%}
html body.home-story:not(:has(.lx-hero)) .hero .hero-fine .hero-cb{margin-left:auto!important;margin-right:auto!important;text-align:center!important}

/* ===== Étapes (accueil et pages services) : cartes qui s'empilent au défilement (gérant, 11/10/2026) =====
   Chaque étape reste collée sous l'en-tête ; la suivante monte et se pose par-dessus, légèrement décalée. */
html body #main#main .hs-steps{display:flex;flex-direction:column;gap:24px}
html body #main#main .hs-step{position:sticky!important;top:calc(var(--st,104px) + var(--i,0) * 14px);z-index:1;
  opacity:1!important;min-height:0!important;margin:0!important;padding:var(--pc)!important;border-radius:var(--r)!important;
  background:#fff!important;border:1px solid rgba(31,29,26,.10)!important;box-shadow:0 -14px 40px -26px rgba(31,29,26,.35)!important}
html body #main#main .hs-step:nth-child(2){--i:1}
html body #main#main .hs-step:nth-child(3){--i:2}
html body #main#main .hs-step:nth-child(4){--i:3}
html body #main#main .hs-step:nth-child(5){--i:4}
@media (max-width:700px){html body #main#main .hs-step{--st:88px;gap:16px!important}html body #main#main .hs-steps{gap:16px}}
@media (prefers-reduced-motion:reduce){html body #main#main .hs-step{position:static!important}}

/* =====================================================================================================
   THÈME BLANC ET BLEU MARINE PARTOUT (gérant, 11/10/2026) : plus de doré dans le haut de page, l'en-tête,
   la barre du bas ni les boutons. Bouton principal : bleu marine sur fond blanc, blanc sur fond bleu marine.
   ===================================================================================================== */
:root{--marine:#1F1D1A;--marine-f:#141210}
/* en-tête */
html body header#hdr.scrolled{background:rgba(255,255,255,.94)!important;box-shadow:0 1px 0 rgba(31,29,26,.08)!important}
html body header#hdr.over-dark:not(.scrolled),html body header#hdr.scrolled.over-dark{background:rgba(31,29,26,.94)!important;box-shadow:0 1px 0 rgba(255,255,255,.06)!important}
html body header#hdr.over-dark .logo-txt .lt2,html body.menu-open header#hdr .logo-txt .lt2{color:rgba(255,255,255,.72)!important}
html body.menu-open header#hdr{background:var(--marine)!important}
html body .navmenu{background:var(--marine)!important}
/* haut de l'accueil : voile bleu marine sur le film, plus de teinte sépia */
html body .hero .hero-bg{background-color:var(--marine)!important}
html body .hero .hero-bg::before,html body .hero .hero-bg::after{background:none!important}
html body .hero .hero-media video,html body .hero .hero-media img{filter:saturate(.45) contrast(1.02)}
html body .hero .hero-veil{background:radial-gradient(90% 60% at 50% 38%,rgba(20,18,16,.38),rgba(20,18,16,0) 78%),linear-gradient(180deg,rgba(20,18,16,.72),rgba(20,18,16,.5) 45%,rgba(20,18,16,.9))!important}
html body .hero h1 em{color:#cfdcf0!important}
html body .hero .hero-proof{background:rgba(20,18,16,.55)!important;border-color:rgba(255,255,255,.22)!important}
html body .hero .hero-proof :is(.hp-stars,b){color:#fff!important}
html body .hero .hero-cb b{color:#fff!important;text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}
/* boutons principaux : bleu marine sur fond clair… */
html body .btn.btn-green{background:var(--marine)!important;background-image:none!important;color:#fff!important;border:1px solid var(--marine)!important;box-shadow:0 14px 30px -16px rgba(31,29,26,.55)!important}
html body .btn.btn-green svg path{fill:#fff!important}
html body .btn.btn-green:hover{background:#34302B!important}
/* …blancs sur fond bleu marine ou sur photo sombre */
html body :is(.hero,#cta,.f-marine,#garanties,.navmenu) .btn.btn-green,
html body.home-story .final.dark:is(:has(.lx-hero) *) .btn.btn-green{background:#fff!important;color:var(--marine)!important;border-color:#fff!important;box-shadow:0 14px 30px -16px rgba(0,0,0,.5)!important}
html body:has(.lx-hero) .final .btn.btn-green{background:#fff!important;color:var(--marine)!important;border-color:#fff!important}
html body :is(.hero,#cta,.f-marine,#garanties):not(.f-blanc) .btn.btn-green svg path,html body:has(.lx-hero) .final .btn.btn-green svg path{fill:var(--marine)!important}
html body .lx-hero.f-blanc .btn.btn-green{background:var(--marine)!important;color:#fff!important;border-color:var(--marine)!important}
html body .lx-hero.f-blanc .btn.btn-green svg path{fill:#fff!important}
/* barre d'action du bas (téléphone) et bulle d'appel (ordinateur) */
html body .wa-fab .fab-call,html body .wa-fab.scrolling .fab-call{background:var(--marine)!important;background-image:none!important;color:#fff!important;box-shadow:0 12px 28px -12px rgba(31,29,26,.6)!important}
html body .wa-fab .fab-call .fab-ic svg path{fill:#fff!important}
html body .wa-fab .fab-call .fab-ic{background:rgba(255,255,255,.16)!important}
@media (max-width:820px){
  html body .wa-fab{background:rgba(31,29,26,.97)!important}
  html body .wa-fab .fab-call,html body .wa-fab.scrolling .fab-call{background:#fff!important;color:var(--marine)!important;box-shadow:none!important}
  html body .wa-fab .fab-call .fab-ic{background:none!important}
  html body .wa-fab .fab-call .fab-ic svg path{fill:var(--marine)!important}
  html body .wa-fab .fab-wa{border-color:rgba(255,255,255,.5)!important;color:#fff!important}
  html body .wa-fab .fab-wa svg path{fill:#fff!important}
}
html body .fab-wa{background:var(--marine)!important;border-color:rgba(255,255,255,.25)!important}
html body .fab-wa svg path{fill:#fff!important}
/* garanties : le bouton « Voir toutes nos garanties » sans cadre autour */
html body #main#main #garanties .gb-more{background:none!important;border:0!important;box-shadow:none!important;padding:0!important}
html body #main#main #garanties .gb-more > summary{border-color:rgba(255,255,255,.55)!important}
/* boutons restés dorés : texte bleu marine sur fond blanc, blanc sur fond bleu marine */
html body.home-story:not(:has(.lx-hero)) .final .btn.btn-green{color:#fff!important}
html body.home-story:not(:has(.lx-hero)) .final .btn.btn-green svg path{fill:#fff!important}
html body :is(#cta,.final,.f-marine) .btn.btn-wa:not([style*="background"]){color:var(--marine)!important}
html body :is(#cta,.final,.f-marine) .btn.btn-wa svg path,html body .lx-hero .btn.btn-wa svg path{fill:var(--marine)!important}
html body.home-story:not(:has(.lx-hero)) .final .btn.btn-wa{color:#fff!important}
html body.home-story:not(:has(.lx-hero)) .final .btn.btn-wa svg path{fill:#fff!important}
html body:has(.lx-hero) .final .final-tel{color:#fff!important}

/* ===== « Cinq étapes » des 6 pages : cartes qui s'empilent aussi (gérant, 11/10/2026) ===== */
html body #main#main .lx-frise{display:flex!important;flex-direction:column;gap:24px}
html body #main#main .lx-frise .lx-etape,html body #main#main .lx-frise .lx-etape:last-child{--pb:var(--pc);position:sticky!important;top:calc(var(--st,104px) + var(--i,0) * 14px);z-index:1;
  padding:var(--pc)!important;border-radius:var(--r);background:#fff!important;border:1px solid rgba(31,29,26,.10);box-shadow:0 -14px 40px -26px rgba(31,29,26,.35)}
html body #main#main .lx-frise .lx-etape::before,html body #main#main .lx-frise .lx-etape::after{content:none!important;display:none!important}
html body #main#main .lx-frise .lx-etape:nth-child(2){--i:1}
html body #main#main .lx-frise .lx-etape:nth-child(3){--i:2}
html body #main#main .lx-frise .lx-etape:nth-child(4){--i:3}
html body #main#main .lx-frise .lx-etape:nth-child(5){--i:4}
@media (max-width:700px){html body #main#main .lx-frise .lx-etape{--st:88px;column-gap:14px!important}html body #main#main .lx-frise{gap:16px}}
@media (prefers-reduced-motion:reduce){html body #main#main .lx-frise .lx-etape{position:static!important}}
html body.home-story:not(:has(.lx-hero)) #main .final .btn.btn-wa{color:#fff!important}
html body.home-story:not(:has(.lx-hero)) #main .final .btn.btn-wa svg path{fill:#fff!important}
/* haut de l'accueil, touches dorées demandées par le gérant : avis Google, « choisissez quand être rappelé(e) », reflets du bas */
html body .hero .hero-proof{border-color:rgba(217,185,124,.6)!important;box-shadow:0 0 0 1px rgba(217,185,124,.12),0 10px 30px -14px rgba(217,185,124,.45)!important}
html body .hero .hero-proof :is(.hp-stars,b){color:#e2c68e!important}
html body .hero .hero-cb b{color:#e2c68e!important;text-decoration:none!important}
html body .hero .hero-veil::after{content:"";position:absolute;inset:auto 0 0;height:42%;pointer-events:none;
  background:radial-gradient(70% 70% at 50% 100%,rgba(217,185,124,.34),rgba(217,185,124,0) 70%),radial-gradient(40% 50% at 18% 100%,rgba(217,185,124,.18),transparent 72%),radial-gradient(40% 50% at 82% 100%,rgba(217,185,124,.18),transparent 72%)}
/* « Cinq étapes » des pages : la section ne coupe plus ce qui dépasse, sinon les cartes ne peuvent pas rester collées */
html body #main#main #deroule{overflow:visible!important}
/* garanties dépliées : textes des cartes lisibles (ils héritaient du gris clair prévu pour le fond bleu marine) */
html body #main#main #garanties .gb-card p:not(.hdoc-h):not(.hdoc-note){color:#4b5563!important;padding-left:0!important;border-left:0!important;text-indent:0!important}
html body #main#main #garanties .gb-card p::before{content:none!important}
html body #main#main #garanties .hdoc .hdoc-h{color:var(--marine)!important;padding-left:0!important}
html body #main#main #garanties .hdoc .hdoc-note{color:#6b7280!important;padding-left:0!important}
/* en-tête blanc-gris sur l'accueil aussi, comme sur les pages services (menu fermé) */
html body:not(.menu-open) header#hdr.over-dark,html body:not(.menu-open) header#hdr.over-dark.scrolled,html body:not(.menu-open) header#hdr.over-dark:not(.scrolled){background:rgba(246,247,249,.96)!important;box-shadow:0 1px 0 rgba(31,29,26,.08)!important}
html body:not(.menu-open) header#hdr.over-dark .logo-emb-ink{display:block!important}
html body:not(.menu-open) header#hdr.over-dark .logo-emb-blanc{display:none!important}
html body:not(.menu-open) header#hdr.over-dark :is(.logo-txt,.burger){color:var(--marine)!important;text-shadow:none!important}
html body:not(.menu-open) header#hdr.over-dark .logo-txt .lt2{color:#6b7280!important}
html body:not(.menu-open) header#hdr.over-dark .logo-emb{filter:none!important}
html body:not(.menu-open) header#hdr.scrolled:not(.over-dark){background:rgba(246,247,249,.96)!important}
/* avis Google du haut de l'accueil : plus d'air entre les étoiles, la note et le nombre d'avis */
html body .hero .hero-proof{display:inline-flex!important;align-items:center;gap:12px!important;padding-left:20px!important;padding-right:20px!important}
html body .hero .hero-proof .hp-stars{letter-spacing:.14em}
html body .hero .hero-proof .hp-sub .hp-dot{display:none!important}

/* ===== Cartes d'étapes empilées : toutes de la même hauteur, rien ne dépasse sous la suivante (gérant, 11/10) ===== */
html body #main#main :is(.hs-steps,.lx-frise){display:grid!important;grid-template-columns:minmax(0,1fr);grid-auto-rows:1fr}
html body #main#main .lx-frise .lx-etape{align-content:center}

/* ===== Territoire repensé (gérant, 11/10/2026) ===== */
html body #main#main #zones.tr2{background:#fff!important}
html body #main#main #zones .tr-carte{position:relative;width:100%;margin:0 auto;padding:var(--pc);border-radius:var(--r);background:#f4f6f9;box-sizing:border-box}
html body #main#main #zones .tr-carte .hs-map{max-width:760px;margin:0 auto}
html body #main#main #zones .hs-reg{stroke:#fff!important;stroke-width:1.4!important}
html body #main#main #zones .hs-reg.hs-in{fill:var(--marine)!important}
html body #main#main #zones .hs-reg.hs-second{fill:#b9c8de!important}
html body #main#main #zones .hs-reg.hs-out{fill:#dfe5ee!important}
html body #main#main #zones .hs-legend{display:flex!important;flex-wrap:wrap;justify-content:center!important;gap:12px 28px!important;margin:24px 0 0!important;padding:0;list-style:none;font-size:.95rem;font-weight:600;color:var(--marine)}
html body #main#main #zones .hs-legend li{display:flex;align-items:center;gap:9px}
html body #main#main #zones .hs-legend li::before{width:16px;height:16px;margin:0;border-radius:5px;flex:none}
html body #main#main #zones .hs-legend .a::before{background:var(--marine)!important;border:0!important}
html body #main#main #zones .hs-legend .c::before{background:#b9c8de!important;border:0!important}
html body #main#main #zones .hs-legend .b::before{background:#dfe5ee!important;border:1px solid #c5cfdd!important}
html body #main#main #zones .hs-terr-sub{margin:var(--h-pied) 0 16px!important;text-align:center!important;color:var(--lx-gold-d,#8a6f46)}
html body #main#main #zones .hs-chips{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px!important;width:100%}
html body #main#main #zones .hs-chips a{display:flex;align-items:center;justify-content:center;min-height:52px;padding:12px 10px!important;border:0!important;border-radius:14px!important;
  background:#f4f6f9!important;color:var(--marine)!important;font-weight:600;font-size:1rem;text-align:center;text-decoration:none;transition:background .2s,color .2s}
html body #main#main #zones .hs-chips a:hover,html body #main#main #zones .hs-chips a:focus-visible{background:var(--marine)!important;color:#fff!important}
@media (max-width:700px){
  html body #main#main #zones .hs-chips{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px!important}
  html body #main#main #zones .hs-chips a{min-height:46px;font-size:.92rem;padding:10px 6px!important}
  html body #main#main #zones .hs-legend{gap:10px 18px!important;font-size:.86rem}
  html body #main#main #zones .tr-carte{padding:16px 14px 20px}
}
html body #main#main #zones .tr-carte{overflow:hidden}
html body #main#main #zones .hs-map svg{overflow:hidden!important}
/* bulle d'appel (ordinateur) : numéro en blanc sur le bleu marine */
html body .wa-fab .fab-call .fab-num{color:#fff!important}
/* barre de progression de lecture : bleu marine (thème blanc et bleu) */
html body .lect-barre{background:linear-gradient(90deg,#1F1D1A,#3b5c8f)!important}
/* carte du territoire : bords fondus plutôt que coupés net */
html body #main#main #zones .hs-map svg{-webkit-mask-image:radial-gradient(ellipse 72% 78% at 46% 44%,#000 62%,transparent 100%);mask-image:radial-gradient(ellipse 72% 78% at 46% 44%,#000 62%,transparent 100%)}
/* haut de l'accueil : plus chaleureux (gérant, 11/10) : film en couleurs, voile bleu marine plus léger, halo doré */
html body .hero .hero-media video,html body .hero .hero-media img{filter:saturate(.95) contrast(1.02)!important}
html body .hero .hero-veil{background:radial-gradient(60% 45% at 85% 0%,rgba(217,185,124,.26),rgba(217,185,124,0) 70%),radial-gradient(90% 60% at 50% 40%,rgba(20,18,16,.30),rgba(20,18,16,0) 78%),linear-gradient(180deg,rgba(20,18,16,.58),rgba(31,29,26,.34) 46%,rgba(20,18,16,.82))!important}
html body .hero h1 em{color:#e2c68e!important}
html body .hero .hero-veil{background:linear-gradient(rgba(176,142,87,.14),rgba(176,142,87,.14)),radial-gradient(60% 45% at 85% 0%,rgba(217,185,124,.30),rgba(217,185,124,0) 70%),radial-gradient(90% 60% at 50% 40%,rgba(20,18,16,.26),rgba(20,18,16,0) 78%),linear-gradient(180deg,rgba(20,18,16,.52),rgba(31,29,26,.26) 46%,rgba(20,18,16,.78))!important}
/* dernière section allégée (gérant, 11/10) : titre, une phrase, deux boutons, lien de rappel */
html body .final .final-cta{display:flex!important;flex-direction:column;align-items:center;gap:12px;width:100%;max-width:440px;margin:var(--h-tete) auto 0!important}
html body .final .final-cta .btn{width:100%;justify-content:center}
html body .final .final-cb{display:block;margin:20px auto 0;padding:10px 12px;border:0;background:none;cursor:pointer;font:500 1rem/1.4 Inter,system-ui,sans-serif;color:inherit;text-align:center}
html body .final .final-cb b{color:var(--lx-gold-d,#8a6f46);font-weight:700}
html body:has(.lx-hero) .final .final-cb b,html body .final.f-marine .final-cb b{color:#e2c68e}
html body.home-story:not(:has(.lx-hero)) .final .final-cb{color:#374151}
/* bouton WhatsApp du bas de l'accueil (fond blanc) : texte bleu marine */
html body.home-story:not(:has(.lx-hero)) #main .final .btn.btn-wa{color:var(--marine)!important;background:#fff!important;border:1px solid rgba(31,29,26,.25)!important}
html body.home-story:not(:has(.lx-hero)) #main .final .btn.btn-wa svg path{fill:var(--marine)!important}

/* ===== « Cinq étapes » des 6 pages : même style que les étapes de l'accueil (gérant, 11/10) =====
   grand chiffre doré à empattements, titre à empattements, texte courant ; mêmes cartes empilées */
html body #main#main .lx-frise .lx-etape{grid-template-columns:auto minmax(0,1fr)!important;column-gap:16px!important;row-gap:0!important;text-align:left}
html body #main#main .lx-frise .lx-num{grid-row:1 / span 2;align-self:center!important;width:auto!important;height:auto!important;border:0!important;border-radius:0!important;background:none!important;
  font:500 clamp(4.5rem,2rem + 8vw,8.4rem)/.82 "Playfair Display",Didot,"Bodoni 72",Georgia,serif!important;letter-spacing:-.04em;color:#d9b97c!important}
html body #main#main .lx-frise .lx-etape h3{margin:0 0 .5em!important;font:500 clamp(1.7rem,1.1rem + 1.7vw,2.46rem)/1.1 "Playfair Display",Didot,"Bodoni 72",Georgia,serif!important;letter-spacing:-.015em;color:var(--marine)!important}
html body #main#main .lx-frise .lx-etape p{font-size:clamp(1.05rem,1rem + .3vw,1.24rem)!important;line-height:1.62!important;color:#4f5e55!important}
@media (min-width:701px){html body #main#main .lx-frise .lx-etape{column-gap:38px!important}}
html body #main#main .hs-step h3{color:var(--marine)!important}
html body #main#main .lx-frise{max-width:880px!important}

/* =====================================================================================================
   CHALEUR (gérant, 11/10/2026 : « ça fait très froid, mais très moderne ») · conseils communs ChatGPT + Gemini
   Base blanc + bleu marine conservée. On retire le blanc optique, les gris bleutés et les contours gris ;
   on met du blanc chaud, un ivoire, un liseré sable, des ombres chaudes et une lueur dorée sur le bleu marine.
   ===================================================================================================== */
:root{--ivoire:#FCF9F4;--creme:#F5F0E8;--sable:#EAE1D5;--or-texte:#9C743B;--texte-chaud:#4A443C;
  --ombre-chaude:0 14px 34px -16px rgba(42,33,22,.16),0 2px 8px rgba(42,33,22,.04)}
/* sections blanches : un blanc qui glisse vers l'ivoire */
html body #main#main > :is(section,nav):is(.f-blanc,#espace,#methode,#avis,#zones){background:linear-gradient(180deg,#FFFFFF 0%,#FCFAF7 100%)!important}
html body.home-story:not(:has(.lx-hero)) .final{background:linear-gradient(180deg,#FFFFFF 0%,#FCFAF7 100%)!important}
/* sections bleu marine : lueur dorée très discrète */
html body #main#main > :is(section,nav):is(.f-marine,#videos,#questions){background:radial-gradient(ellipse at 85% 8%,rgba(217,185,124,.13),transparent 55%),#1F1D1A!important}
html body:has(.lx-hero) .final{background:radial-gradient(ellipse at 85% 8%,rgba(217,185,124,.13),transparent 55%),#1F1D1A!important}
/* cartes sur fond clair : ivoire, liseré sable, ombre chaude */
html body #main#main :is(.hs-step,.lx-frise .lx-etape,#avis .rev-card,.lx-avis .rev-card){background:var(--ivoire)!important;border:1px solid var(--sable)!important;box-shadow:var(--ombre-chaude)!important}
html body #main#main :is(.f-blanc .lx-rien-i,.f-blanc .lx-encadre,.f-blanc .lx-autre,#zones .tr-carte,#zones .hs-chips a){background:var(--creme)!important;border:1px solid var(--sable)!important}
html body #main#main #zones .hs-chips a:hover{background:var(--marine)!important;color:#fff!important}
html body #main#main .f-blanc .lx-rien-i .lx-coche{background:#fff!important;box-shadow:0 4px 12px -6px rgba(42,33,22,.25)}
html body #main#main .sel-card.sel-small{background:var(--ivoire)!important;border:1px solid var(--sable)!important;box-shadow:var(--ombre-chaude)!important}
/* textes : brun chaud plutôt que gris bleuté ; or plus soutenu sur fond clair */
html body #main#main .f-blanc{--t2:var(--texte-chaud)}
html body #main#main :is(.hs-step p,.lx-frise .lx-etape p,#avis .rev-card p,.f-blanc .lx-lead,.f-blanc .lx-encadre p,#zones .hs-lead,#espace .sel-sub,#methode .hs-lead,#avis .big-muted,.sel-s){color:var(--texte-chaud)!important}
html body #main#main > :is(section,nav):is(.f-blanc,#espace,#methode,#avis,#zones) :is(h2,.hs-h2,.sel-h2,.lx-h2) em{color:var(--or-texte)!important}
html body.home-story:not(:has(.lx-hero)) .final h2 em{color:var(--or-texte)!important}
html body #main#main > :is(section,nav):is(.f-marine,#videos,#questions,#garanties) :is(h2,.hs-h2,.lx-h2) em{color:#E0C58F!important}
html body #main#main :is(.hs-num,.lx-frise .lx-num){color:#C5A36B!important}
/* photos des catégories : un soupçon de chaleur (jamais sur les avant/après) */
html body #main#main :is(.sel-card img,.lx-autre img){filter:brightness(1.05) saturate(1.08) sepia(.045)}
/* boutons : le principal reste très contrasté ; le secondaire devient ivoire ; sur bleu marine, ivoire au lieu de blanc optique */
html body #main#main :is(.f-blanc,#espace,#methode,#avis,#zones) .btn.btn-wa,html body.home-story:not(:has(.lx-hero)) #main .final .btn.btn-wa,html body .lx-hero.f-blanc .btn.btn-wa{background:#FFF9EF!important;color:var(--marine)!important;border:1px solid #E6D7BF!important;box-shadow:0 5px 18px rgba(29,26,20,.08)!important}
html body :is(#cta,.f-marine) .btn.btn-green,html body:has(.lx-hero) .final .btn.btn-green,html body .hero .btn.btn-green{background:#FFF9EF!important;border-color:#FFF9EF!important}
html body :is(#cta,.f-marine) .btn.btn-wa,html body:has(.lx-hero) .final .btn.btn-wa{background:#FFF9EF!important;color:var(--marine)!important;border:1px solid #E6D7BF!important}
html body .hero .btn.btn-wa{background:rgba(217,185,124,.15)!important;border:1.5px solid #d9b97c!important;color:#fff!important}
@media (max-width:820px){html body .wa-fab .fab-call,html body .wa-fab.scrolling .fab-call{background:#FFF9EF!important}}
/* en-tête : ivoire plutôt que blanc-gris */
html body:not(.menu-open) header#hdr.over-dark,html body:not(.menu-open) header#hdr.scrolled,html body:not(.menu-open) header#hdr.over-dark:not(.scrolled){background:rgba(252,249,244,.96)!important;box-shadow:0 1px 0 rgba(42,33,22,.07)!important}
/* carte du territoire : sable chaud au lieu du bleu clair */
html body #main#main #zones .hs-reg.hs-second{fill:#DCCBAA!important}
html body #main#main #zones .hs-reg.hs-out{fill:#EFE8DC!important}
html body #main#main #zones .hs-legend .c::before{background:#DCCBAA!important}
/* grandes cartes photo du sélecteur : le sous-titre reste blanc sur la photo */
html body #main#main .sel-card.sel-big .sel-s{color:rgba(255,255,255,.88)!important}

/* ===== Haut des 6 pages allégé (gérant, 11/10 : « trop fouillis ») =====
   plus de surtitre ; « Changer d'espace » devient un simple lien ; sur téléphone, la barre du bas porte déjà
   Appeler et Envoyer des photos : les deux gros boutons et la phrase d'accroche disparaissent, l'avant/après remonte. */
html body #main#main .lx-hero .lx-sur{display:none!important}
html body #main#main .lx-hero .lx-back{display:inline-flex;align-items:center;gap:6px;padding:6px 4px!important;border:0!important;background:none!important;box-shadow:none!important;
  font:500 .92rem/1.2 Inter,system-ui,sans-serif;color:#6b6358!important;margin-bottom:14px!important}
html body #main#main .lx-hero .lx-back:hover{color:var(--marine)!important}
@media (max-width:700px){
  html body #main#main .lx-hero .lx-accroche,html body #main#main .lx-hero .lx-cta{display:none!important}
  html body #main#main .lx-hero h1{font-size:clamp(1.9rem,1.2rem + 3.4vw,2.3rem)!important;line-height:1.12!important;margin-bottom:0!important}
  html body #main#main .lx-hero .hero-proof{margin-top:14px!important}
  html body #main#main .lx-hero .ba-haut{margin-top:24px!important}
}
html body #main#main #espace .sel-card.sel-big .sel-s{color:rgba(255,255,255,.9)!important}

/* ===== AMBIANCE LIN, BLEU MARINE ET OR (11/10/2026 : terracotta choisie puis « j'aime pas trop le orange ») =====
   fond lin clair #F7F1E8, cartes blanches, bleu marine #1F1D1A, accent or bronze #A5773A (#E6C88E sur fond foncé) */
html:root:root:root body,html:root:root:root body #main#main{background:#F7F1E8!important}
html:root:root:root body #main#main > :is(section,nav):is(.f-blanc,#espace,#methode,#avis,#zones),html:root:root:root body.home-story:not(:has(.lx-hero)) .final,html:root:root:root body #main#main .lx-hero.f-blanc{background:#F7F1E8!important}
html:root:root:root body #main#main > :is(section,nav):is(.f-marine,#videos,#questions,#garanties),html:root:root:root body:has(.lx-hero) .final,html:root:root:root body.home-story:not(:has(.lx-hero)) footer{background:radial-gradient(ellipse at 85% 6%,rgba(217,185,124,.16),transparent 58%),#1F1D1A!important}
html:root:root:root body:has(.lx-hero) footer{background:#F7F1E8!important}
html:root:root:root body #main#main :is(.hs-step,.lx-frise .lx-etape,#avis .rev-card,.lx-avis .rev-card,.sel-card.sel-small),html:root:root:root body #main#main :is(.f-blanc .lx-rien-i,.f-blanc .lx-encadre,.f-blanc .lx-autre,#zones .tr-carte,#zones .hs-chips a){background:#FFFFFF!important;border-color:#EADFCF!important}
html:root:root:root body #main#main > :is(section,nav):is(.f-blanc,#espace,#methode,#avis,#zones) :is(h2,.hs-h2,.sel-h2,.lx-h2) em,html:root:root:root body.home-story:not(:has(.lx-hero)) .final h2 em,html:root:root:root body #main#main .lx-hero h1 em{color:#A5773A!important}
html:root:root:root body #main#main > :is(section,nav):is(.f-blanc,#espace,#methode,#avis,#zones) :is(.lx-eyebrow,.hs-eyebrow,.sel-eyebrow,.eyebrow,.hs-terr-sub),html:root:root:root body.home-story:not(:has(.lx-hero)) .final .eyebrow{color:#A5773A!important}
html:root:root:root body #main#main > :is(section,nav):is(.f-marine,#videos,#questions,#garanties) :is(h2,.hs-h2,.lx-h2) em,html:root:root:root body:has(.lx-hero) .final h2 em{color:#E6C88E!important}
html:root:root:root body #main#main :is(.hs-num,.lx-frise .lx-num){color:#B88A4E!important}
html:root:root:root body #main#main :is(.hs-step p,.lx-frise .lx-etape p,#avis .rev-card p,.f-blanc .lx-lead,#zones .hs-lead,#espace .sel-sub,#methode .hs-lead,#avis .big-muted){color:#463E34!important}
html:root:root:root body .btn.btn-green,html:root:root:root body .lx-hero.f-blanc .btn.btn-green,html:root:root:root body.home-story:not(:has(.lx-hero)) .final .btn.btn-green{background:#1F1D1A!important;border-color:#1F1D1A!important;color:#FFFFFF!important}
html:root:root:root body :is(.hero,#cta,.f-marine) .btn.btn-green,html:root:root:root body:has(.lx-hero) .final .btn.btn-green{background:#FFF9EF!important;border-color:#FFF9EF!important;color:#1F1D1A!important}
html:root:root:root body .btn.btn-green svg path{fill:currentColor!important}
html:root:root:root body:not(.menu-open) header#hdr.over-dark,html:root:root:root body:not(.menu-open) header#hdr.scrolled,html:root:root:root body:not(.menu-open) header#hdr.over-dark:not(.scrolled){background:rgba(247,241,232,.96)!important}
html:root:root:root body .wa-fab{background:#1F1D1A!important}
html:root:root:root body #main#main #zones .hs-reg.hs-in,html:root:root:root body #main#main #zones .hs-legend .a::before{fill:#1F1D1A!important;background:#1F1D1A!important}
html:root:root:root body .wa-fab .fab-call,html:root:root:root body .wa-fab.scrolling .fab-call{background:#FFF9EF!important;color:#1F1D1A!important}
html:root:root:root body .wa-fab .fab-call .fab-ic svg path{fill:#1F1D1A!important}

/* chaleur par défaut : le blanc chaud s'applique aussi aux sections de l'accueil (une règle plus ancienne les forçait en blanc pur) */
html:root:root body #main#main > :is(section,nav):is(.f-blanc,#espace,#methode,#avis,#zones){background:linear-gradient(180deg,#FFFFFF 0%,#FCFAF7 100%)!important}
html:root:root body #main#main > :is(section,nav):is(.f-marine,#videos,#questions){background:radial-gradient(ellipse at 85% 8%,rgba(217,185,124,.13),transparent 55%),#1F1D1A!important}
/* bouton d'appel : bleu marine sur ordinateur (numéro blanc), ivoire dans la barre du bas sur téléphone */
@media (min-width:821px){html:root:root:root body .wa-fab .fab-call,html:root:root:root body .wa-fab.scrolling .fab-call{background:#1F1D1A!important;color:#fff!important}
  html:root:root:root body .wa-fab .fab-call :is(.fab-num,.fab-num::after){color:#fff!important}
  html:root:root:root body .wa-fab .fab-call .fab-ic svg path{fill:#fff!important}}
@media (max-width:820px){html:root:root:root body .wa-fab .fab-call,html:root:root:root body .wa-fab.scrolling .fab-call{background:#FFF9EF!important;color:#1F1D1A!important}
  html:root:root:root body .wa-fab .fab-call .fab-ic svg path{fill:#1F1D1A!important}}

/* =====================================================================================================
   PLUS DE CHALEUR (gérant, 11/10/2026 soir : « mets de la chaleur, c'est trop froid ») · sans orange
   Sections foncées : bleu nuit qui glisse vers un brun chaud, lueur dorée. Sections claires : lin doré.
   Cartes ivoire à liseré or. Accents or plus présents.
   ===================================================================================================== */
:root{--fonce-chaud:radial-gradient(ellipse at 88% 0%,rgba(217,185,124,.24),transparent 55%),linear-gradient(165deg,#16243D 0%,#1E2739 45%,#2E2A2C 78%,#3A2F27 100%);
  --lin-chaud:linear-gradient(180deg,#F6EDDF 0%,#F2E6D3 100%);--ivoire-chaud:#FFFBF4;--liseré-or:#E7D5B4;--or-vif:#B8893F}
html:root:root:root:root body{background:#F4EADB!important}
html:root:root:root:root body #main#main > :is(section,nav):is(.f-blanc,#espace,#methode,#avis,#zones,#prise-en-charge,#simulateur,#metiers,.devis-sec),
html:root:root:root:root body #main#main .lx-hero.f-blanc,
html:root:root:root:root body.home-story:not(:has(.lx-hero)) .final,
html:root:root:root:root body:has(.lx-hero) footer{background:var(--lin-chaud)!important}
html:root:root:root:root body #main#main > :is(section,nav):is(.f-marine,#videos,#questions,#garanties,#votre-situation,.hs-svc-dark,.dark):not(#cta):not(.hero):not(.lx-hero):not(.final),
html:root:root:root:root body:has(.lx-hero) .final,
html:root:root:root:root body.home-story:not(:has(.lx-hero)) footer,
html:root:root:root:root body:not(.home-story) footer,
html:root:root:root:root body section.svc-hero{background:var(--fonce-chaud)!important}
html:root:root:root:root body :is(.hs-step,.lx-frise .lx-etape,.avis-sec .rev-card,.sel-card.sel-small,.legal-card,.devis-card,.hs-svc-pt,.gb-card,.f-blanc .lx-zone,.f-blanc .px-bloc),
html:root:root:root:root body :is(.f-blanc .lx-rien-i,.f-blanc .lx-encadre,.f-blanc .lx-autre,#zones .tr-carte,#zones .hs-chips a){background:var(--ivoire-chaud)!important;border-color:var(--liseré-or)!important}
html:root:root:root:root body .f-marine :is(.lx-zone,.px-bloc,.lx-encadre){background:rgba(255,247,232,.07)!important;border-color:rgba(231,213,180,.22)!important}
html:root:root:root:root body #main#main > :is(section,nav):is(.f-blanc,#espace,#methode,#avis,#zones,#prise-en-charge,#simulateur,#metiers) :is(.lx-eyebrow,.hs-eyebrow,.sel-eyebrow,.eyebrow,.hs-terr-sub){color:var(--or-vif)!important}
html:root:root:root:root body #main#main > :is(section,nav):is(.f-blanc,#espace,#methode,#avis,#zones,#prise-en-charge,#simulateur,#metiers) :is(h2,.hs-h2,.sel-h2,.lx-h2) em{color:var(--or-vif)!important}
html:root:root:root:root body :is(.hs-num,.lx-frise .lx-num){color:#C9A15E!important}
html:root:root:root:root body:not(.menu-open) header#hdr:is(.scrolled,.over-dark){background:rgba(246,237,223,.96)!important}
@media (max-width:820px){html:root:root:root:root body .wa-fab{background:linear-gradient(165deg,#1B2840,#2E2A2C)!important}}
html:root:root:root:root body .navmenu{background:var(--fonce-chaud)!important}
html:root:root:root:root body #main#main #avis .rev-card{background:var(--ivoire-chaud)!important;border-color:var(--liseré-or)!important}

/* =====================================================================================================
   SYSTÈME DE COULEURS UNIQUE (gérant, 11/10/2026 : « des couleurs modernes et cohérentes »)
   Quatre teintes, partout pareil, aplats sans dégradé :
   ivoire #FAF6EF (fonds clairs) · blanc #FFFFFF (cartes) · bleu marine #1F1D1A (fonds foncés, titres, bouton principal)
   · or #C29A52 (accent ; #9C7635 pour le petit texte sur fond clair, #D9B97C sur fond foncé). Texte courant #4A4540.
   ===================================================================================================== */
:root{--k-ivoire:#FAF6EF;--k-blanc:#FFFFFF;--k-bord:#ECE3D3;--k-nuit:#1F1D1A;--k-or:#C29A52;--k-or-txt:#9C7635;--k-or-clair:#D9B97C;--k-texte:#4A4540}
html:root:root:root:root:root body{background:var(--k-ivoire)!important}
/* fonds clairs : ivoire uni */
html:root:root:root:root:root body #main#main > :is(section,nav):is(.f-blanc,#espace,#methode,#avis,#zones,#prise-en-charge,#simulateur,#metiers,.devis-sec),
html:root:root:root:root:root body #main#main .lx-hero.f-blanc,html:root:root:root:root:root body.home-story:not(:has(.lx-hero)) .final,html:root:root:root:root:root body:has(.lx-hero) footer{background:var(--k-ivoire)!important;background-image:none!important}
/* fonds foncés : bleu marine uni */
html:root:root:root:root:root body #main#main > :is(section,nav):is(.f-marine,#videos,#questions,#garanties,#votre-situation,.hs-svc-dark,.dark):not(#cta):not(.hero):not(.lx-hero):not(.final),
html:root:root:root:root:root body:has(.lx-hero) .final,html:root:root:root:root:root body.home-story:not(:has(.lx-hero)) footer,html:root:root:root:root:root body:not(.home-story) footer,html:root:root:root:root:root body section.svc-hero,html:root:root:root:root:root body .navmenu{background:var(--k-nuit)!important;background-image:none!important}
html:root:root:root:root:root body section.hero .hero-bg{background:var(--k-nuit)!important}
/* cartes : blanches à liseré clair sur fond clair, voile transparent sur fond foncé */
html:root:root:root:root:root body :is(.hs-step,.lx-frise .lx-etape,.avis-sec .rev-card,.sel-card.sel-small,.legal-card,.devis-card,.hs-svc-pt,.gb-card,.f-blanc .lx-zone,.f-blanc .px-bloc,.f-blanc .lx-rien-i,.f-blanc .lx-encadre,.f-blanc .lx-autre,#zones .tr-carte,#zones .hs-chips a){background:var(--k-blanc)!important;border-color:var(--k-bord)!important}
html:root:root:root:root:root body #main#main #avis .rev-card{background:var(--k-blanc)!important;border-color:var(--k-bord)!important}
html:root:root:root:root:root body .f-marine :is(.lx-zone,.px-bloc,.lx-encadre){background:rgba(255,255,255,.06)!important;border-color:rgba(255,255,255,.12)!important}
html:root:root:root:root:root body #main#main :is(#questions,.f-marine) details{background:rgba(255,255,255,.06)!important;border-color:rgba(255,255,255,.12)!important}
html:root:root:root:root:root body #main#main :is(#questions,.f-marine) details[open]{background:rgba(255,255,255,.09)!important;border-color:rgba(217,185,124,.45)!important}
/* accent or, un seul : petit texte doré foncé sur clair, or clair sur foncé */
html:root:root:root:root:root body #main#main > :is(section,nav):not(.f-marine):not(#videos):not(#questions):not(#garanties):not(#votre-situation):not(.hs-svc-dark):not(.dark):not(.hero) :is(.lx-eyebrow,.hs-eyebrow,.sel-eyebrow,.eyebrow,.svc-eyebrow,.hs-terr-sub){color:var(--k-or-txt)!important}
html:root:root:root:root:root body #main#main > :is(section,nav):not(.f-marine):not(#videos):not(#questions):not(#garanties):not(#votre-situation):not(.hs-svc-dark):not(.dark):not(.hero) :is(h2,.hs-h2,.sel-h2,.lx-h2,h1) em{color:var(--k-or)!important}
html:root:root:root:root:root body.home-story:not(:has(.lx-hero)) .final :is(.eyebrow){color:var(--k-or-txt)!important}
html:root:root:root:root:root body.home-story:not(:has(.lx-hero)) .final h2 em{color:var(--k-or)!important}
html:root:root:root:root:root body #main#main > :is(section,nav):is(.f-marine,#videos,#questions,#garanties,#votre-situation,.hs-svc-dark,.dark,#cta,.hero) :is(.lx-eyebrow,.hs-eyebrow,.eyebrow,.svc-eyebrow){color:var(--k-or-clair)!important}
html:root:root:root:root:root body #main#main > :is(section,nav):is(.f-marine,#videos,#questions,#garanties,#votre-situation,.hs-svc-dark,.dark,#cta,.hero) :is(h1,h2,.hs-h2,.lx-h2) em,html:root:root:root:root:root body:has(.lx-hero) .final h2 em,html:root:root:root:root:root body:has(.lx-hero) .final .eyebrow{color:var(--k-or-clair)!important}
html:root:root:root:root:root body :is(.hs-num,.lx-frise .lx-num){color:var(--k-or)!important}
html:root:root:root:root:root body :is(.rev-stars,.hp-stars){color:var(--k-or-clair)!important}
html:root:root:root:root:root body :is(#questions,.f-marine) .plus{color:var(--k-or-clair)!important;border-color:rgba(217,185,124,.5)!important}
/* textes */
html:root:root:root:root:root body #main#main > :is(section,nav):not(.f-marine):not(#videos):not(#questions):not(#garanties):not(#votre-situation):not(.hs-svc-dark):not(.dark):not(.hero):not(#cta) :is(h2,h3,.hs-h2,.sel-h2,.lx-h2){color:var(--k-nuit)}
html:root:root:root:root:root body :is(.hs-step p,.lx-frise .lx-etape p,.avis-sec .rev-card p,.f-blanc .lx-lead,.f-blanc .lx-encadre p,#zones .hs-lead,#espace .sel-sub,#methode .hs-lead,#avis .big-muted,.gb-card p,.f-blanc .lx-zone p){color:var(--k-texte)!important}
/* boutons : principal bleu marine sur clair, blanc sur foncé ; WhatsApp en contour */
html:root:root:root:root:root body .btn.btn-green{background:var(--k-nuit)!important;background-image:none!important;border-color:var(--k-nuit)!important;color:#fff!important}
html:root:root:root:root:root body .btn.btn-green svg path{fill:#fff!important}
html:root:root:root:root:root body :is(.f-marine,.dark,.hs-svc-dark,.svc-hero,.hero,.hs-cta,#cta) .btn.btn-green,html:root:root:root:root:root body:has(.lx-hero) .final .btn.btn-green{background:#fff!important;border-color:#fff!important;color:var(--k-nuit)!important}
html:root:root:root:root:root body :is(.f-marine,.dark,.hs-svc-dark,.svc-hero,.hero,.hs-cta,#cta) .btn.btn-green svg path,html:root:root:root:root:root body:has(.lx-hero) .final .btn.btn-green svg path{fill:var(--k-nuit)!important}
html:root:root:root:root:root body:not(:has(.lx-hero)) .final .final-cta .btn.btn-green{background:var(--k-nuit)!important;border-color:var(--k-nuit)!important;color:#fff!important}
html:root:root:root:root:root body:not(:has(.lx-hero)) .final .final-cta .btn.btn-green svg path{fill:#fff!important}
html:root:root:root:root:root body .btn.btn-wa{background:transparent!important;color:var(--k-nuit)!important;border:1.5px solid var(--k-nuit)!important;box-shadow:none!important}
html:root:root:root:root:root body .btn.btn-wa svg path{fill:var(--k-nuit)!important}
html:root:root:root:root:root body :is(.f-marine,.dark,.hs-svc-dark,.svc-hero,.hero,.hs-cta,#cta) .btn.btn-wa,html:root:root:root:root:root body:has(.lx-hero) .final .btn.btn-wa{background:transparent!important;color:#fff!important;border:1.5px solid rgba(255,255,255,.7)!important}
html:root:root:root:root:root body :is(.f-marine,.dark,.hs-svc-dark,.svc-hero,.hero,.hs-cta,#cta) .btn.btn-wa svg path,html:root:root:root:root:root body:has(.lx-hero) .final .btn.btn-wa svg path{fill:#fff!important}
/* en-tête, barre du bas, bulles */
html:root:root:root:root:root body:not(.menu-open) header#hdr:is(.scrolled,.over-dark){background:rgba(250,246,239,.96)!important;box-shadow:0 1px 0 rgba(31,29,26,.08)!important}
html:root:root:root:root:root body .wa-fab .fab-call,html:root:root:root:root:root body .wa-fab.scrolling .fab-call{background:var(--k-nuit)!important;color:#fff!important}
html:root:root:root:root:root body .wa-fab .fab-call .fab-ic svg path{fill:#fff!important}
@media (max-width:820px){html:root:root:root:root:root body .wa-fab{background:var(--k-nuit)!important}
  html:root:root:root:root:root body .wa-fab .fab-call,html:root:root:root:root:root body .wa-fab.scrolling .fab-call{background:#fff!important;color:var(--k-nuit)!important}
  html:root:root:root:root:root body .wa-fab .fab-call .fab-ic svg path{fill:var(--k-nuit)!important}
  html:root:root:root:root:root body .wa-fab .fab-wa{background:transparent!important;border:1.5px solid rgba(255,255,255,.7)!important;color:#fff!important}}
/* haut de l'accueil : voile bleu marine net (plus de sépia), touches dorées gardées */
html:root:root:root:root:root body .hero .hero-veil{background:linear-gradient(180deg,rgba(31,29,26,.62) 0%,rgba(31,29,26,.42) 45%,rgba(31,29,26,.86) 100%)!important}
html:root:root:root:root:root body .hero .hero-veil::after{background:radial-gradient(70% 60% at 50% 100%,rgba(217,185,124,.22),transparent 70%)!important}
html:root:root:root:root:root body .hero .hero-media :is(video,img){filter:none!important}
/* territoire */
html:root:root:root:root:root body #main#main #zones .hs-reg.hs-in{fill:var(--k-nuit)!important}
html:root:root:root:root:root body #main#main #zones .hs-reg.hs-second{fill:#D9C7A0!important}
html:root:root:root:root:root body #main#main #zones .hs-reg.hs-out{fill:#EEE6D8!important}
html:root:root:root:root:root body #main#main #zones .hs-legend .c::before{background:#D9C7A0!important}
/* bulles d'appel sur ordinateur : plus de bloc bleu derrière (la barre pleine largeur n'existe que sur téléphone) */
@media (min-width:821px){html:root:root:root:root:root:root body .wa-fab{background:transparent!important;box-shadow:none!important;border:0!important}}
html:root:root body .ldf-ck-accept{background:#1F1D1A!important;border-color:#1F1D1A!important;color:#fff!important}html:root:root body .ldf-ck-refuse{color:#1F1D1A!important;border-color:rgba(31,29,26,.35)!important}html:root:root body .ldf-ck-txt a{color:#1F1D1A!important}
/* bas de page CLAIR (accueil, services, villes) : la section porte encore la classe « dark » de l'ancien gabarit,
   on force donc les couleurs du fond clair : accents or foncé, bouton principal bleu marine, WhatsApp en contour bleu marine */
html:root:root:root:root:root:root:root:root body:not(:has(.lx-hero)) section.final :is(.eyebrow,.hs-eyebrow){color:#9C7635!important}
html:root:root:root:root:root:root:root:root body:not(:has(.lx-hero)) section.final h2 em{color:#C29A52!important}
html:root:root:root:root:root:root:root:root body:not(:has(.lx-hero)) section.final h2{color:#1F1D1A!important}
html:root:root:root:root:root:root:root:root body:not(:has(.lx-hero)) section.final .btn.btn-green{background:#1F1D1A!important;border-color:#1F1D1A!important;color:#fff!important}
html:root:root:root:root:root:root:root:root body:not(:has(.lx-hero)) section.final .btn.btn-green svg path{fill:#fff!important}
html:root:root:root:root:root:root:root:root body:not(:has(.lx-hero)) section.final .btn.btn-wa{background:transparent!important;color:#1F1D1A!important;border:1.5px solid #1F1D1A!important}
html:root:root:root:root:root:root:root:root body:not(:has(.lx-hero)) section.final .btn.btn-wa svg path{fill:#1F1D1A!important}
html:root:root:root:root:root:root:root:root body:not(:has(.lx-hero)) section.final .final-cb b{color:#9C7635!important}

/* lisibilité de l'or sur fond clair (gérant, 11/10 : « pas lisible ») · contrastes mesurés :
   petits textes or #86652A (5,0:1 sur ivoire), grands titres en italique or #A8792F (3,6:1), or clair #D9B97C seulement sur bleu marine (8,3:1) */
html:root:root:root:root:root:root:root:root body #main#main#main > :is(section,nav):not(.f-marine):not(#videos):not(#questions):not(#garanties):not(#votre-situation):not(.hs-svc-dark):not(.dark):not(.hero):not(#cta) :is(.lx-eyebrow,.hs-eyebrow,.sel-eyebrow,.eyebrow,.svc-eyebrow,.hs-terr-sub),html:root:root:root:root:root:root:root:root body:not(:has(.lx-hero)) #main#main#main > section.final :is(.eyebrow,.hs-eyebrow),html:root:root:root:root:root:root:root:root body #main#main#main > .lx-hero.f-blanc .lx-sur{color:#86652A!important}
html:root:root:root:root:root:root:root:root body #main#main#main > :is(section,nav):not(.f-marine):not(#videos):not(#questions):not(#garanties):not(#votre-situation):not(.hs-svc-dark):not(.dark):not(.hero):not(#cta) :is(h1,h2,.hs-h2,.sel-h2,.lx-h2) em,html:root:root:root:root:root:root:root:root body:not(:has(.lx-hero)) #main#main#main > section.final h2 em,html:root:root:root:root:root:root:root:root body #main#main#main > .lx-hero.f-blanc h1 em{color:#A8792F!important}
html:root:root:root:root:root:root:root:root body #main#main#main > :is(section,nav):not(.f-marine):not(#videos):not(#questions):not(#garanties):not(#votre-situation):not(.hs-svc-dark):not(.dark):not(.hero):not(#cta) .rev-stars,html:root:root:root:root:root:root:root:root body #main#main#main > .lx-hero.f-blanc .hp-stars,html:root:root:root:root:root:root:root:root body #main#main#main > .lx-hero.f-blanc .hero-proof b{color:#A8792F!important}
html:root:root:root:root:root:root:root:root body:not(:has(.lx-hero)) #main#main#main > section.final .final-cb b,html:root:root:root:root:root:root:root:root body #main#main#main > :is(section,nav):not(.f-marine):not(#videos):not(#questions):not(#garanties):not(#votre-situation):not(.hs-svc-dark):not(.dark):not(.hero):not(#cta) .sel-note a{color:#86652A!important}
html:root:root:root:root:root:root:root:root body #main#main#main .gb-card :is(h3 em,.gb-tag,.hdoc-tag,.hdoc-doc,.gb-stamp){color:#86652A!important;border-color:rgba(134,101,42,.45)!important}
html:root:root:root:root:root:root:root:root body #main#main#main .gb-card .hdoc-doc{background:transparent!important}
html:root:root:root:root:root:root:root:root body:not(:has(.lx-hero)) #main#main#main > section.final .btn.btn-wa{background:transparent!important;color:#1F1D1A!important;border:1.5px solid #1F1D1A!important}
html:root:root:root:root:root:root:root:root body:not(:has(.lx-hero)) #main#main#main > section.final .btn.btn-wa svg path{fill:#1F1D1A!important}
html:root:root:root:root:root:root:root:root body:not(:has(.lx-hero)) #main#main#main > section.final .btn.btn-green{background:#1F1D1A!important;border-color:#1F1D1A!important;color:#fff!important}
html:root:root:root:root:root:root:root:root body #main#main#main > .lx-hero.f-blanc .hero-proof b{color:#86652A!important}
html:root:root:root:root:root:root:root:root body #main#main#main :is(h1,h2,h3,.hs-h2,.sel-h2,.lx-h2) em{-webkit-text-fill-color:currentColor!important;background-image:none!important}
/* bulle d'appel : le libellé « Appeler » (pseudo-élément pendant le défilement) restait vert-noir sur le bleu nuit.
   (un pseudo-élément ne peut pas aller dans :is(), d'où des règles séparées) */
html:root:root:root:root:root:root body .wa-fab .fab-call .fab-num,
html:root:root:root:root:root:root body .wa-fab .fab-call .fab-num::after,
html:root:root:root:root:root:root body .wa-fab .fab-call::after{color:#fff!important;-webkit-text-fill-color:#fff!important}
@media (max-width:820px){
  html:root:root:root:root:root:root body .wa-fab .fab-call .fab-num,
  html:root:root:root:root:root:root body .wa-fab .fab-call .fab-num::after,
  html:root:root:root:root:root:root body .wa-fab .fab-call::after{color:#1F1D1A!important;-webkit-text-fill-color:#1F1D1A!important}
}

/* ==== THÈME « TOUT CLAIR » (gérant, 11/10/2026) ======================================================
   Plus de grandes sections foncées : elles passent en sable clair, textes encre, l'or en accent,
   boutons presque noirs. Les photos et vidéos (hero, avant/après, vidéos) gardent leur voile sombre.
   Pour revenir en arrière : _sauvegardes/*-avant-tout-clair.css */
html:root:root:root:root:root:root:root:root:root:root body #main#main#main#main > :is(#videos,#garanties,#questions,#votre-situation,.f-marine,.final,.hs-svc-dark,.devis-hero){background:#F3ECDF!important;background-image:none!important;color:#4A4540!important}
html:root:root:root:root:root:root:root:root:root:root body #main#main#main#main > :is(#videos,#garanties,#questions,#votre-situation,.f-marine,.final,.hs-svc-dark,.devis-hero) *:not(.tk-ecran):not(.tk-ecran *):not(.tk-aide):not(.ba):not(.ba *):not(.btn):not(.btn *):not(.gb-card *):not(.hdoc *):not(.hero-bg *):not(.hero-veil){color:#4A4540!important;-webkit-text-fill-color:currentColor!important}
html:root:root:root:root:root:root:root:root:root:root body #main#main#main#main > :is(#videos,#garanties,#questions,#votre-situation,.f-marine,.final,.hs-svc-dark,.devis-hero) :is(h1,h2,h3,h4,h5,summary,strong,b,dt):not(.tk-ecran):not(.tk-ecran *):not(.tk-aide):not(.ba):not(.ba *):not(.btn):not(.btn *):not(.gb-card *):not(.hdoc *):not(.hero-bg *):not(.hero-veil){color:#1F1D1A!important}
html:root:root:root:root:root:root:root:root:root:root body #main#main#main#main > :is(#videos,#garanties,#questions,#votre-situation,.f-marine,.final,.hs-svc-dark,.devis-hero) :is(h1,h2,h3,h4) em:not(.tk-ecran):not(.tk-ecran *):not(.tk-aide):not(.ba):not(.ba *):not(.btn):not(.btn *):not(.gb-card *):not(.hdoc *):not(.hero-bg *):not(.hero-veil){color:#9C7635!important}
html:root:root:root:root:root:root:root:root:root:root body #main#main#main#main > :is(#videos,#garanties,#questions,#votre-situation,.f-marine,.final,.hs-svc-dark,.devis-hero) :is(.eyebrow,.hs-eyebrow,[class*="eyebrow"],.lx-kicker,.lx-sur):not(.tk-ecran):not(.tk-ecran *):not(.tk-aide):not(.ba):not(.ba *):not(.btn):not(.btn *):not(.gb-card *):not(.hdoc *):not(.hero-bg *):not(.hero-veil){color:#86652A!important}
html:root:root:root:root:root:root:root:root:root:root body #main#main#main#main > :is(#videos,#garanties,#questions,#votre-situation,.f-marine,.final,.hs-svc-dark,.devis-hero) a:not(.btn):not(.tk-av):not(.tk-ecran):not(.tk-ecran *):not(.tk-aide):not(.ba):not(.ba *):not(.btn):not(.btn *):not(.gb-card *):not(.hdoc *):not(.hero-bg *):not(.hero-veil){color:#7A5B22!important}
html:root:root:root:root:root:root:root:root:root:root body #main#main#main#main > :is(#videos,#garanties,#questions,#votre-situation,.f-marine,.final,.hs-svc-dark,.devis-hero) :is(.lx-zone,.lx-encadre,.px-bloc,details,.tk-nav){background:#fff!important;border-color:#E6DCCB!important;box-shadow:0 10px 30px -22px rgba(60,45,20,.35)!important}
html:root:root:root:root:root:root:root:root:root:root body #main#main#main#main > :is(#videos,#garanties,#questions,#votre-situation,.f-marine,.final,.hs-svc-dark,.devis-hero) :is(.px-bloc li,.lx-zone li){border-color:#EAE1D3!important}
html:root:root:root:root:root:root:root:root:root:root body #main#main#main#main > :is(#videos,#garanties,#questions,#votre-situation,.f-marine,.final,.hs-svc-dark,.devis-hero) :is(.lx-ico,.lx-encadre-i,.px-c){background:rgba(194,154,82,.15)!important;color:#9C7635!important}
html:root:root:root:root:root:root:root:root:root:root body #main#main#main#main > :is(#videos,#garanties,#questions,#votre-situation,.f-marine,.final,.hs-svc-dark,.devis-hero) :is(.lx-ico,.lx-encadre-i,.px-c) :is(svg,path){color:#9C7635!important}
html:root:root:root:root:root:root:root:root:root:root body #main#main#main#main > :is(#videos,#garanties,#questions,#votre-situation,.f-marine,.final,.hs-svc-dark,.devis-hero) #garanties summary, html:root:root:root:root:root:root:root:root:root:root body #main#main#main#main > :is(#videos,#garanties,#questions,#votre-situation,.f-marine,.final,.hs-svc-dark,.devis-hero) summary{border-color:#D8CCB6!important}
html:root:root:root:root:root:root:root:root:root:root body #main#main#main#main > :is(#videos,#garanties,#questions,#votre-situation,.f-marine,.final,.hs-svc-dark,.devis-hero) .tk-barre{background:rgba(31,29,26,.14)!important}
html:root:root:root:root:root:root:root:root:root:root body #main#main#main#main > :is(#videos,#garanties,#questions,#votre-situation,.f-marine,.final,.hs-svc-dark,.devis-hero) .tk-nav :is(svg,path){stroke:#1F1D1A!important;color:#1F1D1A!important}
html:root:root:root:root:root:root:root:root:root:root body #main#main#main#main > :is(#videos,#garanties,#questions,#votre-situation,.f-marine,.final,.hs-svc-dark,.devis-hero) .hero-proof{background:#fff!important;border-color:#E6DCCB!important}
html:root:root:root:root:root:root:root:root:root:root body #main#main#main#main > :is(#videos,#garanties,#questions,#votre-situation,.f-marine,.final,.hs-svc-dark,.devis-hero) .btn:not(.btn-wa){background:#1F1D1A!important;background-image:none!important;color:#fff!important;-webkit-text-fill-color:#fff!important;border-color:#1F1D1A!important}
html:root:root:root:root:root:root:root:root:root:root body #main#main#main#main > :is(#videos,#garanties,#questions,#votre-situation,.f-marine,.final,.hs-svc-dark,.devis-hero) .btn:not(.btn-wa) :is(svg,path){fill:#fff!important}
html:root:root:root:root:root:root:root:root:root:root body #main#main#main#main > :is(#videos,#garanties,#questions,#votre-situation,.f-marine,.final,.hs-svc-dark,.devis-hero) .btn:not(.btn-wa) *{color:#fff!important;-webkit-text-fill-color:#fff!important}
html:root:root:root:root:root:root:root:root:root:root body #main#main#main#main > :is(#videos,#garanties,#questions,#votre-situation,.f-marine,.final,.hs-svc-dark,.devis-hero) .btn.btn-wa{background:transparent!important;color:#1F1D1A!important;-webkit-text-fill-color:#1F1D1A!important;border:1.5px solid #1F1D1A!important}
html:root:root:root:root:root:root:root:root:root:root body #main#main#main#main > :is(#videos,#garanties,#questions,#votre-situation,.f-marine,.final,.hs-svc-dark,.devis-hero) .btn.btn-wa *{color:#1F1D1A!important;-webkit-text-fill-color:#1F1D1A!important}
html:root:root:root:root:root:root:root:root:root:root body #main#main#main#main > :is(#videos,#garanties,#questions,#votre-situation,.f-marine,.final,.hs-svc-dark,.devis-hero) .btn.btn-wa :is(svg,path){fill:#1F1D1A!important}
/* pied de page clair */
html:root:root:root:root:root:root:root:root:root:root body > footer{background:#F3ECDF!important;background-image:none!important;color:#4A4540!important}
html:root:root:root:root:root:root:root:root:root:root body > footer *:not(.foot-logo){color:#4A4540!important;-webkit-text-fill-color:currentColor!important}
html:root:root:root:root:root:root:root:root:root:root body > footer :is(h2,h3,h4,strong,b,.fb-t,.foot-h){color:#1F1D1A!important}
html:root:root:root:root:root:root:root:root:root:root body > footer a{color:#1F1D1A!important}
html:root:root:root:root:root:root:root:root:root:root body > footer :is(.eyebrow,[class*="eyebrow"]){color:#86652A!important}
html:root:root:root:root:root:root:root:root:root:root body > footer :is(.sceaux,hr,.foot-bottom,.fb-i){border-color:rgba(70,62,52,.14)!important}
/* menu plein écran clair */
html:root:root:root:root:root:root:root:root:root:root body #navmenu#navmenu#navmenu{background:#FAF6EF!important;background-image:none!important;color:#4A4540!important}
html:root:root:root:root:root:root:root:root:root:root body #navmenu#navmenu#navmenu *{color:#4A4540!important;-webkit-text-fill-color:currentColor!important}
html:root:root:root:root:root:root:root:root:root:root body #navmenu#navmenu#navmenu :is(.nm-big){color:#1F1D1A!important}
html:root:root:root:root:root:root:root:root:root:root body #navmenu#navmenu#navmenu :is(.nm-lbl,.nm-h,[class*="eyebrow"]){color:#86652A!important}
html:root:root:root:root:root:root:root:root:root:root body #navmenu#navmenu#navmenu a[href*="devis"].nm-big{color:#9C7635!important}
html:root:root:root:root:root:root:root:root:root:root body #navmenu#navmenu#navmenu .nm-tel{color:#1F1D1A!important;border-color:#C29A52!important}
html:root:root:root:root:root:root:root:root:root:root body #navmenu#navmenu#navmenu :is(.nm-foot,li,hr){border-color:rgba(70,62,52,.14)!important}

/* tout clair, finitions : halo sombre du haut de la page devis retiré ; barre d'action du téléphone et en-tête du menu en clair */
html:root:root:root:root:root:root:root:root:root:root body #main#main#main#main > .devis-hero *::before{background:none!important}
@media (max-width:820px){
  html:root:root:root:root:root:root:root:root:root:root body .wa-fab{background:rgba(250,246,239,.97)!important;background-image:none!important;border-top:1px solid #E6DCCB!important;box-shadow:0 -10px 24px -20px rgba(60,45,20,.45)!important}
  html:root:root:root:root:root:root:root:root:root:root body .wa-fab .fab-call{background:#1F1D1A!important;background-image:none!important;color:#fff!important;border-color:#1F1D1A!important}
  html:root:root:root:root:root:root:root:root:root:root body .wa-fab .fab-call *,html:root:root:root:root:root:root:root:root:root:root body .wa-fab .fab-call::after,html:root:root:root:root:root:root:root:root:root:root body .wa-fab .fab-call .fab-num::after{color:#fff!important;-webkit-text-fill-color:#fff!important}
  html:root:root:root:root:root:root:root:root:root:root body .wa-fab .fab-call .fab-ic svg path{fill:#fff!important}
  html:root:root:root:root:root:root:root:root:root:root body .wa-fab .fab-wa{background:transparent!important;color:#1F1D1A!important;border:1.5px solid #1F1D1A!important}
  html:root:root:root:root:root:root:root:root:root:root body .wa-fab .fab-wa *{color:#1F1D1A!important;-webkit-text-fill-color:#1F1D1A!important}
  html:root:root:root:root:root:root:root:root:root:root body .wa-fab .fab-wa svg path{fill:#1F1D1A!important}
}
html:root:root:root:root:root:root:root:root:root:root body.menu-open header#hdr{background:#FAF6EF!important;background-image:none!important;box-shadow:0 1px 0 rgba(31,29,26,.08)!important}
html:root:root:root:root:root:root:root:root:root:root body.menu-open header#hdr .logo-emb-ink{display:block!important}
html:root:root:root:root:root:root:root:root:root:root body.menu-open header#hdr .logo-emb-blanc{display:none!important}
html:root:root:root:root:root:root:root:root:root:root body.menu-open header#hdr :is(.logo-txt,.logo-txt *){color:#1F1D1A!important;text-shadow:none!important}
html:root:root:root:root:root:root:root:root:root:root body.menu-open header#hdr .logo-txt .lt2{color:#86652A!important}
html:root:root:root:root:root:root:root:root:root:root body.menu-open header#hdr .logo-emb{filter:none!important}

html:root:root:root:root:root:root:root:root:root:root body #main#main#main#main > .devis-hero :is(*,*::before,*::after){text-shadow:none!important}
@media (max-width:820px){ html:root:root:root:root:root:root:root:root:root:root body .wa-fab{background:#FAF6EF!important} }

/* fonds alternés d'une section à l'autre (classes posées par alterner_fonds.py) : crème clair / sable */
html:root:root:root:root:root:root:root:root:root:root body #main#main#main#main#main > :is(section,nav).fond-a{background:#FBF8F2!important;background-image:none!important}
html:root:root:root:root:root:root:root:root:root:root body #main#main#main#main#main > :is(section,nav).fond-b{background:#EEE4D2!important;background-image:none!important}
html:root:root:root:root:root:root:root:root:root:root body > footer.fond-a{background:#FBF8F2!important;background-image:none!important}
html:root:root:root:root:root:root:root:root:root:root body > footer.fond-b{background:#EEE4D2!important;background-image:none!important}
/* sur le sable, l'or des petits textes est foncé pour rester lisible (4,98:1) */
html:root:root:root:root:root:root:root:root:root:root body #main#main#main#main#main > :is(section,nav).fond-b :is(.eyebrow,.hs-eyebrow,[class*="eyebrow"],.lx-kicker,.lx-sur,.gb-tag,h5){color:#7A5B22!important;-webkit-text-fill-color:currentColor!important}
html:root:root:root:root:root:root:root:root:root:root body #main#main#main#main#main > :is(section,nav).fond-b :is(h1,h2,h3) em{color:#8C6A2E!important;-webkit-text-fill-color:currentColor!important}
html:root:root:root:root:root:root:root:root:root:root body > footer.fond-b :is(.eyebrow,[class*="eyebrow"]){color:#7A5B22!important}
/* note Google du haut des pages d'espace et du devis : même écart qu'à l'accueil entre « 5,0/5 » et « 105 avis Google » */
html:root:root:root:root:root:root:root:root:root:root body :is(.lx-hero,.devis-hero) .hero-proof .hp-sub{margin-left:.5em!important}
/* comparateur avant/après : l'étiquette disparaît quand sa photo n'est plus visible */
html:root:root:root:root:root:root:root:root:root:root body .ba .ba-et{transition:opacity .25s ease}
html:root:root:root:root:root:root:root:root:root:root body .ba .ba-et.cache{opacity:0!important}

/* « Voir toutes nos garanties » : aucun fond ni cadre derrière les cartes (gérant, 11/10) */
html:root:root:root:root:root:root:root:root:root:root body #main#main#main#main#main > #garanties details.gb-more{background:transparent!important;border:0!important;box-shadow:none!important;padding-left:0!important;padding-right:0!important}

/* « Exemple de devis » sur une seule ligne */
html:root:root:root:root:root:root:root:root:root:root body .hdoc-tag{white-space:nowrap!important}
/* plus d'animation de taille de la photo entre l'accueil et les pages d'espace (gérant : même dimension du début à la fin) */
html:root:root:root:root:root:root:root:root:root:root body :is(.sel-card .sel-media,.sel-card .sel-lab,.lieu-hero .lieu-media,.lieu-hero .lieu-lead,.lx-autre img,.lieu-hero .ba-cadre){view-transition-name:none!important}
/* titres longs des pages d'espace : deux lignes au lieu de trois sur téléphone */
@media (max-width:640px){
  html:root:root:root:root:root:root:root:root:root:root body .lx-hero h1.h1-long :is(.lieu-lead,em){display:inline!important}
  html:root:root:root:root:root:root:root:root:root:root body .lx-hero h1.h1-long{text-wrap:balance}
}

/* comparateur avant/après fluide : découpage et poignée pris en charge par la carte graphique */
html:root:root:root:root:root:root:root:root:root:root body .ba-cadre img.ba-avant{will-change:clip-path}
html:root:root:root:root:root:root:root:root:root:root body .ba .ba-poignee{will-change:transform}

/* défilement plus fluide sur iPhone (gérant, 11/10 : « quand on défile c'est saccadé ») :
   - la barre d'action du bas est opaque : son flou d'arrière-plan ne servait à rien mais était recalculé à chaque image ;
   - même chose pour la note Google des hauts de page clairs ;
   - les calques permanents (lecteur vidéo, avis, menu fermé) sont libérés : la mémoire graphique du téléphone respire */
html:root:root:root:root:root:root:root:root:root:root body .wa-fab,html:root:root:root:root:root:root:root:root:root:root body :is(.lx-hero,.devis-hero) .hero-proof{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
html:root:root:root:root:root:root:root:root:root:root body :is(.tk-v,.rev-card),html:root:root:root:root:root:root:root:root:root:root body .navmenu:not(.open){will-change:auto!important}

/* titres qui coulent quand le découpage coûterait une ligne (classe posée par site.js) */
html:root:root:root:root:root:root:root:root:root:root body :is(h1,h2,h3).h-coule :is(em,span){display:inline!important}
html:root:root:root:root:root:root:root:root:root:root body :is(h1,h2,h3).h-coule{text-wrap:balance}

html:root:root:root:root:root:root:root:root:root:root body #main#main#main#main#main :is(h1,h2,h3).h-coule :is(em,span){display:inline!important}

/* estimateur, panneau de résultat : couleurs du thème clair (il gardait l'ancien dégradé vert foncé) */
html:root:root:root:root:root:root:root:root:root:root body #main#main#main#main#main #estim .estim2-res{background:#FFFFFF!important;background-image:none!important;color:#4A4540!important;border-top:1px solid #ECE3D3!important}
html:root:root:root:root:root:root:root:root:root:root body #main#main#main#main#main #estim .estim2-res *:not(.btn):not(.btn *){color:#4A4540!important;-webkit-text-fill-color:currentColor!important;text-shadow:none!important}
html:root:root:root:root:root:root:root:root:root:root body #main#main#main#main#main #estim .estim2-res :is(.er-lab,.eyebrow){color:#86652A!important}
html:root:root:root:root:root:root:root:root:root:root body #main#main#main#main#main #estim .estim2-res :is(b,strong,h3,h4,.er-lead-h,#estVol b){color:#1F1D1A!important}
html:root:root:root:root:root:root:root:root:root:root body #main#main#main#main#main #estim .estim2-res :is(.er-ticket,.er-rappel,.er-lead){background:transparent!important;background-image:none!important;border-color:#ECE3D3!important;box-shadow:none!important}
html:root:root:root:root:root:root:root:root:root:root body #main#main#main#main#main #estim .estim2-res :is(input,select,textarea){background:#FBF8F2!important;border:1px solid #E3DACA!important;color:#1F1D1A!important;-webkit-text-fill-color:#1F1D1A!important}
html:root:root:root:root:root:root:root:root:root:root body #main#main#main#main#main #estim .estim2-res :is(input,textarea)::placeholder{color:#8A8178!important;-webkit-text-fill-color:#8A8178!important;opacity:1}
html:root:root:root:root:root:root:root:root:root:root body #main#main#main#main#main #estim .estim2-res :is(input,select,textarea):focus{border-color:#C29A52!important;outline:2px solid rgba(194,154,82,.35)!important;outline-offset:1px}
html:root:root:root:root:root:root:root:root:root:root body #main#main#main#main#main #estim .estim2-res .er-rappel-duo button,html:root:root:root:root:root:root:root:root:root:root body #main#main#main#main#main #estim .estim2-res #estIntent button{background:#FFFFFF!important;border:1px solid #E3DACA!important;color:#1F1D1A!important}
html:root:root:root:root:root:root:root:root:root:root body #main#main#main#main#main #estim .estim2-res .er-rappel-duo button.on,html:root:root:root:root:root:root:root:root:root:root body #main#main#main#main#main #estim .estim2-res #estIntent button.on{background:#1F1D1A!important;border-color:#1F1D1A!important;color:#FFFFFF!important;-webkit-text-fill-color:#FFFFFF!important}
html:root:root:root:root:root:root:root:root:root:root body #main#main#main#main#main #estim .estim2-res a:not(.btn){color:#7A5B22!important}

/* avantages listés sous le volume, selon la situation (gérant, 11/10) */
html:root:root:root:root:root:root:root:root:root:root body #main#main#main#main#main #estim .er-plus{list-style:none;margin:6px auto 18px;padding:0;display:grid;gap:9px;max-width:440px;text-align:left}
html:root:root:root:root:root:root:root:root:root:root body #main#main#main#main#main #estim .er-plus li{display:grid;grid-template-columns:22px 1fr;gap:10px;align-items:start;font-size:15px;line-height:1.45;color:#1F1D1A!important}
html:root:root:root:root:root:root:root:root:root:root body #main#main#main#main#main #estim .er-plus li svg{margin-top:2px;color:#9C7635!important;background:rgba(194,154,82,.15);border-radius:50%;padding:3px;width:22px;height:22px}
html:root:root:root:root:root:root:root:root:root:root body #main#main#main#main#main #estim .er-plus li span{color:#1F1D1A!important}

/* coches des avantages centrées sur leur ligne de texte */
html:root:root:root:root:root:root:root:root:root:root body #main#main#main#main#main #estim .er-plus li{align-items:center!important}
html:root:root:root:root:root:root:root:root:root:root body #main#main#main#main#main #estim .er-plus li svg{margin-top:0!important}
/* liste à cocher : deux colonnes, « Rien de tout ça » sur toute la largeur, puis « Continuer » */
html:root:root:root:root:root:root:root:root:root:root body #main#main#main#main#main #estim .ef-opts.ef-cases{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important}
html:root:root:root:root:root:root:root:root:root:root body #main#main#main#main#main #estim .ef-opts.ef-cases button[data-v="rien"]{grid-column:1 / -1}
html:root:root:root:root:root:root:root:root:root:root body #main#main#main#main#main #estim .ef-multi .ef-next{display:flex;width:100%;justify-content:center;margin-top:14px}

/* dernier appel de l'accueil en bande photo, comme « Votre maison peut enfin respirer » */
html:root:root:root:root:root:root:root:root:root:root body #main#main#main#main#main#main > section.final.final-photo{position:relative!important;isolation:isolate;overflow:hidden;background:#1F1D1A!important;background-image:none!important}
html:root:root:root:root:root:root:root:root:root:root body #main#main#main#main#main#main > section.final.final-photo .final-bg{position:absolute;inset:0;z-index:-2;display:block}
html:root:root:root:root:root:root:root:root:root:root body #main#main#main#main#main#main > section.final.final-photo .final-bg img{width:100%;height:100%;object-fit:cover;display:block}
html:root:root:root:root:root:root:root:root:root:root body #main#main#main#main#main#main > section.final.final-photo::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(20,18,16,.70),rgba(20,18,16,.78))!important;display:block!important}
html:root:root:root:root:root:root:root:root:root:root body #main#main#main#main#main#main > section.final.final-photo *:not(.btn):not(.btn *):not(.final-bg):not(.final-bg *){color:rgba(255,255,255,.92)!important;-webkit-text-fill-color:currentColor!important}
html:root:root:root:root:root:root:root:root:root:root body #main#main#main#main#main#main > section.final.final-photo :is(.eyebrow,.hs-eyebrow,[class*="eyebrow"]){color:#D9B97C!important}
html:root:root:root:root:root:root:root:root:root:root body #main#main#main#main#main#main > section.final.final-photo :is(h2,h3){color:#FFFFFF!important}
html:root:root:root:root:root:root:root:root:root:root body #main#main#main#main#main#main > section.final.final-photo :is(h2,h3) em{color:#D9B97C!important}
html:root:root:root:root:root:root:root:root:root:root body #main#main#main#main#main#main > section.final.final-photo .btn:not(.btn-wa){background:#FFFFFF!important;border-color:#FFFFFF!important;color:#1F1D1A!important;-webkit-text-fill-color:#1F1D1A!important}
html:root:root:root:root:root:root:root:root:root:root body #main#main#main#main#main#main > section.final.final-photo .btn:not(.btn-wa) *{color:#1F1D1A!important;-webkit-text-fill-color:#1F1D1A!important}
html:root:root:root:root:root:root:root:root:root:root body #main#main#main#main#main#main > section.final.final-photo .btn:not(.btn-wa) :is(svg,path){fill:#1F1D1A!important}
html:root:root:root:root:root:root:root:root:root:root body #main#main#main#main#main#main > section.final.final-photo .btn.btn-wa{background:transparent!important;border:1.5px solid rgba(255,255,255,.85)!important;color:#FFFFFF!important;-webkit-text-fill-color:#FFFFFF!important}
html:root:root:root:root:root:root:root:root:root:root body #main#main#main#main#main#main > section.final.final-photo .btn.btn-wa *{color:#FFFFFF!important;-webkit-text-fill-color:#FFFFFF!important}
html:root:root:root:root:root:root:root:root:root:root body #main#main#main#main#main#main > section.final.final-photo .btn.btn-wa :is(svg,path){fill:#FFFFFF!important}
html:root:root:root:root:root:root:root:root:root:root body #main#main#main#main#main#main > section.final.final-photo :is(a,button):not(.btn) b,html:root:root:root:root:root:root:root:root:root:root body #main#main#main#main#main#main > section.final.final-photo .final-cb b{color:#D9B97C!important}
/* estimateur : la carte respire autant en bas qu'en haut (l'en-tête et son bouton Retour pèsent en haut) */
html:root:root:root:root:root:root:root:root:root:root body #main#main#main#main#main #estim .estim2-form{padding-bottom:40px!important}
/* page devis : le haut de page ne prend plus tout l'écran, le formulaire se voit tout de suite */
html:root:root:root:root:root:root:root:root:root:root body #main#main#main#main#main > .devis-hero{min-height:0!important;padding-top:112px!important;padding-bottom:28px!important}

/* bande photo du bas : l'italique et le surtitre en or clair (la règle générale les passait en blanc) */
html:root:root:root:root:root:root:root:root:root:root body #main#main#main#main#main#main > section.final.final-photo :is(h2,h3) em:not(#z):not(#z2){color:#D9B97C!important;-webkit-text-fill-color:#D9B97C!important}
html:root:root:root:root:root:root:root:root:root:root body #main#main#main#main#main#main > section.final.final-photo :is(.eyebrow,.hs-eyebrow,[class*="eyebrow"]):not(#z):not(#z2){color:#D9B97C!important;-webkit-text-fill-color:#D9B97C!important}
html:root:root:root:root:root:root:root:root:root:root body #main#main#main#main#main#main > section.final.final-photo :is(h2,h3):not(#z):not(#z2){color:#FFFFFF!important;-webkit-text-fill-color:#FFFFFF!important}
/* estimateur ouvert depuis la barre du bas : panneau qui monte du bas de l'écran */
html.sim-ouvert,html.sim-ouvert body{overflow:hidden!important}
#sim-voile{position:fixed;inset:0;background:rgba(20,18,16,.55);z-index:1000;animation:simVoile .25s ease both}
html:root:root:root:root:root:root:root:root:root:root body #main#main#main#main#main#main > #simulateur.sim-sheet{position:fixed!important;left:0!important;right:0!important;bottom:0!important;top:auto!important;max-height:92svh;overflow-y:auto!important;-webkit-overflow-scrolling:touch;
  z-index:1001!important;border-radius:22px 22px 0 0!important;padding:0 0 calc(24px + env(safe-area-inset-bottom,0px))!important;margin:0!important;
  background:#FBF8F2!important;box-shadow:0 -24px 60px -20px rgba(0,0,0,.45)!important;animation:simMonte .32s cubic-bezier(.2,.8,.2,1) both}
html:root:root:root:root:root:root:root:root:root:root body #main#main#main#main#main#main > #simulateur.sim-sheet > .wrap.center{display:none!important}
html:root:root:root:root:root:root:root:root:root:root body #main#main#main#main#main#main > #simulateur.sim-sheet .reveal{opacity:1!important;transform:none!important}
html:root:root:root:root:root:root:root:root:root:root body #main#main#main#main#main#main > #simulateur.sim-sheet .sim-tete{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;background:#FBF8F2;border-bottom:1px solid #ECE3D3;font:600 17px/1.2 "Playfair Display",Georgia,serif;color:#1F1D1A}
html:root:root:root:root:root:root:root:root:root:root body #main#main#main#main#main#main > #simulateur.sim-sheet .sim-x{width:38px;height:38px;border-radius:50%;border:1px solid #E3DACA;background:#fff;color:#1F1D1A;display:flex;align-items:center;justify-content:center;flex:none}
html:root:root:root:root:root:root:root:root:root:root body #main#main#main#main#main#main > #simulateur.sim-sheet > .wrap{padding:14px 16px 0!important;max-width:none!important}
@keyframes simMonte{from{transform:translateY(40px);opacity:0}to{transform:none;opacity:1}}
@keyframes simVoile{from{opacity:0}to{opacity:1}}
@media (prefers-reduced-motion:reduce){html:root:root:root:root:root:root:root:root:root:root body #main#main#main#main#main#main > #simulateur.sim-sheet,#sim-voile{animation:none}}
/* bouton « Estimer mon débarras » de la barre : icône au trait (la règle des icônes WhatsApp les remplissait) */
html:root:root:root:root:root:root:root:root:root:root body .wa-fab .fab-wa .fab-est-ico :is(rect,path){fill:none!important;stroke:currentColor!important}
html:root:root:root:root:root:root:root:root:root:root body .wa-fab .fab-wa .fab-est-lbl{white-space:nowrap}

/* le libellé « Envoyer des photos » ajouté par la feuille ne doit plus suivre « Estimer mon débarras » */
html:root:root:root:root:root:root:root:root:root:root body .wa-fab .fab-wa.fab-est::after,html:root:root:root:root:root:root:root:root:root:root body .wa-fab .fab-wa.fab-est::before{content:none!important;display:none!important}
html:root:root:root:root:root:root:root:root:root:root body .wa-fab .fab-wa.fab-est{justify-content:center;gap:8px}

/* téléphone : « Appeler » et « Estimer mon débarras » toujours visibles (gérant, 12/10), la barre ne se cache plus jamais */
@media (max-width:820px){ html:root:root:root:root:root:root:root:root:root:root body .wa-fab,html:root:root:root:root:root:root:root:root:root:root body .wa-fab:is(.fab-hold,.fab-calm,.scrolling){transform:none!important;opacity:1!important;pointer-events:auto!important;visibility:visible!important} }

/* surtitres dorés sur sable : or plus foncé (4,98:1) partout, quelle que soit la règle d'origine */
html:root:root:root:root:root:root:root:root:root:root body #main#main#main#main#main#main > :is(section,nav).fond-b :is(.eyebrow,.hs-eyebrow,.lx-eyebrow,[class*="eyebrow"],.hs-terr-sub,.gb-tag,.lx-kicker):not(#z):not(#z2){color:#7A5B22!important;-webkit-text-fill-color:#7A5B22!important}

/* ancres des liens annexes Google Ads : la section arrive juste sous l'en-tête */
#main > .ancre{display:block;height:0;scroll-margin-top:84px}