/* ═══ ARRONDIS DU SITE (28/09/2026) ═══
   Aligne les pages du site sur les estimateurs (--r:14px) : boutons,
   champs et photos à bords arrondis. Chargé par toutes les pages SAUF
   estimation.html et chiffrer-mon-dpe.html, qui ont déjà leurs réglages.
   Les photos plein écran (bandeaux d'en-tête, diaporamas) restent droites. */

/* Boutons */
.btn,.btn-primary,.btn-ghost,.btn-gold,.btn-send,.btn-cal,.btn-wa,.filter-btn,
.projet-cta,.pdf-cta,.fb-btn,.da-btn,.tbtn,.cta-main,
button[type="submit"],input[type="submit"]{border-radius:14px!important}
.nav-cta,.rc-decl,.rc-boite{border-radius:10px!important}

/* Champs de formulaire */
input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="hidden"]),
select,textarea{border-radius:10px}

/* Photos et vignettes */
.proj,.svc-img,.feat-img,.projet-img,.focus-img,.galerie-2col>*,.quartier-img,
.about-img,.sb-img,.media,.ba,.agence-section img,.shot img,.post-hero img,
.galerie-full img,.bio-zoom img,.duo img,.blog-card img,
.pj-media{border-radius:14px;overflow:hidden}
.proj img,.svc-img img,.feat-img img,.projet-img img,.focus-img img,.media img,
.ba img,.sb-img img,.quartier-img img,.about-img img,.pj-media img{border-radius:inherit}

/* Pages sans ces classes : toute image de contenu hors en-tête */
main img:not(.nav-logo img):not(.hero img){border-radius:14px}

/* Cartes et encadrés (ajout du 28/09/2026) */
.preuve-o,.svc,.cta-box{border-radius:14px;overflow:hidden}
/* Accueil, prestations : quatre cartes séparées au lieu d'un bloc d'un seul tenant */
.services-grid{gap:1rem!important;background:transparent!important}
.svc{border:.5px solid rgba(200,169,110,.15)}
.svc .svc-img,.svc .svc-img img{border-radius:0}

/* ═══ PAGES SERVICES (28/09/2026) : resserrées, encadrés arrondis ═══
   services.html, renovation-energetique.html, travaux-copropriete-paris.html
   (body.pg-service). Le configurateur n'est pas concerné. */
body.pg-service .sb{padding:4rem 2rem}
body.pg-service .sb-inner{gap:4rem}
body.pg-service .sb-text{margin-bottom:1.4rem}
body.pg-service .sb-features{margin-bottom:1.2rem}
body.pg-service .faq{margin-top:1.8rem;padding-top:1.2rem}
body.pg-service .sb-tarifs{border-radius:14px!important;margin:1.1rem 0!important}
body.pg-service .rge-section{padding:4.5rem 2rem}
body.pg-service .rge-visual{margin-top:2.5rem;gap:3rem}
body.pg-service .rge-steps{margin-top:2.5rem;gap:1rem;background:transparent}
body.pg-service .rge-step{border-radius:14px;border:.5px solid rgba(200,169,110,.15)}
body.pg-service .dpe-chart{border-radius:14px}
body.pg-service > section:not(:first-of-type){padding-top:4.5rem!important;padding-bottom:4.5rem!important}
body.pg-service .services-section,body.pg-service .faq-section{padding-top:4.5rem;padding-bottom:4.5rem}
body.pg-service .cta-final{padding-top:5rem;padding-bottom:5rem}
body.pg-service .zones-bar{border-radius:14px}
/* Services : la FAQ remonte sous la photo, le texte et les tarifs à côté */
@media (min-width:901px){
  body.pg-service .sb-inner{align-items:start;row-gap:0;grid-template-rows:auto 1fr}
  body.pg-service .sb-inner>.sb-img{grid-column:1;grid-row:1}
  body.pg-service .sb-inner>:nth-child(2){grid-column:2;grid-row:1/span 2}
  body.pg-service .sb-inner>.faq{grid-column:1;grid-row:2;align-self:start}
}

/* Accueil : phrase sous le titre retirée le 28/09/2026, on garde l'air avant les boutons */
.hero-title+.hero-ctas{margin-top:3rem}
/* Services, énergie : la FAQ reprend toute la largeur sous les étapes */
body.pg-service .rge-steps>.faq{grid-column:1/-1;max-width:820px;margin-top:1.4rem}

/* ═══ PAGE L'ATELIER (28/09/2026) : moins d'espace, on descend moins ═══ */
/* 08/10/2026 : photo de la devanture en entier ; arrivée en bas, elle se fige et la page remonte par-dessus avec un fondu */
body.pg-latelier .hero{position:sticky;top:min(64px,calc(100vh - 100vw * 1010 / 1086));z-index:0;height:auto;min-height:0;aspect-ratio:1086/1010}
body.pg-latelier .hero ~ :is(section,footer,.bande-calque,.carte-section,.hayons,.hdm-grid){position:relative;z-index:1}
:where(body.pg-latelier .hero ~ :is(section,footer,.bande-calque,.carte-section,.hayons,.hdm-grid)){background-color:var(--noir)}
body.pg-latelier .quote-section::before{content:'';position:absolute;left:0;right:0;bottom:100%;height:clamp(70px,16vw,220px);background:linear-gradient(to bottom,rgba(20,20,18,0),var(--n2));pointer-events:none}
body.pg-latelier .quote-section{padding:3.2rem 2rem 3.4rem}
body.pg-latelier .quote-mark{font-size:4rem;margin-bottom:-.8rem}
body.pg-latelier .quote-sep{margin:1.3rem auto}
body.pg-latelier > section:not(.quote-section):not(.hero){padding-top:4.5rem!important;padding-bottom:4.5rem!important}
body.pg-latelier .bio-grid{gap:4rem}
body.pg-latelier .coupe-sec{padding-top:4rem!important;padding-bottom:4rem!important}
body.pg-latelier .coupe-grid .bio-img img{max-height:78vh;width:auto;max-width:100%;margin:0 auto}
.hayons-une{height:auto!important;min-height:0!important;aspect-ratio:1168/470}
.hayons-une img{object-position:center bottom!important}