/* Only the two explicitly assigned Takservice components. */
.bs2-page [data-bs2-roof-restored],.bs2-page [data-bs2-service-navigation]{scroll-margin-top:112px}
.bs2-page [data-bs2-roof-restored] .roof-study{grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);align-items:start}
.bs2-page [data-bs2-roof-restored] .roof-figure,.bs2-page [data-bs2-roof-restored] .roof-editorial{min-width:0}
.bs2-page [data-bs2-roof-restored] .roof-image-wrap{overflow:hidden;overflow:clip}
.bs2-page [data-bs2-roof-restored] .roof-image-wrap>picture{display:block;width:100%;height:100%}
.bs2-page [data-bs2-roof-restored] .roof-image-wrap>picture>img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 62%}
.bs2-page [data-bs2-roof-restored] .roof-options button>span:first-child{display:block;flex:none;min-width:1.5em}
.bs2-page [data-bs2-roof-restored] .roof-options button:focus-visible{outline:2px solid var(--red);outline-offset:4px}
.bs2-page [data-bs2-roof-restored] .roof-copy{min-height:var(--bs2-roof-detail-height,200px)}
.bs2-page [data-bs2-service-navigation] .service-tabs{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:28px}
.bs2-page [data-bs2-service-navigation] .service-tabs button{min-width:0}
.bs2-page [data-bs2-service-navigation] [data-service-panels]{min-width:0;touch-action:pan-y pinch-zoom;overflow-anchor:none}
.bs2-page [data-bs2-service-navigation] .service-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,4vw,56px);align-items:start}
.bs2-page [data-bs2-service-navigation] .service-panel[hidden]{display:none!important}
.bs2-page [data-bs2-service-navigation] .service-copy{min-width:0;order:0;overflow-wrap:anywhere}
.bs2-page .bs-site #behandlinger[data-bs2-service-navigation] .service-copy h3{font-size:clamp(28px,2.4vw,36px);line-height:1.12;min-width:0;max-width:min(100%,22ch);overflow-wrap:anywhere;hyphens:auto}
.bs2-page [data-bs2-service-navigation] .service-copy>p:not(.eyebrow){max-width:48ch}
.bs2-page [data-bs2-service-navigation] .bs2-media-stage{aspect-ratio:4/3;max-width:100%}
.bs2-page [data-bs2-service-navigation] .service-facts{margin-bottom:0}
.bs2-page [data-bs2-service-navigation] .bs2-repair-overview{margin-top:48px}
@media(max-width:899px){
 .bs2-page [data-bs2-roof-restored] .roof-study{grid-template-columns:minmax(0,1fr);gap:28px}
 .bs2-page [data-bs2-roof-restored] .roof-figure{max-width:360px;width:100%;justify-self:center}
 .bs2-page [data-bs2-service-navigation] .service-panel{grid-template-columns:minmax(0,1fr);gap:24px}
 .bs2-page [data-bs2-service-navigation] .service-tabs{grid-template-columns:repeat(auto-fit,minmax(min(100%,max(27%,5.25em)),1fr))}
 .bs2-page [data-bs2-service-navigation] .service-tabs button:not(:first-child){padding-left:8px}
 .bs2-page.bs2-rc61 .bs-site #behandlinger[data-bs2-service-navigation] .service-copy{order:1}
 .bs2-page.bs2-rc61 .bs-site #behandlinger[data-bs2-service-navigation] .service-documentation-area{order:0}
 .bs2-page [data-bs2-service-navigation] .bs2-repair-overview{margin-top:36px}
}
@media(max-width:850px){.bs2-page [data-bs2-roof-restored],.bs2-page [data-bs2-service-navigation]{scroll-margin-top:99px}}
@media(max-width:600px){
 .bs2-page [data-bs2-roof-restored],.bs2-page [data-bs2-service-navigation]{scroll-margin-top:94px}
 .bs2-page [data-bs2-roof-restored] .roof-figure{max-width:270px}
 .bs2-page [data-bs2-roof-restored] .roof-options button{gap:14px}
 .bs2-page [data-bs2-roof-restored] .roof-option-label{min-width:0}
}
/* The image remains the existing accessible playback surface, not another service button. */
.bs2-page.bs2-motion-rc54 .bs-site [data-bs2-service-navigation] .bs2-media-action{display:grid;place-items:center;width:30px;height:30px;padding:0;border:1px solid #ffffff70;border-radius:50%;background:#142e36d9}
.bs2-page [data-bs2-service-navigation] .bs2-media-action[hidden]{display:none!important}
.bs2-page [data-bs2-service-navigation] .bs2-media-action svg{display:block;width:13px;height:13px}
@media(max-width:899px){.bs2-page [data-bs2-service-navigation] .service-tabs{margin-bottom:24px}}
@media(prefers-reduced-motion:reduce){.bs2-page [data-bs2-service-navigation] .service-tabs button{transition:none}}
