/* Continuous services: native scrolling and deep links under the fixed header. */
.service-panel{position:relative;border-top:1px solid #d9e3dc;padding-bottom:24px}
.service-panel:nth-of-type(even){background:#f6f8f5}
.service-panel .service-heading{line-height:1.15}
.service-panel .page-hero,.service-panel .roof-hero{padding-top:48px}
.service-back,.service-directory{width:min(1180px,calc(100% - 48px));margin:0 auto 36px}
.service-back a{color:#286544;font-size:.9rem;text-underline-offset:4px}
.service-directory{padding:28px 0 40px}
.service-directory h2{color:#286544;font-size:clamp(1.5rem,3vw,2rem);margin-bottom:14px}
.service-directory-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:22px}
.service-directory-links a{display:flex;align-items:center;padding:18px 20px;border-radius:12px;color:#fff;background:linear-gradient(125deg,#194965,#4e797b);font-weight:600;transition:transform .2s,box-shadow .2s}
.service-directory-links a:nth-child(3n+2){background:linear-gradient(125deg,#21543d,#71966d)}
.service-directory-links a:nth-child(3n){background:linear-gradient(125deg,#28595c,#719c8b)}
.service-directory-links a:hover,.service-directory-links a:focus-visible{transform:translateY(-3px);box-shadow:0 8px 20px #183e3120}
@media(max-width:800px){.service-directory-links{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:550px){.service-directory-links{grid-template-columns:1fr}.service-directory,.service-back{width:calc(100% - 36px)}.service-panel .page-hero,.service-panel .roof-hero{padding-top:32px}}
@media(prefers-reduced-motion:reduce){.service-directory-links a{transition:none}.service-directory-links a:hover{transform:none}}

/* Simple, unboxed roof benefits. */
.roof-benefits-concise{display:block;list-style:disc;padding-left:1.3em;margin:20px 0 28px;background:none;border:0;box-shadow:none}
.roof-benefits-concise li{display:list-item;margin:0 0 12px;padding:0;background:none;border:0;border-radius:0;box-shadow:none;line-height:1.65}

:is(#toitures-et-demoussage,#facades-bardages-et-terrasses,#panneaux-photovoltaiques,#suivi-de-chantier,#inspection-aerienne,#inspection-thermique,#photogrammetrie) .roof-hero{padding-bottom:20px}
:is(#toitures-et-demoussage,#facades-bardages-et-terrasses,#panneaux-photovoltaiques,#suivi-de-chantier,#inspection-aerienne,#inspection-thermique,#photogrammetrie) .roof-hero-copy .roof-benefits-concise{margin:16px 0 22px}
:is(#toitures-et-demoussage,#facades-bardages-et-terrasses,#panneaux-photovoltaiques,#suivi-de-chantier,#inspection-aerienne,#inspection-thermique,#photogrammetrie) .roof-hero-copy .roof-benefits-concise li{margin-bottom:8px}
:is(#toitures-et-demoussage,#facades-bardages-et-terrasses,#panneaux-photovoltaiques,#suivi-de-chantier,#inspection-aerienne,#inspection-thermique,#photogrammetrie) .roof-hero-copy .roof-quote-button{white-space:normal;text-align:center}
.roof-more-details{margin-bottom:24px}
.roof-more-details>summary{cursor:pointer;color:#426d36;font-weight:600;padding:12px 0}
.roof-more-details>.roof-content{padding-top:20px}

/* Aligned bullet column and compact, readable roof presentation. */
:is(#toitures-et-demoussage,#facades-bardages-et-terrasses,#panneaux-photovoltaiques,#suivi-de-chantier,#inspection-aerienne,#inspection-thermique,#photogrammetrie) .roof-benefits-concise{padding:0;list-style:none;text-align:left}
:is(#toitures-et-demoussage,#facades-bardages-et-terrasses,#panneaux-photovoltaiques,#suivi-de-chantier,#inspection-aerienne,#inspection-thermique,#photogrammetrie) .roof-hero-copy .roof-benefits-concise li{display:grid;grid-template-columns:.6em minmax(0,1fr);column-gap:.55em;align-items:baseline;line-height:1.45;margin:0 0 8px;text-align:left}
:is(#toitures-et-demoussage,#facades-bardages-et-terrasses,#panneaux-photovoltaiques,#suivi-de-chantier,#inspection-aerienne,#inspection-thermique,#photogrammetrie) .roof-benefits-concise li::before{content:"•";position:static;display:block;color:#426d36;font-size:1em;line-height:inherit}
:is(#toitures-et-demoussage,#facades-bardages-et-terrasses,#panneaux-photovoltaiques,#suivi-de-chantier,#inspection-aerienne,#inspection-thermique,#photogrammetrie) .roof-benefits-concise li>span{min-width:0}
:is(#toitures-et-demoussage,#facades-bardages-et-terrasses,#panneaux-photovoltaiques,#suivi-de-chantier,#inspection-aerienne,#inspection-thermique,#photogrammetrie) .roof-benefits-concise strong{display:inline}
:is(#toitures-et-demoussage,#facades-bardages-et-terrasses,#panneaux-photovoltaiques,#suivi-de-chantier,#inspection-aerienne,#inspection-thermique,#photogrammetrie) .roof-hero{padding-top:24px;padding-bottom:24px}
:is(#toitures-et-demoussage,#facades-bardages-et-terrasses,#panneaux-photovoltaiques,#suivi-de-chantier,#inspection-aerienne,#inspection-thermique,#photogrammetrie) .roof-hero .service-page-title{margin-bottom:16px}
:is(#toitures-et-demoussage,#facades-bardages-et-terrasses,#panneaux-photovoltaiques,#suivi-de-chantier,#inspection-aerienne,#inspection-thermique,#photogrammetrie) .roof-hero p{line-height:1.5;margin-bottom:12px}
:is(#toitures-et-demoussage,#facades-bardages-et-terrasses,#panneaux-photovoltaiques,#suivi-de-chantier,#inspection-aerienne,#inspection-thermique,#photogrammetrie) .roof-hero-copy .roof-benefits-concise{margin:14px 0 18px}
:is(#toitures-et-demoussage,#facades-bardages-et-terrasses,#panneaux-photovoltaiques,#suivi-de-chantier,#inspection-aerienne,#inspection-thermique,#photogrammetrie) .roof-hero-grid{gap:clamp(22px,3vw,40px)}
:is(#toitures-et-demoussage,#facades-bardages-et-terrasses,#panneaux-photovoltaiques,#suivi-de-chantier,#inspection-aerienne,#inspection-thermique,#photogrammetrie) .roof-hero-visual{aspect-ratio:4/3;max-height:440px}
:is(#toitures-et-demoussage,#facades-bardages-et-terrasses,#panneaux-photovoltaiques,#suivi-de-chantier,#inspection-aerienne,#inspection-thermique,#photogrammetrie) .roof-hero-copy .roof-quote-button{padding:14px 20px;line-height:1.4}
@media(min-width:1001px){:is(#toitures-et-demoussage,#facades-bardages-et-terrasses,#panneaux-photovoltaiques,#suivi-de-chantier,#inspection-aerienne,#inspection-thermique,#photogrammetrie) .roof-hero-grid{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr)}}
@media(max-width:700px){:is(#toitures-et-demoussage,#facades-bardages-et-terrasses,#panneaux-photovoltaiques,#suivi-de-chantier,#inspection-aerienne,#inspection-thermique,#photogrammetrie) .roof-hero{padding-top:20px;padding-bottom:20px}:is(#toitures-et-demoussage,#facades-bardages-et-terrasses,#panneaux-photovoltaiques,#suivi-de-chantier,#inspection-aerienne,#inspection-thermique,#photogrammetrie) .roof-hero p,:is(#toitures-et-demoussage,#facades-bardages-et-terrasses,#panneaux-photovoltaiques,#suivi-de-chantier,#inspection-aerienne,#inspection-thermique,#photogrammetrie) .roof-benefits-concise{font-size:1rem}:is(#toitures-et-demoussage,#facades-bardages-et-terrasses,#panneaux-photovoltaiques,#suivi-de-chantier,#inspection-aerienne,#inspection-thermique,#photogrammetrie) .roof-hero-visual{aspect-ratio:16/9;max-height:240px}}

#facades-bardages-et-terrasses .roof-container{width:min(1040px,88%);max-width:1040px}

#toitures-et-demoussage .roof-hero .service-page-title{white-space:nowrap;font-size:clamp(1rem,5.8vw,2.25rem);letter-spacing:-.035em}

#facades-bardages-et-terrasses .roof-hero-copy{container-type:inline-size}
#facades-bardages-et-terrasses .roof-hero .service-page-title{white-space:nowrap;font-size:clamp(.875rem,5.1cqw,2.25rem);letter-spacing:-.035em}

#facades-bardages-et-terrasses .facade-details-list{margin:12px 0 20px}
#facades-bardages-et-terrasses .facade-details-list li{display:grid;grid-template-columns:.6em minmax(0,1fr);gap:.55em;align-items:baseline;margin:0 0 6px;padding:0;line-height:1.45;text-align:left}
#facades-bardages-et-terrasses section[aria-labelledby="facade-benefits-title"] .roof-section-intro{margin-bottom:12px}

/* Shared size for the prominent green service titles. */
.unified-services-page{--green-service-title-size:clamp(1rem,3.4vw,2rem)}
.unified-services-page :is(#toitures-et-demoussage,#facades-bardages-et-terrasses,#panneaux-photovoltaiques,#nettoyage,#suivi-de-chantier,#inspection-aerienne,#inspection-thermique,#photogrammetrie) :is(.roof-hero,.page-hero) .service-page-title,
.unified-services-page #suivi-de-chantier .page-hero .eyebrow{
 font-size:var(--green-service-title-size);line-height:1.15;letter-spacing:-.035em;
}
.photovoltaique-page .solar-comparison{max-width:1040px}

#panneaux-photovoltaiques .roof-hero-visual{aspect-ratio:3/2;max-height:none;border-radius:15px}
#panneaux-photovoltaiques .roof-hero-visual img{object-fit:contain;object-position:center}
#panneaux-photovoltaiques .roof-container{width:min(1040px,88%);max-width:1040px}

/* Keep service titles on one line; give the longer solar title the full row. */
.service-panel .service-page-title{white-space:nowrap}
#panneaux-photovoltaiques .roof-hero>.roof-container{container-type:inline-size}
.unified-services-page #panneaux-photovoltaiques .roof-hero .service-page-title{
 max-width:none;white-space:nowrap;font-size:var(--green-service-title-size);
}

#panneaux-photovoltaiques .installation-care-list{list-style:none;display:block;margin:16px 0;padding:0;text-align:left}
#panneaux-photovoltaiques .installation-care-list li{display:grid;grid-template-columns:.6em minmax(0,1fr);gap:.55em;align-items:baseline;margin:0 0 10px;padding:0;line-height:1.5;background:none;border:0;box-shadow:none}
#panneaux-photovoltaiques .installation-care-list li::before{content:"•";position:static;color:#426d36;line-height:inherit}
#panneaux-photovoltaiques .installation-care-list li>span{min-width:0}

#suivi-de-chantier .roof-container{width:min(1040px,88%);max-width:1040px}
#suivi-de-chantier .roof-hero>.roof-container{container-type:inline-size}
.unified-services-page #suivi-de-chantier .roof-hero .service-page-title{max-width:none;white-space:nowrap;font-size:var(--green-service-title-size)}
#suivi-de-chantier .roof-hero-visual{aspect-ratio:4/3;max-height:none;border-radius:15px}
#suivi-de-chantier .roof-hero-visual img{object-fit:contain;object-position:center}

#suivi-de-chantier .suivi-programme-list{list-style:none;display:block;margin:16px 0;padding:0;text-align:left}
#suivi-de-chantier .suivi-programme-list li{display:grid;grid-template-columns:.6em minmax(0,1fr);gap:.55em;align-items:baseline;margin:0 0 10px;padding:0;line-height:1.5;background:none;border:0;box-shadow:none}
#suivi-de-chantier .suivi-programme-list li::before{content:"•";position:static;color:#426d36;line-height:inherit}
#suivi-de-chantier .suivi-programme-list li>span{min-width:0}

#inspection-aerienne .roof-container{width:min(1040px,88%);max-width:1040px}
#inspection-aerienne .roof-hero-visual{aspect-ratio:4/3;max-height:none;border-radius:15px}
#inspection-aerienne .roof-hero-visual img{object-fit:contain;object-position:center}
#inspection-aerienne .inspection-results-list{list-style:none;margin:16px 0;padding:0;text-align:left}
#inspection-aerienne .inspection-results-list li{display:grid;grid-template-columns:.6em minmax(0,1fr);gap:.55em;align-items:baseline;margin:0 0 10px;padding:0;line-height:1.5;border:0}
#inspection-aerienne .inspection-results-list li::before{content:"•";position:static;color:#426d36;line-height:inherit}
#inspection-aerienne .inspection-results-list li>span{min-width:0}

:is(#inspection-thermique,#photogrammetrie) .roof-container{width:min(1040px,88%);max-width:1040px}
:is(#inspection-thermique,#photogrammetrie) .roof-hero>.roof-container{container-type:inline-size}
.unified-services-page :is(#inspection-thermique,#photogrammetrie) .roof-hero .service-page-title{max-width:none;white-space:nowrap;font-size:var(--green-service-title-size)}
:is(#inspection-thermique,#photogrammetrie) .roof-hero-visual{aspect-ratio:auto;max-height:none;border-radius:15px}
:is(#inspection-thermique,#photogrammetrie) .roof-hero-visual img{display:block;width:100%;height:auto;object-fit:contain;object-position:center}

/* Hiérarchie lisible sur téléphone : titres communs au-dessus du texte. */
@media(max-width:700px){
 .unified-services-page{--green-service-title-size:1.375rem}
 .unified-services-page :is(#toitures-et-demoussage,#facades-bardages-et-terrasses,#panneaux-photovoltaiques,#suivi-de-chantier,#inspection-aerienne,#inspection-thermique,#photogrammetrie) .roof-hero .service-page-title{
  font-size:var(--green-service-title-size);line-height:1.2;white-space:normal;text-wrap:balance;
 }
}

.services-page-heading{padding-top:24px;padding-bottom:0}.services-page-heading h1{margin:0;font-size:clamp(1.6rem,3vw,2.2rem);line-height:1.2;color:#426d36}