.service-site.plumbing-site.roofing-site{--ss-ink:#303c46;--ss-muted:#626b70;--ss-line:#dfded7;--ss-blue:#9a4f37;background:#f4f2ed}.roofing-site .ss-button:not(.ss-devis-secondary),.roofing-site .ss-call,.roofing-site .ss-logo{background:#9a4f37}.roofing-site .ss-preview{background:#e8e4dc;color:#4f5559}.roofing-site .pl-service-icon,.roofing-site .ss-hero em{color:#9a4f37}.roofing-site .ss-footer{background:#303c46}.roofing-site .ss-service-card{border-color:#dfded7}.roofing-site .ss-devis-secondary{border-color:#9a4f37;color:#803e2b;background:#fff}.roofing-site .pl-menu-grid{max-height:65vh;overflow-y:auto}.roofing-site .ss-service-card:hover{border-color:#9a4f37}.roofing-site .ss-hero-proof{color:#525d64}.roofing-site .ss-section-nav{scroll-margin-top:90px}.service-site.ss-business.roofing-site .ss-header{flex-direction:row;flex-wrap:nowrap;align-items:center;gap:24px;padding-block:14px}.service-site.ss-business.roofing-site .roof-brand-image{width:240px}.service-site.ss-business.roofing-site .ss-header .ss-navigation{flex-wrap:nowrap;border-top:0;padding-top:0;margin-left:auto}.service-site.ss-business.roofing-site .ss-roofing-home{padding-block:32px 24px;gap:24px}.service-site.ss-business.roofing-site .ss-roof-intro{grid-template-columns:1.1fr 1fr;gap:32px}.service-site.ss-business.roofing-site .ss-roof-intro h1{font-size:clamp(32px,3.1vw,44px);max-width:23ch;margin-bottom:0}.service-site.ss-business.roofing-site .ss-roof-intro p{margin-top:0}.service-site.ss-business.plumbing-site.roofing-site .ss-roof-panorama img{height:280px}.service-site.ss-business.roofing-site .roof-actions{align-items:stretch;gap:12px}.service-site.ss-business.roofing-site .roof-actions>:is(button,a){display:inline-flex;align-items:center;justify-content:center;min-height:52px;width:210px;margin:0;padding:12px 16px;font-size:15px}.service-site.ss-business.roofing-site .roof-quote-first>a{order:-1;background:#934c35;color:#fff;border-color:#934c35}.service-site.ss-business.roofing-site .roof-quote-first>button{background:#fff;color:#803e2b;border:1px solid #934c35}.service-site.ss-business.roofing-site .roof-scope-list{margin:24px 0}.service-site.ss-business.roofing-site .roof-scope-list>div{display:grid;grid-template-columns:minmax(150px,1fr) minmax(0,3fr);gap:24px;padding:18px 0;border-top:1px solid var(--ss-line)}.roofing-site .roof-scope-list dt{font-weight:700}.roofing-site .roof-scope-list dd{margin:0;line-height:1.7}.roofing-site .roof-guide-links{border-top:1px solid var(--ss-line);padding-top:16px}.roofing-site .roof-guide-links a{display:block;width:fit-content;margin:10px 0}.roofing-site .roof-project-details{grid-column:1/-1;border-block:1px solid var(--ss-line);padding:12px 0}.roofing-site .roof-project-details summary{cursor:pointer;min-height:44px;padding-block:10px;font-weight:650}.roofing-site .roof-project-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;padding:16px 0}.roofing-site .roof-project-fields>p{grid-column:1/-1;font-size:14px;margin:0}.service-site.ss-business.roofing-site .ss-cookie-panel{max-width:440px;padding:14px 16px;border-radius:8px;bottom:20px}.service-site.ss-business.roofing-site .ss-cookie-panel h2{font-size:17px;margin-bottom:6px}.service-site.ss-business.roofing-site .ss-cookie-panel p{margin:6px 0;line-height:1.5}.service-site.ss-business.roofing-site .ss-cookie-buttons{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.service-site.ss-business.roofing-site .ss-cookie-buttons button{min-height:44px;border-radius:4px}.service-site.ss-business.roofing-site .ss-cookie-buttons button:last-child{grid-column:1/-1}@media (max-width:1100px) and (min-width:761px){.service-site.ss-business.roofing-site .roof-brand-image{width:200px}.service-site.ss-business.roofing-site .ss-header{gap:14px}.service-site.ss-business.roofing-site .ss-header .ss-navigation{gap:12px;font-size:13px}}@media (max-width:760px){.service-site.ss-business.roofing-site .ss-header{gap:10px;padding-block:12px}.service-site.ss-business.roofing-site .roof-brand-image{width:180px}.service-site.ss-business.roofing-site .ss-roof-intro{grid-template-columns:1fr;gap:18px}.service-site.ss-business.roofing-site .ss-roof-intro h1{font-size:clamp(30px,8vw,38px)}.service-site.ss-business.plumbing-site.roofing-site .ss-roof-panorama img{height:200px}.service-site.ss-business.roofing-site .roof-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.service-site.ss-business.roofing-site .roof-actions>:is(button,a){width:100%;min-width:0;padding:10px 8px;font-size:13px}.service-site.ss-business.roofing-site .roof-scope-list>div{grid-template-columns:1fr;gap:8px}.roofing-site .roof-project-fields{grid-template-columns:1fr;gap:16px}.service-site.ss-business.roofing-site .ss-cookie-panel{bottom:88px}}.service-site.ss-business.plumbing-site.roofing-site .roof-actions{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:12px;width:auto;max-width:none}.service-site.ss-business.plumbing-site.roofing-site .roof-actions>:is(button,a){flex:0 0 210px;width:210px;height:52px;min-height:52px;border-radius:6px;gap:9px}.service-site.ss-business.plumbing-site.roofing-site .roof-actions .ss-icon{width:20px;height:20px}.service-site.ss-business.plumbing-site.roofing-site .ss-roof-family:last-child :is(h3,.ss-family-number){color:#fffaf2}.service-site.ss-business.plumbing-site.roofing-site .ss-roof-family:last-child>p{color:#e8e2d8}.service-site.ss-business.plumbing-site.roofing-site .ss-roof-family:last-child>ul{margin-top:18px}.service-site.ss-business.plumbing-site.roofing-site .ss-roof-family:last-child .pl-service-icon{color:#eab795}.service-site.ss-business.plumbing-site.roofing-site .ss-grouped-menu{width:min(860px,calc(100vw - 48px));grid-template-columns:repeat(3,minmax(0,1fr));padding:18px 20px 12px;gap:12px 20px;max-height:min(440px,calc(100dvh - 150px));overflow-y:auto}.service-site.ss-business.plumbing-site.roofing-site .ss-menu-family>a{padding:10px 0;gap:10px;min-height:48px}.service-site.ss-business.plumbing-site.roofing-site .ss-menu-family strong{font-size:14px;line-height:1.4}.service-site.ss-business.plumbing-site.roofing-site .ss-menu-family svg{width:22px;height:22px;flex:none}.service-site.ss-business.plumbing-site.roofing-site .ss-grouped-menu .roof-menu-method{grid-column:1/-1;padding:10px 0 0;min-height:44px;border-top:1px solid var(--ss-line);border-radius:0;font-size:13px}.service-site.ss-business.plumbing-site.roofing-site .roof-project-details{padding-block:8px}.service-site.ss-business.plumbing-site.roofing-site .roof-details-hint{font-size:13px;margin:0 0 8px 18px;color:var(--ss-muted)}.service-site.ss-business.plumbing-site.roofing-site .plumbing-form{gap:20px}@media (max-width:760px){.service-site.ss-business.plumbing-site.roofing-site .roof-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.service-site.ss-business.plumbing-site.roofing-site .roof-actions>:is(button,a){width:100%;flex-basis:auto;font-size:13px;white-space:normal}.service-site.ss-business.plumbing-site.roofing-site .roof-actions>a{order:0}.service-site.ss-business.plumbing-site.roofing-site .roof-quote-first>button{order:1}}@media (max-width:380px){.service-site.ss-business.plumbing-site.roofing-site .roof-actions{grid-template-columns:1fr}.service-site.ss-business.plumbing-site.roofing-site .roof-actions>:is(button,a){font-size:15px}}@media (min-width:761px){.service-site.ss-business.plumbing-site.roofing-site .ss-header{position:relative}.service-site.ss-business.plumbing-site.roofing-site .sf-menu-desktop{position:static}.service-site.ss-business.plumbing-site.roofing-site .ss-grouped-menu{left:auto;right:0;top:100%}}