/* Simulateur de couverture — accueil et page dédiée. */
.roof-teaser{background:#fff;padding:68px 0}
.roof-teaser-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:52px;align-items:center}
.roof-teaser h2{font-size:clamp(2rem,3.8vw,3.2rem);max-width:600px}
.roof-teaser p{max-width:520px}.roof-teaser .btn{margin-top:6px}
.roof-teaser figure{margin:0;overflow:hidden;border:1px solid var(--line);border-radius:24px;background:var(--paper);box-shadow:var(--shadow)}
.roof-teaser img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
.roof-teaser figcaption{padding:12px 18px;font-size:.78rem;color:var(--muted)}
.roof-materials{display:flex;gap:9px;flex-wrap:wrap;margin:22px 0}
.roof-materials span{padding:6px 12px;border:1px solid var(--line);border-radius:999px;font-size:.82rem;font-weight:750}
.roof-page-intro{padding:42px 0 28px}.roof-breadcrumb{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:flex-start;min-height:0;margin-bottom:28px;font-size:.84rem;color:var(--muted)}
.roof-breadcrumb a{text-decoration:underline;text-underline-offset:3px}.roof-page-intro h1{font-size:clamp(2.25rem,4.5vw,4rem);max-width:940px;letter-spacing:-.045em}.roof-page-intro p{max-width:820px;margin-bottom:0}
.roof-simulator-section{padding:0 0 55px}.roof-simulator-shell{border:1px solid var(--line);border-radius:20px;background:#fff;overflow:hidden;box-shadow:0 20px 55px rgba(16,24,39,.08)}
.roof-simulator-frame{display:block;width:100%;height:1050px;border:0;background:#f9fbfb}
.roof-simulator-note{margin:18px 4px 0;font-size:.83rem;max-width:850px}.roof-simulator-note a{font-weight:750;text-decoration:underline;text-underline-offset:3px}
.roof-project-contact{padding:46px 0;background:var(--navy);color:#fff}.roof-project-contact .container{display:flex;justify-content:space-between;align-items:center;gap:32px}.roof-project-contact h2{font-size:clamp(1.7rem,3vw,2.4rem);margin-bottom:12px}.roof-project-contact p{color:#cbd2dc;max-width:650px;margin-bottom:0}.roof-project-contact .btn{flex-shrink:0}
header .navlinks{gap:14px;font-size:.85rem}
@media(max-width:1120px){header .navlinks{display:none;position:absolute;top:100%;left:18px;right:18px;background:#fff;border-radius:20px;padding:22px;box-shadow:var(--shadow);flex-direction:column;max-height:70vh;overflow-y:auto}header .navlinks.open{display:flex}header .menu{display:block}}
@media(max-width:850px){.roof-teaser-grid{grid-template-columns:1fr;gap:26px}.roof-teaser{padding:48px 0}.roof-teaser figure{max-width:640px}.roof-page-intro{padding:30px 0 24px}.roof-breadcrumb{margin-bottom:22px}.roof-simulator-frame{height:1500px}.roof-project-contact .container{align-items:flex-start;flex-direction:column}}
@media(max-width:540px){.roof-simulator-shell{border-radius:12px}.roof-simulator-section>.container{width:calc(100% - 24px)}.roof-page-intro h1{font-size:2.3rem}.roof-materials{gap:6px}.roof-teaser figcaption{padding:10px 14px}.roof-project-contact{padding:36px 0}}