/* renovation IDF (renovation-ile-de-france.fr) : vr-site.css maquette V2, derive du CSS publie de votre-devis-pac.fr (classes vr-). Invisible Woman, 01/11/2026.
   Accent propre au site : terre cuite #EE8656 sur charbon chaud #2B2622, fonds pierre #F8F3EC. Polices locales, aucune ressource externe. Mobile d'abord. */
@font-face{font-family:"Inter";font-style:normal;font-weight:400 800;font-display:swap;src:url(fonts/inter.woff2) format("woff2")}
@font-face{font-family:"Jakarta";font-style:normal;font-weight:700;font-display:swap;src:url(fonts/pjs-700.woff2) format("woff2")}
@font-face{font-family:"Jakarta";font-style:normal;font-weight:800;font-display:swap;src:url(fonts/pjs-800.woff2) format("woff2")}

:root{
  --navy:#2B2622;        /* charbon : titres, voile du hero, pied de page (14,5:1 sur blanc) */
  --navy-2:#3A332E;
  --navy-3:#4A423C;
  --text:#433E3A;        /* corps : 10,4:1 */
  --muted:#6B635C;       /* secondaire : 6,1:1 sur blanc, 5,7:1 sur --soft */
  --line:#E6DCCF;
  --line-2:#EFE7DC;
  --soft:#F8F3EC;
  --ice:#EE8656;         /* terre cuite : FOND de bouton avec texte charbon (9,0:1) */
  --ice-hover:#F4A07A;   /* survol : charbon dessus 10,2:1 */
  --ice-ink:#A8430F;     /* vert en TEXTE sur clair : 5,9:1 blanc, 5,6:1 --soft, 5,4:1 --ice-soft */
  --ice-on-dark:#FFB690; /* vert en texte sur charbon : 10,5:1 */
  --ice-soft:#FCEBDD;    /* fonds d'encarts, pastilles d'icônes */
  --ok:#15803D;
  --font:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --font-t:"Jakarta","Inter",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --container:1160px;--gutter:20px;
  --s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px;--s7:48px;--s8:64px;--s9:96px;
  --r-sm:8px;--r:12px;--r-lg:18px;--r-btn:10px;
  --shadow-1:0 1px 2px rgba(43,38,34,.06),0 0 0 1px var(--line-2);
  --shadow-2:0 30px 60px -30px rgba(43,38,34,.45),0 0 0 1px rgba(43,38,34,.06);
  --tap:44px;--header-h:60px;--form-h:760px;
}
@media (min-width:760px){:root{--gutter:32px}}
@media (min-width:1024px){:root{--header-h:72px}}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--header-h) + 12px)}
body{margin:0;font-family:var(--font);font-size:1rem;line-height:1.65;color:var(--text);background:#fff;overflow-x:hidden}
@supports (overflow:clip){body{overflow-x:clip}}
img{max-width:100%;height:auto;display:block}
a{color:var(--ice-ink)}
a:hover{color:var(--navy)}
:focus-visible{outline:3px solid var(--ice);outline-offset:2px}
h1,h2,h3,h4{font-family:var(--font-t);color:var(--navy);line-height:1.15;letter-spacing:-.02em;font-weight:800;margin:0 0 var(--s4);overflow-wrap:break-word}
h2{font-size:clamp(1.6rem,1.2rem + 1.6vw,2.375rem)}
h3{font-size:1.125rem;font-weight:700;letter-spacing:-.01em}
p{margin:0 0 var(--s4)}
ul{margin:0 0 var(--s4)}
.vr-wrap{width:100%;max-width:calc(var(--container) + 2 * var(--gutter));margin-inline:auto;padding-inline:var(--gutter)}
.vr-skip{position:absolute;left:-999px;top:8px;background:#fff;padding:8px 12px;z-index:100}
.vr-skip:focus{left:8px}
.vr-small{font-size:.875rem}
.vr-lead{font-size:1.0625rem}
@media (min-width:760px){body{font-size:1.0625rem}.vr-lead{font-size:1.1875rem}}

/* Sur-titre à trait, mot surligné */
.vr-eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:.8125rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ice-ink);margin:0 0 var(--s3)}
.vr-eyebrow::before{content:"";width:24px;height:3px;border-radius:2px;background:var(--ice)}
.vr-eyebrow.vr-on-dark{color:var(--ice-on-dark)}
.vr-mark{background:linear-gradient(transparent 64%,rgba(238,134,86,.30) 64%);padding-inline:3px;margin-inline:-3px;border-radius:2px}
.vr-on-photo .vr-mark{background:linear-gradient(transparent 62%,rgba(238,134,86,.95) 62%);color:#fff}

/* Boutons */
.vr-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:var(--tap);padding:12px 22px;border-radius:var(--r-btn);border:0;background:var(--ice);color:var(--navy);font:inherit;font-size:1rem;font-weight:700;line-height:1.2;text-decoration:none;text-align:center;cursor:pointer;transition:background .15s,box-shadow .15s,transform .15s}
.vr-btn:hover{background:var(--ice-hover);color:var(--navy)}
.vr-btn:active{transform:translateY(1px)}
.vr-btn svg{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.vr-btn-lg{min-height:54px;padding:14px 28px;font-size:1.0625rem;box-shadow:0 12px 26px -12px rgba(238,134,86,.9)}
.vr-btn-navy{background:var(--navy);color:#fff}
.vr-btn-navy:hover{background:var(--navy-3);color:#fff}
.vr-link-arrow{display:inline-flex;align-items:center;gap:8px;min-height:var(--tap);font-weight:700;color:var(--ice-ink);text-decoration:none}
.vr-link-arrow::after{content:"\2192";transition:transform .15s}
.vr-link-arrow:hover::after{transform:translateX(3px)}

/* En-tête blanc, logo carré vert */
.vr-site-header{position:sticky;top:0;z-index:60;background:rgba(255,255,255,.97);-webkit-backdrop-filter:saturate(1.4) blur(10px);backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid var(--line-2)}
.vr-site-header .vr-wrap{display:flex;align-items:center;justify-content:space-between;gap:var(--s4);height:var(--header-h)}
.vr-logo{display:inline-flex;align-items:center;gap:10px;min-height:var(--tap);text-decoration:none;color:var(--navy);font-family:var(--font-t);font-weight:800;font-size:1.25rem;letter-spacing:-.03em;white-space:nowrap}
.vr-logo:hover{color:var(--navy)}
.vr-logo svg{width:34px;height:34px;flex:none}
.vr-logo-tld{color:var(--ice-ink)}
@media (min-width:1024px){.vr-logo{font-size:1.4375rem}.vr-logo svg{width:38px;height:38px}}
.vr-menu-toggle{position:absolute;opacity:0;pointer-events:none}
.vr-burger{display:inline-grid;place-items:center;width:var(--tap);height:var(--tap);border-radius:var(--r-sm);background:var(--soft);cursor:pointer}
.vr-burger span,.vr-burger span::before,.vr-burger span::after{display:block;width:20px;height:2px;border-radius:2px;background:var(--navy);position:relative}
.vr-burger span::before,.vr-burger span::after{content:"";position:absolute;left:0}
.vr-burger span::before{top:-6px}.vr-burger span::after{top:6px}
.vr-nav{display:none}
.vr-menu-toggle:checked~.vr-nav{display:block;position:absolute;left:0;right:0;top:var(--header-h);background:#fff;border-bottom:1px solid var(--line);box-shadow:0 20px 30px -20px rgba(43,38,34,.3);padding:var(--s3) var(--gutter) var(--s5)}
.vr-menu-toggle:focus-visible+.vr-burger{outline:3px solid var(--ice);outline-offset:2px}
.vr-nav ul{list-style:none;margin:0;padding:0}
.vr-nav li a{display:flex;align-items:center;min-height:48px;color:var(--navy);font-weight:600;text-decoration:none;border-bottom:1px solid var(--line-2)}
.vr-nav .vr-btn{margin-top:var(--s4);width:100%}
@media (min-width:1100px){
  .vr-burger{display:none}
  .vr-nav{display:flex;align-items:center;gap:var(--s6)}
  .vr-nav ul{display:flex;gap:var(--s5)}
  .vr-nav li a{min-height:var(--tap);border:0;font-size:1rem}
  .vr-nav li a:hover{color:var(--ice-ink)}
  .vr-nav .vr-btn{margin:0;width:auto}
}

/* ============ HERO ACCUEIL ============ */
.vr-hero{position:relative;isolation:isolate;padding-bottom:var(--s7)}
.vr-hero-grid{display:grid;grid-template-columns:minmax(0,1fr);position:relative}
.vr-hero-bg{grid-column:1/-1;grid-row:1;position:relative;z-index:-1;margin-inline:calc(-1 * var(--gutter));overflow:hidden;background:var(--navy)}
.vr-hero-bg img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:40% 18%}
.vr-hero-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(43,38,34,.66) 0%,rgba(43,38,34,.78) 55%,rgba(43,38,34,.92) 100%)}
.vr-hero-txt{grid-column:1;grid-row:1;padding:var(--s6) 0 calc(var(--s9) + var(--s2));color:#fff}
.vr-hero-txt h1{color:#fff;font-size:clamp(2rem,1.25rem + 3vw,3.5rem);line-height:1.08;letter-spacing:-.035em;max-width:12.5em;margin-bottom:var(--s4)}
.vr-hero-txt .vr-lead{color:#F3EEE8;max-width:34rem;margin-bottom:0}
.vr-chips{display:flex;flex-wrap:wrap;gap:var(--s2);list-style:none;padding:0;margin:var(--s5) 0 0}
.vr-chips li{display:inline-flex;align-items:center;gap:8px;margin:0;min-height:32px;padding:4px 13px 4px 9px;border-radius:999px;background:rgba(255,255,255,.12);box-shadow:inset 0 0 0 1px rgba(255,255,255,.26);color:#fff;font-size:.875rem;font-weight:600;line-height:1.3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.vr-chips li::before{content:"";width:18px;height:18px;flex:none;border-radius:50%;background:var(--ice) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4.5 8.2l2.3 2.3 4.7-5' fill='none' stroke='%232B2622' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/18px no-repeat}
.vr-chips--light li{background:#fff;box-shadow:inset 0 0 0 1px var(--line);color:var(--navy);-webkit-backdrop-filter:none;backdrop-filter:none}
.vr-hero-price{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;margin:var(--s5) 0 0;color:#F3EEE8;font-size:.9375rem}
.vr-hero-price b{font-family:var(--font-t);font-size:1.375rem;color:#fff;letter-spacing:-.02em;margin-right:8px}
.vr-hero-price small{flex-basis:100%;color:#D9CFC4;font-size:.8125rem}

/* Carte formulaire (Leadrs) */
.vr-form-card{grid-column:1;grid-row:2;position:relative;z-index:3;margin-top:calc(-1 * var(--s9));background:#fff;border-radius:var(--r-lg);box-shadow:var(--shadow-2);padding:var(--s5) var(--s3) var(--s4);scroll-margin-top:calc(var(--header-h) + 12px)}
.vr-form-card::before{content:"";position:absolute;left:24px;right:24px;top:0;height:4px;border-radius:0 0 4px 4px;background:var(--ice)}
.vr-form-head{padding-inline:var(--s2)}
.vr-form-t{font-family:var(--font-t);font-size:1.375rem;font-weight:800;color:var(--navy);letter-spacing:-.02em;line-height:1.2;margin:0 0 4px}
.vr-form-head p:not(.vr-form-t){font-size:.9375rem;color:var(--muted);margin:0 0 var(--s3)}
.vr-form-slot{min-height:var(--form-h);border-radius:var(--r);background:var(--soft)}
.vr-form-slot iframe{display:block;width:100%;min-height:var(--form-h);border:0;border-radius:var(--r)}
.vr-form-slot .lds-ph{min-height:var(--form-h)!important;display:flex;flex-direction:column;justify-content:center;background:var(--soft)!important;border:1.5px dashed var(--line)!important;border-radius:var(--r)!important;font-family:var(--font)!important}
.vr-form-slot .lds-ph .lds-btn{background:var(--ice)!important;border-color:var(--ice)!important;color:var(--navy)!important;border-radius:var(--r-btn)!important;min-height:48px!important}
.vr-form-card .mention-dg06{color:var(--muted);padding-inline:var(--s2)}
.vr-form-card .cp-france-renov-form{margin-inline:var(--s1)!important}
.vr-form-trust{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 16px;list-style:none;margin:var(--s3) 0 0;padding:0;font-size:.8125rem;font-weight:600;color:var(--navy)}
.vr-form-trust li{display:inline-flex;align-items:center;gap:6px;margin:0}
.vr-form-trust svg{width:16px;height:16px;flex:none;fill:none;stroke:var(--ice-ink);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
@media (min-width:600px){.vr-form-card{padding:var(--s5) var(--s5) var(--s4)}.vr-form-head{padding-inline:0}.vr-form-card .mention-dg06{padding-inline:0}.vr-form-card .cp-france-renov-form{margin-inline:0!important}}

/* Carte « services » qui chevauche le hero, tuiles photo */
.vr-b-picker{grid-column:1;grid-row:3;position:relative;z-index:2;margin-top:var(--s5);background:#fff;border-radius:var(--r-lg);box-shadow:var(--shadow-2);padding:var(--s4) var(--s3)}
.vr-b-picker-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:0 var(--s4);margin:0 4px var(--s3)}
.vr-b-picker-head h2{margin:4px 0;font-size:1.25rem}
.vr-b-picker-head p{margin:0;font-size:.9375rem;color:var(--muted);flex-basis:100%;order:3}
.vr-ptiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;list-style:none;padding:0;margin:0}
.vr-ptiles li{margin:0;min-width:0}
.vr-ptiles a{display:flex;flex-direction:column;height:100%;border-radius:var(--r);overflow:hidden;background:var(--soft);color:var(--navy);text-decoration:none;box-shadow:0 0 0 1px var(--line-2);transition:box-shadow .15s,transform .15s}
.vr-ptiles img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}
.vr-ptiles .vr-lbl{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:0 6px;flex:1;padding:8px 10px}
.vr-ptiles .vr-lbl b{font-size:.9375rem;line-height:1.2}
.vr-ptiles .vr-lbl span{grid-column:1;font-size:.8125rem;color:var(--muted);line-height:1.3}
.vr-ptiles .vr-lbl em{grid-column:1;font-style:normal;font-size:.8125rem;font-weight:700;color:var(--ice-ink)}
.vr-ptiles .vr-lbl::after{content:"\2192";grid-column:2;grid-row:1/span 3;color:var(--ice-ink);font-weight:700}
.vr-ptiles a:hover{box-shadow:0 0 0 2px var(--ice),0 14px 28px -18px rgba(43,38,34,.5);transform:translateY(-2px);color:var(--navy)}
.vr-picker-note{margin:var(--s3) 4px 0;font-size:.8125rem;color:var(--muted)}
@media (min-width:600px){.vr-ptiles{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (min-width:760px){
  .vr-hero-bg{margin-inline:calc(50% - 50vw)}
  .vr-b-picker{padding:var(--s5)}
  .vr-ptiles{gap:12px}
}

/* Ordinateur : texte à gauche, formulaire à droite, carte services qui chevauche le bas du hero */
@media (min-width:1100px){
  .vr-hero-grid{grid-template-columns:minmax(0,1fr) 440px;column-gap:var(--s7)}
  .vr-hero-bg::after{background:linear-gradient(90deg,rgba(43,38,34,.93) 0%,rgba(43,38,34,.82) 36%,rgba(43,38,34,.40) 60%,rgba(43,38,34,.18) 76%,rgba(43,38,34,.45) 100%)}
  .vr-hero-bg img{object-position:center 22%}
  .vr-hero-txt{padding:var(--s7) 0 calc(var(--s9) + var(--s6))}
  .vr-hero-txt h1{font-size:2.875rem;max-width:none;letter-spacing:-.035em}
  .vr-form-card{grid-column:2;grid-row:1/span 2;align-self:start;margin-top:var(--s5);padding:26px 26px 20px}
  .vr-b-picker{grid-column:1;grid-row:2;margin-top:calc(-1 * (var(--s9) + var(--s2)));padding:var(--s5)}
  .vr-b-picker-head h2{font-size:1.375rem}
}
@media (max-width:599px){
  .vr-hero-txt{padding:var(--s5) 0 calc(var(--s9) + var(--s4))}
  .vr-hero-txt .vr-lead{font-size:.9375rem}
  .vr-chips{margin-top:var(--s4);gap:6px}
  .vr-chips li{font-size:.8125rem;min-height:30px;padding:3px 11px 3px 7px}
  .vr-hero-price{display:none}
  .vr-form-card{margin-top:calc(-1 * (var(--s9) - var(--s2)))}
}

/* ============ SECTIONS ============ */
.vr-section{padding-block:var(--s8)}
.vr-section-soft{background:var(--soft)}
@media (min-width:760px){.vr-section{padding-block:var(--s9)}}
.vr-section-head{max-width:46rem;margin-bottom:var(--s6)}
.vr-section-head p:not(.vr-eyebrow){color:var(--muted);font-size:1.0625rem;margin:0}
.vr-section-head--row{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:var(--s4);max-width:none}
.vr-section-head--row>div{max-width:46rem}

/* Pourquoi : photo + liste à icônes */
.vr-b-how{display:grid;gap:var(--s7);align-items:center}
@media (min-width:1024px){.vr-b-how{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:var(--s8)}}
.vr-hsteps{list-style:none;margin:var(--s5) 0 0;padding:0;display:grid;gap:var(--s5)}
.vr-hsteps li{display:grid;grid-template-columns:56px minmax(0,1fr);gap:4px var(--s4);margin:0;align-items:start}
.vr-hsteps-ico{grid-row:1/span 2;position:relative;display:grid;place-items:center;width:56px;height:56px;border-radius:16px;background:var(--ice-soft);color:var(--ice-ink)}
.vr-hsteps-ico svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.vr-hsteps-n{position:absolute;top:-6px;right:-6px;width:24px;height:24px;border-radius:50%;background:var(--navy);color:#fff;font-size:.75rem;font-weight:800;display:grid;place-items:center}
.vr-hsteps .vr-t{font-family:var(--font-t);font-weight:700;font-size:1.125rem;color:var(--navy);margin:4px 0 0;line-height:1.3}
.vr-hsteps p{margin:0;color:var(--text)}
.vr-how-photo{position:relative;border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--shadow-2)}
.vr-how-photo img{width:100%;aspect-ratio:4/3;object-fit:cover;object-position:center 30%}

/* Régions */
.vr-regions{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr));gap:12px;list-style:none;margin:0;padding:0}
.vr-regions li{margin:0}
.vr-regions a{display:flex;align-items:center;gap:12px;min-height:64px;height:100%;padding:12px 16px;background:#fff;border-radius:var(--r);box-shadow:var(--shadow-1);text-decoration:none;color:var(--navy);transition:box-shadow .15s,transform .15s}
.vr-regions a:hover{box-shadow:0 0 0 2px var(--ice),0 14px 28px -20px rgba(43,38,34,.5);transform:translateY(-2px)}
.vr-regions svg{width:34px;height:34px;flex:none;padding:7px;border-radius:10px;background:var(--ice-soft);color:var(--ice-ink);fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.vr-regions b{display:block;font-size:.9375rem;line-height:1.25}
.vr-regions span{display:block;font-size:.8125rem;color:var(--muted);line-height:1.3}

/* Marques */
.vr-brands{display:flex;flex-wrap:wrap;gap:10px;list-style:none;margin:0;padding:0}
.vr-brands li{margin:0}
.vr-brands a{display:inline-flex;align-items:center;min-height:var(--tap);padding:8px 18px;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1.5px var(--line);color:var(--navy);font-weight:700;text-decoration:none;font-size:.9375rem}
.vr-brands a:hover{box-shadow:inset 0 0 0 2px var(--ice);color:var(--ice-ink)}

/* Cartes guides */
.vr-cards{display:grid;gap:var(--s4);grid-template-columns:minmax(0,1fr)}
@media (min-width:600px){.vr-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1024px){.vr-cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--s5)}}
.vr-scard{position:relative;display:flex;flex-direction:column;background:#fff;border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--shadow-1);transition:box-shadow .15s,transform .15s}
.vr-scard:hover{box-shadow:var(--shadow-2);transform:translateY(-2px)}
.vr-scard img{width:100%;aspect-ratio:16/10;object-fit:cover}
.vr-scard-b{display:flex;flex-direction:column;flex:1;padding:var(--s4) var(--s5) var(--s5)}
.vr-scard h3{font-size:1.0625rem;margin:0 0 4px}
.vr-scard h3 a{color:var(--navy);text-decoration:none}
.vr-scard h3 a::after{content:"";position:absolute;inset:0}
.vr-scard p{font-size:.9375rem;color:var(--muted);margin:0}
.vr-scard .vr-tag{position:absolute;top:12px;left:12px;background:#fff;color:var(--navy);font-size:.75rem;font-weight:800;letter-spacing:.03em;padding:4px 10px;border-radius:999px;box-shadow:0 4px 12px -4px rgba(43,38,34,.35)}

/* Bandeau final, clair et frais */
.vr-cta-end{padding-block:0 var(--s8)}
.vr-cta-box{position:relative;overflow:hidden;display:grid;gap:var(--s5);align-items:center;border-radius:var(--r-lg);padding:var(--s6) var(--s5);background:linear-gradient(120deg,#EE8656 0%,#EE8656 50%,#FFB690 100%);color:var(--navy)}
.vr-cta-box h2{color:var(--navy);margin-bottom:6px;font-size:clamp(1.5rem,1.2rem + 1.2vw,2.125rem)}
.vr-cta-box p{margin:0;color:#2B2622;font-weight:500;max-width:40rem}
.vr-cta-box .vr-btn{background:var(--navy);color:#fff}
.vr-cta-box .vr-btn:hover{background:var(--navy-3);color:#fff}
@media (min-width:900px){.vr-cta-box{grid-template-columns:minmax(0,1fr) auto;padding:var(--s7) var(--s8)}}

/* Mention France Rénov' (texte inchangé, habillage aligné sur la grille) */
.vr-fr-zone{padding-block:0 var(--s7)}
.vr-fr-zone .cp-france-renov{max-width:none!important;margin:0!important;border-radius:var(--r)!important}

/* Pied de page */
.vr-site-footer{background:var(--navy);color:#D6CCC1;padding:var(--s8) 0 var(--s5);font-size:.9375rem}
.vr-foot-grid{display:grid;gap:var(--s6)}
@media (min-width:760px){.vr-foot-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1024px){.vr-foot-grid{grid-template-columns:minmax(0,1.4fr) repeat(4,minmax(0,1fr))}}
.vr-site-footer .vr-logo{color:#fff}
.vr-site-footer .vr-logo-tld{color:var(--ice-on-dark)}
.vr-foot-brand p{margin:var(--s3) 0 0;max-width:24rem;line-height:1.6}
.vr-foot-title{color:#fff;font-weight:700;font-size:.9375rem;margin:0 0 var(--s2)}
.vr-site-footer ul{list-style:none;margin:0;padding:0}
.vr-site-footer li{margin:0}
.vr-site-footer li a{display:flex;align-items:center;min-height:40px;color:#D6CCC1;text-decoration:none}
@media (min-width:1024px){.vr-site-footer li a{min-height:34px}}
.vr-site-footer a:hover{color:#fff}
.vr-foot-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px var(--s5);margin-top:var(--s7);padding-top:var(--s5);border-top:1px solid rgba(255,255,255,.12);font-size:.8125rem;color:#C9BDAF}
.vr-foot-bottom p{margin:0}
.vr-foot-bottom a{color:#D6CCC1}

/* Barre d'appel mobile */
.vr-sticky-cta{position:fixed;left:0;right:0;bottom:0;z-index:50;display:flex;gap:12px;align-items:center;padding:10px var(--gutter) calc(10px + env(safe-area-inset-bottom));background:rgba(255,255,255,.97);border-top:1px solid var(--line);box-shadow:0 -10px 30px -16px rgba(43,38,34,.35);transform:translateY(110%);transition:transform .25s}
.vr-sticky-cta.vr-show{transform:none}
body.cmp-open .vr-sticky-cta{display:none}
.vr-sticky-cta p{margin:0;font-size:.8125rem;line-height:1.3;color:var(--muted);flex:1;min-width:0}
.vr-sticky-cta p b{display:block;color:var(--navy);font-size:.9375rem}
.vr-sticky-cta .vr-btn{flex:none;padding:0 18px}
@media (min-width:1024px){.vr-sticky-cta{display:none}}
@media (max-width:359px){.vr-sticky-cta p{display:none}.vr-sticky-cta .vr-btn{flex:1}}

/* ============ PAGE TYPE (guide / prix) ============ */
.vr-p-hero{position:relative;isolation:isolate;color:#fff;background:var(--navy);overflow:hidden}
.vr-p-hero-media{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:70% 30%}
.vr-p-hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(43,38,34,.74),rgba(43,38,34,.92))}
@media (min-width:1024px){.vr-p-hero::after{background:linear-gradient(90deg,rgba(43,38,34,.94) 0%,rgba(43,38,34,.84) 42%,rgba(43,38,34,.45) 70%,rgba(43,38,34,.30) 100%)}}
.vr-p-hero-in{padding-block:var(--s4) var(--s7)}
@media (min-width:1024px){.vr-p-hero-in{padding-block:var(--s5) var(--s8);padding-right:calc(var(--gutter) + 440px + var(--s7))}}
@media (min-width:1024px){.vr-p-hero-in{max-width:calc(var(--container) + 2 * var(--gutter))}}
.vr-crumb{font-size:.875rem;color:#D9CFC4;margin:0 0 var(--s5)}
.vr-crumb ol{display:flex;flex-wrap:wrap;gap:4px 8px;list-style:none;margin:0;padding:0}
.vr-crumb li{margin:0;display:flex;gap:8px;align-items:center}
.vr-crumb li+li::before{content:"\203A";color:#9B9086}
.vr-crumb a{color:#F3EEE8;text-decoration:none;display:inline-flex;align-items:center;min-height:32px}
.vr-crumb a:hover{color:#fff;text-decoration:underline}
.vr-p-hero h1{color:#fff;font-size:clamp(1.875rem,1.3rem + 2.4vw,3rem);line-height:1.1;letter-spacing:-.035em}
.vr-p-hero .vr-lead{color:#F3EEE8;max-width:36rem;margin-bottom:0}
.vr-pcards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;list-style:none;margin:var(--s5) 0 0;padding:0;max-width:44rem}
@media (min-width:600px){.vr-pcards{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}}
.vr-pcards li{margin:0;padding:10px 12px;border-radius:var(--r);background:rgba(255,255,255,.10);box-shadow:inset 0 0 0 1px rgba(255,255,255,.22);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);line-height:1.25}
.vr-pcards .vr-ty{display:block;font-size:.8125rem;font-weight:700;color:var(--ice-on-dark);text-transform:uppercase;letter-spacing:.05em}
.vr-pcards b{display:block;font-family:var(--font-t);font-size:1.0625rem;color:#fff;margin:4px 0 2px;white-space:nowrap}
.vr-pcards .vr-dt{font-size:.8125rem;color:#D6CCC1}
.vr-pcards .vr-hl{background:rgba(238,134,86,.22);box-shadow:inset 0 0 0 1.5px var(--ice)}
.vr-p-hero .vr-prix-note{font-size:.8125rem;color:#D9CFC4;margin:var(--s2) 0 0}

.vr-p-layout{display:grid;gap:var(--s6);padding-bottom:var(--s8)}
.vr-p-side .vr-form-card{margin-top:calc(-1 * var(--s5))}
@media (min-width:1024px){
  .vr-p-layout{grid-template-columns:minmax(0,1fr) 440px;column-gap:var(--s7);align-items:start}
  .vr-p-side{grid-column:2;grid-row:1/span 3;position:relative;z-index:3}
  .vr-p-side .vr-form-card{margin-top:calc(-1 * (var(--s8) + 420px))}
  .vr-p-main{grid-column:1;grid-row:1;padding-top:var(--s8)}
}
.vr-p-side .vr-form-card{grid-row:auto;grid-column:auto}
.vr-side-box{margin-top:var(--s5);padding:var(--s5);border-radius:var(--r-lg);background:var(--soft);box-shadow:0 0 0 1px var(--line-2)}
.vr-side-box .vr-t-card{font-family:var(--font-t);font-weight:800;color:var(--navy);font-size:1.0625rem;margin:0 0 var(--s2)}
.vr-side-box ul{list-style:none;margin:0;padding:0}
.vr-side-box li a{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:44px;border-bottom:1px solid var(--line);color:var(--navy);font-weight:600;font-size:.9375rem;text-decoration:none}
.vr-side-box li:last-child a{border:0}
.vr-side-box li a::after{content:"\2192";color:var(--ice-ink)}
.vr-side-box li a:hover{color:var(--ice-ink)}
@media (min-width:1024px){.vr-side-box{position:sticky;top:calc(var(--header-h) + 24px)}}

.vr-article{max-width:46rem}
.vr-article h2{font-size:clamp(1.5rem,1.2rem + 1vw,2rem);margin-top:var(--s7)}
.vr-article h2:first-child{margin-top:0}
.vr-article h3{font-size:1.25rem;margin-top:var(--s6)}
.vr-article ul{padding:0;list-style:none}
.vr-article ul li{position:relative;padding:6px 0 6px 34px}
.vr-article ul li::before{content:"";position:absolute;left:0;top:10px;width:22px;height:22px;border-radius:50%;background:var(--ice-soft) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4.5 8.2l2.3 2.3 4.7-5' fill='none' stroke='%23A8430F' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/18px no-repeat}
.vr-note-box{display:flex;gap:14px;background:var(--ice-soft);border-radius:var(--r);padding:var(--s4) var(--s5);margin:var(--s5) 0;color:var(--navy);box-shadow:inset 4px 0 0 var(--ice)}
.vr-note-box svg{width:24px;height:24px;flex:none;color:var(--ice-ink);margin-top:3px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.vr-note-box .vr-t-card{font-family:var(--font-t);font-weight:800;margin:0 0 4px;font-size:1.0625rem}
.vr-note-box p{margin:0}
.vr-article figure{margin:var(--s6) 0;border-radius:var(--r-lg);overflow:hidden}
.vr-article figure img{width:100%;aspect-ratio:16/8;object-fit:cover}

.vr-ptable{width:100%;border-collapse:separate;border-spacing:0;margin:var(--s5) 0;border-radius:var(--r);overflow:hidden;box-shadow:0 0 0 1px var(--line);font-size:.9375rem}
.vr-ptable th,.vr-ptable td{padding:12px 14px;text-align:left;border-bottom:1px solid var(--line-2)}
.vr-ptable thead th{background:var(--soft);color:var(--navy);font-size:.8125rem;text-transform:uppercase;letter-spacing:.05em}
.vr-ptable tbody tr:last-child td{border-bottom:0}
.vr-ptable td.vr-num{font-weight:800;color:var(--navy);white-space:nowrap}
.vr-ptable td span{display:block;font-size:.875rem;color:var(--muted)}

.vr-steps3{display:grid;gap:var(--s4);list-style:none;margin:0;padding:0;counter-reset:st}
@media (min-width:760px){.vr-steps3{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s5)}}
.vr-steps3 li{margin:0;padding:var(--s5);background:#fff;border-radius:var(--r-lg);box-shadow:var(--shadow-1)}
.vr-steps3 .vr-n{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:var(--navy);color:var(--ice-on-dark);font-family:var(--font-t);font-weight:800;font-size:1.25rem;margin-bottom:var(--s3)}
.vr-steps3 h3{margin:0 0 6px}
.vr-steps3 p{margin:0;font-size:.9375rem}

.vr-why{display:grid;gap:var(--s4);grid-template-columns:minmax(0,1fr)}
@media (min-width:600px){.vr-why{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1024px){.vr-why{grid-template-columns:repeat(4,minmax(0,1fr))}}
.vr-why>div{padding:var(--s5);border-radius:var(--r-lg);background:#fff;box-shadow:var(--shadow-1)}
.vr-why .vr-ico{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:var(--ice-soft);color:var(--ice-ink);margin-bottom:var(--s3)}
.vr-why .vr-ico svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.vr-why h3{margin:0 0 6px}
.vr-why p{margin:0;font-size:.9375rem}

.vr-faqs{display:grid;gap:12px;max-width:52rem}
.vr-faq{background:#fff;border-radius:var(--r);box-shadow:var(--shadow-1);transition:box-shadow .15s}
.vr-faq[open]{box-shadow:0 0 0 2px var(--ice),0 20px 40px -30px rgba(43,38,34,.4)}
.vr-faq summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:var(--s4);min-height:56px;padding:14px 18px;cursor:pointer}
.vr-faq summary h3{margin:0;font-size:1.0625rem;line-height:1.35}
.vr-faq summary::-webkit-details-marker{display:none}
.vr-faq-ico{position:relative;width:28px;height:28px;flex:none;border-radius:50%;background:var(--ice-soft)}
.vr-faq-ico::before,.vr-faq-ico::after{content:"";position:absolute;left:50%;top:50%;width:12px;height:2px;margin:-1px 0 0 -6px;border-radius:2px;background:var(--ice-ink);transition:transform .2s}
.vr-faq-ico::after{transform:rotate(90deg)}
.vr-faq[open] .vr-faq-ico::after{transform:rotate(0)}
.vr-faq-a{padding:0 18px 16px}
.vr-faq-a p{margin:0 0 8px}
.vr-faq-a p:last-child{margin:0}

/* Ajustements après captures (30/10) */
.vr-form-slot .lds-ph{justify-content:flex-start!important;padding-top:40px!important}
@media (max-width:1023px){.vr-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}
@media (max-width:599px){
  .vr-scard-b{padding:12px 12px 14px}
  .vr-scard h3{font-size:.9375rem}
  .vr-scard p{font-size:.8125rem}
  .vr-regions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .vr-regions a{padding:10px;gap:8px;min-height:56px}
  .vr-regions svg{display:none}
  .vr-p-hero .vr-chips{display:none}
  .vr-p-hero .vr-lead{font-size:1rem}
}
.vr-foot-zones{margin-top:var(--s6);padding-top:var(--s5);border-top:1px solid rgba(255,255,255,.12)}
.vr-foot-zones p:last-child{margin:0;line-height:1.7;color:#D6CCC1}

/* ============ Contenu propre à la clim (30/10, après Doctor Strange) ============ */
.vr-hero-def{margin:var(--s4) 0 0;max-width:36rem;font-size:.9375rem;line-height:1.55;color:#EFE7DC;padding-left:12px;border-left:3px solid var(--ice)}
.vr-answer{max-width:40rem;margin:0 0 var(--s4);padding:14px 16px;border-radius:var(--r);background:rgba(255,255,255,.10);box-shadow:inset 0 0 0 1px rgba(255,255,255,.22);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.vr-answer p{margin:0 0 6px;color:#F1EAE0;font-size:.9875rem;line-height:1.55}
.vr-answer strong{color:#fff}
.vr-answer-t{font-size:.75rem!important;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--ice-on-dark)!important}
.vr-answer-note{font-size:.8125rem!important;color:#D9CFC4!important;margin:0!important}
.vr-updated{margin:var(--s4) 0 0;font-size:.8125rem;color:#D9CFC4}
.vr-updated time{color:#F3EEE8;font-weight:600}

.vr-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:var(--r);box-shadow:0 0 0 1px var(--line);background:#fff}
.vr-ptable{width:100%;border-collapse:collapse;font-size:.9375rem;margin:0}
.vr-ptable caption{caption-side:top;text-align:left;padding:14px 16px 10px;font-family:var(--font-t);font-weight:800;font-size:1.0625rem;color:var(--navy);background:#fff}
.vr-ptable th,.vr-ptable td{padding:11px 16px;text-align:left;border-top:1px solid var(--line-2);vertical-align:top}
.vr-ptable thead th{background:var(--soft);color:var(--muted);font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}
.vr-ptable tbody th{color:var(--navy);font-weight:700}
.vr-ptable tbody th a{color:var(--ice-ink)}
.vr-ptable .vr-num{font-weight:800;color:var(--navy);white-space:nowrap}
.vr-ptable--wide{min-width:640px}
.vr-table-after{margin:10px 2px 0;font-size:.875rem;color:var(--muted)}
.vr-table-after a{font-weight:700}
.vr-duo{display:grid;gap:var(--s5)}
@media (min-width:900px){.vr-duo{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}}
.vr-power-box{margin:var(--s5) 0 var(--s6)}
.vr-article .vr-table-wrap{margin-top:var(--s4)}

.vr-note-box--season{margin-top:var(--s6);background:#fff;box-shadow:0 0 0 1px var(--line),inset 4px 0 0 var(--ice)}
.vr-section-soft .vr-note-box--season{max-width:none}
.vr-season{list-style:none;margin:6px 0 8px;padding:0}
.vr-article .vr-season li,.vr-season li{position:static;padding:4px 0}
.vr-article .vr-season li::before{display:none}

.vr-scard--navy{background:var(--navy)}
.vr-scard--navy .vr-scard-b{justify-content:center;gap:12px}
.vr-scard--navy h3 a{color:#fff}
.vr-scard--navy p{color:#D6CCC1}
.vr-how-gap{margin-top:var(--s8)}
@media (min-width:1024px){.vr-how-gap{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr)}}
.vr-section--tight{padding-block:var(--s7)}
.vr-cta-end--top{padding-top:var(--s8)}
@media (max-width:599px){.vr-p-hero .vr-pcards,.vr-p-hero .vr-lead{display:none}}

/* Page prix : formulaire flottant dans le premier écran, quelle que soit la hauteur du hero */
.vr-p-main,.vr-p-layout>*{min-width:0}
.vr-p-side .vr-form-card{margin-top:calc(-1 * var(--s5))}
@media (min-width:1024px){
  .vr-p-top{position:relative}
  .vr-p-float{position:absolute;top:0;left:0;right:0;z-index:5;pointer-events:none}
  .vr-p-float .vr-p-side{width:440px;margin:24px 0 0 auto;pointer-events:auto;grid-row:auto;grid-column:auto}
  .vr-p-float .vr-p-side .vr-form-card{margin-top:0}
  .vr-p-float .vr-side-box{position:static}
  .vr-p-layout{grid-template-columns:minmax(0,1fr) 440px}
  .vr-p-main{grid-column:1;grid-row:1}
}
@media (max-width:599px){.vr-answer p{font-size:.9375rem}.vr-answer{padding:12px 14px}.vr-updated{margin-top:var(--s3)}}
@media (max-width:599px){.vr-hero-txt .vr-lead{display:none}.vr-hero-def{font-size:.875rem;margin-top:var(--s3)}}


/* ============ Intégration sur tout le site (Spider-Man, 30/10/2026) ============
   Gabarit commun des pages hors accueil et page prix : en-tête de page, contenu, cartes, encadrés, FAQ. */
.vr-p-hero-in--full{padding-right:var(--gutter)!important}
.vr-p-hero--plain{background:linear-gradient(135deg,#2B2622 0%,#3A332E 60%,#4A423C 100%)}
.vr-p-hero--plain::after{display:none}
.vr-p-hero h1 .vr-mark{color:#fff}
.vr-hero-sub{color:#F3EEE8;max-width:40rem;margin:0 0 var(--s3);font-size:1.0625rem}
.vr-hero-extra{color:#F3EEE8;max-width:40rem}
.vr-hero-extra p{margin:0 0 var(--s3)}
.vr-hero-extra a{color:#fff}
.vr-hero-extra .vr-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}
.vr-hero-extra .vr-card,.vr-hero-extra .vr-box{background:rgba(255,255,255,.10);box-shadow:inset 0 0 0 1px rgba(255,255,255,.22);color:#F1EAE0}
.vr-hero-extra .vr-card *,.vr-hero-extra .vr-box *{color:inherit}
.vr-hero-extra .vr-amount{color:#fff}
.vr-hero-extra .vr-tag{background:rgba(255,255,255,.12);color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.26)}
.vr-hero-extra .vr-small,.vr-hero-extra .vr-prix-ind{color:#D9CFC4}
.vr-hero-extra .vr-updated{color:#D9CFC4}
.vr-hero-extra img{display:none}
@media (max-width:599px){.vr-p-top--form .vr-hero-extra{display:none}.vr-p-top--form .vr-hero-sub{font-size:.9375rem;margin-bottom:0}}
@media (min-width:1024px){.vr-p-top--form{min-height:1180px}}
.vr-p-top--form .vr-p-layout{padding-top:var(--s6)}
@media (min-width:1024px){.vr-p-top--form .vr-p-main{padding-top:var(--s5)}}
.vr-p-layout--full{grid-template-columns:minmax(0,1fr)!important;padding-top:var(--s7)}

/* Contenu repris des pages publiées */
.vr-prose>*{max-width:52rem}
.vr-prose>.vr-grid,.vr-prose>.vr-table-wrap,.vr-prose>.vr-ptiles,.vr-prose>.vr-lcards,.vr-prose>.vr-split,.vr-prose>.vr-form-card,.vr-prose>.vr-faqs{max-width:none}
.vr-p-main .vr-prose>*{max-width:none}
.vr-prose h2{font-size:clamp(1.5rem,1.2rem + 1vw,2rem);margin-top:var(--s7)}
.vr-prose>h2:first-child,.vr-prose>:first-child{margin-top:0}
.vr-prose h3{font-size:1.25rem;margin-top:var(--s6)}
.vr-prose h4{font-size:1.0625rem;margin:var(--s5) 0 var(--s2)}
.vr-prose ul,.vr-prose ol{padding-left:1.25rem}
.vr-prose li{margin:0 0 6px}
.vr-prose figure{margin:var(--s6) 0;border-radius:var(--r-lg);overflow:hidden}
.vr-prose figure img{width:100%;height:auto}
.vr-prose figcaption{font-size:.875rem;color:var(--muted);padding:8px 2px 0}
.vr-prose img{border-radius:var(--r)}
.vr-prose table{width:100%}
.vr-prose .vr-table-wrap{margin:var(--s5) 0}
.vr-prose code{font-size:.875em;background:var(--soft);padding:1px 5px;border-radius:4px}
.vr-section-head2{margin-bottom:var(--s5)}
.vr-lead2{color:var(--muted);font-size:1.0625rem}
.vr-center{text-align:center}

.vr-grid{display:grid;gap:var(--s4);grid-template-columns:repeat(auto-fill,minmax(min(100%,230px),1fr));margin:var(--s5) 0;padding:0;list-style:none}
.vr-card{position:relative;display:block;background:#fff;border-radius:var(--r-lg);padding:var(--s5);box-shadow:var(--shadow-1);color:var(--text);text-decoration:none;min-width:0}
a.vr-card:hover,.vr-card:has(> a:only-child):hover{box-shadow:0 0 0 2px var(--ice),0 14px 28px -20px rgba(43,38,34,.5)}
.vr-section-soft .vr-card{background:#fff}
.vr-card h3,.vr-card h4{font-size:1.0625rem;margin:0 0 6px}
.vr-card p{font-size:.9375rem;margin:0 0 8px}
.vr-card p:last-child{margin:0}
.vr-card ul{padding-left:1.1rem;font-size:.9375rem;margin:0}
.vr-card a{font-weight:600}
.vr-card>a:only-child{color:var(--navy);text-decoration:none;display:block}
.vr-card img{width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;border-radius:var(--r-sm);margin-bottom:var(--s3)}
.vr-amount{display:block;font-family:var(--font-t);font-weight:800;font-size:1.375rem;color:var(--navy);letter-spacing:-.02em;line-height:1.2;margin:4px 0}
.vr-k{display:block;font-size:.8125rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}
.vr-tag{display:inline-flex;align-items:center;min-height:28px;padding:3px 12px;margin:0 6px 6px 0;border-radius:999px;background:var(--ice-soft);color:var(--ice-ink);font-size:.8125rem;font-weight:700}
.vr-small,.vr-prix-ind{font-size:.8125rem;color:var(--muted)}
.vr-n{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:12px;background:var(--navy);color:var(--ice-on-dark);font-family:var(--font-t);font-weight:800;font-size:1.125rem;margin-bottom:var(--s3)}

.vr-box{background:var(--ice-soft);border-radius:var(--r);padding:var(--s4) var(--s5);margin:var(--s5) 0;color:var(--navy);box-shadow:inset 4px 0 0 var(--ice)}
.vr-box--warn{background:#FFF7E8;box-shadow:inset 4px 0 0 #E0A43A;color:#3D2A06}
.vr-box--ok{background:#FCEBDD;box-shadow:inset 4px 0 0 #C4552A}
.vr-box>:last-child{margin-bottom:0}
.vr-box h3,.vr-box h4{margin:0 0 6px;font-size:1.0625rem}
.vr-box ul{margin:6px 0 0}

/* Tuiles services et cartes de liens */
.vr-ptiles--gen{margin:var(--s5) 0}
.vr-ptiles--gen .vr-lbl h3{color:var(--navy);font-size:.9375rem;margin:0;line-height:1.25;font-family:var(--font);letter-spacing:0}
.vr-ptiles--gen .vr-lbl>*{grid-column:1}
.vr-lcards{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,190px),1fr));gap:12px;list-style:none;margin:var(--s5) 0;padding:0}
.vr-lcards li{margin:0}
.vr-lcards a{display:flex;align-items:center;gap:12px;min-height:60px;height:100%;padding:10px 14px;background:#fff;border-radius:var(--r);box-shadow:var(--shadow-1);text-decoration:none;color:var(--navy);transition:box-shadow .15s,transform .15s}
.vr-lcards a:hover{box-shadow:0 0 0 2px var(--ice),0 14px 28px -20px rgba(43,38,34,.5);transform:translateY(-2px)}
.vr-lcards svg{width:32px;height:32px;flex:none;padding:7px;border-radius:10px;background:var(--ice-soft);color:var(--ice-ink);fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.vr-lcards h3,.vr-lcards b{display:block;font-size:.9375rem;line-height:1.25;margin:0;font-family:var(--font);font-weight:700;letter-spacing:0}
.vr-lcards span{display:block;font-size:.8125rem;color:var(--muted);line-height:1.3}
.vr-gcards{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,200px),1fr));gap:var(--s4);margin:var(--s5) 0}
.vr-gcard{display:flex;flex-direction:column;background:#fff;border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--shadow-1);text-decoration:none;color:var(--navy);font-weight:700;transition:box-shadow .15s,transform .15s}
.vr-gcard:hover{box-shadow:var(--shadow-2);transform:translateY(-2px)}
.vr-gcard img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:0!important;margin:0}
.vr-gcard>div,.vr-gcard>span{padding:12px 14px;line-height:1.3}

/* Mise en page deux colonnes des pages prix (contenu + colonne de liens) */
.vr-split{display:grid;gap:var(--s6)}
@media (min-width:1024px){.vr-split{grid-template-columns:minmax(0,1fr) 320px;align-items:start}}
.vr-p-main .vr-split{grid-template-columns:minmax(0,1fr)}
.vr-split-side>*{margin-bottom:var(--s4)}
.vr-split-side .vr-side-box{margin-top:0}

/* FAQ convertie en accordéons */
.vr-faq summary{font-weight:700;color:var(--navy);font-size:1.0625rem;line-height:1.35}
.vr-faq summary>h3,.vr-faq summary>h4{flex:1}
.vr-faq-a{padding-top:0}
.vr-prose .vr-faq{margin:0 0 12px}

/* Boutons et encadrés de formulaire dans le contenu */
.vr-prose .vr-btn{margin:var(--s2) 0}
.vr-form-card--inline{grid-row:auto;grid-column:auto;margin:var(--s5) auto 0!important;max-width:560px}
.vr-cta-box .vr-cta-txt>:last-child{margin-bottom:0}
.vr-cta-box .vr-cta-txt p{margin:0 0 6px}

/* Pied de page : liens propres à chaque page */
.vr-foot-extra{margin-top:var(--s6);padding-top:var(--s5);border-top:1px solid rgba(255,255,255,.12)}
.vr-foot-extra ul{display:flex;flex-wrap:wrap;gap:0 var(--s5)}
@media (min-width:1024px){.vr-foot-grid--n6{grid-template-columns:minmax(0,1.4fr) repeat(5,minmax(0,1fr))}}
.vr-foot-bottom .footer-badge{margin:0!important}
.vr-updated--light{color:var(--muted)!important;margin:var(--s2) 0 0!important}
.vr-updated--light time{color:var(--navy)!important}
.vr-updated2{font-size:.875rem;color:var(--muted)}

.vr-prose ul.vr-ptiles,.vr-prose ul.vr-lcards,.vr-prose ul.vr-grid,.vr-prose ul.vr-form-trust{padding-left:0}
.vr-prose .vr-lcards li,.vr-prose .vr-ptiles li{margin:0}
.vr-prose figure img,.vr-prose>p>img{max-height:520px;object-fit:cover}
.vr-hero-extra .vr-grid{max-width:40rem}
.vr-p-hero-in>h1:first-child{margin-top:var(--s6)}

/* ============ Correctifs affichage (Wasp, 30/10/2026) ============ */
/* Accueil 320 à 390 px : la carte du comparatif (grille .vr-duo) poussait la page à 400 px de large */
.vr-duo{grid-template-columns:minmax(0,1fr)}
.vr-duo>*{min-width:0}
/* Cibles tactiles de 44 px minimum sur tablette et mobile, sans changer la mise en page (marge négative compensée) */
@media (max-width:1023px){
  .vr-crumb a{min-height:44px;margin:-6px 0}
  .vr-site-footer li a,.vr-foot-extra a{display:flex;align-items:center;min-height:44px}
  .vr-site-footer .footer-badge a{display:inline-flex;align-items:center;min-height:44px}
  .vr-ptable th a,.vr-ptable td a,.vr-scard-b h3 a,.vr-card>p>a:only-child,.vr-box a:only-child,.vr-prose .vr-card a{display:inline-flex;align-items:center;min-height:44px;margin:-12px 0}
  .vr-tag a{display:inline-flex;align-items:center;min-height:44px;margin:-8px 0}
  /* barre de devis fixe (94 px) : ne masque plus la dernière ligne du pied de page */
  .vr-site-footer{padding-bottom:calc(24px + 100px + env(safe-area-inset-bottom))}
}

/* ============ Propre à votre-devis-solaire (site affilié, formulaire Leadrs) ============ */
.vr-maquette-note-inutilisee{margin:0;padding:8px var(--gutter);background:#FFF3C4;color:#5A4500;font-size:.8125rem;text-align:center}

/* Logo : soleil charbon sur carré jaune */
.vr-logo-txt b{font-weight:800;color:var(--ice-ink)}
.vr-site-footer .vr-logo-txt b{color:var(--ice-on-dark)}

/* Bloc Leadrs : contenu strictement inchangé, seul l'habillage est ici.
   Ancien bloc <style id="mention-eligibilite-css"> déplacé tel quel dans la feuille, couleurs alignées sur la charte. */
p.mention-eligibilite[role="note"]{display:flex;gap:8px;align-items:flex-start;font-size:.85rem;line-height:1.45;text-align:left;font-weight:400}
p.mention-eligibilite[role="note"] strong{font-weight:700;color:inherit}
p.mention-eligibilite[role="note"] span{color:inherit}
.mention-eligibilite-ico{flex:none;margin-top:1px;display:block}
.vr-form-card p.mention-eligibilite[role="note"]{margin:0 var(--s2) var(--s3);padding:10px 12px;border-left:4px solid var(--ice-ink);border-radius:0 8px 8px 0;background:var(--ice-soft);color:var(--navy);font-size:.875rem}
.vr-form-card .mention-eligibilite-ico{color:var(--ice-ink)}
@media (min-width:600px){.vr-form-card p.mention-eligibilite[role="note"]{margin-inline:0}}
/* l'iframe et le bloc « formulaire masqué » sont insérés par consent.js juste avant le <template> */
.vr-gate-form>iframe{display:block;width:100%;min-height:560px;border:0;border-radius:var(--r);background:var(--soft)!important}
.vr-gate-form>.lds-ph{display:flex;flex-direction:column;justify-content:flex-start;min-height:420px!important;padding:40px 20px 24px!important;background:var(--soft)!important;border:1.5px dashed var(--line)!important;border-radius:var(--r)!important;font-family:var(--font)!important}
.vr-gate-form>.lds-ph .lds-btn{background:var(--ice)!important;border-color:var(--ice)!important;color:var(--navy)!important;border-radius:var(--r-btn)!important;min-height:48px!important}
.vr-gate-form>.lds-ph p.lds-t{color:var(--navy)!important;font-family:var(--font-t)!important;font-size:1.0625rem!important}
.vr-form-card .mention-dg06{color:var(--muted);padding-inline:var(--s2)}
.vr-form-card .cp-france-renov-form{margin-inline:var(--s1)!important}
@media (min-width:600px){.vr-form-card .mention-dg06{padding-inline:0}.vr-form-card .cp-france-renov-form{margin-inline:0!important}}
.vr-form-head .vr-form-t svg{width:22px;height:22px;vertical-align:-3px;margin-right:6px;fill:none;stroke:var(--ice-ink);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

/* Hero accueil : prix des trois technologies */
.vr-hero-price b{margin-right:4px!important}
.vr-hero-price span{margin-right:12px;white-space:nowrap}
.vr-hero-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:var(--s5)}
.vr-btn-ghost{background:rgba(255,255,255,.12);color:#fff;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.4)}
.vr-btn-ghost:hover{background:rgba(255,255,255,.2);color:#fff}
@media (max-width:1099px){.vr-hero-cta{display:none}}

/* Bandeau des aides : clair, quatre cartes */
.vr-aides{padding-block:var(--s6) var(--s2)}
.vr-aides ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;list-style:none;margin:0;padding:0}
@media (min-width:1024px){.vr-aides ul{grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--s4)}}
.vr-aides li{display:flex;gap:12px;align-items:flex-start;margin:0;padding:14px;border-radius:var(--r);background:#fff;box-shadow:var(--shadow-1)}
.vr-aides svg{width:40px;height:40px;flex:none;padding:9px;border-radius:12px;background:var(--ice-soft);color:var(--ice-ink);fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.vr-aides b{display:block;font-family:var(--font-t);color:var(--navy);font-size:.9875rem;line-height:1.25}
.vr-aides span{display:block;font-size:.8125rem;color:var(--muted);line-height:1.35;margin-top:2px}
@media (max-width:599px){.vr-aides li{flex-direction:column;gap:8px;padding:12px}.vr-aides svg{width:34px;height:34px;padding:7px}}

/* Repères 2026 : article + colonne */
.vr-split{display:grid;gap:var(--s6)}
@media (min-width:1024px){.vr-split{grid-template-columns:minmax(0,1fr) 340px;gap:var(--s8);align-items:start}}
.vr-split>*{min-width:0}
.vr-article h2{font-size:clamp(1.375rem,1.15rem + .8vw,1.75rem);margin:var(--s7) 0 var(--s3)}
.vr-article>h2.vr-h-big{font-size:clamp(1.6rem,1.2rem + 1.6vw,2.375rem);margin-top:0}
.vr-article p{max-width:46rem}
.vr-ptable td.vr-desc{color:var(--text);font-size:.9rem;min-width:220px}
.vr-side{display:grid;gap:var(--s4)}
@media (min-width:1024px){.vr-side{position:sticky;top:calc(var(--header-h) + 24px)}}
.vr-side .vr-side-box{margin:0;background:#fff}
.vr-rows{list-style:none;margin:0;padding:0}
.vr-rows li{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:0;padding:9px 0;border-bottom:1px solid var(--line-2);font-size:.9375rem}
.vr-rows li:last-child{border:0}
.vr-rows li>span:first-child{color:var(--text)}
.vr-amt{flex:none;max-width:60%;text-align:right;font-weight:800;color:var(--ice-ink);font-size:.875rem;line-height:1.3}
.vr-side .vr-btn{width:100%}

/* Étapes : pastille de durée */
.vr-hsteps .vr-t{margin-top:0!important}
.vr-temps{display:inline-flex;align-items:center;gap:6px;margin-top:6px!important;padding:2px 10px;border-radius:999px;background:var(--ice-soft);color:var(--ice-ink)!important;font-size:.8125rem;font-weight:700}
.vr-temps::before{content:"";width:12px;height:12px;border-radius:50%;border:2px solid currentColor;box-sizing:border-box}

/* Départements */
.vr-regions b{font-size:.9375rem}
.vr-more{margin:var(--s5) 0 0}

/* Sites partenaires dans le bandeau final */
.vr-partners{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;margin-top:var(--s5);padding:var(--s4) var(--s5);border-radius:var(--r-lg);background:var(--soft);box-shadow:0 0 0 1px var(--line-2)}
.vr-partners p{margin:0;flex:1 1 260px;color:var(--text);font-size:.9375rem}
.vr-partners p b{display:block;color:var(--navy);font-family:var(--font-t)}
.vr-partners a{display:inline-flex;align-items:center;gap:8px;min-height:var(--tap);padding:8px 16px;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1.5px var(--line);color:var(--navy);font-weight:700;text-decoration:none;font-size:.9375rem}
.vr-partners a:hover{box-shadow:inset 0 0 0 2px var(--ice);color:var(--ice-ink)}
.vr-partners svg{width:18px;height:18px;fill:none;stroke-width:2;stroke-linecap:round}

/* Page département : trois repères dans le hero */
.vr-pcards3{max-width:40rem}
@media (min-width:600px){.vr-pcards3{grid-template-columns:repeat(3,minmax(0,1fr))}}
.vr-pcards3 b{white-space:normal!important;font-size:1rem!important}
.vr-p-hero .vr-p-hero-media{object-position:72% 40%}
.vr-dept-hero-cta{margin-top:var(--s5)}
@media (max-width:1023px){.vr-dept-hero-cta{display:none}}
.vr-local-box{background:#fff}
.vr-local-box .vr-rows li>span:last-child{font-weight:700;color:var(--navy);font-size:.875rem}
.vr-steps3 .vr-temps{margin-top:var(--s3)!important}

/* Pied de page : badges */
.vr-foot-badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:var(--s4)!important}
.vr-foot-badges span{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 1px rgba(255,255,255,.16);font-size:.8125rem;color:#E9DFD2}
.vr-foot-badges svg{width:14px;height:14px;fill:none;stroke:var(--ice-on-dark);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.vr-foot-bottom nav{display:flex;flex-wrap:wrap;gap:4px 16px}

/* Bandeau cookies (consent.js inchangé) : couleur de la charte */
body .cmp{border-top-color:#2B2622!important}
body .cmp-t,body .cmp-p a{color:#2B2622!important}
body .cmp-btn,body .lds-btn{background:#2B2622!important;border-color:#2B2622!important}
body .lds-ph p.lds-t,body .lds-ph a{color:#2B2622!important}
body .vr-gate-form>.lds-ph .lds-btn{background:var(--ice)!important;border-color:var(--ice)!important;color:var(--navy)!important}

/* Page département : listes et encadrés dans le guide */
.vr-article .vr-rows li{padding:9px 0}
.vr-article .vr-rows li::before{display:none}
.vr-dept-boxes{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));margin-top:var(--s6)}
.vr-dept-boxes .vr-side-box{margin:0}
.vr-article .vr-check{margin:var(--s3) 0 var(--s4)}
.vr-fr-zone--top{padding-top:var(--s6)}
.vr-p-main 
/* Ajustements après captures (31/10) */
.vr-hero-price b{font-size:1.25rem!important}
.vr-ptiles .vr-lbl{grid-template-columns:minmax(0,1fr)}
.vr-ptiles .vr-lbl::after{display:none}
.vr-ptiles .vr-lbl b{font-size:.9rem}
.vr-ptiles .vr-lbl em{white-space:nowrap;font-size:.78rem}
.vr-hsteps .vr-temps{grid-column:2;justify-self:start}
.vr-hsteps li{row-gap:2px}

/* ============ Solaire : ajouts du 01/11/2026 ============ */
/* Mot surligné sur photo : bande jaune pleine, texte charbon (9,0:1), au lieu du blanc sur couleur */
.vr-on-photo .vr-mark{background:var(--ice);color:var(--navy);padding:0 .16em;margin-inline:-.04em;border-radius:6px;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.vr-mark{background:linear-gradient(transparent 60%,rgba(238,134,86,.55) 60%)}

/* Voile du hero un peu plus léger à droite : la maison et le ciel restent visibles */
@media (min-width:1100px){.vr-hero-bg::after{background:linear-gradient(90deg,rgba(43,38,34,.92) 0%,rgba(43,38,34,.80) 36%,rgba(43,38,34,.30) 60%,rgba(43,38,34,.06) 78%,rgba(43,38,34,.28) 100%)}}
.vr-hero-bg img{object-position:62% 30%}

/* Premier écran : mention propriétaires (formulation publiée le 30/10) */
.vr-owner{display:flex;gap:10px;align-items:flex-start;max-width:36rem;margin:var(--s4) 0 0;padding:10px 14px;border-radius:12px;background:#fff;color:var(--navy);font-size:.9375rem;line-height:1.45;box-shadow:0 10px 30px -14px rgba(0,0,0,.5)}
.vr-owner svg{flex:none;width:22px;height:22px;margin-top:1px;padding:3px;border-radius:7px;background:var(--ice);fill:none;stroke:var(--navy);stroke-width:2;stroke-linejoin:round}
.vr-owner strong{font-weight:800}
@media (max-width:599px){.vr-owner{font-size:.875rem;padding:9px 12px}}

/* Repères officiels dans le hero (à la place des prix, le site n'en publie pas sur l'accueil) */
.vr-hero-facts{display:flex;flex-wrap:wrap;gap:6px 22px;margin:var(--s5) 0 0;color:#F3EEE8;font-size:.9375rem}
.vr-hero-facts b{display:block;font-family:var(--font-t);font-size:1.25rem;color:#fff;letter-spacing:-.02em}
.vr-hero-facts small{flex-basis:100%;color:#D9CFC4;font-size:.8125rem}
@media (max-width:1099px){.vr-hero-facts{display:none}}

/* Étape « maison individuelle ? » avant le bloc Leadrs : aucun cookie, aucun stockage, état en mémoire */
.vr-gate{margin:0 0 var(--s3);padding:var(--s4);border-radius:var(--r);background:var(--ice-soft);box-shadow:inset 0 0 0 1px #F1CDB4}
.vr-gate-q{display:flex;gap:10px;align-items:flex-start;margin:0 0 var(--s3);font-family:var(--font-t);font-weight:800;font-size:1.0625rem;line-height:1.3;color:var(--navy)}
.vr-gate-q svg{flex:none;width:26px;height:26px;padding:4px;border-radius:8px;background:var(--ice);fill:none;stroke:var(--navy);stroke-width:2;stroke-linejoin:round}
.vr-gate-btns{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.vr-gate-btns button{min-height:52px;border:0;border-radius:var(--r-btn);font:700 1rem/1.2 var(--font);cursor:pointer;box-shadow:inset 0 0 0 1.5px var(--line);background:#fff;color:var(--navy)}
.vr-gate-btns .vr-gate-oui{background:var(--ice);box-shadow:none}
.vr-gate-btns .vr-gate-oui:hover{background:var(--ice-hover)}
.vr-gate-btns .vr-gate-non:hover{box-shadow:inset 0 0 0 2px var(--navy)}
.vr-gate-hint{margin:var(--s3) 0 0;font-size:.8125rem;color:var(--muted)}
.vr-gate-no{margin:0 0 var(--s3);padding:var(--s4);border-radius:var(--r);background:#F3ECE1;color:#2B2622;box-shadow:inset 0 0 0 1px #DACBBB}
.vr-gate-no p{margin:0 0 var(--s2);font-size:.9375rem;line-height:1.5}
.vr-gate-no .vr-gate-no-t{font-family:var(--font-t);font-weight:800;font-size:1.0625rem;color:#2B2622}
.vr-gate-no a{color:#2B2622;font-weight:700}
.vr-gate-retour{margin-top:var(--s2);padding:8px 0;border:0;background:none;font:700 .9375rem var(--font);color:var(--navy);text-decoration:underline;cursor:pointer}
.vr-gate-done{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:0 0 var(--s3);padding:8px 12px;border-radius:var(--r-sm);background:#FCEBDD;color:#7A2E0A;font-size:.875rem;font-weight:600}
.vr-gate-done button{border:0;background:none;padding:6px 0;font:700 .8125rem var(--font);color:#7A2E0A;text-decoration:underline;cursor:pointer}
.vr-gate[hidden],.vr-gate-no[hidden],.vr-gate-done[hidden],.vr-gate-form[hidden]{display:none}
@media (max-width:599px){.vr-gate,.vr-gate-no,.vr-gate-done{margin-inline:var(--s2)}}

/* Accueil : l'iframe est insérée par consent.js dans .leadrs-iframe-wrap (structure du site en ligne gardée) */
.vr-form-card .leadrs-iframe-wrap>iframe{display:block;width:100%;min-height:560px;border:0;border-radius:var(--r);background:var(--soft)!important}
.vr-form-card .leadrs-iframe-wrap>.lds-ph{display:flex;flex-direction:column;justify-content:flex-start;min-height:420px!important;padding:40px 20px 24px!important;background:var(--soft)!important;border:1.5px dashed var(--line)!important;border-radius:var(--r)!important;font-family:var(--font)!important}
.vr-form-card .leadrs-iframe-wrap>.lds-ph .lds-btn{background:var(--ice)!important;border-color:var(--ice)!important;color:var(--navy)!important;border-radius:var(--r-btn)!important;min-height:48px!important}
.vr-form-card .leadrs-iframe-wrap>.lds-ph p.lds-t{color:var(--navy)!important;font-family:var(--font-t)!important;font-size:1.0625rem!important}

/* Tuiles : pas de prix sur l'accueil, une ligne de description */
.vr-ptiles .vr-lbl span{font-size:.8125rem}

/* Encadré « Bon à savoir » de la colonne */
.vr-tip{margin:0;padding:var(--s4);border-radius:var(--r);background:var(--ice-soft);box-shadow:inset 0 0 0 1px #F1CDB4;color:var(--navy);font-size:.9375rem;line-height:1.5}
.vr-tip b{display:block;font-family:var(--font-t);margin-bottom:4px}

/* Services associés : deux cartes photo */
.vr-assoc{display:grid;gap:var(--s4);grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));list-style:none;margin:0;padding:0}
.vr-assoc a{display:grid;grid-template-columns:120px minmax(0,1fr);gap:var(--s4);align-items:center;padding:12px;border-radius:var(--r-lg);background:#fff;box-shadow:var(--shadow-1);text-decoration:none;color:var(--text)}
.vr-assoc a:hover{box-shadow:0 0 0 2px var(--ice)}
.vr-assoc img{width:120px;height:96px;object-fit:cover;border-radius:10px}
.vr-assoc b{display:block;font-family:var(--font-t);color:var(--navy);font-size:1.0625rem}
.vr-assoc span{display:block;font-size:.9rem;line-height:1.45}
.vr-assoc em{display:block;margin-top:4px;font-style:normal;font-weight:700;color:var(--ice-ink);font-size:.875rem}

/* Page département : encart des données locales */
.vr-local-data{display:grid;gap:var(--s4);align-items:center;padding:var(--s5);border-radius:var(--r-lg);background:#fff;box-shadow:var(--shadow-1)}
@media (min-width:760px){.vr-local-data{grid-template-columns:200px minmax(0,1fr)}}
.vr-local-data .vr-big{text-align:center;padding:var(--s4);border-radius:var(--r);background:var(--ice-soft)}
.vr-local-data .vr-big b{display:block;font-family:var(--font-t);font-size:2rem;color:var(--navy);line-height:1.1}
.vr-local-data .vr-big span{font-size:.8125rem;color:var(--muted)}
.vr-local-data p{margin:0;font-size:.9375rem}
.vr-local-data h2{font-size:1.25rem;margin:0 0 var(--s2)}
.vr-p-hero .vr-p-hero-media{object-position:60% 40%}

/* Fenêtres Mentions légales et Confidentialité (contenu repris tel quel du site en ligne) */
.popup-overlay{display:none;position:fixed;inset:0;z-index:9000;background:rgba(43,38,34,.72);padding:20px;overflow-y:auto}
.popup-overlay.active{display:flex;align-items:flex-start;justify-content:center;padding-top:40px}
.popup-box{background:#fff;border-radius:var(--r-lg);max-width:700px;width:100%;padding:36px 28px;position:relative;box-shadow:var(--shadow-2)}
.popup-close{position:absolute;top:14px;right:14px;width:40px;height:40px;border:0;border-radius:50%;background:var(--soft);color:var(--navy);font-size:.9rem;cursor:pointer}
.popup-title{font-family:var(--font-t);font-size:1.5rem;font-weight:800;color:var(--navy);margin:0 0 20px;padding-right:44px;line-height:1.25}
.popup-intro{color:var(--text)}
.popup-h3{font-family:var(--font-t);color:var(--navy);margin:22px 0 8px;padding-bottom:6px;border-bottom:2px solid var(--line-2)}
.popup-box p{font-size:.9rem;line-height:1.7;margin-bottom:6px}
.popup-box a{color:var(--ice-ink);font-weight:600}
.popup-section{background:var(--soft);border-radius:10px;padding:16px 18px;margin-bottom:16px}
.popup-section p{margin:0}
.popup-btn{display:block;width:100%;margin-top:24px;min-height:48px;border:0;border-radius:var(--r-btn);background:var(--navy);color:#fff;font:700 .95rem var(--font);cursor:pointer}
.vr-how-cta{margin-top:var(--s6)}
@media (min-width:1024px){.vr-why--5{grid-template-columns:repeat(5,minmax(0,1fr))}.vr-why--5>div{padding:var(--s4)}}
.vr-logo-txt b{font-weight:800}

/* Ordinateur : carte services sur toute la largeur sous le hero (la carte formulaire, courte tant que la question
   n'a pas de réponse, ne laisse plus de vide à droite). Marge basse = place du chevauchement quand le formulaire s'ouvre. */
@media (min-width:1100px){
  .vr-hero-grid .vr-form-card{grid-row:1;margin-bottom:calc(var(--s9) + var(--s2) + var(--s5))}
  .vr-hero-grid .vr-b-picker{grid-column:1/-1}
  .vr-hero-facts small{max-width:34rem}
}

/* Page département, ordinateur : la carte formulaire (courte tant que la question attend) suit la lecture du guide */
@media (min-width:1024px){
  .vr-p-top--form{min-height:0}
  .vr-p-float{bottom:0}
  .vr-p-float>.vr-wrap{height:100%}
  .vr-p-float .vr-p-side{position:sticky;top:calc(var(--header-h) + 16px)}
}

/* ============ Ajouts de la production V2 (Spider-Man, 01/11/2026) ============
   Règle SpyX : les titres du gabarit commun (encadrés, bandeau final, pied) sont des paragraphes stylés, pas des Hn. */
.vr-b-picker-head p.vr-pick-t{margin:4px 0;flex-basis:auto;order:0;font-family:var(--font-t);font-weight:800;color:var(--navy);font-size:1.25rem;line-height:1.2}
@media (min-width:1024px){.vr-b-picker-head p.vr-pick-t{font-size:1.375rem}}
.vr-cta-box p.vr-cta-t{font-family:var(--font-t);font-weight:800;color:var(--navy);margin:0 0 6px;font-size:clamp(1.5rem,1.2rem + 1.2vw,2.125rem);line-height:1.15;letter-spacing:-.02em}
.vr-owner a{color:inherit;text-decoration:underline}
.vr-prose .vr-tip{margin:var(--s5) 0}
.vr-prose .vr-gcards{list-style:none;padding:0}
.vr-sources{font-size:.9375rem}
.vr-sources ul{padding-left:1.25rem}
.vr-sources li{margin:0 0 6px;overflow-wrap:anywhere}
.vr-blog-list{display:grid;gap:var(--s4);list-style:none;padding:0;margin:var(--s4) 0 0}
@media (min-width:800px){.vr-blog-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
.vr-blog-list li{margin:0;padding:var(--s5);border-radius:var(--r-lg);background:#fff;box-shadow:var(--shadow-1)}
.vr-blog-list h3{margin:0 0 var(--s2);font-size:1.125rem}
.vr-blog-list h3 a{color:var(--navy);text-decoration:none}
.vr-blog-list h3 a:hover{color:var(--ice-ink);text-decoration:underline}
.vr-blog-list p{margin:0;color:var(--muted);font-size:.9375rem}
.vr-liens ul{display:flex;flex-wrap:wrap;gap:10px;list-style:none;padding:0;margin:0}
.vr-liens a{display:inline-flex;align-items:center;min-height:var(--tap);padding:8px 16px;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1.5px var(--line);color:var(--navy);font-weight:700;text-decoration:none;font-size:.9375rem}
.vr-liens a:hover{box-shadow:inset 0 0 0 2px var(--ice);color:var(--ice-ink)}
.vr-liens .vr-liens-t{font-family:var(--font-t);font-weight:800;color:var(--navy);font-size:1.125rem;margin:0 0 var(--s3)}
.vr-404{text-align:left}
.vr-partners{margin-bottom:var(--s6)}
/* Réponse en tête (SGEO) dans le corps clair de la page */
.vr-prose .vr-answer{max-width:none;background:var(--ice-soft);box-shadow:inset 4px 0 0 var(--ice);-webkit-backdrop-filter:none;backdrop-filter:none;margin:0 0 var(--s5)}
.vr-prose .vr-answer p{color:var(--navy)}
.vr-prose .vr-answer strong{color:var(--navy)}
.vr-prose .vr-answer .vr-answer-t{color:var(--ice-ink)!important}
.vr-cta-inline{margin:var(--s4) 0}
.vr-faq-src{font-size:.8125rem;color:var(--muted)}
.vr-faq summary .vr-faq-q{font-family:var(--font-t);font-weight:700;color:var(--navy);font-size:1.0625rem;line-height:1.35}
/* ===== Wasp (01/11/2026) : contrôle d'affichage ===== */
/* Cibles tactiles 44 px : liens du pied de page et fil d'Ariane */
.vr-foot-bottom nav a{display:inline-flex;align-items:center;min-height:44px}
.vr-crumb a{padding-inline:8px;margin-inline:-8px}
/* Tableaux sur mobile : en-têtes et prix peuvent passer à la ligne, plus de colonne cachée hors écran */
@media (max-width:640px){
  .vr-ptable{font-size:.875rem}
  .vr-ptable th,.vr-ptable td{padding:10px 9px}
  .vr-ptable thead th{white-space:normal;letter-spacing:.03em;font-size:.6875rem}
  .vr-ptable .vr-num{white-space:normal}
  .vr-ptable--wide{min-width:0}
}
/* Tableaux du générateur : sur mobile, chaque ligne devient une carte (libellé de colonne devant chaque valeur) */
@media (max-width:640px){
  .vr-ptable--stack,.vr-ptable--stack tbody,.vr-ptable--stack tr,.vr-ptable--stack th,.vr-ptable--stack td{display:block;width:auto}
  .vr-ptable--stack thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .vr-ptable--stack tr{padding:6px 0;border-top:1px solid var(--line-2)}
  .vr-ptable--stack tbody tr:first-child{border-top:0}
  .vr-ptable--stack tbody th{padding:8px 14px 2px;font-size:1rem}
  .vr-ptable--stack td{border:0;padding:4px 14px;display:flex;gap:12px;justify-content:space-between;align-items:baseline}
  .vr-ptable--stack td::before{content:attr(data-label);text-align:left;flex:0 0 42%;font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.03em;color:var(--muted)}
  .vr-ptable--stack td>*{text-align:right}
  .vr-ptable--stack td{text-align:right}
}
/* Cibles 44 px sur grand écran aussi : pied de page, fil d'Ariane, bouton « Modifier » de la question */
.vr-site-footer li a{display:flex;align-items:center;min-height:44px}
.vr-crumb a{min-height:44px;margin-block:-8px}
.vr-gate-done button{min-height:44px;min-width:44px;padding:0;flex:0 0 auto}
.vr-gate-done span{min-width:0}

/* ===== Ajouts propres a votre-devis-pac (Invisible Woman, 01/11/2026) ===== */
/* Photos : PAC exterieure visible a droite du hero (accueil) et maison en pierre (departements) */
.vr-hero-bg img{object-position:62% 50%}
@media (min-width:1100px){.vr-hero-bg img{object-position:50% 56%}}
.vr-p-hero-media{object-position:62% 62%}
/* Bandeau des reperes : cinq entrees possibles, passage a la ligne propre */
.vr-aides ul{flex-wrap:wrap}

/* Wasp 01/11/2026 : corrections d'affichage (CSS ajouté après vdp-site.css, rien d'autre modifié) */
/* Lien « Auraleads » du pied de page : vert foncé illisible sur fond pétrole, on prend le vert clair de la charte */
.vr-site-footer p a,.vr-site-footer .vr-foot-about a{color:var(--ice-on-dark);text-decoration:underline;text-underline-offset:3px}
.vr-site-footer p a:hover{color:#fff}
/* Lien d'évitement : cible de 44 px quand il apparaît au clavier */
.vr-skip:focus,.vr-skip:focus-visible{min-height:44px;display:inline-flex;align-items:center}
/* Tableaux en cartes sur mobile : le lien de la première colonne (44 px) ne déborde plus sur la ligne suivante */
@media (max-width:640px){
  .vr-ptable--stack caption{display:block;width:auto}
  .vr-ptable--stack tbody th{display:flex;align-items:center;min-height:44px;padding:0 14px}
  .vr-ptable--stack tbody th a{display:inline-flex;align-items:center;min-height:44px}
  /* Tableaux en HTML brut (accueil, cookies) : libellé au-dessus de la valeur, le texte et les <code> passent à la ligne */
  .vr-ptable--stack-bloc td{display:block;text-align:left;padding:6px 14px;overflow-wrap:anywhere}
  .vr-ptable--stack-bloc td::before{display:block;margin-bottom:2px;flex:none}
  .vr-ptable--stack-bloc td>*{text-align:left}
  .vr-ptable--stack-bloc td{text-align:left}
}

/* ===== Ajouts propres a renovation IDF (Invisible Woman, 01/11/2026) ===== */
/* Logo : maison au toit terre cuite */
.vr-logo-txt b{font-weight:800;color:var(--ice-ink)}
.vr-site-footer .vr-logo-txt b{color:var(--ice-on-dark)}
/* Photo d'accueil : artisan et couple a droite, on decale l'image pour les garder entre le texte et la carte formulaire */
.vr-hero-bg img{object-position:70% 50%}
@media (min-width:1100px){
  .vr-hero-bg img{inset:0 auto 0 -16%;width:120%;max-width:none;object-position:50% 50%}
  .vr-hero-bg::after{background:linear-gradient(90deg,rgba(43,38,34,.94) 0%,rgba(43,38,34,.78) 34%,rgba(43,38,34,.22) 52%,rgba(43,38,34,.08) 70%,rgba(43,38,34,.30) 100%)}
}
.vr-p-hero-media{object-position:30% 55%}
.vr-p-hero .vr-p-hero-media{object-position:30% 55%}
.vr-aides ul{flex-wrap:wrap}
/* Fonds : pierre de taille plutot que gris froid, filet terre cuite sous les titres de section */
.vr-section-soft{background:var(--soft)}
/* Departements d'Ile-de-France : liste informative, sans lien */
.vr-regions--info a{pointer-events:none}
.vr-idf{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s3);list-style:none;margin:0;padding:0}
@media (min-width:760px){.vr-idf{grid-template-columns:repeat(4,minmax(0,1fr))}}
.vr-idf li{display:flex;align-items:center;gap:12px;min-height:64px;margin:0;padding:12px 16px;background:#fff;border-radius:var(--r);box-shadow:var(--shadow-1)}
.vr-idf svg{width:34px;height:34px;flex:none;padding:7px;border-radius:10px;background:var(--ice-soft);color:var(--ice-ink);fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.vr-idf b{display:block;font-family:var(--font-t);color:var(--navy)}
.vr-idf span span{display:block;font-size:.8125rem;color:var(--muted)}
/* Bloc Leadrs : contenu inchange, habillage seulement (ancien <style id="mention-eligibilite-css"> deplace dans la feuille) */
p.mention-eligibilite[role="note"]{display:flex;gap:8px;align-items:flex-start;font-size:.85rem;line-height:1.45;text-align:left;font-weight:400}
p.mention-eligibilite[role="note"] strong{font-weight:700;color:inherit}
p.mention-eligibilite[role="note"] span{color:inherit}
.mention-eligibilite-ico{flex:none;margin-top:1px;display:block}
.vr-form-card p.mention-eligibilite[role="note"]{margin:0 var(--s2) var(--s3);padding:10px 12px;border-left:4px solid var(--ice-ink);border-radius:0 8px 8px 0;background:var(--ice-soft);color:var(--navy);font-size:.875rem}
.vr-form-card .mention-eligibilite-ico{color:var(--ice-ink)}
@media (min-width:600px){.vr-form-card p.mention-eligibilite[role="note"]{margin-inline:0}}
.vr-gate-form>iframe{display:block;width:100%;min-height:560px;border:0;border-radius:var(--r);background:var(--soft)!important}
.vr-gate-form>.lds-ph{display:flex;flex-direction:column;justify-content:flex-start;min-height:420px!important;padding:40px 20px 24px!important;background:var(--soft)!important;border:1.5px dashed var(--line)!important;border-radius:var(--r)!important;font-family:var(--font)!important}
.vr-gate-form>.lds-ph .lds-btn{background:var(--ice)!important;border-color:var(--ice)!important;color:var(--navy)!important;border-radius:var(--r-btn)!important;min-height:48px!important}
.vr-gate-form>.lds-ph p.lds-t{color:var(--navy)!important;font-family:var(--font-t)!important;font-size:1.0625rem!important}
/* Boite « Non » : pierre chaude */
.vr-gate-no{background:#F3ECE1;color:#2B2622;box-shadow:inset 0 0 0 1px #DACBBB}
.vr-aides-note{margin:var(--s4) 0 0;font-size:.875rem;color:var(--muted)}

/* Spider-Man 01/11/2026 : ajouts de la V2 de renovation-ile-de-france.fr (après vr-site.css d'Invisible Woman, rien d'autre modifié) */
/* Repris de Wasp (PAC) : lien du pied de page lisible, lien d'évitement de 44 px, tableaux en cartes sur mobile */
.vr-site-footer p a,.vr-site-footer .vr-foot-about a{color:var(--ice-on-dark);text-decoration:underline;text-underline-offset:3px}
.vr-site-footer p a:hover{color:#fff}
.vr-skip:focus,.vr-skip:focus-visible{min-height:44px;display:inline-flex;align-items:center}
@media (max-width:640px){
  .vr-ptable--stack caption{display:block;width:auto}
  .vr-ptable--stack tbody th{display:flex;align-items:center;min-height:44px;padding:0 14px}
  .vr-ptable--stack tbody th a{display:inline-flex;align-items:center;min-height:44px}
  .vr-ptable--stack-bloc td{display:block;text-align:left;padding:6px 14px;overflow-wrap:anywhere}
  .vr-ptable--stack-bloc td::before{display:block;margin-bottom:2px;flex:none}
  .vr-ptable--stack-bloc td>*{text-align:left}
}
/* FAQ de Professor X : questions en <span class="vr-faq-q"> (pas en Hn), même style que .vr-faq summary h3 */
.vr-faq-q,.vr-faq summary .vr-faq-q{flex:1;margin:0;font-family:var(--font-t);font-weight:700;color:var(--navy);font-size:1.0625rem;line-height:1.35}
/* Bloc « Votre département » : part des maisons et repère local sous le nom (liste non cliquable) */
.vr-idf li{align-items:flex-start}
.vr-idf span span+span{margin-top:4px;color:var(--text)}
/* Formulaire de contact PHP (HTML du site en ligne inchangé ; l'ancien <style> de la page est remplacé par ces règles) */
.contact-form{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:24px;margin:24px 0;box-shadow:var(--shadow-1)}
.contact-form .form-row{display:grid;grid-template-columns:1fr;gap:16px}
@media (min-width:600px){.contact-form .form-row{grid-template-columns:1fr 1fr}}
.contact-form .form-group{display:flex;flex-direction:column;margin-bottom:16px}
.contact-form label{font-size:.875rem;font-weight:600;color:var(--navy);margin-bottom:6px}
.contact-form input,.contact-form textarea{min-height:48px;padding:12px 14px;border:1px solid var(--line);border-radius:8px;font:inherit;font-size:1rem;color:var(--navy);background:var(--soft)}
.contact-form input:focus,.contact-form textarea:focus{outline:none;border-color:var(--ice-ink);background:#fff;box-shadow:0 0 0 3px rgba(238,134,86,.25)}
.contact-form textarea{resize:vertical;min-height:140px}
.contact-form .form-honeypot{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden;opacity:0}
.contact-form .form-info{font-size:.8125rem;color:var(--muted);margin:14px 0 0}
.contact-form button{display:flex;align-items:center;justify-content:center;width:100%;min-height:52px;border:0;border-radius:var(--r-btn);background:var(--ice);color:var(--navy);font:inherit;font-weight:700;font-size:1rem;cursor:pointer}
.contact-form button:hover{filter:brightness(.96)}
/* Accueil (textes de Loki) : petite ligne sous le chapeau, 5 tuiles, lignes « Votre département » en texte */
.vr-lead-note{margin:8px 0 14px;font-size:.9375rem;color:#F3EEE8;max-width:34rem}
@media (min-width:600px){.vr-ptiles--5{grid-template-columns:repeat(5,minmax(0,1fr))}}
/* Passe 4 (Captain R2) : sur mobile, la 5e tuile garde la taille des autres (centrée), au lieu de prendre toute la largeur */
@media (max-width:599px){.vr-ptiles--5 li:last-child{grid-column:span 2;justify-self:center;width:calc(50% - 4px)}}
.vr-idf--texte{grid-template-columns:1fr}
@media (min-width:760px){.vr-idf--texte{grid-template-columns:repeat(2,minmax(0,1fr))}}
.vr-idf--texte li{line-height:1.45}
.vr-idf--texte span span{font-size:.9375rem;color:var(--text)}
/* Wasp 01/11/2026 : mots à tiret insécables dans les titres, FAQ et libellés (Île-de-France ne se coupe plus) */
.vr-nb{white-space:nowrap}
/* Wasp : tableaux de plafonds et de prix dans la colonne de texte (641 à 1280 px) : en-têtes et montants passent à la ligne, plus de colonnes coupées à droite */
@media (min-width:641px){
  .vr-prose .vr-ptable thead th{white-space:normal;letter-spacing:.03em}
  .vr-prose .vr-ptable .vr-num,.vr-prose .vr-ptable td{white-space:normal}
  .vr-prose .vr-ptable th,.vr-prose .vr-ptable td{padding:11px 10px}
}
/* Wasp : colonne de texte étroite à côté du formulaire (641 à 1100 px) : tableau de plafonds à 5 colonnes tenu dans sa largeur */
@media (min-width:641px) and (max-width:1100px){
  .vr-prose .vr-ptable{font-size:.8125rem}
  .vr-prose .vr-ptable th,.vr-prose .vr-ptable td{padding:10px 6px}
  .vr-prose .vr-ptable thead th{font-size:.6875rem;letter-spacing:0}
}