/* ROOT-CLOSEOUT-2 working draft. Asset review is required before freezing. */
.commercial-composition{position:absolute;inset:0;overflow:hidden;z-index:-2;background:#242724}
.commercial-closeup{position:absolute;inset:0;background:url('/assets/wallbox-unbranded-v1.png') 120% 45%/90% auto no-repeat}
.commercial-closeup:after{content:"";position:absolute;inset:0;background:rgba(0,0,0,.78)}
.commercial-green{position:absolute;inset:0;background:#4bb95a;clip-path:polygon(0 0,30.5555555556% 0,45.8333333333% 100%,0 100%)}
.commercial-foreground{position:absolute;left:calc(50% - 549px);top:27.328125px;width:435.6414px;height:522.7615px;object-fit:contain}
.collection.has-scene>.scene-background{display:none}
.collection.has-scene:after{display:none}
.commercial-foreground-slot{position:absolute;left:calc(50% - 549px);top:27.328125px;width:401px;height:522px}
.collection-overview{position:relative}
.collection-overview>.container{width:1150px;max-width:calc(100% - 30px)}
.collection-overview .benefits{position:absolute;left:calc(50% - 575px);top:184px;width:1150px;max-width:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,383.328125px);gap:0;align-items:start}
.collection-overview .benefits>article{position:relative;left:auto;top:auto;width:383.328125px;padding:15px;min-height:0}
.collection-overview .benefits>article:nth-of-type(1){height:485px;--content-shift:0px}
.collection-overview .benefits>article:nth-of-type(2){height:461px;--content-shift:25px}
.collection-overview .benefits>article:nth-of-type(3){height:461px;--content-shift:50px}
.collection-overview .benefits>article>h2,.collection-overview .benefits>article>p{position:relative;left:var(--content-shift);width:303.328125px;max-width:none}
.collection-overview .benefits>article>.benefit-icon{position:relative;left:var(--content-shift);margin-left:76.65625px;margin-right:0}
/* Content icon assets are injected unchanged after root review; never restroke here. */
.reviewed-content-icon{display:block;object-fit:contain;max-width:none}
.product-hero-composition{position:absolute;inset:0;z-index:-2;overflow:hidden;background:#bfd8e8}
.product-context{position:absolute;inset:0;background:url('/assets/adapter-scene-visualisation-v3.png') right center/200% auto no-repeat}
.product-actual-view{position:absolute;max-width:none;object-fit:contain;transform-origin:center}
.product.has-scene>.scene-background{display:none}
@media(max-width:760px){
 .commercial-closeup{background-size:180% auto;background-position:60% 80%}
 .commercial-green{clip-path:polygon(0 0,100% 0,100% 31.079951439% ,0 57.587659187%)}
 .commercial-foreground,.commercial-foreground-slot{left:59px;top:17px;width:280px;height:416px}
 .collection-overview .benefits{left:15px;top:311px;width:360px;display:block}
 .collection-overview .benefits>article{position:absolute;left:0;width:360px;padding:15px;--content-shift:0px}
 .collection-overview .benefits>article:nth-of-type(1){top:0;height:432px}
 .collection-overview .benefits>article:nth-of-type(2){top:432px;height:408px}
 .collection-overview .benefits>article:nth-of-type(3){top:840px;height:432px}
 .collection-overview .benefits>article>h2,.collection-overview .benefits>article>p{left:0;width:330px}
 .collection-overview .benefits>article>.benefit-icon{left:0;margin-left:90px}
 .product-context{background-size:auto 200%;background-position:right center}
}

.product.has-scene .scene-caption{top:6px;bottom:auto;left:15px;right:auto;max-width:calc(100% - 30px)}
@media(min-width:761px){
.product-hero-composition .instance-1{width:718.0643605576px;height:718.0643605576px;left:128.2649553050px;top:-49.0556047350px;transform:rotate(-55deg)}
.product-hero-composition .instance-2{width:538.5482704182px;height:538.5482704182px;left:620.6987164787px;top:108.2903276987px;transform:rotate(-55deg)}
.product-hero-composition .instance-3{width:442.2860191840px;height:442.2860191840px;left:869.3226173980px;top:192.6642334965px;transform:rotate(-55deg)}
}
@media(max-width:760px){
.product-hero-composition .instance-1{width:387.6506874025px;height:387.6506874025px;left:-135.4584118100px;top:56.2240009764px;transform:rotate(-55deg)}
.product-hero-composition .instance-2{width:171.7110427420px;height:171.7110427420px;left:104.4546632251px;top:245.4951950634px;transform:rotate(-55deg)}
.product-hero-composition .instance-3{width:228.9480569894px;height:228.9480569894px;left:25.2728843001px;top:195.3269267512px;transform:rotate(-55deg)}
}

/* External SVG image documents isolate authored fill/stroke from legacy path CSS. */
svg.reviewed-content-icon{width:var(--reviewed-w)!important;height:var(--reviewed-h)!important;max-width:none}
.reviewed-content-icon>.reviewed-mobile{display:none}
@media(max-width:760px){svg.reviewed-content-icon{width:var(--reviewed-mw)!important;height:var(--reviewed-mh)!important}.reviewed-content-icon>.reviewed-desktop{display:none}.reviewed-content-icon>.reviewed-mobile{display:inline}}
/* E15 visible inner cells: reference 15px desktop / 8px mobile wrapper padding collapsed. */
.selection-icons>div,.structured-detail .resource-nav>a{height:124.53125px}
.gallery-track{padding-left:165px}
@media(max-width:760px){
 .selection-icons,.structured-detail .resource-nav{grid-auto-rows:134.375px;row-gap:16px}
 .selection-icons>div,.structured-detail .resource-nav>a{height:134.375px}
 .gallery-track{padding-left:81.140625px;padding-right:81.140625px}
}
/* Match reference inner gallery tile height; preserve source windows and caption typography. */
.gallery-track>figure{height:410.09375px}
@media(max-width:760px){.gallery-track>figure{height:196.609375px}}
/* P02 original screenshot green-edge fit; source pixels retained in role evidence. */
@media(min-width:761px){.commercial-green{clip-path:polygon(0 0,30.6975465252% 0,45.9591446936% 100%,0 100%)}}
@media(max-width:760px){.commercial-green{clip-path:polygon(0 0,100% 0,100% 30.8699199649%,0 57.4437515905%)}}

/* ROOT approved desktop whole OEM concept panel; mobile-v1 explicitly not approved. */
@media(min-width:761px){
 #oem.core-oem{background-image:url('/assets/oem-full-green-panel-desktop-candidate-v1.png');background-size:cover;background-position:center;background-repeat:no-repeat}
 #oem .core-oem-visual>.oem-product,#oem .core-oem-visual>.packaging-window{display:none}
}

/* ROOT-CLOSEOUT-2 approved complete panels: no old green overlay or alpha cutout. */
.commercial-composition{background-image:url('/assets/commercial-full-panel-desktop-candidate-v1.png');background-size:105.5% auto;background-position:49% 10%;background-repeat:no-repeat}
#oem.core-oem{background-image:url('/assets/oem-full-green-panel-desktop-candidate-v1.png');background-size:cover;background-position:center;background-repeat:no-repeat}
#oem .core-oem-visual>.oem-product,#oem .core-oem-visual>.packaging-window{display:none}
@media(max-width:760px){
 .commercial-composition{background-image:url('/assets/commercial-full-panel-mobile-candidate-v2.png');background-size:cover;background-position:center}
 #oem.core-oem{background-image:url('/assets/oem-full-green-panel-mobile-candidate-v2.png')}
 #oem .core-oem-visual{position:static}
 #oem .core-oem-visual>.visual-caption{top:12px;left:15px;bottom:auto}
}
