:root{
  --bg:#070a0e;
  --bg2:#0a0f15;
  --panel:#101820;
  --panel2:#141f29;
  --panel3:#0c1219;
  --line:rgba(216,164,74,.28);
  --line-soft:rgba(255,255,255,.09);
  --gold:#d8aa4a;
  --gold2:#f0cc7a;
  --blue:#064f9e;
  --blue2:#0a66c2;
  --cream:#f7efe1;
  --text:#f6f0e6;
  --muted:#c9c0b3;
  --muted2:#8f9bab;
  --ink:#111923;
  --white:#fff;
  --shadow:0 26px 70px rgba(0,0,0,.42);
  --shadow-soft:0 18px 45px rgba(0,0,0,.28);
  --radius:18px;
  --max:1200px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--bg)}
body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--text);background:
  radial-gradient(circle at 8% -10%,rgba(216,164,74,.16),transparent 30rem),
  radial-gradient(circle at 95% 15%,rgba(6,79,158,.13),transparent 34rem),
  linear-gradient(180deg,#070a0e 0%,#0a0f15 55%,#070a0e 100%);line-height:1.6;text-rendering:optimizeLegibility}
a{color:inherit}img{max-width:100%;height:auto;display:block}.container{width:min(var(--max),calc(100% - 40px));margin-inline:auto}.skip-link{position:absolute;left:-999px;top:0;background:var(--gold);color:#111;padding:10px;z-index:9999}.skip-link:focus{left:10px}

/* Header inspiré du mega test, mais avec les vrais textes/contact Equinad */
.site-header{position:sticky;top:0;z-index:50;background:rgba(7,10,14,.92);backdrop-filter:blur(16px);border-bottom:1px solid var(--line-soft);box-shadow:0 12px 34px rgba(0,0,0,.34)}
.topbar{height:36px;display:flex;justify-content:center;gap:24px;align-items:center;padding:0 16px;background:linear-gradient(180deg,#151a20,#0b0f14);border-bottom:1px solid rgba(255,255,255,.08);color:#d8d1c6;font-size:.84rem;letter-spacing:.02em}.topbar span{color:#d8d1c6}.topbar span::before{content:'⚜';color:var(--gold);margin-right:10px}.topbar a{text-decoration:none;color:#e9dfce;font-weight:650}.topbar a:hover{color:var(--gold2)}
.navbar{width:min(1260px,calc(100% - 36px));margin:auto;display:flex;align-items:center;gap:24px;padding:22px 0}.brand{display:flex;align-items:center;text-decoration:none}.brand img{width:245px;height:auto;filter:drop-shadow(0 12px 22px rgba(0,0,0,.55))}.nav-links{display:flex;align-items:center;gap:18px;margin-left:auto}.nav-link{position:relative;padding:8px 2px;text-decoration:none;color:#f1ece3;font-weight:650;font-size:.98rem}.nav-link::after{content:'';position:absolute;left:0;right:100%;bottom:-7px;height:2px;background:var(--gold);transition:right .2s ease}.nav-link:hover,.nav-link.active{color:var(--gold2)}.nav-link:hover::after,.nav-link.active::after{right:0}.menu-toggle{display:none;margin-left:auto;border:1px solid var(--line);background:#101820;color:#fff;border-radius:999px;padding:9px 14px;font-weight:800}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:3px;padding:13px 22px;background:linear-gradient(135deg,#a66e18 0%,#d8aa4a 55%,#f0cc7a 100%);color:#111;text-decoration:none;font-weight:900;text-transform:uppercase;letter-spacing:.04em;font-size:.84rem;box-shadow:0 15px 34px rgba(216,164,74,.22);border:1px solid rgba(240,204,122,.55);transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.btn::after{content:'›';font-size:1.2em;line-height:0}.btn:hover{transform:translateY(-2px);box-shadow:0 20px 44px rgba(216,164,74,.28)}.btn-small{padding:10px 15px;font-size:.78rem}.btn-ghost{background:rgba(255,255,255,.03);color:#fff;border:1px solid rgba(216,164,74,.55);box-shadow:none}.btn-ghost:hover{background:rgba(216,164,74,.10)}.btn-light{background:linear-gradient(135deg,#fff,#f6dda0);color:#121212}

/* Hero */
.hero{position:relative;min-height:690px;display:grid;align-items:center;overflow:hidden;background:#080b10;border-bottom:1px solid var(--line)}.hero-media,.hero-media picture,.hero-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-img{object-position:64% 50%;filter:saturate(.86) contrast(1.06) brightness(.73)}.hero-media::after{content:'';position:absolute;inset:0;background:
  linear-gradient(90deg,rgba(7,10,14,.97) 0%,rgba(7,10,14,.86) 38%,rgba(7,10,14,.28) 70%,rgba(7,10,14,.72) 100%),
  linear-gradient(180deg,rgba(7,10,14,.58) 0%,rgba(7,10,14,.08) 40%,rgba(7,10,14,.96) 100%);z-index:1}.hero-overlay{position:absolute;inset:0;background:radial-gradient(circle at 82% 42%,rgba(216,164,74,.18),transparent 20rem);z-index:2}.hero-content{position:relative;z-index:3;color:#fff;max-width:680px;padding:82px 0}.hero-content h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(2.7rem,4.9vw,5.2rem);line-height:1.02;margin:12px 0 18px;letter-spacing:-.045em;font-weight:500;text-shadow:0 12px 45px rgba(0,0,0,.65)}.lead{font-size:clamp(1.05rem,1.6vw,1.28rem);color:#d9d2c7;max-width:720px}.hero .lead{color:#e5ded2;text-shadow:0 4px 22px rgba(0,0,0,.45)}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}.eyebrow{margin:0 0 10px;text-transform:uppercase;letter-spacing:.13em;font-size:.78rem;font-weight:900;color:var(--gold)}.eyebrow::before{content:'♞';font-size:.95rem;margin-right:.55rem;color:var(--gold)}

/* Bande d'arguments */
.feature-strip{background:linear-gradient(180deg,#11171e,#0b1016);border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid var(--line);box-shadow:0 -20px 60px rgba(0,0,0,.22) inset}.feature-strip-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0}.feature-strip-item{display:grid;grid-template-columns:auto 1fr;gap:17px;align-items:center;padding:28px 34px;border-right:1px solid rgba(216,164,74,.22)}.feature-strip-item:last-child{border-right:0}.feature-icon{width:56px;height:56px;display:grid;place-items:center;border:1px solid var(--line);border-radius:999px;color:var(--gold);font-size:1.65rem;background:rgba(216,164,74,.04)}.feature-strip-item h3{margin:0 0 4px;text-transform:uppercase;letter-spacing:.09em;color:var(--gold2);font-size:.92rem}.feature-strip-item p{margin:0;color:#c8c0b3;font-size:.96rem;line-height:1.45}

/* Sections générales */
.section{position:relative;padding:84px 0;background:linear-gradient(180deg,rgba(255,255,255,.015),rgba(255,255,255,0))}.section-muted{background:
  radial-gradient(circle at 82% 18%,rgba(216,164,74,.08),transparent 24rem),
  linear-gradient(180deg,#0b1118,#080c11);border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06)}.section-heading{max-width:780px;margin-bottom:34px}.section-heading h2,.intro-grid h2,.split-feature h2,.page-hero h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(2rem,3.35vw,3.55rem);line-height:1.06;margin:0 0 16px;letter-spacing:-.035em;font-weight:500;color:var(--cream)}.section-heading p,.intro-grid p,.split-feature p{color:#c9c0b3}.intro-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:50px;align-items:center}.rounded-img{width:100%;object-fit:cover;border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid var(--line);background:#111}.check-list{padding:0;margin:24px 0;list-style:none}.check-list li{position:relative;padding-left:34px;margin:11px 0;color:#e5ded2}.check-list li::before{content:'✓';position:absolute;left:0;top:1px;width:22px;height:22px;border-radius:50%;background:rgba(216,164,74,.12);border:1px solid var(--line);color:var(--gold2);display:grid;place-items:center;font-size:.8rem;font-weight:900}.compact-list{margin:16px 0}.compact-list li{margin:7px 0;color:#d9d2c7}

/* Cartes */
.cards{display:grid;gap:22px}.cards.three{grid-template-columns:repeat(3,1fr)}.cards.two{grid-template-columns:repeat(2,1fr)}.cards.product-showcase{grid-template-columns:repeat(5,1fr);gap:12px}.card,.contact-card,.form-card,.feature{border-radius:var(--radius);box-shadow:var(--shadow-soft);overflow:hidden;background:linear-gradient(180deg,#111820,#0c1218);border:1px solid rgba(216,164,74,.22)}.card{transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.card:hover{transform:translateY(-4px);border-color:rgba(216,164,74,.55);box-shadow:0 28px 70px rgba(0,0,0,.46)}.card-img{width:100%;aspect-ratio:4/3;object-fit:cover;background:#0c1218;filter:saturate(.9) contrast(1.04)}.card-body{padding:24px}.card-body h3{font-size:1.35rem;margin:0 0 9px;color:#fff}.card-body p{color:#c9c0b3;margin:0 0 18px}.card-body a{font-weight:900;color:var(--gold2);text-decoration:none}.card-body a:hover{text-decoration:underline}.cards.product-showcase .card{border-radius:8px}.cards.product-showcase .card-img{aspect-ratio:1.35/1}.cards.product-showcase .card-body{padding:13px 12px;text-align:center;background:linear-gradient(180deg,rgba(10,15,21,.86),#090d12)}.cards.product-showcase .card-body h3{font-size:.84rem;letter-spacing:.06em;text-transform:uppercase;margin:0}.cards.product-showcase .card-body p,.cards.product-showcase .card-body a{display:none}

/* Split / produits */
.split-feature{display:grid;grid-template-columns:.95fr 1.05fr;gap:50px;align-items:center}.product-list{display:grid;gap:64px}.product-row{display:grid;grid-template-columns:.95fr 1.05fr;gap:46px;align-items:center}.product-row.reverse{grid-template-columns:1.05fr .95fr}.product-row.reverse>div:first-child{order:2}.product-row h2,.product-row h3{color:#fff}.product-row p{color:#c9c0b3}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.feature{padding:26px}.feature h3{margin:0 0 10px;color:#fff}.feature p{margin:0;color:#c9c0b3}.facade-install-img,.product-photo-contain,.home-product-photo-contain,.product-photo-tall,.home-product-photo-tall{background:#0c1218;border-radius:var(--radius);border:1px solid var(--line);box-shadow:var(--shadow);object-fit:contain}.product-photo-tall,.home-product-photo-tall{display:block;width:auto;max-width:100%;height:auto;max-height:620px;margin:0 auto}.home-product-photo-tall{max-height:500px}

/* Citation / CTA */
.testimonial-band{position:relative;overflow:hidden;background:linear-gradient(180deg,#0b1117,#080b0f);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:44px 0}.testimonial-band::after{content:'';position:absolute;right:0;bottom:0;width:min(460px,45vw);height:100%;background:url('/images/hero/entete-chevaux-equinad.webp') right bottom/cover no-repeat;opacity:.20;filter:saturate(.75)}.testimonial-grid{position:relative;z-index:1;display:grid;grid-template-columns:auto 1fr auto;gap:28px;align-items:center}.quote-mark{font-family:Georgia,serif;font-size:4.3rem;color:var(--gold);line-height:1}.testimonial-text{font-family:Georgia,serif;font-size:clamp(1.2rem,2vw,1.65rem);color:#f5ead6;margin:0}.stars{color:var(--gold2);letter-spacing:.15em;white-space:nowrap}.cta-band{padding:64px 0;background:radial-gradient(circle at 18% 25%,rgba(216,164,74,.18),transparent 24rem),linear-gradient(135deg,#0b1219,#101a24 48%,#0c1218);border-top:1px solid var(--line);color:#fff}.cta-grid{display:flex;align-items:center;justify-content:space-between;gap:24px}.cta-grid h2{font-family:Georgia,serif;font-size:clamp(1.8rem,3vw,3rem);font-weight:500;margin:0 0 8px}.cta-grid p{margin:0;color:#d8d1c6}

/* Page heroes */
.page-hero{padding:96px 0;background:radial-gradient(circle at 18% 24%,rgba(216,164,74,.20),transparent 24rem),linear-gradient(135deg,#06090d,#111923 60%,#071321);border-bottom:1px solid var(--line);color:#fff}.page-hero.compact{padding:82px 0}.page-hero h1{max-width:940px;color:#fff;text-shadow:0 10px 42px rgba(0,0,0,.55)}.page-hero .lead{color:#d8d1c6}.image-hero{position:relative;overflow:hidden;min-height:520px;display:grid;align-items:end;background:#070a0e}.page-hero-bg,.page-hero-bg picture,.page-hero-bg img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.page-hero-bg img{filter:saturate(.82) contrast(1.05) brightness(.72)}.page-hero-bg::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(7,10,14,.96),rgba(7,10,14,.38)),radial-gradient(circle at 18% 22%,rgba(216,164,74,.20),transparent 22rem)}.page-hero-content{position:relative;z-index:1;padding-bottom:42px}.bg-img{width:100%;height:100%;object-fit:cover}

/* Galerie */
.gallery-grid{columns:3 280px;column-gap:18px}.gallery-item{display:block;margin:0 0 18px;border-radius:12px;overflow:hidden;background:#0c1218;border:1px solid rgba(216,164,74,.20);box-shadow:0 16px 42px rgba(0,0,0,.32);break-inside:avoid}.gallery-item img{width:100%;height:auto;transition:transform .22s ease,filter .22s ease;filter:saturate(.9) contrast(1.04)}.gallery-item:hover img{transform:scale(1.035);filter:saturate(1.02) contrast(1.08)}.lightbox{position:fixed;inset:0;background:rgba(0,0,0,.88);z-index:100;display:none;align-items:center;justify-content:center;padding:28px}.lightbox.open{display:flex}.lightbox img{max-width:min(1120px,96vw);max-height:88vh;border-radius:16px;box-shadow:0 20px 80px rgba(0,0,0,.55)}.lightbox-close{position:absolute;top:18px;right:18px;border:0;background:#fff;color:#111;border-radius:50%;width:44px;height:44px;font-size:32px;line-height:1;cursor:pointer}

/* Contact */
.narrow{max-width:800px}.center{text-align:center}.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:30px;align-items:start}.contact-card,.form-card{padding:32px}.contact-card h2,.form-card h2{margin-top:0;font-family:Georgia,serif;font-size:2rem;color:#fff}.contact-lines{display:grid;gap:10px;margin:18px 0 28px}.contact-lines a{font-size:1.1rem;color:var(--gold2);font-weight:900;text-decoration:none}.note{font-size:.92rem;color:#9aa7b7;margin-top:20px}.form-card input,.form-card textarea,.form-card select{width:100%;background:#080d12;border:1px solid rgba(216,164,74,.22);border-radius:8px;color:#fff;padding:12px}.form-card label{color:#e5ded2}.form-card button{cursor:pointer}

/* Footer sans coucher de soleil généré */
.site-footer{position:relative;overflow:hidden;background:linear-gradient(180deg,#0b1016,#05070a);border-top:1px solid var(--line);color:#d8d1c6}.site-footer::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 12% 0%,rgba(216,164,74,.12),transparent 26rem),radial-gradient(circle at 86% 42%,rgba(6,79,158,.10),transparent 30rem);pointer-events:none}.footer-grid{position:relative;z-index:1;width:min(var(--max),calc(100% - 40px));margin:auto;display:grid;grid-template-columns:1.15fr .75fr 1fr;gap:42px;padding:58px 0 38px}.footer-brand{align-self:start;text-align:left}.footer-logo{display:block;width:58px;filter:drop-shadow(0 12px 26px rgba(0,0,0,.55));margin:0 0 12px 0}.footer-tagline{margin:0;color:#f5ead6;font-weight:750}.footer-grid h2{font-size:.9rem;text-transform:uppercase;letter-spacing:.13em;color:var(--gold2);margin:0 0 14px}.footer-grid a{display:block;color:#d8d1c6;text-decoration:none;margin:8px 0}.footer-grid a:hover{color:var(--gold2);text-decoration:underline}.footer-grid p{color:#c9c0b3}.footer-bottom{position:relative;z-index:1;margin-top:0;padding:16px 18px;text-align:center;background:#030507;color:#9ba6b5;font-size:.88rem;border-top:1px solid rgba(255,255,255,.07)}

@media (max-width:1040px){.cards.product-showcase{grid-template-columns:repeat(3,1fr)}.feature-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:940px){.topbar{display:none}.navbar{flex-wrap:wrap;padding:14px 0}.brand img{width:188px}.menu-toggle{display:block}.nav-links{display:none;flex-basis:100%;order:3;flex-direction:column;align-items:stretch;background:#101820;border:1px solid rgba(216,164,74,.18);border-radius:14px;padding:10px;margin-left:0}.nav-links.open{display:flex}.nav-link{padding:11px 12px}.nav-link::after{display:none}.btn-small{display:none}.hero{min-height:630px}.hero-content{padding:62px 0}.intro-grid,.split-feature,.product-row,.product-row.reverse,.contact-grid{grid-template-columns:1fr}.product-row.reverse>div:first-child{order:0}.cards.three,.cards.two,.footer-grid{grid-template-columns:1fr}.feature-strip-grid{grid-template-columns:1fr}.feature-strip-item{border-right:0;border-bottom:1px solid rgba(216,164,74,.18);padding:22px 0}.feature-strip-item:last-child{border-bottom:0}.cta-grid{display:block}.cta-grid .btn{margin-top:22px}.gallery-grid{columns:2 220px}.testimonial-grid{grid-template-columns:1fr}.stars{white-space:normal}.product-photo-tall,.home-product-photo-tall{width:100%;max-height:none}.footer-grid{gap:24px}.footer-logo{width:205px}}
@media (max-width:940px){.footer-brand{display:none}}
@media (max-width:620px){.container{width:min(100% - 28px,var(--max))}.brand img{width:162px}.hero{min-height:610px}.hero-content h1{font-size:2.52rem}.section{padding:60px 0}.page-hero.compact{padding:62px 0}.cards.product-showcase{grid-template-columns:1fr 1fr}.gallery-grid{columns:1}.contact-card,.form-card{padding:24px}.card-body{padding:20px}.testimonial-band::after{opacity:.10}.btn{width:100%}.hero-actions{width:100%}}


/* ==========================================================
   V27 — correction demandée
   Base visuelle v25, fond anthracite plus clair, texte revenu
   plus près de la v24: moins gros, plus uniforme, moins chargé.
   ========================================================== */
:root{
  --bg:#20272d;
  --bg2:#252e34;
  --panel:#2b353b;
  --panel2:#313d44;
  --panel3:#242d33;
  --line:rgba(216,164,74,.30);
  --line-soft:rgba(255,255,255,.12);
  --gold:#d8aa4a;
  --gold2:#e9c36a;
  --cream:#f2eadb;
  --text:#f5f0e8;
  --muted:#d2cabd;
  --muted2:#b7c0c7;
  --shadow:0 22px 56px rgba(0,0,0,.26);
  --shadow-soft:0 14px 34px rgba(0,0,0,.20);
  --radius:18px;
  --max:1160px;
}
html{background:var(--bg)}
body{
  background:
    radial-gradient(circle at 10% -12%,rgba(216,164,74,.10),transparent 28rem),
    radial-gradient(circle at 96% 12%,rgba(6,79,158,.08),transparent 34rem),
    linear-gradient(180deg,#252e34 0%,#20272d 54%,#252e34 100%);
  color:var(--text);
  font-size:16px;
  line-height:1.58;
}
.site-header{background:rgba(37,46,52,.94);box-shadow:0 10px 28px rgba(0,0,0,.22)}
.topbar{height:34px;background:linear-gradient(180deg,#343f46,#252e34);font-size:.82rem;color:#ebe4d8}.topbar span,.topbar a{color:#ebe4d8}
.navbar{padding:16px 0}.brand img{width:218px}.nav-link{font-size:.94rem}.btn{border-radius:4px;padding:12px 20px;font-size:.82rem}.btn-small{padding:9px 14px;font-size:.76rem}
.hero{min-height:650px;background:#252e34}.hero-img{filter:saturate(.90) contrast(1.04) brightness(.80)}
.hero-media::after{background:
  linear-gradient(90deg,rgba(32,39,45,.95) 0%,rgba(32,39,45,.78) 39%,rgba(32,39,45,.20) 70%,rgba(32,39,45,.58) 100%),
  linear-gradient(180deg,rgba(32,39,45,.48) 0%,rgba(32,39,45,.06) 43%,rgba(32,39,45,.88) 100%)}
.hero-content{max-width:660px;padding:72px 0}.hero-content h1{font-size:clamp(2.35rem,4.25vw,4.35rem);line-height:1.04;letter-spacing:-.035em;max-width:780px}.lead{font-size:clamp(1.02rem,1.35vw,1.15rem);line-height:1.62}.hero-actions{margin-top:26px}
.feature-strip{background:linear-gradient(180deg,#303a41,#252e34)}.feature-strip-item{padding:24px 30px}.feature-strip-item h3{font-size:.86rem}.feature-strip-item p{font-size:.92rem}.feature-icon{width:50px;height:50px;font-size:1.35rem;background:rgba(216,164,74,.07)}
.section{padding:74px 0}.section-muted{background:radial-gradient(circle at 82% 18%,rgba(216,164,74,.06),transparent 24rem),linear-gradient(180deg,#2b353b,#252e34)}
.section-heading{max-width:720px;margin-bottom:32px}.section-heading h2,.intro-grid h2,.split-feature h2,.page-hero h1{font-size:clamp(1.85rem,3vw,3rem);line-height:1.08;letter-spacing:-.025em}.intro-grid{gap:46px}.section-heading p,.intro-grid p,.split-feature p,.product-row p{color:#d5cdc0}.eyebrow{font-size:.76rem;letter-spacing:.13em}.check-list li{color:#eee7dc}
.card,.contact-card,.form-card,.feature{background:linear-gradient(180deg,#303a41,#263036);border-color:rgba(216,164,74,.24);box-shadow:var(--shadow-soft)}.card-body{padding:22px}.card-body h3{font-size:1.22rem;line-height:1.25}.card-body p{font-size:.98rem;line-height:1.52;color:#d5cdc0}.cards.three{gap:24px}.card-img{filter:saturate(.94) contrast(1.03);background:#263036}
/* Annule l'affichage ultra compact de la vitrine v25 quand on revient aux 3 cartes de la v24 */
.cards.three .card{border-radius:var(--radius)}.cards.three .card-img{aspect-ratio:4/3}.cards.three .card-body{text-align:left;background:linear-gradient(180deg,#303a41,#263036)}.cards.three .card-body h3{letter-spacing:0;text-transform:none;margin:0 0 9px}.cards.three .card-body p,.cards.three .card-body a{display:block}
.product-row h2,.product-row h3{font-size:clamp(1.55rem,2.3vw,2.35rem);line-height:1.12}.feature-grid{gap:18px}.feature{padding:24px}.feature h3{font-size:1.08rem}.feature p{font-size:.95rem}
.testimonial-band{background:linear-gradient(180deg,#252e34,#20272d);padding:38px 0}.testimonial-text{font-size:clamp(1.08rem,1.7vw,1.42rem)}.quote-mark{font-size:3.6rem}.stars{font-size:.95rem}
.cta-band{padding:58px 0;background:radial-gradient(circle at 18% 25%,rgba(216,164,74,.14),transparent 23rem),linear-gradient(135deg,#283238,#303a41 48%,#252e34)}.cta-grid h2{font-size:clamp(1.65rem,2.55vw,2.55rem)}
.page-hero{padding:82px 0;background:radial-gradient(circle at 18% 24%,rgba(216,164,74,.16),transparent 23rem),linear-gradient(135deg,#252e34,#303a41 60%,#252e34)}.page-hero.compact{padding:70px 0}.page-hero h1{font-size:clamp(2rem,3.6vw,3.55rem)}.image-hero{min-height:490px}.page-hero-bg img{filter:saturate(.88) contrast(1.04) brightness(.78)}.page-hero-bg::after{background:linear-gradient(0deg,rgba(32,39,45,.90),rgba(32,39,45,.30)),radial-gradient(circle at 18% 22%,rgba(216,164,74,.16),transparent 22rem)}
.contact-card h2,.form-card h2{font-size:1.85rem}.contact-lines a{color:var(--gold2)}.form-card input,.form-card textarea,.form-card select{background:#222b31;border-color:rgba(216,164,74,.25)}
.site-footer{background:linear-gradient(180deg,#252e34,#1d2429)}.footer-grid{padding:50px 0 34px}.footer-logo{width:205px}.footer-grid h2{font-size:.86rem}.footer-grid p,.footer-grid a{color:#d5cdc0}.footer-tagline{font-weight:700}.footer-bottom{background:#171d21;color:#aeb8bf}
@media (max-width:940px){.navbar{padding:12px 0}.brand img{width:178px}.nav-links{background:#303a41}.hero{min-height:610px}.hero-content{padding:58px 0}.section{padding:58px 0}.cards.three{grid-template-columns:1fr}.feature-strip-item{padding:20px 0}.page-hero{padding:62px 0}.image-hero{min-height:420px}}
@media (max-width:620px){.brand img{width:156px}.hero-content h1{font-size:2.35rem}.lead{font-size:1rem}.cards.three{grid-template-columns:1fr}.btn{width:100%}.footer-logo{width:185px}}

/* ==========================================================
   V28 — premium anthracite plus clair + menu acier galvanisé
   Texte et proportions conservés de la v27/v24.
   ========================================================== */
:root{
  --bg:#343f46;
  --bg2:#3a464d;
  --panel:#414d55;
  --panel2:#48555e;
  --panel3:#38434a;
  --line:rgba(216,164,74,.30);
  --line-soft:rgba(255,255,255,.16);
  --gold:#d8aa4a;
  --gold2:#edca77;
  --cream:#fff4df;
  --text:#f8f3ea;
  --muted:#e0d8ca;
  --muted2:#c5cdd2;
  --shadow:0 22px 52px rgba(0,0,0,.22);
  --shadow-soft:0 13px 30px rgba(0,0,0,.17);
}
html{background:var(--bg)}
body{
  background:
    radial-gradient(circle at 9% -8%,rgba(216,164,74,.11),transparent 28rem),
    radial-gradient(circle at 94% 10%,rgba(6,79,158,.08),transparent 36rem),
    linear-gradient(180deg,#3d4850 0%,#343f46 54%,#3a454d 100%);
  color:var(--text);
}

/* Menu haut : acier galvanisé satiné, plus proche du produit Equinad */
.site-header{
  position:sticky;
  top:0;
  z-index:50;
  background-color:#b9c0c6;
  background-image:
    linear-gradient(90deg,rgba(255,255,255,.34),rgba(255,255,255,0) 18%,rgba(71,84,94,.13) 55%,rgba(255,255,255,.18)),
    linear-gradient(180deg,rgba(255,255,255,.42),rgba(255,255,255,.06) 48%,rgba(56,68,78,.26)),
    url('../img/galvanized-steel-header.webp');
  background-size:cover,cover,cover;
  background-position:center;
  border-bottom:1px solid rgba(62,73,82,.55);
  box-shadow:0 12px 30px rgba(0,0,0,.23), inset 0 -1px 0 rgba(255,255,255,.32);
  backdrop-filter:none;
}
.site-header::after{
  content:'';
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(180deg,rgba(255,255,255,.18),rgba(255,255,255,0) 44%,rgba(25,32,38,.18));
  mix-blend-mode:soft-light;
}
.site-header .topbar,.site-header .navbar{position:relative;z-index:1}
.topbar{
  height:34px;
  background:rgba(37,47,55,.24);
  border-bottom:1px solid rgba(255,255,255,.34);
  color:#17232d;
  text-shadow:0 1px 0 rgba(255,255,255,.45);
}
.topbar span,.topbar a{color:#15222c}.topbar a{font-weight:800}.topbar span::before{color:#7b5417;text-shadow:0 1px 0 rgba(255,255,255,.35)}.topbar a:hover{color:#064f9e}
.navbar{padding:16px 0}.brand img{width:218px;filter:drop-shadow(0 6px 10px rgba(255,255,255,.32)) drop-shadow(0 8px 15px rgba(0,0,0,.24))}
.nav-link{
  color:#14212b;
  font-weight:850;
  text-shadow:0 1px 0 rgba(255,255,255,.45);
}
.nav-link::after{background:#064f9e;bottom:-8px;height:3px}.nav-link:hover,.nav-link.active{color:#064f9e}.nav-link:hover::after,.nav-link.active::after{right:0}
.menu-toggle{background:rgba(20,32,43,.82);border-color:rgba(20,32,43,.3);color:#fff}.site-header .btn-small{box-shadow:0 10px 24px rgba(111,79,24,.25);border-color:rgba(87,60,12,.25)}

/* Fond général plus clair, mais encore premium anthracite */
.feature-strip{background:linear-gradient(180deg,#48545d,#3a454d);border-top:1px solid rgba(255,255,255,.14)}
.feature-strip-item p{color:#eee5d9}.feature-strip-item h3{color:#ffe0a0}.feature-icon{background:rgba(255,255,255,.06);border-color:rgba(216,164,74,.36)}
.section-muted{background:radial-gradient(circle at 82% 18%,rgba(216,164,74,.07),transparent 24rem),linear-gradient(180deg,#414d55,#374249)}
.card,.contact-card,.form-card,.feature{background:linear-gradient(180deg,#48545d,#3a454d);border-color:rgba(216,164,74,.28)}
.cards.three .card-body{background:linear-gradient(180deg,#48545d,#3a454d)}
.card-body p,.section-heading p,.intro-grid p,.split-feature p,.product-row p,.feature p{color:#e4dbcf}
.check-list li{color:#fbf5eb}.rounded-img,.facade-install-img,.product-photo-contain,.home-product-photo-contain,.product-photo-tall,.home-product-photo-tall{background:#39444b;border-color:rgba(216,164,74,.30)}
.hero{background:#374249}.hero-img{filter:saturate(.94) contrast(1.04) brightness(.84)}
.hero-media::after{background:
  linear-gradient(90deg,rgba(52,63,70,.94) 0%,rgba(52,63,70,.74) 39%,rgba(52,63,70,.18) 70%,rgba(52,63,70,.50) 100%),
  linear-gradient(180deg,rgba(52,63,70,.40) 0%,rgba(52,63,70,.05) 43%,rgba(52,63,70,.83) 100%)}
.hero-overlay{background:radial-gradient(circle at 82% 42%,rgba(216,164,74,.14),transparent 20rem)}
.page-hero{background:radial-gradient(circle at 18% 24%,rgba(216,164,74,.15),transparent 23rem),linear-gradient(135deg,#39444b,#48545d 60%,#38434a)}
.page-hero-bg::after{background:linear-gradient(0deg,rgba(52,63,70,.88),rgba(52,63,70,.26)),radial-gradient(circle at 18% 22%,rgba(216,164,74,.16),transparent 22rem)}
.image-hero{background:#39444b}.cta-band{background:radial-gradient(circle at 18% 25%,rgba(216,164,74,.16),transparent 23rem),linear-gradient(135deg,#3a454d,#4b5861 48%,#38434a)}
.testimonial-band{background:linear-gradient(180deg,#39444b,#343f46)}
.site-footer{background:linear-gradient(180deg,#39444b,#2b343a)}.footer-bottom{background:#242b31}.footer-grid p,.footer-grid a{color:#e0d8cc}.footer-tagline{color:#fff1d2}
.form-card input,.form-card textarea,.form-card select{background:#333e45;border-color:rgba(216,164,74,.28)}

@media (max-width:940px){
  .nav-links{background:rgba(236,241,244,.96);border-color:rgba(67,80,91,.35);box-shadow:0 18px 38px rgba(0,0,0,.24)}
  .nav-link{color:#15222c;text-shadow:none}.nav-link:hover,.nav-link.active{color:#064f9e}
}

/* ==========================================================
   V29 — ajustements demandés
   - Accueil : bloc texte du hero réaligné à gauche comme avant.
   - Footer : retour du visuel coucher de soleil comme signature visuelle.
   ========================================================== */
.hero .hero-content.container{
  width:min(660px,calc(100% - 40px));
  margin-left:max(20px,calc((100% - var(--max)) / 2));
  margin-right:auto;
  margin-top:-18px;
  text-align:left;
}
.hero .hero-actions{justify-content:flex-start}

.site-footer{
  background-color:#171d21;
  background-image:
    linear-gradient(180deg,rgba(18,24,28,.10) 0%,rgba(8,11,14,.36) 100%),
    url('/images/hero/coucher-soleil-footer-equinad.webp');
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
}
.site-footer::before{
  background:
    linear-gradient(90deg,rgba(255,255,255,.03) 0%,rgba(255,255,255,0) 18%,rgba(0,0,0,0) 55%,rgba(0,0,0,.08) 100%);
}
.footer-brand .footer-logo,
.footer-brand .footer-tagline{display:none}
.footer-brand{min-height:132px}
.footer-bottom{
  background:rgba(3,5,7,.74);
  backdrop-filter:blur(4px);
}

@media (max-width:620px){
  .hero .hero-content.container{
    width:calc(100% - 28px);
    margin-left:14px;
    margin-right:14px;
    margin-top:-10px;
  }
}


/* V34 — footer: image fixe, non redimensionnée avec la largeur de page */
.site-footer{
  background-color:#171d21;
  background-image:
    linear-gradient(180deg,rgba(18,24,28,.10) 0%,rgba(8,11,14,.36) 100%),
    url('/images/hero/coucher-soleil-footer-equinad.webp');
  background-size:512px auto;
  background-position:left top;
  background-repeat:no-repeat;
}
.site-footer::before{
  background:
    linear-gradient(90deg,rgba(255,255,255,.03) 0%,rgba(255,255,255,0) 18%,rgba(0,0,0,0) 55%,rgba(0,0,0,.08) 100%);
}
.footer-brand .footer-logo,
.footer-brand .footer-tagline{display:none}
.footer-brand{min-height:132px}
@media (max-width:620px){
  .site-footer{background-size:420px auto}
}


/* V35 — footer image normale fixe, haut gauche, fond assorti au bas de l'image */
.site-footer{
  background-color: rgb(18,20,24);
  background-image:
    linear-gradient(180deg, rgba(255,255,255,.02) 0%, rgba(0,0,0,.10) 100%),
    url('/images/hero/coucher-soleil-footer-equinad.webp');
  background-size: 1024px auto;
  background-position: left top;
  background-repeat: no-repeat;
}
.site-footer::before{
  background:none;
}
.footer-bottom{
  background: rgb(18,20,24);
  border-top: 1px solid rgba(255,255,255,.06);
}
@media (max-width: 900px){
  .site-footer{background-size: 820px auto;}
}
@media (max-width: 620px){
  .site-footer{background-size: 640px auto;}
}

/* ==========================================================
   V36 — ajustement footer seulement, sans génération d'image
   - image de coucher de soleil réduite presque de moitié
   - noir du footer assorti au bas réel de l'image
   - menu placé visuellement dans la zone sombre à droite
   ========================================================== */
.site-footer{
  background-color:#010101;
  background-image:
    linear-gradient(180deg, rgba(1,1,1,0) 0%, rgba(1,1,1,.10) 52%, #010101 100%),
    linear-gradient(90deg, rgba(1,1,1,0) 0%, rgba(1,1,1,.04) 42%, #010101 92%),
    url('/images/hero/coucher-soleil-footer-equinad.webp');
  background-size:100% 100%,100% 100%,680px auto;
  background-position:center center,center center,left top;
  background-repeat:no-repeat,no-repeat,no-repeat;
}
.site-footer::before{background:none;}
.footer-bottom{
  background:#010101;
  border-top:1px solid rgba(255,255,255,.055);
}
@media (max-width:900px){
  .site-footer{background-size:100% 100%,100% 100%,620px auto;}
}
@media (max-width:620px){
  .site-footer{background-size:100% 100%,100% 100%,520px auto;}
}


/* V38 — menu Nos produits: lien principal séparé de la flèche */
.nav-item{position:relative;display:inline-flex;align-items:center;gap:2px}
.nav-item>.nav-link{display:inline-flex;align-items:center;gap:6px}
.submenu-toggle{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;margin-left:-2px;border:0;background:transparent;color:#f1ece3;font-weight:900;font-size:.86rem;line-height:1;cursor:pointer;border-radius:8px;text-shadow:0 1px 2px rgba(0,0,0,.25)}
.submenu-toggle:hover,.submenu-toggle:focus{color:#064f9e;background:rgba(6,79,158,.08);outline:0}
.has-dropdown.submenu-open .submenu{display:block}
.submenu{position:absolute;left:0;top:calc(100% + 12px);min-width:245px;padding:10px;background:rgba(238,243,246,.98);border:1px solid rgba(67,80,91,.28);border-radius:12px;box-shadow:0 18px 38px rgba(0,0,0,.24);display:none;z-index:20}
.submenu a{display:block;padding:10px 12px;border-radius:8px;color:#15222c;text-decoration:none;font-weight:750;white-space:nowrap}
.submenu a:hover,.submenu a.active{background:rgba(6,79,158,.10);color:#064f9e}
.product-row .btn{margin-top:8px}
@media (max-width:940px){
  .has-dropdown{display:grid;grid-template-columns:1fr auto;align-items:center;gap:0}
  .nav-item>.nav-link{display:flex;padding:11px 12px}
  .submenu-toggle{width:42px;height:42px;margin:0 4px 0 0;color:#15222c;text-shadow:none;background:rgba(6,79,158,.06);border:1px solid rgba(67,80,91,.20)}
  .submenu{grid-column:1 / -1;position:static;display:none;min-width:0;padding:0 0 6px 14px;background:transparent;border:0;border-radius:0;box-shadow:none}
  .has-dropdown:not(.submenu-open):hover .submenu{display:none}
  .has-dropdown.submenu-open .submenu{display:block}
  .submenu a{color:#15222c;padding:8px 12px;white-space:normal}
}


/* V39 — Le sous-menu Nos produits s'ouvre seulement par la flèche, pas au survol du texte. */
.has-dropdown:hover .submenu,
.has-dropdown:focus-within .submenu{
  display:none;
}
.has-dropdown.submenu-open .submenu{
  display:block;
}


/* V44 — Effet hover sur les images de la page Options et accessoires */
.hover-swap{
  position:relative;
  overflow:hidden;
  border-radius:var(--radius);
  box-shadow:var(--shadow);
  border:1px solid rgba(216,164,74,.30);
  background:transparent;
}
.hover-swap picture,
.hover-swap img{
  display:block;
}
.hover-swap .hover-swap-default img{
  width:100%;
}
.hover-swap .hover-swap-hover{
  position:absolute;
  inset:0;
  opacity:0;
  transition:opacity .28s ease;
}
.hover-swap .hover-swap-hover img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.hover-swap:hover .hover-swap-hover,
.hover-swap:focus-within .hover-swap-hover{
  opacity:1;
}
.hover-swap .rounded-img,
.hover-swap .product-photo-tall{
  box-shadow:none;
  border:0;
  border-radius:0;
  background:transparent;
}


/* V45 — Porte soigneuse fermée par défaut, ouverte au survol, sans fond noir forcé. */
.hover-swap{background:transparent;}

/* V46 — Hover image ouverte sur la page Façades de box */
.hover-swap .facade-install-img{
  width:100%;
}

/* V47 — Page Options et accessoires: conserver les proportions au survol */
#porte-soigneuse .hover-swap-hover img,
#porte-a-foin .hover-swap-hover img{
  object-fit:contain;
  object-position:center;
}
#porte-soigneuse .hover-swap,
#porte-a-foin .hover-swap{
  background:transparent;
}

/* V50 — Porte soigneuse: image contenue dans la case, sans crop et sans zoom */
#porte-soigneuse .hover-swap-tall{
  width:100%;
  height:560px;
  max-height:70vh;
  display:block;
  background:transparent;
}
#porte-soigneuse .hover-swap-tall .hover-swap-default,
#porte-soigneuse .hover-swap-tall .hover-swap-hover{
  position:absolute;
  inset:0;
}
#porte-soigneuse .hover-swap-tall .hover-swap-default img,
#porte-soigneuse .hover-swap-tall .hover-swap-hover img{
  width:100%;
  height:100%;
  max-width:100%;
  max-height:100%;
  object-fit:contain;
  object-position:center;
  margin:0 auto;
}
@media (max-width:800px){
  #porte-soigneuse .hover-swap-tall{
    height:460px;
    max-height:68vh;
  }
}


/* V51 — Porte soigneuse: remettre la case aux proportions originales de la page,
   tout en gardant l'image complète visible au hover. */
#porte-soigneuse .hover-swap-tall{
  width:100%;
  height:auto;
  max-height:none;
  display:block;
  background:transparent;
}
#porte-soigneuse .hover-swap-tall .hover-swap-default{
  position:static;
  inset:auto;
}
#porte-soigneuse .hover-swap-tall .hover-swap-default img{
  width:100%;
  height:auto;
  max-width:100%;
  max-height:none;
  object-fit:contain;
  object-position:center;
  margin:0 auto;
}
#porte-soigneuse .hover-swap-tall .hover-swap-hover{
  position:absolute;
  inset:0;
}
#porte-soigneuse .hover-swap-tall .hover-swap-hover img{
  width:100%;
  height:100%;
  max-width:100%;
  max-height:100%;
  object-fit:contain;
  object-position:center;
  margin:0 auto;
}

/* V54 — Menu haut métal brossé premium, sans stries/barres visibles */
.site-header{
  position:sticky;
  top:0;
  z-index:50;
  background-color:#cbd1d4;
  background-image:
    linear-gradient(112deg,rgba(255,255,255,.55),rgba(255,255,255,.16) 24%,rgba(68,80,89,.10) 52%,rgba(255,255,255,.32) 77%,rgba(255,255,255,.10)),
    linear-gradient(180deg,rgba(255,255,255,.58),rgba(255,255,255,.22) 46%,rgba(63,76,86,.20)),
    url('../img/galvanized-steel-header.webp');
  background-size:cover,cover,cover;
  background-position:center,center,center;
  border-bottom:1px solid rgba(216,164,74,.62);
  box-shadow:0 12px 30px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.52), inset 0 -1px 0 rgba(65,76,86,.18);
  backdrop-filter:none;
}
.site-header::before{
  content:'';
  position:absolute;
  inset:0;
  pointer-events:none;
  z-index:0;
  background:
    radial-gradient(900px 110px at 16% 0%,rgba(255,255,255,.30),rgba(255,255,255,0) 62%),
    radial-gradient(760px 120px at 78% 100%,rgba(42,55,66,.12),rgba(42,55,66,0) 65%),
    linear-gradient(90deg,rgba(255,255,255,.08),rgba(255,255,255,0) 34%,rgba(35,45,55,.06) 66%,rgba(255,255,255,.10));
  mix-blend-mode:soft-light;
}
.site-header::after{
  content:'';
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:2px;
  pointer-events:none;
  z-index:1;
  background:linear-gradient(90deg,rgba(216,164,74,0),rgba(216,164,74,.76) 22%,rgba(244,211,145,.95) 50%,rgba(216,164,74,.76) 78%,rgba(216,164,74,0));
  box-shadow:0 1px 7px rgba(216,164,74,.34);
  mix-blend-mode:normal;
}
.site-header .topbar,
.site-header .navbar{
  position:relative;
  z-index:2;
}
.topbar{
  height:34px;
  background:rgba(236,241,244,.18);
  border-bottom:1px solid rgba(255,255,255,.32);
  color:#15222c;
  text-shadow:0 1px 0 rgba(255,255,255,.48);
}
.topbar span,
.topbar a{color:#15222c;}
.topbar a{font-weight:800;}
.topbar span::before{color:#805915;text-shadow:0 1px 0 rgba(255,255,255,.40);}
.topbar a:hover{color:#064f9e;}
.navbar{padding:16px 0;}
.nav-link{
  color:#14212b;
  font-weight:850;
  text-shadow:0 1px 0 rgba(255,255,255,.52);
}
.nav-link::after{
  background:#064f9e;
  bottom:-8px;
  height:3px;
}
.nav-link:hover,
.nav-link.active{color:#064f9e;}
.submenu{
  background:rgba(238,243,246,.98);
  border-color:rgba(67,80,91,.30);
  box-shadow:0 18px 38px rgba(0,0,0,.24);
}
.submenu a{color:#15222c;}
.submenu a:hover,
.submenu a.active{background:rgba(6,79,158,.10);color:#064f9e;}
.submenu-toggle{
  color:#14212b;
  text-shadow:0 1px 0 rgba(255,255,255,.52);
}
.submenu-toggle:hover,
.submenu-toggle:focus{
  color:#064f9e;
  background:rgba(6,79,158,.08);
}
.site-header .btn-small{
  box-shadow:0 10px 24px rgba(111,79,24,.22);
  border-color:rgba(87,60,12,.24);
}
.brand img{
  filter:drop-shadow(0 5px 8px rgba(255,255,255,.38)) drop-shadow(0 9px 15px rgba(0,0,0,.26));
}
@media (max-width:860px){
  .nav-links{
    background:rgba(238,243,246,.97);
    border-color:rgba(67,80,91,.35);
    box-shadow:0 18px 38px rgba(0,0,0,.24);
  }
  .nav-link{color:#15222c;text-shadow:none;}
  .nav-link:hover,
  .nav-link.active{color:#064f9e;}
  .submenu-toggle{
    color:#15222c;
    text-shadow:none;
    background:rgba(6,79,158,.06);
    border:1px solid rgba(67,80,91,.20);
  }
  .submenu a{color:#15222c;}
}


/* V57 — Base anthracite v54, fond brun foncé coucher de soleil discret */
:root{
  --bg:#1b0d06;
  --bg2:#271207;
  --panel:#16120f;
  --panel2:#211712;
  --panel3:#130d0a;
  --line:rgba(216,164,74,.30);
  --line-soft:rgba(255,225,175,.085);
  --gold:#d8aa4a;
  --gold2:#f0cc7a;
  --blue:#064f9e;
  --blue2:#0a66c2;
  --cream:#f7efe1;
  --text:#f6f0e6;
  --muted:#d2c1ad;
  --muted2:#a78e76;
  --ink:#11100f;
  --shadow:0 26px 70px rgba(0,0,0,.42);
  --shadow-soft:0 18px 45px rgba(0,0,0,.28);
}

html{
  background:var(--bg);
}

body{
  color:var(--text);
  background:
    radial-gradient(circle at 9% -10%,rgba(216,164,74,.18),transparent 30rem),
    radial-gradient(circle at 95% 13%,rgba(120,55,18,.24),transparent 34rem),
    linear-gradient(180deg,#1a0c05 0%,#2a1408 48%,#160a04 100%);
}

/* Même structure anthracite, seulement réchauffée */
.section{
  background:
    radial-gradient(circle at 90% 4%,rgba(216,164,74,.045),transparent 28rem),
    linear-gradient(180deg,rgba(255,255,255,.014),rgba(255,255,255,0));
}

.section-muted{
  background:
    radial-gradient(circle at 82% 18%,rgba(216,164,74,.08),transparent 24rem),
    linear-gradient(180deg,#261309,#160b05);
  border-top:1px solid rgba(255,225,175,.065);
  border-bottom:1px solid rgba(255,225,175,.055);
}

.feature-strip{
  background:
    radial-gradient(circle at 80% 0%,rgba(216,164,74,.08),transparent 24rem),
    linear-gradient(180deg,#251209,#130a05);
  border-top:1px solid rgba(255,225,175,.08);
  border-bottom:1px solid var(--line);
}

.card,
.contact-card,
.form-card,
.feature{
  background:
    linear-gradient(180deg,#1f1711,#120c08);
  border:1px solid rgba(216,164,74,.24);
}

.card:hover{
  border-color:rgba(216,164,74,.58);
}

.card-img{
  background:#140c07;
}

.card-body p,
.section-heading p,
.intro-grid p,
.split-feature p,
.feature-strip-item p{
  color:#d1c0aa;
}

.check-list li,
.compact-list li{
  color:#e6dac9;
}

.rounded-img,
.product-photo,
.product-photo-tall,
.facade-install-img{
  background:#160b05;
  border-color:rgba(216,164,74,.30);
}

/* Page hero: brun plus riche, pas orange clair */
.page-hero{
  background:
    radial-gradient(circle at 22% 22%,rgba(216,164,74,.12),transparent 28rem),
    linear-gradient(135deg,#1a0c05 0%,#3a1b0a 48%,#120803 100%);
  border-bottom:1px solid rgba(216,164,74,.34);
}

.page-hero h1{
  color:#f7efe1;
}

.page-hero .lead{
  color:#e8d5bd;
}

/* Accueil: overlay un peu plus brun, mais même feeling premium */
.hero{
  background:#140904;
}

.hero-img{
  filter:saturate(.88) contrast(1.06) brightness(.72);
}

.hero-media::after{
  background:
    linear-gradient(90deg,rgba(20,9,3,.97) 0%,rgba(25,12,5,.88) 38%,rgba(57,25,8,.28) 70%,rgba(18,8,3,.74) 100%),
    linear-gradient(180deg,rgba(20,9,3,.58) 0%,rgba(20,9,3,.08) 40%,rgba(20,9,3,.96) 100%);
}

.hero-overlay{
  background:radial-gradient(circle at 82% 42%,rgba(216,164,74,.18),transparent 20rem);
}

/* CTA et bandes de fin: brun-noir cohérent avec le footer */
.cta-band,
.testimonial-band{
  background:
    radial-gradient(circle at 14% 0%,rgba(216,164,74,.10),transparent 28rem),
    linear-gradient(135deg,#170b05 0%,#321707 54%,#100703 100%);
  border-top:1px solid rgba(216,164,74,.22);
  border-bottom:1px solid rgba(216,164,74,.20);
}

.site-footer{
  background-color:#120803;
}


/* V58 — Brun premium équilibré: même structure que v57, moins sombre, plus classe */
:root{
  --bg:#241108;
  --bg2:#35190b;
  --panel:#211812;
  --panel2:#2c1d14;
  --panel3:#1a110c;
  --line:rgba(216,164,74,.34);
  --line-soft:rgba(255,225,175,.115);
  --gold:#d9a94a;
  --gold2:#f1cf82;
  --cream:#fbf1df;
  --text:#f8efe3;
  --muted:#decbb2;
  --muted2:#b79b7d;
  --ink:#15100c;
  --shadow:0 26px 68px rgba(0,0,0,.34);
  --shadow-soft:0 18px 44px rgba(0,0,0,.24);
}

html{
  background:#241108;
}

body{
  color:var(--text);
  background:
    radial-gradient(circle at 10% -8%,rgba(216,164,74,.24),transparent 32rem),
    radial-gradient(circle at 96% 12%,rgba(137,67,25,.28),transparent 36rem),
    linear-gradient(180deg,#241108 0%,#35190b 46%,#211007 100%);
}

/* Fond général plus brun premium, sans pâlir les pages */
.section{
  background:
    radial-gradient(circle at 88% 4%,rgba(216,164,74,.070),transparent 28rem),
    linear-gradient(180deg,rgba(255,238,205,.032),rgba(255,255,255,.006));
}

.section-muted{
  background:
    radial-gradient(circle at 82% 18%,rgba(216,164,74,.105),transparent 25rem),
    linear-gradient(180deg,#33180c,#211007);
  border-top:1px solid rgba(255,225,175,.095);
  border-bottom:1px solid rgba(255,225,175,.075);
}

.feature-strip{
  background:
    radial-gradient(circle at 80% 0%,rgba(216,164,74,.105),transparent 25rem),
    linear-gradient(180deg,#32180c,#1b0d06);
  border-top:1px solid rgba(255,225,175,.105);
  border-bottom:1px solid rgba(216,164,74,.36);
}

/* Cartes un peu moins noires, mais toujours anthracite/brun premium */
.card,
.contact-card,
.form-card,
.feature{
  background:
    radial-gradient(circle at 90% 0%,rgba(216,164,74,.045),transparent 18rem),
    linear-gradient(180deg,#2b2018,#19110c);
  border:1px solid rgba(216,164,74,.29);
  box-shadow:0 22px 54px rgba(0,0,0,.28);
}

.card:hover{
  border-color:rgba(216,164,74,.62);
  box-shadow:0 26px 62px rgba(0,0,0,.34);
}

.card-img{
  background:#1c110a;
}

.card-body p,
.section-heading p,
.intro-grid p,
.split-feature p,
.feature-strip-item p{
  color:#dbc8ad;
}

.check-list li,
.compact-list li{
  color:#eadcc8;
}

.rounded-img,
.product-photo,
.product-photo-tall,
.facade-install-img{
  background:#1d0f07;
  border-color:rgba(216,164,74,.34);
  box-shadow:0 20px 48px rgba(0,0,0,.30);
}

/* Héros: garde le brun du haut/bas, mais moins écrasé */
.page-hero{
  background:
    radial-gradient(circle at 22% 22%,rgba(216,164,74,.16),transparent 28rem),
    linear-gradient(135deg,#211007 0%,#51250e 48%,#170a04 100%);
  border-bottom:1px solid rgba(216,164,74,.40);
}

.page-hero h1{
  color:#fbf1df;
}

.page-hero .lead{
  color:#edd9bd;
}

/* Accueil: même image, overlay légèrement allégé pour respirer */
.hero{
  background:#180b04;
}

.hero-img{
  filter:saturate(.92) contrast(1.05) brightness(.78);
}

.hero-media::after{
  background:
    linear-gradient(90deg,rgba(20,9,3,.93) 0%,rgba(31,14,5,.80) 38%,rgba(86,39,13,.24) 70%,rgba(18,8,3,.68) 100%),
    linear-gradient(180deg,rgba(20,9,3,.50) 0%,rgba(20,9,3,.05) 40%,rgba(20,9,3,.90) 100%);
}

.hero-overlay{
  background:radial-gradient(circle at 82% 42%,rgba(216,164,74,.22),transparent 21rem);
}

/* CTA/footer: brun foncé plus riche, pas noir plat */
.cta-band,
.testimonial-band{
  background:
    radial-gradient(circle at 14% 0%,rgba(216,164,74,.13),transparent 28rem),
    linear-gradient(135deg,#1f0f07 0%,#43200d 54%,#150904 100%);
  border-top:1px solid rgba(216,164,74,.28);
  border-bottom:1px solid rgba(216,164,74,.22);
}

.site-footer{
  background-color:#160a04;
}


/* V59 — Brun moka premium neutre: chaleur de v58 + sérieux anthracite */
:root{
  --bg:#211711;
  --bg2:#302119;
  --panel:#211b17;
  --panel2:#2c221b;
  --panel3:#181310;
  --line:rgba(207,166,105,.28);
  --line-soft:rgba(236,214,184,.095);
  --gold:#c99b4a;
  --gold2:#e4c47d;
  --cream:#f4eadb;
  --text:#f3eadf;
  --muted:#d6c5ae;
  --muted2:#a99278;
  --ink:#14110e;
  --shadow:0 26px 68px rgba(0,0,0,.34);
  --shadow-soft:0 18px 44px rgba(0,0,0,.24);
}

html{
  background:#211711;
}

body{
  color:var(--text);
  background:
    radial-gradient(circle at 10% -8%,rgba(199,151,73,.16),transparent 32rem),
    radial-gradient(circle at 96% 12%,rgba(105,62,35,.22),transparent 36rem),
    linear-gradient(180deg,#1b130e 0%,#302119 46%,#1f1510 100%);
}

/* Sections: moins orange, plus moka/chocolat */
.section{
  background:
    radial-gradient(circle at 88% 4%,rgba(207,166,105,.050),transparent 28rem),
    linear-gradient(180deg,rgba(255,238,205,.022),rgba(255,255,255,.004));
}

.section-muted{
  background:
    radial-gradient(circle at 82% 18%,rgba(207,166,105,.075),transparent 25rem),
    linear-gradient(180deg,#2f2119,#1f1510);
  border-top:1px solid rgba(236,214,184,.075);
  border-bottom:1px solid rgba(236,214,184,.060);
}

.feature-strip{
  background:
    radial-gradient(circle at 80% 0%,rgba(207,166,105,.075),transparent 25rem),
    linear-gradient(180deg,#2d2018,#19120d);
  border-top:1px solid rgba(236,214,184,.080);
  border-bottom:1px solid rgba(207,166,105,.26);
}

/* Cartes plus neutres, moins cuivrées */
.card,
.contact-card,
.form-card,
.feature{
  background:
    radial-gradient(circle at 90% 0%,rgba(207,166,105,.035),transparent 18rem),
    linear-gradient(180deg,#29231e,#191511);
  border:1px solid rgba(207,166,105,.24);
  box-shadow:0 22px 54px rgba(0,0,0,.30);
}

.card:hover{
  border-color:rgba(207,166,105,.50);
  box-shadow:0 26px 62px rgba(0,0,0,.36);
}

.card-img{
  background:#1c1510;
}

.card-body p,
.section-heading p,
.intro-grid p,
.split-feature p,
.feature-strip-item p{
  color:#d4c2ac;
}

.check-list li,
.compact-list li{
  color:#e7d9c7;
}

.rounded-img,
.product-photo,
.product-photo-tall,
.facade-install-img{
  background:#1c130e;
  border-color:rgba(207,166,105,.26);
  box-shadow:0 20px 48px rgba(0,0,0,.31);
}

/* Héros: moka profond, moins brun/orange */
.page-hero{
  background:
    radial-gradient(circle at 22% 22%,rgba(207,166,105,.105),transparent 28rem),
    linear-gradient(135deg,#1b130e 0%,#3f2b1f 48%,#16100c 100%);
  border-bottom:1px solid rgba(207,166,105,.32);
}

.page-hero h1{
  color:#f4eadb;
}

.page-hero .lead{
  color:#e6d4bd;
}

/* Accueil: overlay un peu plus neutre, moins cuivré */
.hero{
  background:#17100b;
}

.hero-img{
  filter:saturate(.88) contrast(1.05) brightness(.80);
}

.hero-media::after{
  background:
    linear-gradient(90deg,rgba(19,13,9,.92) 0%,rgba(31,22,16,.79) 38%,rgba(70,44,27,.22) 70%,rgba(18,12,8,.66) 100%),
    linear-gradient(180deg,rgba(19,13,9,.48) 0%,rgba(19,13,9,.05) 40%,rgba(19,13,9,.88) 100%);
}

.hero-overlay{
  background:radial-gradient(circle at 82% 42%,rgba(207,166,105,.15),transparent 21rem);
}

/* Boutons et dorés plus subtils */
.btn{
  background:linear-gradient(135deg,#8b6630 0%,#c99b4a 58%,#e4c47d 100%);
  border-color:rgba(228,196,125,.60);
  color:#15100b;
}

.btn:hover{
  box-shadow:0 20px 44px rgba(0,0,0,.36);
}

.btn-ghost{
  background:rgba(244,234,219,.07);
  color:#f4eadb;
  border:1px solid rgba(228,196,125,.48);
}

.btn-ghost:hover{
  background:rgba(228,196,125,.12);
  color:#fff3df;
}

/* CTA/footer: brun chocolat sobre */
.cta-band,
.testimonial-band{
  background:
    radial-gradient(circle at 14% 0%,rgba(207,166,105,.09),transparent 28rem),
    linear-gradient(135deg,#1b130e 0%,#332219 54%,#14100c 100%);
  border-top:1px solid rgba(207,166,105,.22);
  border-bottom:1px solid rgba(207,166,105,.18);
}

.site-footer{
  background-color:#15100c;
}

/* Petites touches de texte */
.eyebrow,
.kicker{
  color:#e4c47d;
}

strong,
b{
  color:#f6eddf;
}

/* V60 — Ajustements CSS seulement: menu un peu plus foncé + retrait de la barre/seam des cartes accueil */
.site-header{
  background-color:#aeb6ba;
  background-image:
    linear-gradient(112deg,rgba(255,255,255,.38),rgba(255,255,255,.10) 24%,rgba(45,55,63,.18) 52%,rgba(255,255,255,.20) 77%,rgba(35,44,51,.10)),
    linear-gradient(180deg,rgba(255,255,255,.40),rgba(232,237,240,.16) 45%,rgba(42,52,60,.30)),
    url('../img/galvanized-steel-header.webp');
  box-shadow:0 12px 30px rgba(0,0,0,.26), inset 0 1px 0 rgba(255,255,255,.42), inset 0 -1px 0 rgba(45,55,63,.24);
}
.site-header::before{
  background:
    radial-gradient(900px 110px at 16% 0%,rgba(255,255,255,.20),rgba(255,255,255,0) 62%),
    radial-gradient(760px 120px at 78% 100%,rgba(35,45,54,.18),rgba(35,45,54,0) 65%),
    linear-gradient(90deg,rgba(255,255,255,.045),rgba(255,255,255,0) 34%,rgba(27,36,45,.10) 66%,rgba(255,255,255,.060));
}
.topbar{
  background:rgba(190,198,203,.22);
  border-bottom:1px solid rgba(45,55,63,.22);
}

/* Enlève la ligne/barre visuelle au bas des images de cartes sur l'accueil */
.cards.three .card{
  background:
    radial-gradient(circle at 90% 0%,rgba(207,166,105,.035),transparent 18rem),
    linear-gradient(180deg,#29231e,#191511);
}
.cards.three .card picture,
.cards.three .card-img{
  display:block;
  line-height:0;
}
.cards.three .card-img{
  margin:0;
  border:0;
  vertical-align:bottom;
}
.cards.three .card-body{
  background:transparent;
  border-top:0;
}


/* V61 — Image porte à foin remplacée sans retouche + menu galvanisé un peu plus foncé */
.site-header{
  background-color:#8f989d;
  background-image:
    linear-gradient(112deg,rgba(255,255,255,.26),rgba(255,255,255,.075) 24%,rgba(28,36,43,.25) 52%,rgba(255,255,255,.12) 77%,rgba(20,27,33,.17)),
    linear-gradient(180deg,rgba(255,255,255,.25),rgba(205,212,216,.12) 45%,rgba(27,35,42,.40)),
    url('../img/galvanized-steel-header.webp');
  box-shadow:0 13px 32px rgba(0,0,0,.31), inset 0 1px 0 rgba(255,255,255,.32), inset 0 -1px 0 rgba(28,36,43,.32);
}
.site-header::before{
  background:
    radial-gradient(900px 110px at 16% 0%,rgba(255,255,255,.14),rgba(255,255,255,0) 62%),
    radial-gradient(760px 120px at 78% 100%,rgba(22,30,38,.24),rgba(22,30,38,0) 65%),
    linear-gradient(90deg,rgba(255,255,255,.025),rgba(255,255,255,0) 34%,rgba(19,27,35,.14) 66%,rgba(255,255,255,.040));
}
.topbar{
  background:rgba(142,153,160,.26);
  border-bottom:1px solid rgba(27,35,42,.28);
}


/* V62 — CSS seulement: menu galvanisé plus foncé + porte à foin ouverte sur options/accessoires */
.site-header{
  background-color:#747f85;
  background-image:
    linear-gradient(112deg,rgba(255,255,255,.20),rgba(255,255,255,.055) 24%,rgba(18,25,31,.34) 52%,rgba(255,255,255,.090) 77%,rgba(13,19,24,.24)),
    linear-gradient(180deg,rgba(255,255,255,.18),rgba(171,181,187,.10) 45%,rgba(18,25,31,.52)),
    url('../img/galvanized-steel-header.webp');
  box-shadow:0 14px 34px rgba(0,0,0,.36), inset 0 1px 0 rgba(255,255,255,.24), inset 0 -1px 0 rgba(18,25,31,.42);
}
.site-header::before{
  background:
    radial-gradient(900px 110px at 16% 0%,rgba(255,255,255,.10),rgba(255,255,255,0) 62%),
    radial-gradient(760px 120px at 78% 100%,rgba(14,20,27,.32),rgba(14,20,27,0) 65%),
    linear-gradient(90deg,rgba(255,255,255,.018),rgba(255,255,255,0) 34%,rgba(12,18,25,.20) 66%,rgba(255,255,255,.030));
}
.topbar{
  background:rgba(104,116,124,.32);
  border-bottom:1px solid rgba(18,25,31,.36);
}

/* V63 — Ajustements demandés
   - Textes du haut des pages plus petits.
   - Accueil: retour du fondu/dégradé gris derrière l'image.
   - Aucun texte/structure/image modifié. */
.hero-content h1{
  font-size:clamp(2.05rem,3.45vw,3.75rem);
  line-height:1.05;
  letter-spacing:-.030em;
  max-width:760px;
}
.page-hero h1{
  font-size:clamp(1.8rem,3.0vw,3.05rem);
  line-height:1.08;
  letter-spacing:-.022em;
  max-width:900px;
}
.image-hero .page-hero-content h1,
.image-hero h1{
  font-size:clamp(1.8rem,3.0vw,3.05rem);
  line-height:1.08;
}
.hero{
  background:#374249;
}
.hero-img{
  filter:saturate(.94) contrast(1.04) brightness(.84);
}
.hero-media::after{
  background:
    linear-gradient(90deg,rgba(52,63,70,.94) 0%,rgba(52,63,70,.74) 39%,rgba(52,63,70,.18) 70%,rgba(52,63,70,.50) 100%),
    linear-gradient(180deg,rgba(52,63,70,.40) 0%,rgba(52,63,70,.05) 43%,rgba(52,63,70,.83) 100%);
}
.hero-overlay{
  background:radial-gradient(circle at 82% 42%,rgba(216,164,74,.14),transparent 20rem);
}
@media (max-width:860px){
  .hero-content h1{
    font-size:2.12rem;
  }
  .page-hero h1,
  .image-hero h1{
    font-size:2rem;
  }
}

/* V64 — CSS seulement: menu plus lisible + flèche Nos produits plus visible */
@media (min-width:861px){
  .topbar{
    height:38px;
    font-size:.90rem;
    letter-spacing:.022em;
  }

  .topbar span,
  .topbar a{
    font-size:.90rem;
  }

  .nav-link{
    font-size:1.055rem;
    font-weight:875;
    letter-spacing:.006em;
  }

  .nav-links{
    gap:20px;
  }

  .submenu-toggle{
    width:32px;
    height:32px;
    margin-left:0;
    font-size:1.22rem;
    font-weight:950;
    color:#064f9e;
    background:rgba(255,255,255,.18);
    border:1px solid rgba(6,79,158,.20);
    text-shadow:0 1px 0 rgba(255,255,255,.62);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 4px 10px rgba(0,0,0,.08);
  }

  .submenu-toggle:hover,
  .submenu-toggle:focus{
    color:#043d7b;
    background:rgba(255,255,255,.30);
    border-color:rgba(6,79,158,.38);
  }

  .site-header .btn-small{
    font-size:.96rem;
  }
}

@media (max-width:860px){
  .submenu-toggle{
    font-size:1.18rem;
    color:#064f9e;
  }
}


/* V69 — Retour v64:
   - reflet/effet original du texte du menu conservé;
   - seulement le bouton Demander une soumission est réduit;
   - aucune image, texte ou structure modifié. */
@media (min-width:861px){
  .site-header .btn-small,
  .navbar .btn-small,
  .nav-actions .btn-small{
    padding:.58rem .88rem;
    font-size:.82rem;
    line-height:1.05;
    border-radius:999px;
    min-height:0;
  }
}

@media (max-width:860px){
  .site-header .btn-small,
  .navbar .btn-small,
  .nav-actions .btn-small{
    padding:.55rem .85rem;
    font-size:.82rem;
  }
}


/* V70 — Section façades custom haut de gamme */
.custom-premium-section{
  padding-top:72px;
  padding-bottom:72px;
}

.custom-premium-section .rounded-img{
  object-position:center;
}




/* V75 — Poignée fer à cheval ajoutée seulement dans Options et accessoires */
.poignee-fer-section .product-photo{
  object-fit:cover;
  object-position:center;
  max-height:520px;
}


/* V79 — Menu principal plus lisible + footer droits réservés.
   Aucun fond, image ou structure modifié. */
@media (min-width:861px){
  .site-header .nav-link{
    font-family:"Segoe UI", Arial, Helvetica, sans-serif;
    font-size:.99rem;
    font-weight:900;
    letter-spacing:.018em;
    line-height:1.15;
  }

  .site-header .submenu-toggle{
    font-family:"Segoe UI", Arial, Helvetica, sans-serif;
    font-size:1.12rem;
    font-weight:900;
  }

  .site-header .btn-small,
  .navbar .btn-small,
  .nav-actions .btn-small{
    font-family:"Segoe UI", Arial, Helvetica, sans-serif;
    font-size:.84rem;
    font-weight:900;
  }
}

@media (max-width:860px){
  .site-header .nav-link{
    font-family:"Segoe UI", Arial, Helvetica, sans-serif;
    font-size:1.02rem;
    font-weight:900;
  }
}


/* V80 — Menu principal encore un peu plus gros.
   Aucun fond, image, texte ou structure modifié. */
@media (min-width:861px){
  .site-header .nav-link{
    font-size:1.04rem;
    letter-spacing:.016em;
  }

  .site-header .submenu-toggle{
    font-size:1.16rem;
  }

  .site-header .btn-small,
  .navbar .btn-small,
  .nav-actions .btn-small{
    font-size:.86rem;
  }
}

@media (max-width:860px){
  .site-header .nav-link{
    font-size:1.04rem;
  }
}


/* V87 — bouton de langue FR/EN */
.lang-switch{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:42px;
  height:34px;
  padding:0 10px;
  border-radius:999px;
  border:1px solid rgba(240,204,122,.58);
  color:#f4e6c8;
  text-decoration:none;
  font-family:"Segoe UI", Arial, Helvetica, sans-serif;
  font-size:.86rem;
  font-weight:900;
  letter-spacing:.04em;
  background:rgba(10,15,20,.28);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 8px 18px rgba(0,0,0,.18);
}
.lang-switch:hover,
.lang-switch:focus{
  color:#111;
  background:linear-gradient(135deg,#c79639,#f0cc7a);
  outline:0;
}
@media (max-width:860px){
  .lang-switch{
    width:100%;
    min-width:0;
    height:auto;
    padding:10px 12px;
    margin-top:4px;
  }
}




/* V95 — Footer anglais : même image de footer que le français, mais version anglaise dans /images/hero */
html[lang="en-CA"] .site-footer{
  background-color:#010101;
  background-image:
    linear-gradient(180deg, rgba(1,1,1,0) 0%, rgba(1,1,1,.10) 52%, #010101 100%),
    linear-gradient(90deg, rgba(1,1,1,0) 0%, rgba(1,1,1,.04) 42%, #010101 92%),
    url('/images/hero/coucher-soleil-footer-equinad-en.webp');
  background-size:100% 100%,100% 100%,680px auto;
  background-position:center center,center center,left top;
  background-repeat:no-repeat,no-repeat,no-repeat;
}
@media (max-width:900px){
  html[lang="en-CA"] .site-footer{
    background-size:100% 100%,100% 100%,620px auto;
  }
}
@media (max-width:620px){
  html[lang="en-CA"] .site-footer{
    background-size:100% 100%,100% 100%,520px auto;
  }
}