:root{
  --or-txt:#7c5210;            --texte:#23282d;
  --texte-doux:#5c6169;
  --fond:#fbfaf7;
  --fond-2:#ffffff;
  --bord:rgba(0,0,0,.10);
  --bord-or:rgba(192,125,22,.42);
}

body{background:var(--fond);color:var(--texte)}

.nav{background:rgba(246,243,238,.86);border-bottom:1px solid var(--bord)}
.nav.scrolled{background:rgba(246,243,238,.97);box-shadow:0 10px 30px rgba(0,0,0,.10)}
.menu a.lnk{color:var(--texte)}
.menu a.lnk:hover{color:var(--or-txt)}
.burger span{background:#2a2118}
@media(max-width:880px){
  .menu{background:#fff;border-left:1px solid var(--bord);box-shadow:-14px 0 40px rgba(0,0,0,.15)}
  .menu a.lnk{border-bottom:1px solid var(--bord)}
    .nav,.nav.scrolled{background:#f6f3ee}
}

.hero .btn-ghost{color:var(--creme);border-color:var(--ligne)}
.hero .btn-ghost:hover{color:var(--or-clair);border-color:var(--or)}

.services,.process,.devis{background:var(--fond)}
.zone,.avis{background:#fff}
.signature{background:#faf7f1}
.signature::after{background:radial-gradient(circle at 50% 0%, rgba(201,162,75,.12), transparent 55%)}
.sig-script{color:var(--or-txt)}
.sig-txt{color:var(--texte-doux)}
.real{background:var(--fond)}

h2,.head h2,.zone h2,.devis h2{color:var(--texte)}
.head p.sub,.zone .sub,.devis-intro .sub{color:var(--texte-doux)}

.card{background:#fff;border:1px solid var(--bord)}
.card:hover{border-color:var(--bord-or);box-shadow:0 16px 40px rgba(0,0,0,.12),0 0 0 1px rgba(176,132,47,.14)}
.card .ph{border-bottom:1px solid var(--bord)}
.card h3{color:var(--or-txt)}
.card p{color:var(--texte-doux)}

.ph{border-color:var(--bord)}

.zone-showroom{background:rgba(192,125,22,.06);border-color:var(--bord);border-left-color:var(--or);color:var(--texte)}
.zone-showroom b{color:var(--texte)}

.communes span{background:#fff;border:1px solid var(--bord);color:var(--texte)}
.communes span.pin{background:var(--or);color:#fff;border-color:transparent}

.step{border-top:2px solid var(--bord-or)}
.step .n{color:var(--or-txt)}
.step h3{color:var(--texte)}
.step p{color:var(--texte-doux)}

.avis .stars{color:var(--or)}
.quote{background:#fff;border:1px solid var(--bord)}
.quote blockquote{color:var(--texte)}
.quote .who{color:var(--or-txt)}
.quote .who span{color:var(--texte-doux)}
.exemple{color:#7a7f86;background:rgba(0,0,0,.05)}

.devis::before{background:radial-gradient(circle at 15% -10%, rgba(201,162,75,.12), transparent 55%)}
.devis-list a,.devis-list span{color:var(--texte)}
.devis-calls .btn-ghost{color:var(--or-txt);border-color:var(--bord-or)}
.devis-calls .btn-ghost:hover{color:#fff;background:var(--or);border-color:transparent}
.devis-hours{color:var(--texte-doux)}
.form{background:#fff;border:1px solid var(--bord);box-shadow:0 14px 40px rgba(0,0,0,.10)}
.form label{color:var(--texte)}
.form input,.form select,.form textarea{background:#fff;color:var(--texte);border:1px solid var(--bord)}
.form option{background:#fff}
.form-note{color:var(--texte-doux)}

.callband{background:#141416;border-color:var(--bord-or)}

.zone-map iframe{border:1px solid var(--bord)}
.zone-map-note{color:var(--texte-doux)}
.zone-map-note b{color:var(--texte)}

.card .card-img{border-bottom:1px solid var(--bord)}
.mapph-img{border:1px solid var(--bord)}
.gal-cell{border:1px solid var(--bord)}
.galhero h1,.galcat-head h2{color:var(--texte)}
.galhero-sub,.galcat-head p,.galcat-note{color:var(--texte-doux)}
.card-more{color:var(--or-txt)}
.ba-title{color:var(--texte)}
.ba-item{border:1px solid var(--bord)}
.galhero-back a,.galcat-count,.galnav a{color:var(--or-txt)}
.galnav a:hover{background:var(--or);color:#fff;border-color:transparent}

.garanties{background:#f6f3ee;border-top:1px solid var(--bord);border-bottom:1px solid var(--bord)}

.quote h3{color:var(--or-txt)}
.quote p{color:var(--texte-doux)}


:root{--or:#9e640f}
.btn-primary:hover{background:var(--or-fonce)}

.zone-showroom{border:1px solid var(--bord-or);border-left-width:1px}

.nav .wrap,.brand-logo{transition:none}

.pc-num i{font-size:.72rem}
.exemple{font-size:.72rem}
.tel-tag{font-size:.8em}

.lp-hero{padding-bottom:28px}
.lp-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}
.lp-cta .btn svg{width:18px;height:18px}
.lp-body{padding:18px 0 72px}
.lp-wrap{display:grid;gap:34px}
.lp-photos{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}
.lp-photos .gal-cell{aspect-ratio:4/3}
.lp-photos img{width:100%;height:100%;object-fit:cover;display:block}
.lp-prose{max-width:780px}
.lp-prose h2{font-size:clamp(1.4rem,3vw,1.9rem);margin:1.6em 0 .5em;color:var(--texte)}
.lp-prose h2:first-child{margin-top:0}
.lp-prose p,.lp-prose li{color:var(--texte-doux);line-height:1.7}
.lp-prose ul{padding-left:1.2em}
.lp-prose li{margin:.35em 0}
.lp-prose li a{color:var(--or-txt);font-weight:600}
.lp-communes{margin-top:10px}
.communes a{display:inline-block;padding:8px 14px;border-radius:999px;background:#fff;border:1px solid var(--bord);color:var(--texte);text-decoration:none;font-size:.9rem}
.communes a:hover,.communes a[aria-current]{border-color:var(--or);color:var(--or-txt)}
.communes a.pin{background:var(--or);color:#fff;border-color:transparent}
.lp-faq{border-top:1px solid var(--bord)}
.lp-faq details{border-bottom:1px solid var(--bord)}
.lp-faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:18px;padding:16px 0;font-weight:700;color:var(--texte)}
.lp-faq summary::-webkit-details-marker{display:none}
.lp-faq summary::after{content:"+";color:var(--or);font-size:1.4rem;line-height:1;flex:none}
.lp-faq details[open] summary::after{content:"–"}
.lp-faq details p{margin:0 0 16px}
.lp-cta .btn-ghost{color:var(--or-txt);border-color:var(--bord-or)}
.lp-cta .btn-ghost:hover{color:#fff;background:var(--or);border-color:transparent}
.lp-prose p{margin:0 0 1em}