:root{
    --paper:#ffffff;
    --paper-alt:#f5f5f5;
    --ink:#111111;
    --ink-soft:#4a4a4a;
    --ink-faint:#6e6e6e;
    --pine:#111111;
    --pine-deep:#000000;
    --gold:#fdc300;
    --terracotta:#fdc300;
    --terracotta-deep:#111111;
    --terracotta-light:#fdc300;
    --line:#e5e5e5;
    --card:#ffffff;
    --white:#ffffff;
    --shadow: 0 1px 2px rgba(0,0,0,.06), 0 18px 40px -20px rgba(0,0,0,.28);
    --dur:.22s;
  }
  /* dark-mode auto-switch disabled: site stays on the light/beige palette regardless of system preference */
  :root[data-theme="dark"]{
    --paper:#0d0d0d;
    --paper-alt:#1a1a1a;
    --ink:#f5f5f5;
    --ink-soft:#c4c4c4;
    --ink-faint:#9e9e9e;
    --line:#333333;
    --card:#1a1a1a;
    --white:#1a1a1a;
    --shadow: 0 1px 2px rgba(0,0,0,.3), 0 18px 40px -20px rgba(0,0,0,.6);
  }
  *{ box-sizing:border-box; }
  html{ scroll-behavior:smooth; }
  html,body{ margin:0; color:var(--ink); }
  html{ background:var(--paper); }
  body{
    background-color:var(--paper);
    
    background-repeat:repeat;
    background-size:auto, 640px auto;
  }
  
  :root[data-theme="dark"] body{ background-image:none; }
  body{ font-family:"Montserrat",-apple-system,"Segoe UI",sans-serif; overflow-x:hidden; }
  h1,h2,h3{ font-family:"Montserrat",sans-serif; text-wrap:balance; margin:0; font-weight:600; }
  .mono{ font-family:"Montserrat",sans-serif; }
  a{ color:inherit; }
  img{ max-width:100%; display:block; }
  button{ font-family:inherit; cursor:pointer; }
  @media (prefers-reduced-motion: reduce){
    html{ scroll-behavior:auto; }
    *,*::before,*::after{ animation-duration:.01ms !important; transition-duration:.01ms !important; }
  }
  :focus-visible{ outline:3px solid var(--terracotta); outline-offset:2px; border-radius:4px; }

  .skip-link{ position:absolute; left:1rem; top:-3rem; background:var(--pine-deep); color:#f5f5f5; padding:.7rem 1.2rem; border-radius:8px; z-index:999; transition:top var(--dur) ease; font-size:.85rem; }
  .skip-link:focus{ top:1rem; }

  .wrap{ max-width:1280px; margin:0 auto; padding-left:clamp(1.2rem,4vw,3rem); padding-right:clamp(1.2rem,4vw,3rem); }

  /* NAV — condenses with blur on scroll */
  header.top{ position:relative; z-index:50; padding-top:0; transition:padding var(--dur) ease, background var(--dur) ease, box-shadow var(--dur) ease; }
  header.top.scrolled{ padding-top:0; background:rgba(255,255,255,.86); backdrop-filter:blur(14px) saturate(160%); box-shadow:0 6px 24px -14px rgba(0,0,0,.25); }
  .top-brush{
    position:absolute; top:0; left:0; right:0; width:100%; height:clamp(92px,13vw,128px);
    display:block; pointer-events:none; z-index:0;
    transition:opacity .25s ease;
  }
  header.top.scrolled .top-brush{ opacity:0; }
  .nav-wrap{
    position:relative; z-index:1;
    display:flex; align-items:center; justify-content:space-between; max-width:1280px; margin:0 auto;
    padding:clamp(1.1rem,2.4vw,1.6rem) clamp(1.2rem,4vw,3rem) 1.1rem; transition:padding var(--dur) ease;
  }
  header.top.scrolled .nav-wrap{ padding-top:.9rem; padding-bottom:.9rem; }
  .logo{ display:flex; align-items:center; gap:.7rem; }
  .logo-full{ height:2.6rem; width:auto; display:block; transition:height var(--dur); }
  .foot-grid .logo-full{ height:3rem; }
  
  header.top.scrolled .logo-full{ height:2.15rem; }
  
  nav.mainnav{ display:flex; gap:1.9rem; font-size:.85rem; font-weight:500; }
  nav.mainnav a{ position:relative; text-decoration:none; padding-bottom:.35rem; }
  nav.mainnav a::after{ content:""; position:absolute; left:0; right:100%; bottom:0; height:2px; background:var(--terracotta); transition:right .25s ease; }
  nav.mainnav a:hover::after, nav.mainnav a:focus-visible::after{ right:0; }
  @media (max-width:940px){ nav.mainnav{ display:none; } }
  .nav-cta{ background:var(--pine); color:#f5f5f5; padding:.65rem 1.3rem; border-radius:99px; font-size:.8rem; font-weight:600; text-decoration:none; white-space:nowrap; font-family:"Montserrat",sans-serif; }

  
  .rail a:hover .rail-label{ opacity:1; }

  /* HERO */
  .hero{ position:relative; max-width:1280px; margin:0 auto; padding:clamp(3rem,6vw,5rem) clamp(1.2rem,4vw,3rem) clamp(2.5rem,5vw,4rem); display:grid; grid-template-columns:1.05fr .95fr; gap:clamp(3rem,5vw,5rem); align-items:center; }
  @media (max-width:940px){ .hero{ grid-template-columns:1fr; } }
  .hero-eyebrow{ font-family:"Montserrat",sans-serif; font-size:.75rem; letter-spacing:.1em; text-transform:uppercase; color:var(--terracotta); margin-bottom:1.6rem; display:flex; align-items:center; gap:.5rem; }
  .hero-eyebrow::before{ content:""; width:1.6rem; height:1px; background:var(--terracotta); }
  .hero h1{ font-size:clamp(2.3rem,4.4vw,3.8rem); line-height:1.12; letter-spacing:-.01em; }
  .hero h1 em{ font-style:normal; color:var(--pine); }
  .hero p.lead{ font-size:1.1rem; color:var(--ink-soft); max-width:44ch; margin:1.8rem 0 2.6rem; line-height:1.7; }
  .hero-actions{ display:flex; gap:1.1rem; flex-wrap:wrap; margin-bottom:.5rem; }
  .btn{ display:inline-flex; align-items:center; gap:.5rem; padding:.9rem 1.6rem; border-radius:99px; font-size:.92rem; font-weight:600; text-decoration:none; border:1.5px solid transparent; min-height:44px; transition:transform .18s cubic-bezier(.34,1.56,.64,1), box-shadow var(--dur) ease, background-color .28s ease, border-color .28s ease, color .28s ease; font-family:"Montserrat",sans-serif; }
  .btn:hover{ transform:translateY(-2px); box-shadow:0 12px 26px -14px rgba(253,195,0,.5); }
  .btn.primary{ background:var(--pine); color:#f5f5f5; }
  .btn.primary:hover{ background:var(--terracotta); }
  .btn.ghost{ border-color:var(--ink); color:var(--ink); }
  .btn.ghost:hover{ border-color:var(--terracotta); color:var(--terracotta); }
  .btn.on-gold{ background:var(--terracotta-deep); color:#ffffff; }
  .btn.on-gold:hover{ background:var(--terracotta); color:#ffffff; }
  .hero-stats{ display:flex; gap:2.6rem; margin-top:3.2rem; padding-top:2rem; border-top:1px solid var(--line); }
  .hero-stats div b{ display:block; font-family:"Montserrat",sans-serif; font-size:1.5rem; color:var(--pine); }
  .hero-stats div span{ font-size:.76rem; color:var(--ink-faint); text-transform:uppercase; letter-spacing:.05em; }

  .hero-visual{ position:relative; }
  .contour{ position:absolute; inset:-15% -10%; z-index:0; opacity:.5; pointer-events:none; }
  .photo-frame{ position:relative; z-index:1; background:linear-gradient(160deg,var(--paper-alt),var(--paper)); border-radius:16px; padding:2.2rem 2rem 1.6rem; }
  .photo-frame img{ width:100%; border-radius:4px; transition:transform .35s ease; }
  .photo-caption{ display:flex; justify-content:space-between; font-family:"Montserrat",sans-serif; font-size:.68rem; color:var(--ink-faint); margin-top:1.2rem; text-transform:uppercase; letter-spacing:.04em; }

  section{ max-width:1280px; margin:0 auto; padding:5.5rem clamp(1.2rem,4vw,3rem); scroll-margin-top:5.5rem; }
  .section-head{ display:flex; justify-content:space-between; align-items:flex-end; gap:2rem; margin-bottom:2.8rem; flex-wrap:wrap; }
  .section-head .eyebrow{ font-family:"Montserrat",sans-serif; font-size:.72rem; text-transform:uppercase; letter-spacing:.1em; color:var(--terracotta-deep); margin-bottom:.6rem; }
  .section-head h2{ font-size:clamp(1.7rem,3vw,2.3rem); }
  .section-head p{ max-width:38ch; color:var(--ink-soft); font-size:.95rem; }

  .reveal{ opacity:0; transform:translateY(18px); transition:opacity .5s ease, transform .5s ease; }
  .reveal.in{ opacity:1; transform:none; }

  /* GAMME */
  .gamme{ background:var(--pine-deep); color:#f5f5f5; border-radius:26px; position:relative; overflow:hidden; }
  .gamme::before{ content:""; position:absolute; inset:0; opacity:.06; background-image:radial-gradient(circle at 15% 20%, #fff 0, transparent 35%), radial-gradient(circle at 85% 75%, #fff 0, transparent 40%); pointer-events:none; }
  .gamme .section-head .eyebrow{ color:var(--terracotta-light); }
  .gamme .section-head p{ color:#c4c4c4; }
  .model-strip{ position:relative; display:grid; grid-template-columns:repeat(3,1fr); grid-auto-rows:minmax(170px,auto); gap:1.2rem;
    grid-template-areas:
      "m1  tri tri"
      "m3  tri tri"
      "m4  m5  m6"; }
  .model-card.featured{ grid-area:tri; }
  .model-card[data-slot="m1"]{ grid-area:m1; }
  .model-card[data-slot="m3"]{ grid-area:m3; }
  .model-card[data-slot="m4"]{ grid-area:m4; }
  .model-card[data-slot="m5"]{ grid-area:m5; }
  .model-card[data-slot="m6"]{ grid-area:m6; }
  @media (max-width:980px){
    .model-strip{ grid-template-columns:repeat(2,1fr);
      grid-template-areas:
        "tri tri"
        "tri tri"
        "m1  m3"
        "m4  m5"
        "m6  m6"; }
  }
  @media (max-width:640px){
    .model-strip{ grid-template-columns:1fr; grid-template-areas:none; }
    .model-card.featured, .model-card[data-slot]{ grid-area:auto; }
  }
  .model-card.featured .model-photo{ height:100%; min-height:260px; }
  .model-card.featured .mn-tag{ font-size:1.55rem; }
  .model-card.featured .model-body{ padding:1.7rem 1.7rem 1.9rem; }
  .model-card.featured .mtag{ font-size:.9rem; }
  .model-card.featured .mt{ font-size:.92rem; }
  .model-card{ background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.14); border-radius:14px; overflow:hidden; display:flex; flex-direction:column; transition:transform .3s ease, box-shadow .3s ease, border-color .3s ease; }
  .model-card:hover{ transform:translateY(-6px); box-shadow:0 24px 46px -20px rgba(0,0,0,.45); border-color:rgba(253,195,0,.4); }
  .model-photo{ height:150px; position:relative; overflow:hidden; }
  .model-photo img{ width:100%; height:100%; object-fit:cover; transition:transform .5s ease; }
  .model-card:hover .model-photo img{ transform:scale(1.08); }
  .model-photo .mn-tag{ position:absolute; left:1rem; bottom:.9rem; font-family:"Montserrat",sans-serif; font-size:1.2rem; color:#fff; text-shadow:0 2px 10px rgba(0,0,0,.35); pointer-events:none; }
  .model-body{ padding:1.4rem 1.4rem 1.5rem; display:flex; flex-direction:column; gap:.7rem; flex:1; }
  .model-body .mn{ font-family:"Montserrat",sans-serif; font-size:1.2rem; }
  .model-body .mtag{ font-style:italic; font-size:.82rem; color:var(--terracotta-light); margin-top:-.5rem; }
  .model-body .mt{ font-size:.85rem; color:#c4c4c4; line-height:1.55; margin:0; }
  .specs-toggle{ background:none; border:1px solid rgba(255,255,255,.3); color:#f5f5f5; font-size:.74rem; font-weight:600; padding:.5rem .9rem; border-radius:99px; align-self:flex-start; min-height:38px; display:inline-flex; align-items:center; gap:.4rem; }
  .specs-toggle .chev{ transition:transform var(--dur) ease; font-size:.7rem; }
  .specs-toggle[aria-expanded="true"] .chev{ transform:rotate(180deg); }
  .model-specs{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:.35rem; font-size:.76rem; color:#c4c4c4; max-height:0; overflow:hidden; transition:max-height var(--dur) ease; }
  .model-specs.open{ max-height:220px; margin-top:.6rem; }
  .model-specs li::before{ content:"— "; color:var(--terracotta-light); }
  .model-body a.discover{ margin-top:auto; padding-top:.4rem; font-size:.78rem; font-weight:600; color:var(--terracotta-light); text-decoration:none; }
  .gamme-cta{ position:relative; text-align:center; margin-top:2.8rem; }

  /* SERVICES */
  .services{ display:grid; grid-template-columns:repeat(3,1fr); gap:1.3rem; }
  @media (max-width:940px){ .services{ grid-template-columns:1fr; } }
  .service-card{ background:var(--card); border:1px solid var(--line); border-radius:16px; overflow:hidden; box-shadow:var(--shadow); display:flex; flex-direction:column; }
  .service-card .service-photo{ height:170px; position:relative; color:#f5f5f5; }
  .service-card .service-photo img{ width:100%; height:100%; object-fit:cover; }
  .photo-slot{ position:relative; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:.5rem; height:100%; }
  .photo-slot .ph-label{ font-family:"Montserrat",sans-serif; font-size:.62rem; text-transform:uppercase; letter-spacing:.05em; text-align:center; padding:0 1rem; }
  .photo-slot::after{ content:""; position:absolute; inset:.6rem; border:1.5px dashed rgba(255,255,255,.32); border-radius:10px; pointer-events:none; }
  .photo-slot.on-light::after{ border-color:rgba(0,0,0,.18); }
  .service-copy{ padding:1.8rem 1.7rem 2rem; display:flex; flex-direction:column; flex:1; }
  .service-copy .num{ font-family:"Montserrat",sans-serif; font-size:.75rem; color:var(--terracotta); }
  .service-copy h3{ font-size:1.28rem; margin:.7rem 0 .8rem; }
  .service-copy p{ font-size:.9rem; color:var(--ink-soft); line-height:1.62; margin:0 0 1.3rem; flex:1; }
  .service-copy a{ font-size:.85rem; font-weight:600; color:var(--pine); text-decoration:none; }

  .cta-band{ background:var(--pine-deep); border-radius:22px; padding:3.5rem clamp(1.5rem,5vw,4rem); text-align:center; }
  .cta-band h2{ font-size:clamp(1.6rem,3vw,2.2rem); color:#ffffff; max-width:28ch; margin:0 auto .9rem; }
  .cta-band p{ color:#e5e5e5; max-width:52ch; margin:0 auto 1.6rem; font-size:.95rem; }
  .cta-band .btn.on-gold{ background:#fff; color:var(--pine); }
  .cta-band .btn.on-gold:hover{ background:var(--terracotta-deep); color:#ffffff; }

  .guide{ display:grid; grid-template-columns:1fr 1fr; gap:3rem; align-items:center; }
  @media (max-width:860px){ .guide{ grid-template-columns:1fr; } }
  .guide-visual{ border-radius:18px; min-height:300px; background-image:linear-gradient(150deg,rgba(0,0,0,.55),rgba(253,195,0,.55)), url('/wp-content/themes/ecocampers-divi-child/assets/img/im-eca264af5d93.jpg'); background-size:cover; background-position:center; position:relative; overflow:hidden; }
  .guide h2{ font-size:clamp(1.7rem,3.4vw,2.4rem); }
  .guide p{ color:var(--ink-soft); font-size:.96rem; line-height:1.65; margin:1.2rem 0 1.6rem; max-width:50ch; }

  .blog{ background:var(--paper-alt); border-radius:26px; }
  .blog-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:1.2rem; margin-top:2.4rem; }
  @media (max-width:940px){ .blog-grid{ grid-template-columns:repeat(2,1fr); } }
  @media (max-width:640px){ .blog-grid{ grid-template-columns:1fr; } }
  .blog-card{ background:var(--card); border-radius:14px; overflow:hidden; box-shadow:var(--shadow); }
  .blog-card .blog-photo{ height:120px; position:relative; }
  .blog-card .blog-photo img{ width:100%; height:100%; object-fit:cover; }
  .blog-card .blog-body{ padding:1.3rem 1.4rem 1.5rem; }
  .blog-card .bd{ font-family:"Montserrat",sans-serif; font-size:.65rem; color:var(--terracotta-deep); text-transform:uppercase; letter-spacing:.05em; }
  .blog-card h3{ font-size:1rem; font-weight:600; color:var(--ink); margin-top:.6rem; line-height:1.35; }

  .faq-list{ border-top:1px solid var(--line); }
  .faq-item{ border-bottom:1px solid var(--line); }
  .faq-item button.fq{ all:unset; box-sizing:border-box; width:100%; display:flex; justify-content:space-between; align-items:center; font-weight:600; font-size:1rem; color:var(--ink); font-family:"Montserrat",sans-serif; padding:1.3rem 0; cursor:pointer; }
  .faq-item .fa{ max-height:0; overflow:hidden; color:var(--ink-soft); font-size:.9rem; line-height:1.6; transition:max-height var(--dur) ease; }
  .faq-item.open .fa{ max-height:200px; padding-bottom:1.3rem; }
  .faq-item .plus{ font-family:"Montserrat",sans-serif; font-size:1.2rem; color:var(--terracotta); transition:transform var(--dur) ease; flex-shrink:0; }
  .faq-item.open .plus{ transform:rotate(45deg); }

  .newsletter{ background:var(--pine); color:#f5f5f5; border-radius:22px; padding:3.4rem clamp(1.5rem,5vw,3rem); text-align:center; }
  .newsletter h3{ font-size:1.4rem; }
  .newsletter form{ display:flex; gap:.7rem; justify-content:center; margin-top:1.4rem; flex-wrap:wrap; }
  .newsletter input{ padding:.8rem 1.2rem; border-radius:99px; border:none; font-family:inherit; min-width:260px; min-height:44px; }

  footer{ border-top:1px solid var(--line); margin-top:1rem; }
  .foot-grid{ max-width:1280px; margin:0 auto; padding:3.5rem clamp(1.2rem,4vw,3rem) 2.5rem; display:grid; grid-template-columns:1.4fr repeat(3,1fr); gap:2.5rem; }
  @media (max-width:780px){ .foot-grid{ grid-template-columns:1fr 1fr; } }
  .foot-grid h4{ font-family:"Montserrat",sans-serif; font-size:.7rem; font-weight:700; text-transform:uppercase; letter-spacing:.08em; color:var(--pine); margin-bottom:1rem; }
  .foot-grid ul a{ color:var(--ink-soft); text-decoration:none; transition:color .2s ease; }
  .foot-grid ul a:hover{ color:var(--terracotta-deep); }
  .social-icons{ display:flex; justify-content:center; gap:.8rem; margin-top:.9rem; }
  .social-icons a{ display:flex; align-items:center; justify-content:center; width:2.4rem; height:2.4rem; border-radius:50%; background:rgba(255,255,255,.12); color:#ffffff; transition:background .2s ease, transform .2s ease; }
  .social-icons a:hover{ background:var(--terracotta-deep); transform:translateY(-2px); }
  .social-icons svg{ width:1.05rem; height:1.05rem; fill:currentColor; }
  .foot-grid .social-icons{ justify-content:flex-start; margin-top:1.1rem; }
  .foot-grid .social-icons a{ background:rgba(0,0,0,.08); color:var(--ink); }
  .foot-grid .social-icons a:hover{ background:var(--terracotta-deep); color:#ffffff; }
  .foot-grid ul{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:.6rem; font-size:.86rem; }
  .foot-bottom{ text-align:center; font-size:.75rem; color:var(--ink-faint); padding:1.5rem; border-top:1px solid var(--line); font-family:"Montserrat",sans-serif; }
  /* La ligne légale du pied — 20/10/2026. Discrète par construction :
     la passe « épuré » a supprimé le filet et la mention du bas, celle-ci
     ne les ramène pas. */
  .foot-legal{ display:flex; flex-wrap:wrap; justify-content:center;
    align-items:center; gap:.35rem 1.3rem; max-width:1280px; margin:0 auto;
    padding:0 clamp(1.2rem,4vw,3rem) 2.6rem;
    font-family:"Montserrat",sans-serif; font-size:.72rem;
    color:var(--ink-faint); }
  .foot-legal a{ color:inherit; text-decoration:none; }
  .foot-legal a:hover{ color:var(--ink); text-decoration:underline;
    text-underline-offset:3px; }
  @media (max-width:780px){ .foot-legal{ gap:.3rem .9rem; } }
  /* Les messages des formulaires — 20/10/2026. Le remerciement se lit,
     l'erreur se voit : même corps, mais un filet et une couleur qui ne
     laissent aucun doute sur lequel des deux on a sous les yeux. */
  .ec-form-merci, .ec-form-erreur{ font-family:"Montserrat",sans-serif;
    font-size:.86rem; line-height:1.6; margin:1rem 0 0;
    padding:.85rem 1.1rem; border-left:3px solid; }
  .ec-form-merci{ border-color:var(--accent,#fdc300);
    background:rgba(253,195,0,.1); color:var(--ink,#111); }
  .ec-form-erreur{ border-color:#b32d2e; background:rgba(179,45,46,.07);
    color:#8c2324; }
  /* Les formulaires du site — 20/10/2026. Un seul balisage pour les vingt
     emplacements : vingt formulaires différents, ce seraient vingt endroits
     où corriger la même faute de frappe. Le bloc ne définit que ce qui lui
     est propre et hérite du reste de la charte de la page. */
  .ec-form{ max-width:46rem; margin-top:1.6rem; }
  .ec-form-titre{ font-family:"Montserrat",sans-serif; font-weight:800;
    font-size:1.15rem; letter-spacing:-.01em; margin:0 0 .5rem; }
  .ec-form-chapo{ font-size:.92rem; line-height:1.65; color:var(--ink-soft);
    margin:0 0 1.2rem; max-width:52ch; }
  .ec-form-champs{ display:grid; grid-template-columns:1fr 1fr;
    gap:.9rem 1.1rem; }
  .ec-form-champs .large{ grid-column:1 / -1; }
  @media (max-width:620px){ .ec-form-champs{ grid-template-columns:1fr; } }
  .ec-form label{ display:block; font-family:"Montserrat",sans-serif;
    font-size:.7rem; font-weight:700; letter-spacing:.09em;
    text-transform:uppercase; color:var(--ink-faint); }
  .ec-form input, .ec-form textarea{ display:block; width:100%;
    margin-top:.35rem; font-family:inherit; font-size:.92rem;
    padding:.72rem .9rem; border:1.5px solid var(--line); background:#ffffff;
    color:var(--ink); box-sizing:border-box; }
  .ec-form input:focus, .ec-form textarea:focus{ outline:3px solid var(--gold);
    outline-offset:1px; border-color:var(--ink); }
  .ec-form .ec-form-case{ display:flex; gap:.7rem; align-items:flex-start;
    margin-top:1.1rem; font-size:.78rem; font-weight:400; letter-spacing:0;
    text-transform:none; color:var(--ink-faint); line-height:1.6; }
  .ec-form .ec-form-case input{ width:auto; margin:.2rem 0 0; flex:0 0 auto;
    accent-color:var(--gold); }
  .ec-form-envoi{ margin-top:1.2rem; font-family:"Montserrat",sans-serif;
    font-weight:700; font-size:.92rem; padding:.9rem 1.8rem;
    background:var(--ink); color:#ffffff; border:0; cursor:pointer; }
  .ec-form-envoi:hover{ background:var(--gold); color:#111111; }
  .ec-form-envoi[disabled]{ opacity:.6; cursor:progress; }
  /* L'inscription à la lettre tient sur une ligne : son bloc porte déjà
     son titre, et un formulaire en colonne y ferait une marche. */
  .ec-form-ligne{ display:flex; flex-wrap:wrap; align-items:flex-end;
    gap:.8rem; }
  .ec-form-ligne .large{ flex:1 1 16rem; }
  .ec-form-ligne .ec-form-envoi{ margin-top:0; }
  .ec-form-note{ flex:1 1 100%; margin:.2rem 0 0; font-size:.76rem;
    color:var(--ink-faint); }

  /* mobile sticky action bar */
  .mobile-bar{ position:fixed; left:0; right:0; bottom:-100px; z-index:60; display:none; gap:.6rem; padding:.7rem clamp(1rem,4vw,1.5rem); background:rgba(255,255,255,.94); backdrop-filter:blur(14px); border-top:1px solid var(--line); transition:bottom var(--dur) ease; }
  .mobile-bar.show{ bottom:0; }
  @media (max-width:940px){ .mobile-bar{ display:flex; } }
  .mobile-bar a{ flex:1; text-align:center; padding:.85rem 1rem; border-radius:99px; font-size:.85rem; font-weight:700; text-decoration:none; min-height:44px; display:flex; align-items:center; justify-content:center; font-family:"Montserrat",sans-serif; }
  .mobile-bar a.call{ background:var(--paper-alt); color:var(--ink); border:1.5px solid var(--line); }
  .mobile-bar a.quote{ background:var(--pine); color:#f5f5f5; }


  /* -------- page-specific additions: Configurateurs -------- */
  .mainnav a.current{ color:var(--terracotta-deep); }
  .mainnav a.current::after{ right:0; }

  .breadcrumb{
    max-width:1280px; margin:1.6rem auto 0; padding:0 clamp(1.2rem,4vw,3rem);
    font-family:"Montserrat",sans-serif; font-size:.76rem; color:var(--ink-faint);
    display:flex; align-items:center; gap:.5rem; flex-wrap:wrap;
  }
  .breadcrumb a{ color:var(--ink-faint); text-decoration:none; }
  .breadcrumb a:hover{ color:var(--terracotta); }
  .breadcrumb span.sep{ opacity:.6; }
  .breadcrumb span.current{ color:var(--ink); }

  .page-hero{ max-width:1280px; margin:0 auto; padding:2.2rem clamp(1.2rem,4vw,3rem) 1rem; }
  .page-hero h1{ font-size:clamp(2rem,4vw,2.9rem); line-height:1.16; letter-spacing:-.01em; margin:1.1rem 0 1.4rem; max-width:26ch; }
  .page-hero h1 em{ font-style:normal; color:var(--pine); }
  .page-hero p.lead{ font-size:1.05rem; color:var(--ink-soft); max-width:58ch; line-height:1.7; margin:0 0 1.8rem; }
  .badge-row{ display:flex; flex-wrap:wrap; gap:.6rem; margin-bottom:2rem; }
  .badge-row span{
    background:var(--card); border:1px solid var(--line); border-radius:99px;
    padding:.4rem .9rem; font-size:.8rem; color:var(--ink); font-family:"Montserrat",sans-serif;
    display:inline-flex; align-items:center; gap:.4rem;
  }
  .badge-row span::before{ content:""; width:6px; height:6px; border-radius:50%; background:var(--terracotta); flex:none; }
  .page-hero .hero-actions{ display:flex; gap:1rem; flex-wrap:wrap; }

  .reason-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:1.4rem; }
  @media (max-width:860px){ .reason-grid{ grid-template-columns:1fr; } }
  .reason-card{
    background:var(--card); border:1px solid var(--line); border-radius:16px;
    padding:1.7rem 1.6rem; box-shadow:var(--shadow);
  }
  .reason-card .rn{ font-family:"Montserrat",sans-serif; font-size:.72rem; color:var(--terracotta-deep); letter-spacing:.06em; margin-bottom:.7rem; }
  .reason-card h3{ font-family:"Montserrat",sans-serif; font-size:1.1rem; margin:0 0 .6rem; color:var(--ink); }
  .reason-card p{ font-size:.88rem; color:var(--ink-soft); line-height:1.6; margin:0; }

  /* -------- configurateur banner (Triostyle, disponible) -------- */
  .config-banner{
    background:var(--pine-deep); border-radius:24px; padding:clamp(2.2rem,4vw,3.2rem) clamp(1.5rem,4vw,3rem);
    display:grid; grid-template-columns:1.1fr .9fr; gap:2.5rem; align-items:center; position:relative; overflow:hidden;
  }
  @media (max-width:860px){ .config-banner{ grid-template-columns:1fr; } }
  .config-banner::before{
    content:""; position:absolute; inset:0; opacity:.35; pointer-events:none;
    background-image:
      radial-gradient(ellipse at 10% 15%, rgba(253,195,0,.16), transparent 45%),
      radial-gradient(ellipse at 90% 80%, rgba(253,195,0,.18), transparent 45%);
  }
  .config-banner .eyebrow{ color:var(--terracotta-light); }
  .config-banner h2{ color:#ffffff; font-size:clamp(1.4rem,2.6vw,1.9rem); margin:.3rem 0 .8rem; position:relative; }
  .config-banner p{ color:#e5e5e5; font-size:.92rem; line-height:1.65; margin:0 0 1.6rem; position:relative; max-width:48ch; }
  .color-chips{ display:flex; flex-wrap:wrap; gap:.5rem; margin-bottom:1.8rem; position:relative; }
  .color-chips span{
    font-family:"Montserrat",sans-serif; font-size:.74rem; color:#f5f5f5;
    background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.18);
    border-radius:99px; padding:.32rem .8rem;
  }
  .config-visual{
    position:relative; border-radius:16px; overflow:hidden; aspect-ratio:4/3;
    border:1px solid rgba(255,255,255,.18);
  }
  .config-visual img{ width:100%; height:100%; object-fit:cover; display:block; }

  /* -------- other models (configurator "à venir") -------- */
  .soon-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:1.2rem; }
  @media (max-width:980px){ .soon-grid{ grid-template-columns:repeat(2,1fr); } }
  @media (max-width:640px){ .soon-grid{ grid-template-columns:1fr; } }
  .soon-card{ background:var(--card); border:1px solid var(--line); border-radius:16px; overflow:hidden; box-shadow:var(--shadow); display:flex; flex-direction:column; }
  .soon-card .sc-photo{ height:150px; position:relative; }
  .soon-card .sc-photo img{ width:100%; height:100%; object-fit:cover; display:block; }
  .soon-card .sc-badge{
    position:absolute; left:.9rem; top:.9rem; background:rgba(19,46,32,.85); color:#f5f5f5;
    font-family:"Montserrat",sans-serif; font-size:.63rem; text-transform:uppercase; letter-spacing:.04em;
    padding:.3rem .7rem; border-radius:99px;
  }
  .soon-card .sc-tag{ position:absolute; left:1rem; bottom:.9rem; font-family:"Montserrat",sans-serif; font-weight:600; font-size:1.05rem; color:#fff; text-shadow:0 2px 10px rgba(0,0,0,.35); }
  .soon-card .sc-body{ padding:1.3rem 1.3rem 1.5rem; display:flex; flex-direction:column; gap:.8rem; flex:1; }
  .soon-card .sc-body p{ font-size:.85rem; color:var(--ink-soft); line-height:1.6; margin:0; flex:1; }
  .soon-card .sc-actions{ display:flex; gap:.7rem; flex-wrap:wrap; }

  /* -------- related links -------- */
  .related-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:1.2rem; }
  @media (max-width:860px){ .related-grid{ grid-template-columns:1fr; } }
  .related-card{
    background:var(--card); border:1px solid var(--line); border-radius:16px;
    padding:1.5rem 1.4rem; display:flex; flex-direction:column; gap:.6rem; text-decoration:none;
    box-shadow:var(--shadow); transition:transform .18s cubic-bezier(.34,1.56,.64,1), border-color .28s ease;
  }
  .related-card:hover{ transform:translateY(-4px); border-color:var(--terracotta); }
  .related-card .rl{ font-family:"Montserrat",sans-serif; font-size:.7rem; text-transform:uppercase; letter-spacing:.06em; color:var(--terracotta-deep); }
  .related-card h3{ font-family:"Montserrat",sans-serif; font-size:1.05rem; margin:0; color:var(--ink); }
  .related-card p{ font-size:.84rem; color:var(--ink-soft); margin:0; line-height:1.55; }

  /* -------- embedded configurator -------- */
  .configurator-embed{
    border-radius:20px; overflow:hidden; box-shadow:var(--shadow); border:1px solid var(--line); background:var(--card);
  }
  .configurator-embed iframe{ width:100%; height:min(85vh, 900px); border:none; display:block; }
  .embed-fallback{ text-align:center; font-size:.82rem; color:var(--ink-faint); margin-top:.9rem; }
  .embed-fallback a{ color:var(--terracotta); font-weight:600; text-decoration:none; }

  /* -------- embedded Triostyle configurator (scoped) -------- */
  .config-widget{
    --paint-mask: url("/wp-content/themes/ecocampers-divi-child/assets/img/im-eddcc9f76fe7.png");
    --paper:#f5f5f5;
    --stage:#ececec;
    --panel:#ffffff;
    --ink:#111111;
    --ink-soft:#4a4a4a;
    --ink-faint:#6e6e6e;
    --line:#e5e5e5;
    --pine:#111111;
    --pine-strong:#000000;
    --pine-tint:#f0f0f0;
    --ochre:#111111;
    --ochre-tint:#fff7d9;
    --accent-on-pine:#ffffff;
    --shadow: 0 1px 2px rgba(0,0,0,.05), 0 10px 30px -12px rgba(0,0,0,.18);
  }
  
  :root[data-theme="dark"] .config-widget{
    --paper:#111111; --stage:#1a1a1a; --panel:#1a1a1a; --ink:#f0f0f0; --ink-soft:#c4c4c4;
    --ink-faint:#9e9e9e; --line:#333333; --pine:#fdc300; --pine-strong:#fdc300;
    --pine-tint:#262626; --ochre:#fdc300; --ochre-tint:#2a2a2a; --accent-on-pine:#111111;
    --shadow: 0 1px 2px rgba(0,0,0,.35), 0 14px 34px -14px rgba(0,0,0,.6);
  }
  .config-widget *{ box-sizing:border-box; }
  .config-widget{ margin:0; color:var(--ink); font-family:"Montserrat",-apple-system,"Segoe UI",sans-serif; }
  .config-widget h1, .config-widget h2, .config-widget h3{ font-family:"Archivo Expanded","Archivo",sans-serif; text-wrap:balance; margin:0; }
  .config-widget .mono{ font-family:"Montserrat",sans-serif; font-variant-numeric:tabular-nums; }
  .config-widget button{ font-family:inherit; }
  .config-widget .badge-strip{ background:var(--pine); color:var(--accent-on-pine); font-size:.78rem; text-align:center; padding:.5rem 1rem; letter-spacing:.02em; }
  .config-widget .badge-strip b{ font-weight:700; }
  .config-widget .app{ max-width:1240px; margin:0 auto; padding:0 clamp(1rem,3vw,2.5rem) 3rem; }
  .config-widget header.cfg-top{ padding:2rem 0 1.5rem; display:flex; justify-content:space-between; align-items:flex-end; gap:1rem; flex-wrap:wrap; border-bottom:1px solid var(--line); margin-bottom:2rem; }
  .config-widget .eyebrow{ font-size:.72rem; text-transform:uppercase; letter-spacing:.14em; color:var(--ochre); font-weight:600; margin-bottom:.6rem; }
  .config-widget h1.title{ font-size:clamp(1.5rem,2.6vw,2rem); }
  .config-widget .top-right{ text-align:right; font-size:.78rem; color:var(--ink-soft); max-width:340px; }
  .config-widget .stepper{ display:flex; gap:.5rem; margin-bottom:2rem; }
  .config-widget .step-btn{ flex:1; text-align:left; background:var(--panel); border:1px solid var(--line); border-radius:10px; padding:.85rem 1.1rem; cursor:pointer; transition:border-color .15s ease, background .15s ease; }
  .config-widget .step-btn .sn{ font-family:"Montserrat",sans-serif; font-size:.72rem; color:var(--ink-faint); display:block; margin-bottom:.2rem; }
  .config-widget .step-btn .sl{ font-size:.92rem; font-weight:600; }
  .config-widget .step-btn.active{ border-color:var(--pine); background:var(--pine-tint); }
  .config-widget .step-btn.active .sn{ color:var(--pine-strong); }
  .config-widget .step-btn.done .sn::after{ content:" ✓"; color:var(--pine-strong); }
  .config-widget .layout{ display:grid; grid-template-columns:1.05fr 1fr; gap:2rem; align-items:start; }
  @media (max-width:880px){
  .config-widget .layout{ grid-template-columns:1fr; }
  }
  .config-widget .stage{ position:sticky; top:1.5rem; background:var(--stage); border-radius:16px; border:1px solid var(--line); padding:1.75rem; box-shadow:var(--shadow); overflow:hidden; }
  .config-widget .stage-note{ display:inline-flex; align-items:center; gap:.4rem; font-size:.7rem; color:var(--ink-faint); background:var(--panel); border:1px solid var(--line); padding:.3rem .65rem; border-radius:99px; margin-bottom:1rem; }
  .config-widget h3.stage-title{ font-size:1.2rem; margin:0 0 1.5rem; color:var(--ink); }
  .config-widget .stage-note .dot{ width:.4rem; height:.4rem; border-radius:99px; background:var(--ochre); }
  .config-widget .stage-visual-wrap{ position:relative; }
  .config-widget .stage-visual{ position:relative; aspect-ratio:16/10; border-radius:12px; overflow:hidden;
    background: radial-gradient(ellipse 80% 60% at 50% 78%, rgba(0,0,0,.10), transparent 70%), linear-gradient(180deg, var(--panel) 0%, var(--stage) 62%, var(--stage) 100%); }
  .config-widget .view-pane{ position:absolute; inset:0; display:none; align-items:center; justify-content:center; }
  .config-widget .view-pane.active{ display:flex; }
  .config-widget .view-arrow{ position:absolute; top:50%; transform:translateY(-50%); z-index:5; width:2.1rem; height:2.1rem; border-radius:50%;
    border:1px solid var(--line); background:#fff; color:var(--pine); font-size:1.15rem; line-height:1; cursor:pointer; padding:0;
    box-shadow:var(--shadow); display:flex; align-items:center; justify-content:center; transition:background .2s ease, color .2s ease; }
  .config-widget .view-arrow:hover{ background:var(--pine); color:#fff; }
  .config-widget .view-arrow--prev{ left:-.9rem; }
  .config-widget .view-arrow--next{ right:-.9rem; }
  .config-widget .view-placeholder{ display:flex; flex-direction:column; align-items:center; gap:.55rem; text-align:center; padding:1rem; color:var(--ink-soft); }
  .config-widget .view-placeholder svg{ color:var(--ink-faint); }
  .config-widget .view-placeholder .vp-swatch{ width:4.4rem; height:4.4rem; border-radius:12px; border:1px solid var(--line); box-shadow:0 8px 18px -10px rgba(0,0,0,.3); }
  .config-widget .view-placeholder .vp-name{ font-weight:600; font-size:.92rem; color:var(--ink); }
  .config-widget .view-placeholder-tag{ font-size:.66rem; text-transform:uppercase; letter-spacing:.06em; color:var(--ink-faint); }
  .config-widget .view-dots{ display:flex; justify-content:center; gap:.4rem; margin-top:.7rem; }
  .config-widget .view-dot{ width:.5rem; height:.5rem; border-radius:99px; background:var(--line); border:none; padding:0; cursor:pointer; }
  .config-widget .view-dot.active{ background:var(--pine); }
  .config-widget .van-photo-wrap{ position:relative; width:100%; max-width:400px; margin:0 auto; }
  .config-widget .van-photo-wrap img{ display:block; width:100%; height:auto; position:relative; z-index:1; }
  .config-widget .van-color-overlay{ position:absolute; inset:0; z-index:2; mix-blend-mode:color; pointer-events:none;
    -webkit-mask-image:var(--paint-mask); mask-image:var(--paint-mask);
    -webkit-mask-size:100% 100%; mask-size:100% 100%; -webkit-mask-repeat:no-repeat; mask-repeat:no-repeat; }
  .config-widget .stage-meta{ margin-top:1rem; }
  .config-widget .stage-meta h2{ font-size:1.15rem; }
  .config-widget .stage-meta .sub{ font-size:.82rem; color:var(--ink-soft); margin-top:.15rem; }
  .config-widget .interior-row{ display:flex; gap:.6rem; margin-top:1.1rem; flex-wrap:wrap; }
  .config-widget .interior-chip{ flex:1; display:flex; align-items:center; gap:.55rem; background:var(--panel); border:1px solid var(--line); border-radius:10px; padding:.55rem .7rem; min-width:125px; }
  .config-widget .interior-swatch{ width:1.9rem; height:1.9rem; border-radius:7px; flex-shrink:0; border:1px solid var(--line); }
  .config-widget .interior-chip .itxt{ min-width:0; }
  .config-widget .interior-chip .il{ font-size:.62rem; text-transform:uppercase; letter-spacing:.05em; color:var(--ink-faint); }
  .config-widget .interior-chip .iv{ font-size:.78rem; font-weight:600; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
  .config-widget .price-box{ margin-top:1.25rem; padding-top:1.1rem; border-top:1px solid var(--line); display:flex; justify-content:space-between; align-items:center; }
  .config-widget .price-box .pl{ font-size:.72rem; text-transform:uppercase; letter-spacing:.07em; color:var(--ink-soft); }
  .config-widget .price-box .pv{ font-size:1.55rem; font-weight:600; }
  .config-widget .price-box .pv span{ font-size:.95rem; color:var(--ink-soft); font-weight:400; }
  .config-widget .panel{ background:var(--panel); border:1px solid var(--line); border-radius:16px; box-shadow:var(--shadow); padding:1.75rem; }
  .config-widget .panel h2.ph{ font-size:1.2rem; margin-bottom:.35rem; }
  .config-widget .panel p.psub{ font-size:.85rem; color:var(--ink-soft); margin:0 0 1.5rem; max-width:48ch; }
  .config-widget .group-title{ font-size:.68rem; text-transform:uppercase; letter-spacing:.1em; color:var(--ochre); font-weight:700; margin:1.75rem 0 1rem; }
  .config-widget .group-title:first-of-type{ margin-top:0; }
  .config-widget .field{ margin-bottom:1.5rem; }
  .config-widget .field:last-child{ margin-bottom:0; }
  .config-widget .field-label{ display:flex; justify-content:space-between; align-items:baseline; margin-bottom:.7rem; gap:1rem; }
  .config-widget .field-label .fl{ font-size:.68rem; text-transform:uppercase; letter-spacing:.07em; color:var(--ink-soft); font-weight:700; }
  .config-widget .field-label .fv{ font-size:.8rem; color:var(--ink); text-align:right; }
  .config-widget .swatches{ display:flex; gap:.55rem; flex-wrap:wrap; }
  .config-widget .swatch{ width:2.5rem; height:2.5rem; border-radius:99px; cursor:pointer; border:2px solid transparent; position:relative; box-shadow:inset 0 0 0 1px rgba(0,0,0,.08); }
  .config-widget .swatch.selected{ border-color:var(--pine); }
  .config-widget .swatch.selected::after{ content:""; position:absolute; inset:-5px; border-radius:99px; border:1px solid var(--pine); }
  .config-widget .option-cards{ display:grid; grid-template-columns:repeat(auto-fit,minmax(108px,1fr)); gap:.55rem; }
  .config-widget .option-card{ text-align:left; background:var(--paper); border:1px solid var(--line); border-radius:10px; padding:.65rem .8rem; cursor:pointer; }
  .config-widget .option-card.selected{ border-color:var(--pine); background:var(--pine-tint); }
  .config-widget .option-card .oc-name{ font-size:.83rem; font-weight:600; display:block; }
  .config-widget .option-card .oc-price{ font-size:.74rem; color:var(--ink-soft); font-family:"Montserrat",sans-serif; }
  .config-widget .option-card:disabled{ opacity:.42; cursor:not-allowed; }
  .config-widget .toggle-row{ display:flex; justify-content:space-between; align-items:center; padding:.75rem 0; border-bottom:1px solid var(--line); gap:1rem; }
  .config-widget .toggle-row:last-child{ border-bottom:none; }
  .config-widget .toggle-row .tn{ font-size:.87rem; font-weight:500; }
  .config-widget .toggle-row .tp{ font-family:"Montserrat",sans-serif; font-size:.8rem; color:var(--ink-soft); }
  .config-widget .switch{ width:2.4rem; height:1.4rem; border-radius:99px; background:var(--line); position:relative; cursor:pointer; flex-shrink:0; transition:background .15s ease; }
  .config-widget .switch.on{ background:var(--pine); }
  .config-widget .switch::after{ content:""; position:absolute; top:2px; left:2px; width:1.1rem; height:1.1rem; border-radius:99px; background:var(--panel); transition:transform .15s ease; box-shadow:0 1px 2px rgba(0,0,0,.2); }
  .config-widget .switch.on::after{ transform:translateX(1rem); }
  .config-widget .toggle-right{ display:flex; align-items:center; gap:.75rem; flex-shrink:0; }
  .config-widget .nav-actions{ display:flex; justify-content:space-between; margin-top:2rem; padding-top:1.5rem; border-top:1px solid var(--line); }
  .config-widget .cfg-btn{ font-size:.88rem; font-weight:600; padding:.7rem 1.4rem; border-radius:8px; cursor:pointer; border:1px solid var(--line); background:var(--paper); color:var(--ink); }
  .config-widget .cfg-btn.primary{ background:var(--pine); color:var(--accent-on-pine); border-color:var(--pine); }
  .config-widget .cfg-btn.ghost{ background:transparent; }
  .config-widget .cfg-btn:disabled{ opacity:.4; cursor:not-allowed; }
  .config-widget .lead-form{ display:flex; flex-direction:column; gap:1rem; max-width:420px; }
  .config-widget .lead-form label{ font-size:.78rem; font-weight:600; color:var(--ink-soft); display:block; margin-bottom:.35rem; }
  .config-widget .lead-form input{ width:100%; padding:.7rem .85rem; border-radius:8px; border:1px solid var(--line); background:var(--paper); color:var(--ink); font-family:inherit; font-size:.92rem; }
  .config-widget .recap{ background:var(--paper); border:1px solid var(--line); border-radius:10px; padding:1.1rem 1.25rem; margin-bottom:1.5rem; font-size:.82rem; color:var(--ink-soft); line-height:1.7; max-height:260px; overflow-y:auto; }
  .config-widget .recap b{ color:var(--ink); }
  .config-widget .success{ text-align:center; padding:2.5rem 1rem; }
  .config-widget .success .check{ width:3.2rem; height:3.2rem; border-radius:99px; background:var(--pine-tint); color:var(--pine-strong); display:flex; align-items:center; justify-content:center; margin:0 auto 1.2rem; font-size:1.4rem; }
  .config-widget [hidden]{ display:none !important; }
  .config-widget footer.foot{ margin-top:3rem; padding-top:1.5rem; border-top:1px solid var(--line); font-size:.8rem; color:var(--ink-faint); max-width:74ch; }

  /* -------- Emplacements shortcode ActiveCampaign (a integrer lors du passage WordPress) -------- */
  .ac-placeholder{
    display:inline-flex; flex-direction:column; gap:.2rem; align-items:flex-start;
    border:1.5px dashed var(--terracotta); border-radius:12px; background:rgba(253,195,0,.07);
    padding:.8rem 1.05rem; text-decoration:none; max-width:100%; box-sizing:border-box;
  }
  .ac-placeholder .ac-tag{
    font-family:"Montserrat",sans-serif; font-size:.64rem; letter-spacing:.06em; text-transform:uppercase;
    color:var(--terracotta-deep); font-weight:600;
  }
  .ac-placeholder .ac-label{ font-family:"Montserrat",sans-serif; font-size:1rem; color:var(--ink); font-style:italic; }
  .ac-placeholder.compact{ padding:.55rem .8rem; }
  .ac-placeholder.compact .ac-label{ font-size:.88rem; }

  /* -------- Hero page plein cadre + brush -------- */
  .page-hero.page-hero--photo{
    max-width:none; margin:0; margin-top:-5%;
    min-height:90vh; padding:clamp(2.4rem,5vw,3.4rem) clamp(1.2rem,4vw,3rem) clamp(5rem,8vw,7rem);
    display:flex; align-items:center;
    background-size:cover; background-position:center 55%;
    border-radius:0; overflow:hidden; position:relative;
  }
  .page-hero--photo .hero-copy{ max-width:640px; position:relative; z-index:1; }
  .page-hero--photo .hero-eyebrow{ color:var(--terracotta); }
  .page-hero--photo .model-tagline{ background:rgba(255,255,255,.18); color:#ffffff; }
  .page-hero--photo h1{ color:#ffffff; text-wrap:balance; }
  .page-hero--photo h1 em{ color:var(--terracotta); font-style:normal; }
  .page-hero--photo p.lead{ color:rgba(255,255,255,.92); }
  .page-hero--photo .btn.ghost{ border-color:rgba(255,255,255,.55); color:#ffffff; }
  .page-hero--photo .btn.ghost:hover{ border-color:var(--terracotta-light); color:var(--terracotta-light); }
  .page-hero--photo .badge-row span{ background:rgba(255,255,255,.16); border-color:rgba(255,255,255,.4); color:#ffffff; backdrop-filter:blur(6px); }
  .page-hero--photo .badge-row span::before{ background:var(--terracotta); }
  .page-hero--photo .quick-specs span{ background:rgba(255,255,255,.16); border-color:rgba(255,255,255,.4); color:#ffffff; backdrop-filter:blur(6px); }
  .page-hero--photo .hero-stats{ border-top-color:rgba(255,255,255,.28); }
  .page-hero--photo .hero-stats b{ color:#ffffff; }
  .page-hero--photo .hero-stats span{ color:rgba(255,255,255,.72); }
  .page-hero--photo .ac-placeholder{ border-color:rgba(255,255,255,.6); background:rgba(19,46,32,.4); backdrop-filter:blur(6px); }
  .page-hero--photo .ac-placeholder .ac-tag{ color:var(--terracotta); }
  .page-hero--photo .ac-placeholder .ac-label{ color:#ffffff; }
  .hero-brush-img{
    position:absolute; left:0; right:0; bottom:-1px; width:100%; height:auto;
    display:block; pointer-events:none; z-index:2;
  }
  @media (max-width:940px){
    .page-hero.page-hero--photo{ margin-top:-2%; min-height:58vh; background-position:center 70%; align-items:flex-end; }
  }

  .cta-band .ac-placeholder{ border-color:var(--terracotta); background:rgba(253,195,0,.1); }
  .cta-band .ac-placeholder .ac-tag{ color:var(--terracotta-light); }
  .cta-band .ac-placeholder .ac-label{ color:#ffffff; }

/* ===== Navigation principale 2026 ===== */
.nav-wrap{ position:relative; gap:1rem; }
.nav-burger{ display:none; width:2.4rem; height:2.4rem; padding:0; border:0; background:none;
  cursor:pointer; align-items:center; justify-content:center; flex:0 0 auto; margin-right:.2rem; }
.nav-burger i{ display:block; width:1.3rem; height:2px; background:var(--black,#111);
  border-radius:2px; position:relative; }
.nav-burger i::before,.nav-burger i::after{ content:''; position:absolute; left:0; width:1.3rem;
  height:2px; background:inherit; border-radius:2px; }
.nav-burger i::before{ top:-6px; } .nav-burger i::after{ top:6px; }

.mainnav{ display:flex; gap:.1rem; align-items:center; }
.nv-item{ position:static; }
.nv-top{ display:inline-flex; align-items:center; gap:.34rem; font-family:"Montserrat",sans-serif;
  font-size:.92rem; font-weight:600; color:var(--black,#111); background:none; border:0;
  cursor:pointer; padding:.55rem .72rem; border-radius:9px; text-decoration:none;
  white-space:nowrap; line-height:1.3; }
.nv-top:hover{ background:rgba(0,0,0,.05); }
.nv-top.current{ box-shadow:inset 0 -3px 0 var(--accent,#fdc300); border-radius:9px 9px 0 0; }
.nv-top[aria-expanded="true"]{ background:rgba(0,0,0,.05); }
.nv-top::after{ display:none !important; }
.nv-chev{ font-size:.58rem; opacity:.55; transition:transform .18s ease; }
.nv-top[aria-expanded="true"] .nv-chev{ transform:rotate(180deg); }

.nv-volet{ position:absolute; left:0; right:0; top:100%; z-index:60; background:#fff;
  border:1px solid rgba(0,0,0,.09); border-radius:0 0 16px 16px;
  box-shadow:0 24px 44px -26px rgba(0,0,0,.45); padding:1.5rem clamp(1.2rem,4vw,3rem) 1.7rem; }
.nv-volet[hidden]{ display:none; }
.nv-volet-in{ display:grid; grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
  gap:1.4rem 2.2rem; max-width:1280px; margin:0 auto; }
.nvm-col h4{ font-family:"Montserrat",sans-serif; font-size:.64rem; font-weight:700;
  letter-spacing:.12em; text-transform:uppercase; color:#6e6e6e; margin:0 0 .5rem; }
.nvm-h4b{ margin-top:1.05rem !important; }
.nvm-col ul{ list-style:none; margin:0; padding:0; }
.nvm-col li{ margin:0; }
.nvm-col li a{ display:block; font-size:.88rem; color:var(--black,#111); text-decoration:none;
  padding:.34rem .5rem; border-radius:7px; line-height:1.4; }
.nvm-col li a:hover{ background:rgba(0,0,0,.05); }
.nvm-col li a b{ font-weight:600; }
.nvm-mini{ display:block; font-size:.75rem; color:#6e6e6e; font-weight:400; }
.nvm-encart{ background:#f7f7f7; border-radius:13px; padding:1rem 1.05rem 1.1rem; }
.nvm-k{ display:block; font-size:.64rem; font-weight:700; letter-spacing:.12em;
  text-transform:uppercase; color:#6e6e6e; margin-bottom:.35rem; }
.nvm-encart p{ font-size:.83rem; color:#4a4a4a; margin:0 0 .7rem; line-height:1.55; }
.nvm-encart a{ font-size:.83rem; font-weight:700; color:var(--black,#111); text-decoration:underline;
  text-decoration-color:var(--accent,#fdc300); text-decoration-thickness:2px; text-underline-offset:3px; }

.nav-actions{ display:flex; align-items:center; gap:.9rem; flex:0 0 auto; }
.nav-tel{ font-family:"Montserrat",sans-serif; font-size:.9rem; font-weight:700;
  color:var(--black,#111); white-space:nowrap; cursor:default; }

.nv-panneau{ display:none; }
.nv-panneau[hidden]{ display:none !important; }

@media (max-width:940px){
  .nav-burger{ display:flex; }
  .mainnav{ display:none !important; }
  .nav-tel{ display:none; }
  .nv-panneau{ display:block; position:relative; z-index:55; background:#fff;
    border-top:1px solid rgba(0,0,0,.09); padding:.3rem clamp(1.2rem,4vw,3rem) 1.1rem; }
  .nvp-item{ border-bottom:1px solid rgba(0,0,0,.08); }
  .nvp-tete{ width:100%; display:flex; justify-content:space-between; align-items:center;
    font-family:"Montserrat",sans-serif; font-size:.95rem; font-weight:700; color:var(--black,#111);
    background:none; border:0; cursor:pointer; padding:.9rem .2rem; text-align:left;
    text-decoration:none; }
  .nvp-signe{ font-weight:600; opacity:.6; }
  .nvp-sous{ padding:0 .2rem .7rem; }
  .nvp-sous[hidden]{ display:none; }
  .nvp-sous a{ display:block; font-size:.87rem; color:#4a4a4a; text-decoration:none; padding:.42rem 0; }
  .nvp-pied{ padding:.9rem .2rem 0; }
  .nvp-tel{ display:block; text-align:center; padding:.75rem; border-radius:999px;
    border:1.5px solid var(--black,#111); font-size:.9rem; font-weight:700; }
}
@media (prefers-reduced-motion:reduce){ .nv-chev{ transition:none; } }


/* ===== Menu : numero cliquable, plus de brush ===== */
a.nav-tel{ text-decoration:none; }
a.nav-tel:hover{ text-decoration:underline; text-underline-offset:3px; }
a.nvp-tel{ text-decoration:none; }
header.top .top-brush{ display:none !important; }
header.top{ background:#fff; border-bottom:1px solid rgba(0,0,0,.09); }
header.top.scrolled{ border-bottom-color:rgba(0,0,0,.09); }
.nv-volet{ border-top:0; }


/* ===== Passe design : plus de brush, coordonnees en pied ===== */
.brush-wrap{ position:relative; display:inline; }
.brush-wrap em{ font-style:normal; color:var(--black,#111111);
  box-shadow:inset 0 -.30em 0 rgba(253,195,0,.42); }
.page-hero--photo .brush-wrap em,
.hero-copy .brush-wrap em{ color:#fdc300; box-shadow:none; }
.brush-svg,.hero-brush-img,.top-brush,.brush-img,.brush-bottom{ display:none !important; }
.page-hero--photo{ border-radius:0 0 22px 22px; }

.foot-nap{ margin-top:1.1rem; display:grid; gap:.5rem; }
.foot-nap p{ display:flex; align-items:flex-start; gap:.55rem; margin:0;
  font-size:.85rem; color:var(--ink-soft); line-height:1.5; }
.foot-nap svg{ width:1rem; height:1rem; flex:0 0 auto; margin-top:.18rem;
  stroke:currentColor; fill:none; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.foot-nap a{ color:inherit; text-decoration:none; font-weight:700; }
.foot-nap a:hover{ text-decoration:underline; text-underline-offset:3px; }