/* Scoped composition; established site typography, controls and shell are retained. */
.final-product-page .product-variants-intro{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,80px);align-items:center;margin-bottom:32px}
.final-product-page .product-variants-intro h2{margin:0}
.final-product-page .product-variants-intro .stage2-object{max-height:310px}
.final-product-page .product-variants-note{margin-top:28px;max-width:900px}
.final-product-page .product-closing-actions{display:flex;flex-wrap:wrap;gap:14px}
.final-product-page .product-closing-actions .button{margin-top:0}
.final-product-page .stage2-visual img{border-radius:20px}
@media(max-width:700px){
 .final-product-page .product-variants-intro{display:flex;flex-direction:column;align-items:stretch;gap:20px;margin-bottom:22px}
 .final-product-page .product-variants-intro .stage2-object{height:205px}
 .final-product-page .product-variants-note{margin-top:22px}
 .final-product-page .product-closing-actions{flex-direction:column}
}

.final-product-page .product-hero-mobile-detail{display:none}
@media(max-width:700px){
 .final-product-page .components-hero{display:flex;align-items:flex-end;padding:0;height:100svh!important;min-height:568px!important}
 .final-product-page .components-hero .completion-hero-picture{position:absolute;inset:0;display:block;width:100%;height:100%}
 .final-product-page .components-hero .hero-image{width:100%;height:100%;object-fit:cover;object-position:50% 40%}
 .alumsill-page .components-hero .hero-image{object-position:50% 65%;scale:1.5;transform-origin:100% 100%}
 .final-product-page .components-hero .hero-inner{height:auto!important;min-height:0;width:100%;padding:0 12px 14px;margin:0;position:relative;z-index:1}
 .final-product-page .components-hero .hero-card{width:100%;max-width:none;padding:17px 19px 18px}
 .final-product-page .product-hero-desktop-detail{display:none}
 .final-product-page .product-hero-mobile-detail{display:block;padding-top:30px;padding-bottom:0}
 .final-product-page .product-hero-mobile-detail p{font-size:var(--type-body);line-height:1.65;color:var(--muted);margin:0}
}

@media(max-width:700px) and (max-height:567px){.final-product-page .components-hero{height:auto!important;min-height:100svh!important;padding-top:180px}}
@media(max-width:360px){.alumsill-page .components-hero .hero-image{scale:1.85}}

/* Match the shared REHAU lead role; long product headings keep whole words. */
@media(min-width:701px){.final-product-page .components-hero .hero-copy{font-size:clamp(20px,1.7vw,28px);line-height:1.5}}
@media(min-width:701px) and (max-height:800px){.final-product-page .components-hero .hero-copy{font-size:22px}}