:root{--bg:#080b10;--panel:#101620;--panel2:#151d2a;--text:#f5f1ea;--muted:#b9b1a6;--gold:#c7a46b;--gold2:#f0d69a;--line:rgba(255,255,255,.12);--white:#fff;--shadow:0 30px 80px rgba(0,0,0,.35);--radius:28px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;background:var(--bg);color:var(--text);line-height:1.55}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{width:min(1180px,92vw);margin:auto}.topbar{background:#05070a;color:#d8d0c4;font-size:13px;border-bottom:1px solid var(--line)}.topbar .container{display:flex;justify-content:space-between;gap:18px;padding:9px 0;flex-wrap:wrap}.nav{position:sticky;top:0;z-index:50;background:rgba(8,11,16,.83);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.navin{display:flex;align-items:center;justify-content:space-between;padding:18px 0}.brand{display:flex;align-items:center;gap:12px;font-weight:900;letter-spacing:.02em}.mark{width:48px;height:48px;border-radius:16px;background:linear-gradient(135deg,var(--gold),#7c5b2d);display:grid;place-items:center;color:#0a0d12;font-weight:900}.links{display:flex;gap:24px;align-items:center;color:#e8dfd3}.links a{font-weight:700;font-size:14px;opacity:.9}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:14px 20px;border-radius:999px;background:linear-gradient(135deg,var(--gold2),var(--gold));color:#101010;font-weight:900;box-shadow:0 16px 40px rgba(199,164,107,.22);border:0}.btn.dark{background:linear-gradient(135deg,var(--gold2,#f0d69a),var(--gold,#c7a46b))!important;color:#101010!important}.btn.ghost{background:rgba(255,255,255,.08);color:#fff;border:1px solid var(--line);box-shadow:none}.hero{position:relative;overflow:hidden;padding:92px 0 64px;background:radial-gradient(circle at 72% 18%,rgba(199,164,107,.22),transparent 35%),linear-gradient(135deg,#080b10 0%,#111a26 55%,#07080b 100%)}.hero:before{content:"";position:absolute;inset:0;background:url('../images/texture.svg') center/cover;opacity:.2}.herogrid{position:relative;display:grid;grid-template-columns:1.08fr .92fr;gap:46px;align-items:center}.eyebrow{display:inline-flex;gap:8px;align-items:center;padding:8px 12px;border:1px solid var(--line);border-radius:999px;color:#e8dccb;background:rgba(255,255,255,.06);font-weight:800;font-size:13px}.h1{font-family:Playfair Display,Georgia,serif;font-size:clamp(44px,6vw,86px);line-height:.96;margin:20px 0 18px;letter-spacing:-.04em}.lead{font-size:clamp(18px,2.1vw,23px);color:#d8d0c4;max-width:760px}.heroactions{display:flex;gap:14px;flex-wrap:wrap;margin:28px 0}.kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:30px}.kpi{padding:18px;border:1px solid var(--line);border-radius:22px;background:rgba(255,255,255,.06)}.kpi b{font-size:28px;color:var(--gold2);display:block}.visual{min-height:560px;border-radius:38px;background:linear-gradient(160deg,rgba(255,255,255,.10),rgba(255,255,255,.02)),url('../images/hero-renovation.svg') center/cover;border:1px solid var(--line);box-shadow:var(--shadow);position:relative;overflow:hidden}.float{position:absolute;left:24px;right:24px;bottom:24px;background:rgba(7,9,13,.76);backdrop-filter:blur(16px);border:1px solid var(--line);border-radius:24px;padding:18px;display:grid;grid-template-columns:1fr 1fr;gap:12px}.float div{background:rgba(255,255,255,.06);border-radius:16px;padding:12px}.section{padding:86px 0}.section.light{background:#f5f1ea;color:#111720}.section h2{font-family:Playfair Display,Georgia,serif;font-size:clamp(34px,4.5vw,58px);line-height:1;margin:0 0 16px;letter-spacing:-.03em}.intro{color:var(--muted);font-size:18px;max-width:760px}.light .intro{color:#5f5b55}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:34px}.card{background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.035));border:1px solid var(--line);border-radius:var(--radius);padding:28px;box-shadow:0 18px 50px rgba(0,0,0,.18);transition:.25s}.card:hover{transform:translateY(-6px);border-color:rgba(240,214,154,.45)}.light .card{background:#fff;border:1px solid #e8dfd2;color:#141922}.card .num{color:var(--gold);font-weight:900;letter-spacing:.08em}.card h3{font-size:23px;margin:14px 0 8px}.card p{color:#cfc6ba}.light .card p{color:#59534c}.split{display:grid;grid-template-columns:.95fr 1.05fr;gap:46px;align-items:center}.mockup{border-radius:34px;min-height:440px;background:url('../images/showcase.svg') center/cover;border:1px solid var(--line);box-shadow:var(--shadow)}.process{counter-reset:s}.step{display:grid;grid-template-columns:58px 1fr;gap:18px;padding:22px 0;border-bottom:1px solid rgba(255,255,255,.12)}.step:before{counter-increment:s;content:counter(s);width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--gold2),var(--gold));color:#111;font-weight:900}.gallery{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:18px;margin-top:34px}.shot{min-height:260px;border-radius:28px;background:linear-gradient(135deg,#2d3747,#111820);border:1px solid var(--line);position:relative;overflow:hidden}.shot:after{content:attr(data-title);position:absolute;left:18px;bottom:18px;background:rgba(0,0,0,.58);padding:10px 14px;border-radius:999px;font-weight:900}.shot.big{grid-row:span 2;min-height:540px;background:url('../images/gallery-1.svg') center/cover}.shot.s2{background:url('../images/gallery-2.svg') center/cover}.shot.s3{background:url('../images/gallery-3.svg') center/cover}.shot.s4{background:url('../images/gallery-4.svg') center/cover}.shot.s5{background:url('../images/gallery-5.svg') center/cover}.zonegrid{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.pill{padding:13px 17px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.07);font-weight:800}.light .pill{background:#fff;border-color:#e2d6c7}.cta{background:linear-gradient(135deg,#c7a46b,#f0d69a);color:#111;border-radius:42px;padding:54px;display:grid;grid-template-columns:1fr auto;gap:22px;align-items:center;box-shadow:0 30px 80px rgba(199,164,107,.2)}.cta h2{color:#111}.footer{padding:44px 0;background:#05070a;color:#d8d0c4;border-top:1px solid var(--line)}.footgrid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:26px}.mobilebar{display:none;position:fixed;left:0;right:0;bottom:0;z-index:80;background:rgba(8,11,16,.92);backdrop-filter:blur(16px);border-top:1px solid var(--line);padding:10px}.mobilebar a{flex:1}.faq details{border:1px solid #e5d8c9;border-radius:18px;padding:18px;background:#fff;margin:12px 0}.faq summary{font-weight:900;cursor:pointer}.form{display:grid;gap:14px}.input,textarea{width:100%;padding:15px;border-radius:16px;border:1px solid #dfd4c6;background:#fff;font:inherit}textarea{min-height:120px}.contactbox{background:#fff;border-radius:30px;padding:30px;box-shadow:0 20px 60px rgba(0,0,0,.08)}@media(max-width:900px){.links{display:none}.herogrid,.split,.cta{grid-template-columns:1fr}.visual{min-height:380px}.cards,.kpis,.footgrid{grid-template-columns:1fr}.gallery{grid-template-columns:1fr}.shot.big{min-height:360px}.mobilebar{display:flex;gap:10px}.section{padding:64px 0}.hero{padding:58px 0}.cta{padding:32px}.float{grid-template-columns:1fr}.topbar .container{font-size:12px}.h1{font-size:43px}}

/* --- Pack premium chantier Paris & proche banlieue / Vincennes --- */
.brand span:not(.mark){line-height:1.15}.brand small{color:var(--gold2);font-weight:800;letter-spacing:.03em}.hero.real-hero{background:linear-gradient(90deg,rgba(5,7,10,.92),rgba(5,7,10,.65),rgba(5,7,10,.2)),url('/assets/images/vincennes/13-salle-de-bain-finale.jpg') center/cover no-repeat}.proofbar{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:28px}.proofbar div{border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.06);padding:14px;font-weight:800}.real-card-img{height:210px;background:#111 center/cover no-repeat;border-radius:22px 22px 0 0}.real-card{overflow:hidden;padding:0}.real-card .inner{padding:22px}.beforeafter{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:28px 0}.ba{border-radius:26px;overflow:hidden;background:#fff;color:#111;box-shadow:0 16px 42px rgba(0,0,0,.18)}.ba img{width:100%;height:360px;object-fit:cover}.ba b{display:block;padding:14px 16px;font-size:18px}.premium-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:28px}.premium-grid figure{margin:0;border-radius:24px;overflow:hidden;background:#fff;color:#111;box-shadow:0 14px 36px rgba(0,0,0,.16)}.premium-grid img{width:100%;height:260px;object-fit:cover}.premium-grid figcaption{padding:12px 14px;font-weight:800}.local-proof{margin-top:34px;border:1px solid var(--line);background:rgba(255,255,255,.06);border-radius:30px;padding:30px}.toc{display:flex;gap:10px;flex-wrap:wrap;margin:22px 0}.toc a{border:1px solid var(--line);padding:10px 14px;border-radius:999px;background:rgba(255,255,255,.07);font-weight:800}.service-list{columns:2;column-gap:34px}.service-list li{margin:0 0 10px}.city-strip{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.city-strip a{background:#fff;color:#111;padding:10px 14px;border-radius:999px;font-weight:800;border:1px solid #e4d8c8}.note-seo{font-size:15px;color:#d8d0c4}.light .note-seo{color:#5f5b55}.shot.real-vincennes{background:url('/assets/images/vincennes/13-salle-de-bain-finale.jpg') center/cover}.shot.real-cuisine{background:url('/assets/images/vincennes/14-cuisine-finale.jpg') center/cover}.shot.real-chantier{background:url('/assets/images/vincennes/06-salon-renovation.jpg') center/cover}.shot.real-escalier{background:url('/assets/images/vincennes/10-escalier-parquet.jpg') center/cover}.shot.real-piece{background:url('/assets/images/vincennes/15-chambre-finale.jpg') center/cover}
@media(max-width:900px){.proofbar,.beforeafter,.premium-grid{grid-template-columns:1fr}.ba img,.premium-grid img{height:260px}.service-list{columns:1}.brand span:not(.mark){font-size:15px}.real-card-img{height:180px}}

@media(max-width:900px){body{padding-bottom:170px}.footer{padding-bottom:160px}.section:last-of-type{padding-bottom:170px}.mobilebar{padding:12px 14px calc(12px + env(safe-area-inset-bottom));}.mobilebar .btn{min-height:54px}.hero{padding-bottom:96px}.light .card:last-child,.ba:last-child{margin-bottom:40px}}

/* --- ATRB Vincennes V4 : vraies photos chantier --- */
.photo-cover{background-size:cover;background-position:center}.timeline-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:30px}.timeline-card{background:#fff;color:#111;border-radius:26px;overflow:hidden;box-shadow:0 18px 48px rgba(0,0,0,.16)}.timeline-card img{width:100%;height:330px;object-fit:cover}.timeline-card strong{display:block;padding:15px 18px 4px;font-size:20px}.timeline-card p{padding:0 18px 18px;margin:0;color:#59534c}.timeline-card.wide{grid-column:span 2}.timeline-card.wide img{height:420px}.project-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:28px}.project-facts div{border:1px solid var(--line);background:rgba(255,255,255,.06);border-radius:22px;padding:18px}.project-facts b{display:block;color:var(--gold2);font-size:14px;text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px}.chantier-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:28px}.chantier-steps article{border:1px solid var(--line);background:rgba(255,255,255,.06);border-radius:24px;padding:22px}.chantier-steps h3{margin:0 0 8px}.hero.vincennes-hero{background:linear-gradient(90deg,rgba(5,7,10,.92),rgba(5,7,10,.65),rgba(5,7,10,.22)),url('/assets/images/vincennes/23-cuisine-blanche-finale.jpg') center/cover no-repeat}.shot.real-vincennes{background-image:url('/assets/images/vincennes/23-cuisine-blanche-finale.jpg')}.shot.real-cuisine{background-image:url('/assets/images/vincennes/23-cuisine-blanche-finale.jpg')}.shot.real-chantier{background-image:url('/assets/images/vincennes/09-grand-volume-cloisons.jpg')}.shot.real-escalier{background-image:url('/assets/images/vincennes/25-escalier-bois-renove.jpg')}.shot.real-piece{background-image:url('/assets/images/vincennes/26-chambre-sous-combles-renovee.jpg')}
@media(max-width:900px){.timeline-grid,.project-facts,.chantier-steps{grid-template-columns:1fr}.timeline-card.wide{grid-column:span 1}.timeline-card img,.timeline-card.wide img{height:260px}body{padding-bottom:170px}.footer{padding-bottom:180px}.mobilebar{padding-bottom:calc(14px + env(safe-area-inset-bottom))}}


/* --- ATRB Premium : amélioration conversion + chantier Vincennes sans photo Geberit --- */
.hero.real-hero{background:linear-gradient(90deg,rgba(5,7,10,.90),rgba(5,7,10,.58),rgba(5,7,10,.18)),url('/assets/images/vincennes/22-salle-bain-terminee.jpg') center/cover no-repeat!important}.hero.vincennes-hero{background:linear-gradient(90deg,rgba(5,7,10,.92),rgba(5,7,10,.66),rgba(5,7,10,.22)),url('/assets/images/vincennes/16-cuisine-terminee.jpg') center/cover no-repeat!important}.trust-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:28px}.trust-strip div{border:1px solid var(--line);background:rgba(255,255,255,.07);border-radius:18px;padding:16px;font-weight:900}.trust-strip small{display:block;color:#d8d0c4;font-weight:600;margin-top:4px}.home-before-after{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:28px}.home-before-after figure{margin:0;border-radius:28px;overflow:hidden;background:#fff;color:#111;box-shadow:0 18px 48px rgba(0,0,0,.16)}.home-before-after img{width:100%;height:360px;object-fit:cover}.home-before-after figcaption{padding:14px 16px;font-weight:900}.shot.real-vincennes{background-image:url('/assets/images/vincennes/16-cuisine-terminee.jpg')!important}.shot.real-cuisine{background-image:url('/assets/images/vincennes/16-cuisine-terminee.jpg')!important}.shot.real-chantier{background-image:url('/assets/images/vincennes/08-volume-cloisons-ossature.jpg')!important}.shot.real-escalier{background-image:url('/assets/images/vincennes/19-escalier-bois-renove.jpg')!important}.shot.real-piece{background-image:url('/assets/images/vincennes/20-chambre-sous-combles-renovee.jpg')!important}.v5-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:30px}.v5-grid figure{margin:0;background:#fff;color:#111;border-radius:26px;overflow:hidden;box-shadow:0 16px 42px rgba(0,0,0,.15)}.v5-grid img{width:100%;height:270px;object-fit:cover}.v5-grid figcaption{padding:14px 16px;font-weight:900}.v5-grid .wide{grid-column:span 2}.v5-grid .wide img{height:350px}.timeline-card img{object-fit:cover}.no-seo-copy h2,.no-seo-copy p{max-width:860px}.quick-links{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.quick-links a{background:rgba(255,255,255,.08);border:1px solid var(--line);padding:11px 15px;border-radius:999px;font-weight:900}.light .quick-links a{background:#fff;color:#111;border-color:#e2d6c7}.mobilebar{box-shadow:0 -12px 35px rgba(0,0,0,.35)}
@media(max-width:900px){.trust-strip,.home-before-after,.v5-grid{grid-template-columns:1fr}.home-before-after img,.v5-grid img,.v5-grid .wide img{height:260px}.v5-grid .wide{grid-column:span 1}body{padding-bottom:190px!important}.section{scroll-margin-top:100px}.h1{font-size:42px!important}.hero .lead{font-size:18px}.mobilebar .btn{min-height:58px}.footer{padding-bottom:190px!important}}

/* --- ATRB V6 : niveau concurrent premium --- */
.hero.v6-hero{background:linear-gradient(90deg,rgba(5,7,10,.92),rgba(5,7,10,.58),rgba(5,7,10,.16)),url('/assets/images/vincennes-v6/15-salon-renove-carrelage.jpg') center/cover no-repeat!important}
.hero.v6-vincennes-hero{background:linear-gradient(90deg,rgba(5,7,10,.92),rgba(5,7,10,.62),rgba(5,7,10,.20)),url('/assets/images/vincennes-v6/13-cuisine-terminee.jpg') center/cover no-repeat!important}
.v6-proof{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:30px}.v6-proof div{border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.08);border-radius:20px;padding:17px}.v6-proof b{display:block;color:#fff;font-size:16px}.v6-proof small{display:block;margin-top:5px;color:#d8d0c4;line-height:1.4}.v6-before-after{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:30px}.v6-before-after figure{margin:0;border-radius:28px;overflow:hidden;background:#fff;color:#111;box-shadow:0 18px 48px rgba(0,0,0,.16)}.v6-before-after img{width:100%;height:360px;object-fit:cover}.v6-before-after figcaption{padding:14px 16px;font-weight:900}.v6-visual{min-height:590px}.nav .links a[href="/avant-apres.html"],.nav .links a[href="/qui-sommes-nous.html"]{color:#fff}.cards .card a{color:var(--gold2);font-weight:900}.light .cards .card a{color:#7c5b2d}.v5-grid figure img{background:#111}.v5-grid figure:has(img[src*="geberit"]){display:none!important}
@media(max-width:900px){.v6-proof,.v6-before-after{grid-template-columns:1fr}.v6-before-after img{height:265px}.v6-visual{min-height:390px}.hero.v6-hero .h1{font-size:39px!important}.hero.v6-vincennes-hero .h1{font-size:39px!important}.v6-proof div{padding:15px}.mobilebar{gap:12px}.mobilebar .btn{min-height:58px}.section.light{padding-bottom:72px}body{padding-bottom:200px!important}.footer{padding-bottom:210px!important}}

/* === ATRB STABLE FIX 2026-06-06 === */
/* Supprime les anciens boutons flottants WhatsApp/Appeler qui masquent le texte sur mobile. */
body > .float{display:none!important;visibility:hidden!important;pointer-events:none!important}
/* Barre mobile fine et non intrusive. */
.mobilebar{z-index:9999!important;box-shadow:0 -10px 34px rgba(0,0,0,.28)!important}
@media(max-width:900px){
 body{padding-bottom:88px!important}
 .footer, footer{padding-bottom:105px!important}
 .mobilebar{display:flex!important;gap:10px!important;left:0!important;right:0!important;bottom:0!important;padding:8px 10px calc(8px + env(safe-area-inset-bottom))!important;background:rgba(5,7,10,.94)!important;backdrop-filter:blur(18px)!important;border-top:1px solid rgba(255,255,255,.12)!important}
 .mobilebar .btn,.mobilebar a{min-height:46px!important;font-size:15px!important;padding:10px 12px!important;border-radius:999px!important;line-height:1!important;flex:1!important}
 .section:last-of-type{padding-bottom:60px!important}
 .cta{margin-bottom:8px!important}
}
/* Améliore l'ancrage vers le formulaire devis. */
#devis{scroll-margin-top:110px}

/* === ATRB UNIFORMISATION PREMIUM 2026-06-06 ===
  Objectif : même identité visuelle sur tout le site, animations légères,
  logo signature, cartes plus homogènes, boutons plus sobres en mobile. */

:root{
 --prestige-black:#050506;
 --prestige-panel:#0d0d0f;
 --prestige-cream:#f6f0e7;
 --prestige-gold:#c8a66b;
 --prestige-gold-light:#eed39b;
 --prestige-border:rgba(200,166,107,.28);
}

body{background:var(--prestige-black)!important;color:var(--prestige-cream)}

/* Logo signature : remplace visuellement le carré artisan par une signature premium */
.brand{gap:16px!important;align-items:center!important;min-width:0}
.brand .mark{display:none!important}
.brand span:not(.mark){
 position:relative;
 display:block;
 color:transparent!important;
 font-size:0!important;
 line-height:1!important;
 min-width:230px;
 min-height:52px;
}
.brand span:not(.mark)::before{
 content:"A • T • R • B";
 display:block;
 color:var(--prestige-gold-light);
 font-family:Playfair Display,Georgia,serif;
 font-size:30px;
 letter-spacing:.20em;
 line-height:1;
 text-shadow:0 0 24px rgba(200,166,107,.18);
}
.brand span:not(.mark)::after{
 content:"L’ATELIER DE LA RÉNOVATION\A ET DU BÂTIMENT";
 white-space:pre;
 display:block;
 margin-top:9px;
 color:#e8dccb;
 font-size:10px;
 line-height:1.35;
 letter-spacing:.22em;
 font-weight:800;
}

.nav{background:rgba(5,5,6,.92)!important;border-bottom:1px solid rgba(200,166,107,.18)!important}
.navin{padding:16px 0!important}.links a{letter-spacing:.06em;text-transform:uppercase;font-size:12px!important}
.links .btn,.nav .btn{border:1px solid rgba(200,166,107,.55)!important;background:transparent!important;color:var(--prestige-gold-light)!important;box-shadow:none!important;border-radius:0!important;padding:13px 18px!important}

/* Héros et pages : même langage visuel */
.hero{background:#050506!important;color:#fff;position:relative;border-bottom:1px solid rgba(200,166,107,.18)}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.58),rgba(0,0,0,.15),rgba(0,0,0,.35));pointer-events:none;z-index:0}.hero>*{position:relative;z-index:1}
.hero.v6-hero,.hero.real-hero,.hero.vincennes-hero,.hero.v6-vincennes-hero{background-size:cover!important;background-position:center!important}
.eyebrow{border-color:var(--prestige-border)!important;background:rgba(200,166,107,.08)!important;color:var(--prestige-gold-light)!important;text-transform:uppercase;letter-spacing:.18em;border-radius:0!important}
.h1,.section h2{font-family:Playfair Display,Georgia,serif!important;font-weight:800;letter-spacing:-.045em}.lead{color:#e7ded1!important}

/* Boutons premium uniformes */
.btn{border-radius:0!important;text-transform:none;letter-spacing:.02em;box-shadow:none!important;transition:transform .25s ease,background .25s ease,border-color .25s ease!important}
.btn:hover{transform:translateY(-2px)}.btn.ghost{border:1px solid rgba(255,255,255,.32)!important;background:rgba(255,255,255,.06)!important}.btn.dark{background:linear-gradient(135deg,var(--gold2,#f0d69a),var(--gold,#c7a46b))!important;color:#101010!important}

/* Sections, cartes et réalisations : rendu plus homogène */
.section.light{background:var(--prestige-cream)!important;color:#111!important}.section{position:relative}.intro{font-size:19px;line-height:1.7}.cards{align-items:stretch}.card,.real-card,.timeline-card,.premium-grid figure,.v5-grid figure,.home-before-after figure,.ba{border-radius:0!important;border:1px solid rgba(200,166,107,.22)!important;box-shadow:0 24px 70px rgba(0,0,0,.18)!important;overflow:hidden!important}.card{transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease!important}.card:hover{transform:translateY(-8px)!important;border-color:rgba(200,166,107,.55)!important;box-shadow:0 34px 90px rgba(0,0,0,.28)!important}.real-card-img,.v5-grid img,.premium-grid img,.timeline-card img,.home-before-after img,.ba img{transition:transform .45s ease;filter:saturate(.96) contrast(1.03)}.real-card:hover .real-card-img,.v5-grid figure:hover img,.premium-grid figure:hover img,.timeline-card:hover img,.home-before-after figure:hover img,.ba:hover img{transform:scale(1.035)}

/* Images plus grandes et plus premium */
.real-card-img{height:260px!important}.premium-grid img,.v5-grid img{height:320px!important}.v5-grid .wide img{height:420px!important}.timeline-card img{height:360px!important}.timeline-card.wide img{height:460px!important}.shot{border-radius:0!important;border-color:rgba(200,166,107,.25)!important}.shot::after{border-radius:0!important;background:rgba(5,5,6,.74)!important;color:var(--prestige-cream)!important;letter-spacing:.04em}

/* Blocs confiance / étapes */
.v6-proof div,.proofbar div,.trust-strip div,.project-facts div,.chantier-steps article,.local-proof{border-radius:0!important;border-color:var(--prestige-border)!important;background:rgba(255,255,255,.055)!important}.light .trust-strip div,.light .project-facts div{background:#fff!important}.kpi,.float div{border-radius:0!important;border-color:var(--prestige-border)!important}

/* Animations légères au scroll */
.card,.shot,.step,.cta,.timeline-card,.premium-grid figure,.v5-grid figure,.ba,.home-before-after figure,.project-facts div,.chantier-steps article{opacity:0;transform:translateY(22px);transition:opacity .65s ease,transform .65s ease,border-color .25s ease,box-shadow .25s ease}.card.in,.shot.in,.step.in,.cta.in,.timeline-card.in,.premium-grid figure.in,.v5-grid figure.in,.ba.in,.home-before-after figure.in,.project-facts div.in,.chantier-steps article.in{opacity:1;transform:translateY(0)}

/* Contact / devis : plus cohérent */
.contactbox,.faq details{border-radius:0!important;border:1px solid rgba(200,166,107,.25)!important}.input,textarea{border-radius:0!important}.cta{border-radius:0!important;background:linear-gradient(135deg,#d2b276,#f0d69a)!important}

/* Barre mobile moins massive */
.mobilebar{background:rgba(5,5,6,.94)!important;border-top:1px solid rgba(200,166,107,.24)!important}.mobilebar .btn,.mobilebar a{min-height:44px!important;font-size:14px!important;border-radius:0!important}

@media(max-width:900px){
 .brand span:not(.mark){min-width:190px;min-height:46px}.brand span:not(.mark)::before{font-size:23px;letter-spacing:.18em}.brand span:not(.mark)::after{font-size:8.5px;letter-spacing:.18em}.navin{justify-content:center!important}.topbar{display:none}.hero{padding-top:40px!important}.h1{font-size:39px!important;line-height:.98!important}.lead{font-size:17px!important}.real-card-img{height:230px!important}.premium-grid img,.v5-grid img,.v5-grid .wide img,.timeline-card img,.timeline-card.wide img{height:260px!important}.heroactions .btn{width:100%;min-height:50px}.mobilebar{padding:8px 10px calc(8px + env(safe-area-inset-bottom))!important}body{padding-bottom:76px!important}.footer,footer{padding-bottom:92px!important}
}


/* === CORRECTIF ATRB 07-06-2026 : lisibilité mobile + textes orientés client === */
.hero .proofbar div,
.real-hero .proofbar div{
 background:rgba(0,0,0,.58)!important;
 border:1px solid rgba(255,255,255,.30)!important;
 color:#fff!important;
}
.hero .proofbar b,
.hero .proofbar small,
.real-hero .proofbar b,
.real-hero .proofbar small{
 color:#fff!important;
 text-shadow:0 2px 10px rgba(0,0,0,.55)!important;
}
.area-links a,
a.zone-pill,
.zone-pill{
 background:#fff!important;
 color:#111!important;
 border:1px solid rgba(17,17,17,.18)!important;
 font-weight:800!important;
 box-shadow:0 10px 26px rgba(0,0,0,.10)!important;
}
.area-links a:hover,
a.zone-pill:hover,
.zone-pill:hover{
 background:#f4eadb!important;
 color:#000!important;
}
.project-card,
.featured-grid .project-card{
 background:#fff!important;
 color:#111!important;
 border:1px solid rgba(17,17,17,.10)!important;
}
.project-card .body,
.featured-grid .project-card .body{
 background:#fff!important;
 color:#111!important;
}
.project-card h3,
.featured-grid .project-card h3{
 color:#111!important;
 font-weight:800!important;
}
.project-card p,
.featured-grid .project-card p{
 color:#444!important;
}
.project-card a,
.featured-grid .project-card a{
 color:#9a6a23!important;
 font-weight:800!important;
}
.project-card .badge,
.featured-grid .project-card .badge,
.badge{
 background:#f2eadf!important;
 color:#111!important;
 border:1px solid rgba(154,106,35,.25)!important;
}
.btn.ghost,
.btn-outline{
 color:#fff!important;
 border:1px solid rgba(255,255,255,.70)!important;
 background:rgba(0,0,0,.42)!important;
}
.section.light .intro,
.section.light p{
 color:#303030;
}
@media(max-width:700px){
 .hero .proofbar{gap:10px!important;}
 .hero .proofbar div{padding:16px 12px!important;}
 .hero .proofbar b{font-size:24px!important;line-height:1.1!important;}
 .hero .proofbar small{font-size:13px!important;line-height:1.3!important;}
 .area-links a,.zone-pill{font-size:15px!important;padding:12px 16px!important;}
 .project-card h3{font-size:22px!important;line-height:1.18!important;}
 .project-card p{font-size:15.5px!important;line-height:1.55!important;}
}


/* === CORRECTIF MOBILE REALISATIONS + ZONES + AVIS 07-06-2026 === */
.featured-grid{
 display:grid!important;
 grid-template-columns:repeat(5,minmax(0,1fr))!important;
 gap:18px!important;
 align-items:stretch!important;
}
.featured-grid .project-card{height:100%!important;display:flex!important;flex-direction:column!important;min-width:0!important}
.featured-grid .project-card .body{display:flex!important;flex-direction:column!important;flex:1!important}
.featured-grid .project-card .body a{margin-top:auto!important}
.featured-grid .project-card .pic{height:205px!important;background-size:cover!important;background-position:center!important}
.area-links{gap:12px!important;margin-top:16px!important}
.area-links a{background:#f3d89d!important;color:#070707!important;border:1px solid rgba(240,214,154,.70)!important;box-shadow:0 8px 24px rgba(0,0,0,.22)!important;opacity:1!important}
.area-links a:hover{background:#fff!important;color:#000!important}
.beforeafter .tagline{color:#f0d69a!important;opacity:1!important;font-weight:900!important;margin-top:10px!important}
.avis-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:28px}.avis-grid article{background:#fff;border:1px solid rgba(17,17,17,.10);box-shadow:0 18px 50px rgba(0,0,0,.08);padding:24px}.avis-grid p{font-size:18px;line-height:1.6;color:#222!important;margin:0 0 16px}.avis-grid strong{color:#9a6a23;display:block;font-weight:900}
footer .muted a{color:#fff!important;text-decoration:none!important;opacity:.95!important}
@media(max-width:1180px){.featured-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.featured-grid .project-card:last-child:nth-child(3n+2){grid-column:auto!important}.avis-grid{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.featured-grid{grid-template-columns:1fr!important;gap:22px!important}.featured-grid .project-card{max-width:100%!important;width:100%!important}.featured-grid .project-card .pic{height:235px!important}.avis-grid{grid-template-columns:1fr}.section{padding:58px 0!important}.area-links a{font-size:15px!important;padding:11px 14px!important}.beforeafter{grid-template-columns:1fr!important}.beforeafter img{height:230px!important}.brand span:not(.mark){min-width:205px!important}.navin{justify-content:flex-start!important}.nav .links{display:none!important}}
@media(min-width:761px) and (max-width:980px){.featured-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.featured-grid .project-card:last-child:nth-child(odd){grid-column:1 / -1!important;max-width:50%;justify-self:center}.featured-grid .project-card .pic{height:230px!important}}


/* --- ATRB Projects V4 : Blog du Futur renforcé --- */
.blogf-pillar-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:28px}.blogf-pillar{background:#fff;color:#111;border:1px solid #e4d3b6;padding:22px;box-shadow:0 18px 45px rgba(0,0,0,.10)}.blogf-pillar h3{margin:0 0 10px;font-size:22px}.blogf-pillar p{color:#504a43}.blogf-pillar a{color:#111;font-weight:900}.article-side .sidebox{background:#fff!important;color:#111!important;border:1px solid #e4d3b6!important;box-shadow:0 18px 45px rgba(0,0,0,.10)}.article-side .sidebox p{color:#302b25!important}.article-side .sidebox a{display:block!important;color:#111!important;background:#f8f1e4!important;border:1px solid #e4d3b6!important;border-radius:12px!important;padding:11px 12px!important;margin:10px 0!important;font-weight:900!important;line-height:1.35!important}.expert-links{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:24px 0}.expert-link-card{background:#fff;color:#111;border:1px solid #e4d3b6;padding:18px}.expert-link-card b{display:block;margin-bottom:6px}.expert-link-card a{color:#111;font-weight:900}.real-photo-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:24px 0}.real-photo-strip figure{margin:0;background:#fff;border:1px solid #e4d3b6}.real-photo-strip img{width:100%;height:210px;object-fit:cover}.real-photo-strip figcaption{padding:10px 12px;font-weight:900;color:#111}.v4-authority{background:#111;color:#fff;border-left:5px solid #c7a46b;padding:22px;margin:28px 0}.v4-authority p{color:#fff!important;margin:0}.v4-authority a{color:#f0d69a;font-weight:900}.v4-related{background:#f8f1e4;border:1px solid #e4d3b6;padding:22px;margin:28px 0}.v4-related h2{margin-top:0!important}.v4-related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.v4-related-grid a{background:#fff;color:#111!important;border:1px solid #dcc79e;padding:12px;border-radius:12px;font-weight:900;text-decoration:none}@media(max-width:900px){.blogf-pillar-grid,.expert-links,.real-photo-strip,.v4-related-grid{grid-template-columns:1fr}.real-photo-strip img{height:220px}}

/* === ATRB PROJECTS V4.1 — Correctif général confiance, conversion, mobile === */
.v41-trust-panel{background:#f6f0e7!important;color:#111!important;border-top:1px solid rgba(200,166,107,.25);border-bottom:1px solid rgba(200,166,107,.25);padding:34px 0!important}
.v41-trust-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.v41-trust-card{background:#fff;border:1px solid #e0cda8;padding:22px;box-shadow:0 18px 45px rgba(0,0,0,.08)}
.v41-trust-card b{display:block;font-family:Playfair Display,Georgia,serif;font-size:31px;line-height:1;color:#111;margin-bottom:8px}.v41-trust-card span{display:block;color:#3b352e;font-weight:800;line-height:1.35}.v41-trust-card small{display:block;color:#5c544a;margin-top:8px;line-height:1.45}
.v41-cta-line{margin:28px 0 0;display:flex;gap:12px;flex-wrap:wrap}.v41-cta-line .btn{min-height:48px;display:inline-flex;align-items:center;justify-content:center}.v41-cta-soft{background:#111!important;color:#fff!important;border:1px solid rgba(200,166,107,.42)!important;padding:26px;margin:28px 0;display:flex;align-items:center;justify-content:space-between;gap:18px}.v41-cta-soft h3{margin:0;font-size:26px}.v41-cta-soft p{margin:6px 0 0!important;color:#eee!important}.v41-cta-soft .btn{background:#d2b276!important;color:#111!important;font-weight:900!important}
.v41-before-after{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:26px}.v41-ba-card{background:#fff;color:#111;border:1px solid #e0cda8;box-shadow:0 20px 55px rgba(0,0,0,.10);overflow:hidden}.v41-ba-card img{width:100%;height:250px;object-fit:cover;display:block}.v41-ba-card div{padding:18px}.v41-ba-card h3{margin:0 0 8px;color:#111}.v41-ba-card p{color:#3e3832!important;margin:0 0 12px}.v41-ba-card a{color:#111!important;font-weight:900;background:#f3ead8;border:1px solid #dac59e;padding:10px 12px;display:inline-block;text-decoration:none}
.article-side .sidebox h3{color:#111!important}.article-side .sidebox a,.v4-related-grid a{color:#111!important;background:#fff!important;border:1px solid #d8c49d!important;box-shadow:0 8px 20px rgba(0,0,0,.06)!important}.article-side .sidebox a:hover,.v4-related-grid a:hover{background:#111!important;color:#f0d69a!important}.article-content a:not(.btn),.section.light a:not(.btn){font-weight:850}.article-content .article-cta{border:1px solid #c7a46b!important;box-shadow:0 20px 50px rgba(0,0,0,.12)!important}.article-content .article-cta p{color:#17130d!important}.blogf-pillar a,.blogf-card a{color:#111!important;background:#f2e4c8;border:1px solid #d3ba88;padding:9px 11px;text-decoration:none;display:inline-block;margin-top:6px}.blogf-pillar a:hover,.blogf-card a:hover{background:#111!important;color:#f0d69a!important}
@media(max-width:900px){.v41-trust-grid,.v41-before-after{grid-template-columns:1fr 1fr}.v41-cta-soft{display:block}.v41-cta-soft .btn{width:100%;margin-top:14px}.article-content h2{font-size:31px!important}.article-content p,.article-content li{font-size:16.5px!important}.sidebox a{font-size:16px!important}}
@media(max-width:600px){.v41-trust-grid,.v41-before-after{grid-template-columns:1fr}.v41-trust-card{padding:19px}.v41-ba-card img{height:235px}.v41-trust-panel{padding:26px 0!important}.v41-cta-line .btn{width:100%}.section.light a:not(.btn),.article-side .sidebox a,.v4-related-grid a{color:#111!important}.blogf-title{font-size:38px!important}.mobilebar .btn,.mobilebar a{font-weight:900!important}}


/* === ATRB Premium PREMIUM DESIGN - 08/06/2026 === */
:root{--v5-gold:#d7b46a;--v5-cream:#f7f1e8;--v5-ink:#080b10;--v5-card:#ffffff;--v5-line:rgba(8,11,16,.12)}
body{background:#080b10}.container{width:min(1240px,92vw)}
.nav{box-shadow:0 16px 46px rgba(0,0,0,.18)}
.hero.real-hero{padding:116px 0 88px;background:linear-gradient(115deg,rgba(8,11,16,.96),rgba(14,22,34,.86) 48%,rgba(8,11,16,.55)),url('/assets/images/saint-maur/saint-maur-sejour-cuisine-renovee.jpg') center/cover fixed;min-height:780px;display:flex;align-items:center}.hero.real-hero:before{opacity:.08}.hero.real-hero .herogrid{grid-template-columns:minmax(0,1fr);max-width:980px;margin-left:0}.hero.real-hero .visual{display:none}.hero.real-hero .h1{font-size:clamp(48px,7.4vw,98px);max-width:1000px;text-shadow:0 18px 60px rgba(0,0,0,.45)}.hero.real-hero .lead{font-size:clamp(19px,2vw,25px);max-width:860px;color:#f0e7dc}.hero.real-hero .eyebrow{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.22);color:#fff}.hero.real-hero .proofbar{max-width:980px}.hero.real-hero .proofbar div{background:rgba(255,255,255,.11);border-color:rgba(255,255,255,.2);backdrop-filter:blur(14px);box-shadow:0 18px 55px rgba(0,0,0,.22)}.hero.real-hero .proofbar b{color:#fff}.hero.real-hero .proofbar small{color:#efe3d4}.btn{letter-spacing:.01em}.btn.ghost{border-color:rgba(255,255,255,.22)}
.v41-trust-panel{background:#f7f1e8;color:#111720;padding:38px 0}.v41-trust-panel .container{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.v41-trust-panel article,.v41-trust-panel div{background:#fff;border:1px solid var(--v5-line);border-radius:26px;padding:26px;box-shadow:0 22px 62px rgba(8,11,16,.08)}
.section{padding:108px 0}.section.light{background:#f7f1e8}.section h2{font-size:clamp(38px,5vw,68px)}.intro{font-size:19px;line-height:1.75}.featured-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.project-card{border-radius:32px;box-shadow:0 28px 80px rgba(8,11,16,.13);transition:.26s ease;overflow:hidden}.project-card:hover{transform:translateY(-7px);box-shadow:0 36px 95px rgba(8,11,16,.18)}.project-card .pic{height:330px}.project-card .body{padding:28px}.project-card h3{font-size:25px;line-height:1.12;margin:8px 0 12px}.badge{background:#111720;color:#f5dfac;letter-spacing:.04em;text-transform:uppercase}.beforeafter{gap:18px}.beforeafter img{height:380px;border-radius:26px;box-shadow:0 18px 55px rgba(0,0,0,.18)}.beforeafter+p,.tagline{font-size:18px}.cta-premium{background:linear-gradient(135deg,#080b10,#151d2b);border:1px solid rgba(255,255,255,.12);box-shadow:0 28px 80px rgba(0,0,0,.28);padding:42px;border-radius:34px}.area-links a{background:#fff;color:#111720;border-color:rgba(8,11,16,.12);font-weight:800}.v5-signature{display:grid;grid-template-columns:1.2fr .8fr;gap:34px;align-items:center;margin-top:36px}.v5-signature-photo{min-height:520px;border-radius:36px;background:url('/assets/images/vincennes-v6/13-cuisine-terminee.jpg') center/cover;box-shadow:0 36px 100px rgba(8,11,16,.18)}.v5-signature-panel{background:#fff;border:1px solid rgba(8,11,16,.12);border-radius:34px;padding:38px;box-shadow:0 24px 70px rgba(8,11,16,.10)}.v5-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:22px}.v5-kpis div{background:#fff;border:1px solid rgba(8,11,16,.1);border-radius:24px;padding:24px}.v5-kpis b{font-size:32px;color:#111720;display:block}.v5-kpis span{color:#6b6258;font-weight:700}.avis-client blockquote{font-size:19px}.links a,.area-links a,.project-card a{color:inherit}.light a:not(.btn){color:#111720;font-weight:900;text-decoration:none}.blog-related a,.read-more a{color:#111720!important;background:#fff;border:1px solid rgba(8,11,16,.12);border-radius:16px;padding:12px 14px;display:inline-block;margin:6px 6px 6px 0}.footer,.site-footer{background:#05070a;color:#f7f1e8}
@media(max-width:950px){.featured-grid{grid-template-columns:1fr 1fr}.v41-trust-panel .container,.v5-kpis{grid-template-columns:1fr 1fr}.v5-signature{grid-template-columns:1fr}.hero.real-hero{background-attachment:scroll;min-height:auto}.project-card .pic{height:260px}}
@media(max-width:620px){.hero.real-hero{padding:78px 0 58px}.hero.real-hero .h1{font-size:46px}.proofbar,.featured-grid,.v41-trust-panel .container,.v5-kpis{grid-template-columns:1fr!important}.section{padding:72px 0}.beforeafter img{height:260px}.project-card .pic{height:240px}.topbar .container{font-size:12px}.links{gap:14px}.links a:not(.btn){display:none}}

/* =========================================================
   Correctif ATRB 09-06-2026 — centrage mobile + affichage desktop
   Objectif : harmoniser le hero, corriger le bloc devis/trust-panel
   et supprimer les débordements visuels observés sur mobile/ordinateur.
   ========================================================= */
html, body{max-width:100%;overflow-x:hidden;}

/* HERO ACCUEIL : largeur et alignement plus propres */
.hero.real-hero .container,
.hero.real-hero .herogrid{
  width:min(1180px,92vw);
  margin-left:auto!important;
  margin-right:auto!important;
}
.hero.real-hero .herogrid{
  max-width:1080px!important;
}
.hero.real-hero .h1,
.hero.real-hero .lead,
.hero.real-hero .heroactions,
.hero.real-hero .proofbar{
  max-width:980px;
}
.hero.real-hero .eyebrow{
  max-width:100%;
  white-space:normal;
  line-height:1.35;
}
.heroactions .btn{min-width:190px;}
.hero.real-hero .proofbar{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:14px!important;
}

/* BLOC DEVIS / TRUST PANEL : correction du grand vide et des cartes tassées */
.v41-trust-panel{
  padding:54px 0!important;
  background:#f7f1e8!important;
}
.v41-trust-panel > .container,
.v41-trust-panel .container{
  display:block!important;
  width:min(1180px,92vw)!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.v41-trust-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:18px!important;
  align-items:stretch!important;
  width:100%!important;
}
.v41-trust-card{
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-start!important;
  min-height:190px!important;
  border-radius:26px!important;
}
.v41-cta-line{
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  gap:14px!important;
  margin-top:28px!important;
  width:100%!important;
}
.v41-cta-line .btn{
  min-width:220px!important;
}

/* REALISATIONS SIGNATURE : équilibre visuel desktop */
.v5-signature{
  grid-template-columns:minmax(260px,.72fr) minmax(0,1.28fr)!important;
  gap:34px!important;
}
.v5-signature-panel{width:100%!important;}
.v5-kpis{grid-template-columns:repeat(4,minmax(0,1fr))!important;}

@media(max-width:950px){
  .hero.real-hero{padding:78px 0 62px!important;min-height:auto!important;background-attachment:scroll!important;}
  .hero.real-hero .container,
  .hero.real-hero .herogrid,
  .v41-trust-panel .container{width:min(100% - 36px,760px)!important;}
  .hero.real-hero .h1{font-size:clamp(38px,10vw,50px)!important;line-height:1.02!important;letter-spacing:-.035em!important;}
  .hero.real-hero .lead{font-size:18px!important;line-height:1.65!important;}
  .hero.real-hero .proofbar{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .hero.real-hero .proofbar div{min-height:92px!important;}
  .v41-trust-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .v41-trust-card{min-height:170px!important;}
  .v41-cta-line .btn{min-width:0!important;}
  .v5-signature{grid-template-columns:1fr!important;}
  .v5-signature-photo{min-height:330px!important;border-radius:28px!important;}
  .v5-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}

@media(max-width:620px){
  .container{width:min(100% - 32px,560px)!important;}
  .navin{justify-content:center!important;}
  .hero.real-hero{padding:64px 0 50px!important;}
  .hero.real-hero .container,
  .hero.real-hero .herogrid{width:min(100% - 32px,560px)!important;}
  .hero.real-hero .eyebrow{display:flex!important;width:100%!important;justify-content:center!important;text-align:center!important;padding:10px 12px!important;font-size:12px!important;letter-spacing:.08em!important;}
  .hero.real-hero .h1{font-size:clamp(34px,11vw,42px)!important;line-height:1.04!important;margin:18px 0 14px!important;}
  .hero.real-hero .lead{font-size:17px!important;line-height:1.62!important;}
  .heroactions{gap:12px!important;margin:24px 0!important;}
  .heroactions .btn{width:100%!important;min-width:0!important;min-height:54px!important;text-align:center!important;}
  .hero.real-hero .proofbar{grid-template-columns:1fr!important;gap:10px!important;margin-top:22px!important;}
  .hero.real-hero .proofbar div{min-height:auto!important;padding:15px!important;}
  .v41-trust-panel{padding:36px 0!important;}
  .v41-trust-grid{grid-template-columns:1fr!important;gap:14px!important;}
  .v41-trust-card{min-height:auto!important;padding:20px!important;}
  .v41-cta-line{flex-direction:column!important;align-items:stretch!important;}
  .v41-cta-line .btn{width:100%!important;min-height:54px!important;}
  .v5-signature-panel{padding:26px!important;border-radius:28px!important;}
  .v5-kpis{grid-template-columns:1fr!important;gap:12px!important;}
  .v5-kpis div{padding:20px!important;}
  .section{padding:62px 0!important;}
}


/* === ATRB MAJ Autorité SEO 09-06-2026 : responsive + logo + favicon ready === */
html,body{max-width:100%;overflow-x:hidden}.brand{flex-shrink:0}.brand span:not(.mark){white-space:nowrap}.brand br{display:none}.navin{gap:18px}.links{flex-wrap:wrap;justify-content:flex-end}.heroactions{align-items:center}.section.light .case-facts div{background:#fff!important;color:#111!important;border:1px solid #e5d8c9!important}.section.light .case-facts b{color:#9a6a23!important}@media(max-width:900px){.container{width:min(100% - 32px,1180px)!important}.brand{gap:10px!important;max-width:100%;white-space:nowrap!important}.mark{width:42px!important;height:42px!important;min-width:42px!important;border-radius:14px!important}.brand span:not(.mark){white-space:nowrap!important;line-height:1.05!important;font-size:15px!important;min-width:0!important}.brand small{font-size:8.5px!important;letter-spacing:.08em!important;white-space:nowrap!important}.navin{justify-content:flex-start!important;padding:13px 0!important}.links{display:none!important}.h1{font-size:clamp(34px,10vw,42px)!important;line-height:1.02!important;letter-spacing:-.035em!important}.lead{font-size:17px!important}.hero,.case-hero{padding-left:0!important;padding-right:0!important}.heroactions .btn{width:100%;text-align:center}.visual{min-height:340px!important}.case-facts,.proofbar{grid-template-columns:1fr!important}.case-gallery{grid-template-columns:1fr!important}.case-gallery .wide{grid-column:auto!important}}


/* === ATRB V11 - Confiance, Autorite & Culture Chantier === */
.v11-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:30px}.v11-card{background:#fff;color:#111;border:1px solid rgba(199,164,107,.25);padding:26px;box-shadow:0 18px 50px rgba(0,0,0,.10)}.v11-card b{display:block;color:#9a6a23;font-size:28px;margin-bottom:8px}.v11-card h3{margin:0 0 10px;font-size:23px}.v11-list{columns:2;column-gap:34px;margin-top:22px}.v11-list li{margin:0 0 11px}.v11-timeline{counter-reset:v11;display:grid;gap:14px;margin-top:26px}.v11-step{display:grid;grid-template-columns:58px 1fr;gap:18px;background:#fff;color:#111;border:1px solid rgba(199,164,107,.25);padding:20px}.v11-step:before{counter-increment:v11;content:counter(v11);width:46px;height:46px;display:grid;place-items:center;background:linear-gradient(135deg,var(--gold2),var(--gold));color:#111;font-weight:900}.v11-compare{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:26px}.v11-compare>div{background:#fff;color:#111;border:1px solid rgba(199,164,107,.25);padding:26px}.v11-compare ul{padding-left:20px}.v11-band{background:#080b10;color:#fff;border:1px solid rgba(199,164,107,.28);padding:34px;margin-top:28px}.v11-links{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.v11-links a{background:#fff;color:#111;border:1px solid #e5d8c9;padding:11px 14px;border-radius:999px;font-weight:900}.v11-hero{padding:82px 0 58px;background:linear-gradient(90deg,rgba(5,7,10,.92),rgba(5,7,10,.70)),var(--v11-cover,url('/assets/images/maisons-alfort-renovation-maison/apres-piece-vie-cuisine.jpg')) center/cover no-repeat}.v11-hero .lead{max-width:920px}.v11-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:28px}.v11-facts div{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);padding:18px}.v11-facts b{display:block;color:#f0d69a;font-size:23px}.v11-mini-nav{background:#f5f1ea;color:#111;border-bottom:1px solid #e5d8c9}.v11-mini-nav .container{display:flex;gap:12px;flex-wrap:wrap;padding:14px 0}.v11-mini-nav a{background:#fff;border:1px solid #e5d8c9;padding:10px 13px;font-weight:800}.v11-projects{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-top:24px}.v11-projects a{background:#fff;color:#111;border:1px solid #e5d8c9;padding:18px;font-weight:900}.v11-projects small{display:block;color:#666;font-weight:700;margin-top:6px}@media(max-width:900px){.v11-grid,.v11-compare,.v11-facts,.v11-projects{grid-template-columns:1fr}.v11-list{columns:1}.v11-hero{padding:54px 0 42px}.v11-step{grid-template-columns:46px 1fr;padding:16px}.v11-step:before{width:38px;height:38px}.v11-mini-nav .container{overflow-x:auto;flex-wrap:nowrap}.v11-mini-nav a{white-space:nowrap}}


/* === ATRB V11.1 - Finition premium 12-06-2026 === */
/* Header : logo ATRB + nom complet sous le sigle, sans texte tronqué. */
.brand .brand-text,
.brand span:not(.mark){
  position:relative!important;
  display:block!important;
  color:transparent!important;
  font-size:0!important;
  line-height:1!important;
  min-width:260px!important;
  min-height:58px!important;
}
.brand .brand-text::before,
.brand span:not(.mark)::before{
  content:"A • T • R • B"!important;
  display:block!important;
  color:var(--prestige-gold-light,#eed39b)!important;
  font-family:Playfair Display,Georgia,serif!important;
  font-size:30px!important;
  letter-spacing:.20em!important;
  line-height:1!important;
  text-shadow:0 0 24px rgba(200,166,107,.18)!important;
}
.brand .brand-text::after,
.brand span:not(.mark)::after{
  content:"L’ATELIER DE LA RÉNOVATION\A ET DU BÂTIMENT"!important;
  white-space:pre!important;
  display:block!important;
  margin-top:9px!important;
  color:#e8dccb!important;
  font-size:10px!important;
  line-height:1.35!important;
  letter-spacing:.22em!important;
  font-weight:800!important;
}
.brand small{display:none!important}

/* Navigation V11 : les liens ne doivent jamais se coller en mobile. */
.v11-links{display:flex!important;gap:12px!important;flex-wrap:wrap!important;align-items:center!important;margin-top:24px!important}
.v11-links a{display:inline-flex!important;align-items:center!important;justify-content:center!important;margin:0!important;line-height:1.25!important;text-align:center!important}
@media(max-width:700px){
  .brand .brand-text,.brand span:not(.mark){min-width:215px!important;min-height:54px!important;text-align:center!important}
  .brand .brand-text::before,.brand span:not(.mark)::before{font-size:25px!important;letter-spacing:.18em!important}
  .brand .brand-text::after,.brand span:not(.mark)::after{font-size:8.5px!important;letter-spacing:.17em!important}
  .v11-links{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}
  .v11-links a{width:100%!important;padding:13px 14px!important;border-radius:0!important}
  .v11-mini-nav .container{gap:10px!important}
}

/* Footer : évite la répétition visuelle Mentions légales / FAQ. */
.footer-legal{border-top:1px solid rgba(255,255,255,.12)!important;margin-top:24px!important;padding-top:18px!important;text-align:center!important}
.footer .legal-link + .footer-legal{margin-top:10px!important}

/* Boutons : état visité/focus/retour arrière cohérent. */
a.btn:visited,a.btn:focus,a.btn:active{background:linear-gradient(135deg,var(--gold2,#f0d69a),var(--gold,#c7a46b))!important;color:#101010!important}
a.btn.ghost:visited,a.btn.ghost:focus,a.btn.ghost:active{background:rgba(255,255,255,.08)!important;color:#fff!important;border-color:rgba(255,255,255,.45)!important}

/* Couvertures : rendu plus premium et lisible sans trahir les photos réelles. */
.project-card .pic,.real-card-img{filter:saturate(.98) contrast(1.06) brightness(1.03)!important;background-position:center!important}


/* === ATRB V12 Simulateur + correctif boutons === */
.btn:visited,.btn:active,.btn:focus{color:#101010!important;background:linear-gradient(135deg,var(--gold2),var(--gold))!important;outline:2px solid transparent}.btn.ghost:visited,.btn.ghost:active,.btn.ghost:focus{color:#fff!important;background:rgba(255,255,255,.10)!important;border-color:rgba(255,255,255,.42)!important}.mobilebar .btn:visited,.mobilebar .btn:active,.mobilebar .btn:focus{color:#101010!important}.mobilebar .btn.ghost:visited,.mobilebar .btn.ghost:active,.mobilebar .btn.ghost:focus,.mobilebar a:not(.btn):visited{color:#fff!important}


/* === ATRB V12.2 - Confiance, conversion et SEO utile === */
.v122-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:28px}
.v122-card{background:#fff;color:#111;border:1px solid rgba(199,164,107,.28);border-radius:24px;padding:24px;box-shadow:0 18px 50px rgba(0,0,0,.08)}
.v122-card b{display:block;color:#9a6a23;font-size:15px;letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px}.v122-card h3{margin:0 0 10px;font-size:22px}.v122-card p{margin-bottom:0}.v122-card .btn{margin-top:14px}
.v122-process{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-top:28px}.v122-process article{background:#fff;color:#111;border:1px solid #e5d8c9;border-radius:22px;padding:20px}.v122-process span{display:grid;place-items:center;width:42px;height:42px;border-radius:999px;background:linear-gradient(135deg,#f0d69a,#c7a46b);color:#111;font-weight:900;margin-bottom:10px}
.v122-pain{background:#080b10;color:#fff;border:1px solid rgba(199,164,107,.30);border-radius:30px;padding:34px;margin-top:28px}.v122-pain-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:18px}.v122-pain-grid div{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:20px;padding:18px}.v122-pain-grid b{color:#f0d69a;display:block;margin-bottom:6px}
.v122-seo-text{max-width:980px;font-size:17px;line-height:1.8}.v122-avis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:26px}.v122-avis article{background:#fff;color:#111;border:1px solid #e5d8c9;border-radius:24px;padding:24px}.v122-avis p{font-size:16px;line-height:1.7}.v122-avis strong{display:block;margin-top:14px;color:#111}.v122-avis small{display:block;color:#6b6258;margin-top:4px}.v122-toolbar{position:sticky;top:0;z-index:45;background:rgba(8,11,16,.94);backdrop-filter:blur(10px);border-bottom:1px solid rgba(199,164,107,.18)}.v122-toolbar .container{display:flex;gap:10px;align-items:center;justify-content:center;padding:10px 0}.v122-toolbar a{background:#fff;color:#111;border-radius:999px;padding:10px 14px;font-weight:900;text-decoration:none}.v122-toolbar a:first-child{background:linear-gradient(135deg,#f0d69a,#c7a46b)}
@media(max-width:900px){.v122-grid,.v122-process,.v122-pain-grid,.v122-avis{grid-template-columns:1fr}.v122-toolbar{position:relative}.v122-toolbar .container{overflow-x:auto;justify-content:flex-start}.v122-toolbar a{white-space:nowrap}.v122-pain{padding:24px}}

/* ==========================================================
   ATRB V12.2 — Correctif UI/UX global 12-06-2026
   Objectif : rendre le site publiable avant nouvelle couche SEO.
   Corrige : cartes invisibles, animations bloquantes, contrastes,
   anciens templates zones, header collé, blocs sombres illisibles.
   ========================================================== */

/* 1) Sécurité affichage : aucune carte ne doit dépendre d'un JS pour être visible */
.card,.shot,.step,.cta,.timeline-card,.premium-grid figure,.v5-grid figure,.ba,
.home-before-after figure,.project-facts div,.chantier-steps article,.real-card,
.project-card,.v11-card,.v122-avis article,.v122-process article,.v122-pain-grid div,
.case-gallery figure,.trust-strip div,.service-luxe a,.real-grid article,
.cards article,.cards a,.grid.cards .card,.area-links a{
  opacity:1!important;
  transform:none!important;
  visibility:visible!important;
}

/* 2) Contraste général des cartes claires */
.section.light .card,.section.light .real-card,.section.light .project-card,
.section.light .v11-card,.section.light .v122-avis article,.section.light .case-gallery figure,
.grid.cards .card,.cards .card,.cards a.card{
  background:#fffaf2!important;
  color:#111720!important;
  border:1px solid #e2d6c7!important;
}
.section.light .card h3,.section.light .real-card h3,.section.light .project-card h3,
.section.light .v11-card h3,.grid.cards .card h3,.cards .card h3,.cards a.card h3{
  color:#111720!important;
}
.section.light .card p,.section.light .real-card p,.section.light .project-card p,
.section.light .v11-card p,.section.light .v122-avis p,.grid.cards .card p,
.cards .card p,.cards a.card p{
  color:#4f463d!important;
  opacity:1!important;
}
.section.light .card a:not(.btn),.section.light .v11-card a:not(.btn),.grid.cards .card a:not(.btn){
  color:#7b551f!important;
  font-weight:900!important;
}

/* 3) Contraste des blocs sombres : comparateur, simulateur, CTA, cartes foncées */
.warning-box,.dark-box,.dark-card,.black-card,.compare-panel .warning-box,
.analysis-card .warning-box,.v122-pain,.contactbox.dark,.estimate-card,
.result-card.dark,.form-card.dark{
  background:#080d16!important;
  color:#fffaf2!important;
}
.warning-box h1,.warning-box h2,.warning-box h3,.warning-box b,
.dark-box h1,.dark-box h2,.dark-box h3,.dark-card h1,.dark-card h2,.dark-card h3,
.black-card h1,.black-card h2,.black-card h3{
  color:#fffaf2!important;
  opacity:1!important;
}
.warning-box p,.warning-box li,.warning-box small,
.dark-box p,.dark-box li,.dark-card p,.dark-card li,.black-card p,.black-card li,
.analysis-card .warning-box p,.compare-panel .warning-box p,
.result-card.dark p,.form-card.dark p,.estimate-card p{
  color:#e8dfd3!important;
  opacity:1!important;
}

/* 4) Formulaires foncés lisibles */
.dark input,.dark textarea,.dark select,.contactbox.dark input,.contactbox.dark textarea,
.contactbox.dark select,.form-card.dark input,.form-card.dark textarea,.form-card.dark select,
.estimate-card input,.estimate-card textarea,.estimate-card select{
  color:#fffaf2!important;
  background:rgba(255,255,255,.06)!important;
  border-color:rgba(240,214,154,.35)!important;
}
.dark input::placeholder,.dark textarea::placeholder,.contactbox.dark input::placeholder,
.contactbox.dark textarea::placeholder,.form-card.dark input::placeholder,.form-card.dark textarea::placeholder,
.estimate-card input::placeholder,.estimate-card textarea::placeholder{
  color:rgba(255,250,242,.72)!important;
}

/* 5) Ancien template zones/services : réhabilitation visuelle */
.top{
  background:#05070a!important;
  color:#e8dfd3!important;
  border-bottom:1px solid rgba(255,255,255,.12)!important;
  font-size:13px!important;
}
.top .container{
  width:min(1180px,92vw)!important;
  margin:auto!important;
  display:flex!important;
  justify-content:space-between!important;
  gap:16px!important;
  flex-wrap:wrap!important;
  padding:9px 0!important;
}
.top a{color:#f0d69a!important;font-weight:800!important}
body>header:not(.nav):not(.prestige-nav){
  position:sticky!important;
  top:0!important;
  z-index:80!important;
  background:rgba(8,11,16,.94)!important;
  color:#fff!important;
  border-bottom:1px solid rgba(255,255,255,.14)!important;
  backdrop-filter:blur(16px)!important;
}
body>header:not(.nav):not(.prestige-nav) .container,
body>header:not(.nav):not(.prestige-nav) .nav{
  width:min(1180px,92vw)!important;
  margin:auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:22px!important;
  padding:14px 0!important;
}
body>header:not(.nav):not(.prestige-nav) .logo{
  color:#fff!important;
  font-weight:950!important;
  letter-spacing:.01em!important;
  line-height:1.1!important;
  max-width:340px!important;
}
body>header:not(.nav):not(.prestige-nav) .logo small{
  display:block!important;
  color:#f0d69a!important;
  font-size:11px!important;
  margin-top:2px!important;
}
body>header:not(.nav):not(.prestige-nav) nav{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:18px!important;
  flex-wrap:wrap!important;
}
body>header:not(.nav):not(.prestige-nav) nav a{
  color:#f5f1ea!important;
  font-size:14px!important;
  font-weight:850!important;
  white-space:nowrap!important;
}
body>header:not(.nav):not(.prestige-nav) .btn,
body>header:not(.nav):not(.prestige-nav) nav .btn{
  color:#111!important;
  background:linear-gradient(135deg,#f0d69a,#c7a46b)!important;
  border:1px solid #c7a46b!important;
  padding:12px 16px!important;
}
.pagehero{
  background:linear-gradient(115deg,#080b10,#141c28)!important;
  color:#fffaf2!important;
  padding:82px 0 62px!important;
}
.pagehero .container,.section .container,footer .container{
  width:min(1180px,92vw)!important;
  margin:auto!important;
}
.pagehero h1{
  color:#fffaf2!important;
  font-family:Playfair Display,Georgia,serif!important;
  font-size:clamp(38px,5vw,68px)!important;
  line-height:1!important;
  margin:0 0 18px!important;
}
.pagehero p{color:#e8dfd3!important;font-size:19px!important;max-width:900px!important}
.section.alt{background:#080d16!important;color:#fffaf2!important}
.section.alt .title,.section.alt h2{color:#fffaf2!important}
.section.alt .card,.section.alt a.card{
  background:rgba(255,250,242,.96)!important;
  color:#111720!important;
  border:1px solid rgba(240,214,154,.35)!important;
}
.section.alt .card p{color:#4f463d!important;opacity:1!important}
.split{display:grid!important;grid-template-columns:1fr 1fr!important;gap:34px!important;align-items:center!important}
.grid.cards{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:20px!important}
footer:not(.prestige-footer),body>footer{
  background:#05070a!important;
  color:#e8dfd3!important;
  border-top:1px solid rgba(255,255,255,.12)!important;
}
.foot{display:grid!important;grid-template-columns:1.4fr 1fr 1fr!important;gap:28px!important;padding:44px 0!important}
footer h2,footer h3{color:#fffaf2!important} footer p,footer a,.muted{color:#d8d0c4!important}

/* 6) Sections “Besoin d’un chantier similaire ?” et cartes sur fond sombre */
.real-grid article,.similar-grid article,.related-grid article,
section:has(h2) .real-card,section:has(h2) .project-card{
  color:inherit;
}
.dark-panel .card,.dark-panel .real-card,.dark-panel .project-card,
.section:not(.light) .real-card,.section:not(.light) .project-card{
  color:#111720!important;
}
.dark-panel .card p,.dark-panel .real-card p,.dark-panel .project-card p,
.section:not(.light) .real-card p,.section:not(.light) .project-card p{
  color:#4f463d!important;
  opacity:1!important;
}

/* 7) Blog : suppression des grands vides et affichage naturel des catégories */
.blog-category,.blog-section,.area-links,.cards{
  min-height:auto!important;
}
.blog-category .cards,.blog-section .cards,.area-links,.section .cards{
  margin-top:24px!important;
}
.area-links{display:flex!important;flex-wrap:wrap!important;gap:10px!important}
.area-links a{background:#fffaf2!important;color:#111!important;border:1px solid #e2d6c7!important;padding:10px 13px!important;border-radius:999px!important;font-weight:850!important}

/* 8) Mobile : header lisible, cartes en une colonne, aucun menu collé */
@media(max-width:900px){
  .top .container{display:none!important}
  body>header:not(.nav):not(.prestige-nav) .container,
  body>header:not(.nav):not(.prestige-nav) .nav{
    display:block!important;
    padding:13px 0!important;
  }
  body>header:not(.nav):not(.prestige-nav) .logo{
    display:block!important;
    max-width:none!important;
    margin-bottom:10px!important;
    font-size:17px!important;
    white-space:normal!important;
  }
  body>header:not(.nav):not(.prestige-nav) nav{
    display:flex!important;
    gap:10px!important;
    overflow-x:auto!important;
    flex-wrap:nowrap!important;
    padding-bottom:4px!important;
    -webkit-overflow-scrolling:touch!important;
  }
  body>header:not(.nav):not(.prestige-nav) nav a{
    flex:0 0 auto!important;
    font-size:13px!important;
    padding:8px 0!important;
  }
  body>header:not(.nav):not(.prestige-nav) .btn{margin-top:10px!important;width:100%!important}
  .grid.cards,.cards,.split,.foot{grid-template-columns:1fr!important}
  .pagehero{padding:54px 0 42px!important}
  .pagehero h1{font-size:36px!important}
  .section{padding:58px 0!important}
  .section.light{padding:58px 0!important}
  .card,.real-card,.project-card,.v11-card{min-height:auto!important}
}


/* ATRB V39 - États CTA stables : empêche les boutons de devenir noirs après clic ou retour navigateur */
a.btn:visited, a.cta:visited, a.button:visited, .btn:visited, .cta:visited, .button:visited, .btn-primary:visited, .cta-premium a:visited { color: inherit; }
.btn:focus-visible, .cta:focus-visible, .button:focus-visible, .btn-primary:focus-visible, .nav a:focus-visible { outline: 3px solid rgba(199,164,107,.55); outline-offset: 3px; }
.btn:active, .cta:active, .button:active, .btn-primary:active { transform: translateY(1px); filter: brightness(.98); }
@media(max-width:680px){.brand{min-width:0}.brand span,.brand strong{white-space:normal;line-height:1.15}.topbar .container{justify-content:center;text-align:center}.navin{gap:12px}.menu{max-width:100%;overflow-x:auto}}


/* === ATRB V41 : Centre Technique ATRB === */
.tech-hero{background:linear-gradient(90deg,rgba(5,7,10,.94),rgba(5,7,10,.66),rgba(5,7,10,.28)),url('/assets/images/centre-technique/technique-atrb-01.jpg') center/cover no-repeat!important}
.tech-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:34px}.tech-card{background:#fff;color:#111;border:1px solid #e8dfd2;border-radius:28px;padding:26px;box-shadow:0 18px 48px rgba(0,0,0,.08)}.tech-card h3{margin:0 0 10px;font-size:24px}.tech-card p{color:#59534c}.tech-card a{color:#7c5b2d;font-weight:900}.tech-pill{display:inline-flex;align-items:center;padding:8px 12px;border-radius:999px;background:#f5f1ea;color:#7c5b2d;font-weight:900;font-size:13px;margin:0 8px 8px 0}.tech-layout{display:grid;grid-template-columns:280px 1fr;gap:34px;align-items:start}.tech-toc{position:sticky;top:105px;background:rgba(255,255,255,.06);border:1px solid var(--line);border-radius:24px;padding:20px}.tech-toc a{display:block;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.10);font-weight:800}.tech-toc a:last-child{border-bottom:0}.tech-content{background:#fff;color:#111;border-radius:34px;padding:34px;box-shadow:0 20px 60px rgba(0,0,0,.12)}.tech-content h2{font-family:Playfair Display,Georgia,serif;font-size:42px;line-height:1.05;margin:34px 0 14px}.tech-content h3{font-size:24px;margin:24px 0 8px}.tech-content p,.tech-content li{color:#3d3a35}.tech-check{background:#f5f1ea;border:1px solid #e6dccf;border-radius:24px;padding:24px;margin:26px 0}.tech-check h3{margin-top:0}.tech-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:26px 0}.tech-gallery figure{margin:0;border-radius:22px;overflow:hidden;background:#f7f2ea;border:1px solid #e6dccf}.tech-gallery img{width:100%;height:220px;object-fit:cover}.tech-gallery figcaption{padding:12px 14px;font-weight:800;color:#594d3d}.tech-warning{background:#fff7ed;border:1px solid #fed7aa;border-radius:22px;padding:20px;color:#7c2d12}.tech-links{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0}.tech-links a{background:#111720;color:#fff;border-radius:999px;padding:11px 15px;font-weight:900}.tech-faq details{border:1px solid #e6dccf;border-radius:18px;padding:16px;margin:12px 0;background:#fbf8f3}.tech-faq summary{font-weight:900;cursor:pointer}.nav .links a[href="/centre-technique/"]{color:var(--prestige-gold-light)!important}
@media(max-width:900px){.tech-grid,.tech-layout,.tech-gallery{grid-template-columns:1fr}.tech-toc{position:relative;top:auto}.tech-content{padding:24px}.tech-content h2{font-size:34px}.tech-gallery img{height:230px}}


/* ATRB V45 - correction définitive CTA visités/focus/active */
a.btn, button.btn, .btn{background:linear-gradient(135deg,var(--gold2,#f0d69a),var(--gold,#c7a46b))!important;color:#101010!important;}
a.btn:visited,a.btn:focus,a.btn:active,button.btn:focus,button.btn:active{background:linear-gradient(135deg,var(--gold2,#f0d69a),var(--gold,#c7a46b))!important;color:#101010!important;outline:2px solid rgba(199,164,107,.25)!important;}
a.btn.ghost,a.btn.ghost:visited,a.btn.ghost:focus,a.btn.ghost:active{background:rgba(255,255,255,.08)!important;color:#fff!important;border:1px solid rgba(255,255,255,.32)!important;}
.cta .btn,.cta .btn:visited,.cta .btn:focus,.cta .btn:active{background:#fff!important;color:#101010!important;}
.mobilebar .btn,.mobilebar .btn:visited,.mobilebar .btn:focus,.mobilebar .btn:active{background:linear-gradient(135deg,var(--gold2,#f0d69a),var(--gold,#c7a46b))!important;color:#101010!important;}
.mobilebar .btn.ghost,.mobilebar .btn.ghost:visited,.mobilebar .btn.ghost:focus,.mobilebar .btn.ghost:active{background:rgba(255,255,255,.08)!important;color:#fff!important;}

/* === V48 FIX AFFICHAGE MOBILE / CONTRASTE ===
   Corrige les cartes blanches placées dans des sections sombres :
   seo-box, case-mini, cards, liens et états visited/focus des CTA.
*/
.seo-box,
.case-mini,
.cards .seo-box,
.cards .case-mini,
.section .seo-box,
.section .case-mini,
.section.light .seo-box,
.section.light .case-mini {
  background: #ffffff !important;
  color: #111827 !important;
  border-color: rgba(15, 23, 42, .12) !important;
}

.seo-box h1,
.seo-box h2,
.seo-box h3,
.seo-box h4,
.case-mini h1,
.case-mini h2,
.case-mini h3,
.case-mini h4,
.cards .seo-box h3,
.cards .case-mini h3 {
  color: #111827 !important;
  opacity: 1 !important;
}

.seo-box p,
.seo-box li,
.seo-box small,
.case-mini p,
.case-mini li,
.case-mini small,
.cards .seo-box p,
.cards .case-mini p {
  color: #374151 !important;
  opacity: 1 !important;
}

.seo-box a,
.case-mini a,
.cards .seo-box a,
.cards .case-mini a,
.seo-box a:visited,
.case-mini a:visited,
.cards .seo-box a:visited,
.cards .case-mini a:visited {
  color: #7c5b2d !important;
  font-weight: 800 !important;
  opacity: 1 !important;
}

/* Evite les textes fantômes sur cartes claires */
.seo-box *,
.case-mini * {
  text-shadow: none !important;
}

/* Correction des boutons qui devenaient noirs après clic/retour navigateur */
.btn,
.button,
a.btn,
a.button,
.cta,
.cta-button,
.btn-primary,
.btn-secondary,
.sticky-cta a,
.mobile-sticky a {
  opacity: 1 !important;
}

.btn:visited,
.button:visited,
a.btn:visited,
a.button:visited,
.cta:visited,
.cta-button:visited,
.btn-primary:visited,
.btn-secondary:visited,
.sticky-cta a:visited,
.mobile-sticky a:visited {
  color: inherit !important;
  opacity: 1 !important;
}

.btn-primary:visited,
.btn-primary:focus,
.btn-primary:active,
a.btn-primary:visited,
a.btn-primary:focus,
a.btn-primary:active {
  background: linear-gradient(135deg,#d7b46a,#f1d995) !important;
  color: #111827 !important;
}

.btn-secondary:visited,
.btn-secondary:focus,
.btn-secondary:active,
a.btn-secondary:visited,
a.btn-secondary:focus,
a.btn-secondary:active {
  background: transparent !important;
  color: #ffffff !important;
  border-color: rgba(255,255,255,.72) !important;
}

@media (max-width: 700px) {
  .seo-box,
  .case-mini,
  .cards .seo-box,
  .cards .case-mini {
    color: #111827 !important;
  }
  .seo-box h3,
  .case-mini h3 {
    color: #111827 !important;
  }
  .seo-box p,
  .case-mini p {
    color: #374151 !important;
  }
}


/* V49 — Maillage SEO, lisibilité et corrections CTA */
.v49-link-section{position:relative;}
.v49-link-section .intro{max-width:900px;color:#2b3138;}
.v49-link-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:20px;}
.v49-link-grid a{display:flex;align-items:center;justify-content:center;min-height:48px;padding:12px 15px;border-radius:999px;background:#fff;color:#111827!important;border:1px solid rgba(199,164,107,.45);font-weight:800;text-align:center;text-decoration:none;box-shadow:0 8px 24px rgba(0,0,0,.05);}
.v49-link-grid a:hover,.v49-link-grid a:focus{background:#111827;color:#fff!important;border-color:#c7a46b;outline:none;}
a.btn:link,a.btn:visited,.btn:visited,.btn:focus,.btn:active,.mobilebar .btn:visited{color:#fff!important;text-decoration:none;}
.btn:not(.ghost):not(.outline):visited,.btn:not(.ghost):not(.outline):focus,.btn:not(.ghost):not(.outline):active{background:#c7a46b!important;border-color:#c7a46b!important;color:#111!important;}
.btn.ghost:visited,.btn.ghost:focus,.btn.ghost:active{background:#fff!important;color:#111!important;border-color:#e5d8c9!important;}
.card p,.seo-box p,.case-mini p,.feature p,.zone-card p,.service-card p,.intro,.muted{color:#2b3138;}
.footer .muted,.footer p{color:rgba(255,255,255,.82)!important;}
@media(max-width:900px){.v49-link-grid{grid-template-columns:1fr}.v49-link-grid a{border-radius:18px;min-height:46px}.brand,.brand-text{max-width:calc(100vw - 96px);overflow:hidden;text-overflow:ellipsis}.mobilebar .btn{color:#fff!important}}


/* V50 Premium Authority ATRB */
.v50-premium-section{position:relative;}
.v50-premium-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:24px;align-items:start;margin-top:24px;}
.v50-card{background:#fff;color:#111827;border:1px solid rgba(199,164,107,.35);border-radius:24px;padding:24px;box-shadow:0 14px 42px rgba(0,0,0,.07);}
.v50-card h3{margin-top:0;color:#111827;}
.v50-card p,.v50-card li{color:#26313d;}
.v50-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:24px 0;}
.v50-kpis div{background:#111827;color:#fff;border-radius:20px;padding:18px;border:1px solid rgba(199,164,107,.42);}
.v50-kpis b{display:block;color:#f0d69a;font-size:22px;line-height:1.1;margin-bottom:6px;}
.v50-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:22px;}
.v50-step{background:#fff;color:#111827;border:1px solid rgba(199,164,107,.35);border-radius:22px;padding:20px;box-shadow:0 10px 32px rgba(0,0,0,.06);}
.v50-step b{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:999px;background:#111827;color:#f0d69a;margin-bottom:10px;}
.v50-proof{background:linear-gradient(135deg,#111827,#1f2937);color:#fff;border-radius:28px;padding:30px;border:1px solid rgba(199,164,107,.45);box-shadow:0 18px 48px rgba(0,0,0,.12);}
.v50-proof h2,.v50-proof h3{color:#fff;}.v50-proof p,.v50-proof li{color:#f4f1eb;}.v50-proof .eyebrow{color:#f0d69a;}
.v50-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px;}
.v50-links a{display:inline-flex;align-items:center;justify-content:center;padding:12px 15px;border-radius:999px;background:#fff;color:#111827!important;border:1px solid rgba(199,164,107,.45);font-weight:850;text-decoration:none;}
.v50-links a:hover,.v50-links a:focus{background:#111827;color:#fff!important;border-color:#c7a46b;outline:none;}
.btn,.btn:visited,.btn:focus,.btn:active,.mobilebar .btn,.heroactions .btn{color:#fff!important;text-decoration:none!important;}
.btn.ghost,.btn.ghost:visited,.btn.ghost:focus,.btn.ghost:active{color:#fff!important;border-color:rgba(255,255,255,.55)!important;background:rgba(255,255,255,.08)!important;}
.light .btn.ghost,.case-panel .btn.ghost{color:#111827!important;border-color:rgba(17,24,39,.25)!important;background:#fff!important;}
.case-panel,.case-panel p,.case-panel li,.v11-card,.v11-card p,.seo-box,.seo-box p,.case-mini,.case-mini p{color:#111827!important;}
@media(max-width:900px){.v50-premium-grid,.v50-steps,.v50-kpis{grid-template-columns:1fr}.v50-card,.v50-proof{border-radius:20px;padding:20px}.v50-links a{width:100%;border-radius:16px}.case-facts b{font-size:21px}.case-facts div{color:#fff}}


/* V60 Autorité Totale ATRB – lisibilité, conversion et confiance */
.eyebrow, .kicker, .blogf-kicker, .article-tag { color:#5b4322 !important; letter-spacing:.08em; font-weight:800; }
.light .eyebrow, .v50-proof .eyebrow, .v60-light .eyebrow { color:#4a3216 !important; }
.atrb-v60-section .intro, .atrb-v60-section p { color:#2c2c2c; }
.atrb-v60-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:18px; margin-top:24px; }
.atrb-v60-grid article, .atrb-v60-card, .atrb-compare-card { background:#fff; border:1px solid rgba(92,69,35,.18); border-radius:18px; padding:22px; box-shadow:0 10px 30px rgba(0,0,0,.05); color:#202020; }
.atrb-v60-grid h3, .atrb-v60-card h3, .atrb-compare-card h3 { color:#111; margin-top:0; }
.atrb-v60-two { display:grid; grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); gap:22px; margin-top:24px; }
.atrb-compare-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); gap:22px; margin-top:26px; }
.atrb-compare-card ul { margin:0; padding-left:20px; }
.atrb-compare-card.good { border-top:5px solid #9b6b2f; }
.atrb-compare-card.warn { border-top:5px solid #3a3a3a; background:#faf7f1; }
.atrb-copyright { font-size:.82rem; line-height:1.55; color:#3c3c3c; max-width:1100px; margin:18px auto 0; padding:0 20px; }
.btn, .btn:visited, .btn:active, .btn:focus { text-decoration:none; }
@media(max-width:720px){ .atrb-v60-section h2{font-size:1.7rem;} .atrb-v60-grid,.atrb-v60-two,.atrb-compare-grid{grid-template-columns:1fr;} }

/* ATRB V61 - lisibilité guides et boutons */
.eyebrow,.badge,.mini-label{color:#6f5429!important;background:#fff7e6!important;border-color:#d8bd7a!important}
.dark .eyebrow,.hero .eyebrow,.pagehero .eyebrow{color:#111!important;background:#fff7e6!important}
.leadbox p,.leadbox li,.warning-box p,.warning-box li{color:#fff!important}
.card p,.project-card p,.guide-card p,.checklist-section p{color:#243044!important}
a.btn:visited,.btn:visited{color:#fff!important}


/* ATRB V56.1 - correctif final états CTA / liens visités */
a.btn, .btn, button.btn, input[type="submit"].btn,
a.btn:link, a.btn:visited, a.btn:hover, a.btn:focus, a.btn:active,
.btn:visited, .btn:hover, .btn:focus, .btn:active,
button.btn:hover, button.btn:focus, button.btn:active {
  background: linear-gradient(135deg,var(--gold2,#f0d69a),var(--gold,#c7a46b)) !important;
  color: #101010 !important;
  border-color: transparent !important;
  text-decoration: none !important;
}
a.btn.ghost, .btn.ghost,
a.btn.ghost:link, a.btn.ghost:visited, a.btn.ghost:hover, a.btn.ghost:focus, a.btn.ghost:active,
.btn.ghost:visited, .btn.ghost:hover, .btn.ghost:focus, .btn.ghost:active {
  background: rgba(255,255,255,.08) !important;
  color: #fff !important;
  border: 1px solid rgba(255,255,255,.38) !important;
}
.section.light a.btn.ghost, .section.light .btn.ghost,
.case-panel a.btn.ghost, .case-panel .btn.ghost {
  background: #fff !important;
  color: #111827 !important;
  border-color: rgba(17,24,39,.24) !important;
}
.cta a.btn, .cta .btn,
.cta a.btn:visited, .cta .btn:visited,
.cta a.btn:focus, .cta .btn:focus,
.cta a.btn:active, .cta .btn:active {
  background: #fff !important;
  color: #101010 !important;
}
.form-rgpd-note{font-size:13px;color:#6b6258;margin-top:12px;line-height:1.5}.form-rgpd-note a{text-decoration:underline;color:inherit}


/* ATRB V63 definitive button states */
a.btn, .btn, button.btn, input[type="submit"].btn {background:linear-gradient(135deg,var(--gold2,#f0d69a),var(--gold,#c7a46b)) !important;color:#101010 !important;border:0 !important;text-decoration:none !important;}
a.btn:link, a.btn:visited, a.btn:hover, a.btn:focus, a.btn:active, .btn:visited, .btn:hover, .btn:focus, .btn:active {background:linear-gradient(135deg,var(--gold2,#f0d69a),var(--gold,#c7a46b)) !important;color:#101010 !important;border-color:transparent !important;outline-color:var(--gold2,#f0d69a);}
a.btn.ghost, .btn.ghost, button.btn.ghost {background:rgba(255,255,255,.08) !important;color:#fff !important;border:1px solid rgba(255,255,255,.22) !important;box-shadow:none !important;}
a.btn.ghost:link, a.btn.ghost:visited, a.btn.ghost:hover, a.btn.ghost:focus, a.btn.ghost:active, .btn.ghost:visited, .btn.ghost:hover, .btn.ghost:focus, .btn.ghost:active {background:rgba(255,255,255,.12) !important;color:#fff !important;border:1px solid rgba(255,255,255,.26) !important;}
.section.light a.btn.ghost, .light a.btn.ghost {background:#111720 !important;color:#fff !important;border:1px solid #111720 !important;}
.section.light a.btn.ghost:visited, .section.light a.btn.ghost:hover, .section.light a.btn.ghost:focus, .section.light a.btn.ghost:active, .light a.btn.ghost:visited, .light a.btn.ghost:hover, .light a.btn.ghost:focus, .light a.btn.ghost:active {background:#111720 !important;color:#fff !important;border-color:#111720 !important;}
.mobilebar a.btn:visited, .mobilebar a.btn:hover, .mobilebar a.btn:focus, .mobilebar a.btn:active {background:linear-gradient(135deg,var(--gold2,#f0d69a),var(--gold,#c7a46b)) !important;color:#101010 !important;}


/* === ATRB V64 - consolidation réalisations, conversion et lisibilité === */
.v64-references{position:relative}.v64-ref-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px;margin-top:30px}.v64-ref-card{background:#fff!important;color:#0f172a!important;border:1px solid rgba(15,23,42,.14)!important;box-shadow:0 20px 55px rgba(15,23,42,.12)!important;overflow:hidden}.v64-ref-img{height:220px;background-size:cover;background-position:center}.v64-ref-body{padding:20px}.v64-ref-card h3{margin:8px 0 6px;color:#0f172a!important;font-size:22px}.v64-rank{display:inline-block;font-weight:900;font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#7c5b2d!important;background:#f6ead8;padding:7px 10px}.v64-type{color:#334155!important;font-weight:800;margin:8px 0 12px}.v64-facts{display:grid;gap:8px;margin:14px 0}.v64-facts span,.v64-fact-strip span{display:inline-flex;align-items:center;justify-content:center;border:1px solid #d9c7aa;background:#fffaf2;color:#111827!important;font-weight:900;padding:9px 10px}.v64-btn{width:100%;margin-top:10px}.v64-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}.v64-proof,.v64-crosslinks{background:#fff!important;color:#111827!important;border:1px solid rgba(15,23,42,.12)!important;box-shadow:0 18px 50px rgba(15,23,42,.09)!important;padding:28px;margin:30px 0}.v64-proof h2,.v64-crosslinks h2,.v64-proof h3,.v64-crosslinks h3{color:#0f172a!important}.v64-proof p,.v64-crosslinks p,.v64-proof li{color:#334155!important}.v64-proof-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:18px}.v64-proof-grid div{border:1px solid #e2e8f0;background:#f8fafc;color:#0f172a!important;padding:16px;font-weight:800}.v64-link-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:18px}.v64-link-grid a{background:#0f172a!important;color:#fff!important;text-align:center;padding:13px 10px;font-weight:900;border:1px solid #0f172a}.v64-cta-inline{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}.section.light p,.section.light li,.project-card p,.seo-box p,.case-mini p,.faq p,.faq li,.contactbox p{color:#334155!important}.muted{color:#cfc6ba}.section.light .muted{color:#475569!important}.btn:visited{color:#101010!important}.btn.ghost:visited{color:#fff!important}.nav .btn:visited{color:var(--prestige-gold-light)!important}
@media(max-width:1100px){.v64-ref-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.v64-link-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:680px){.v64-ref-grid,.v64-proof-grid,.v64-link-grid{grid-template-columns:1fr}.v64-ref-img{height:240px}.v64-actions .btn,.v64-cta-inline .btn{width:100%}}