/* Alternating product compositions; each image stays complete and on white. */
.page-technology .system-family{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,6vw,88px);align-items:center;padding:72px 0;background:#fff}
.page-technology .system-family-content{grid-column:2;grid-row:1;min-width:0}
.page-technology .system-family-media{grid-column:1;grid-row:1;aspect-ratio:1.15;background:#fff}
.page-technology .system-family:nth-child(even) .system-family-content{grid-column:1}
.page-technology .system-family:nth-child(even) .system-family-media{grid-column:2}
.page-technology .system-family-heading{margin-bottom:28px}
.page-technology .system-family-media img{object-fit:contain;object-position:center}
.page-technology .category-browser{overflow:clip}
@media(max-width:700px){
 .page-technology .system-family{grid-template-columns:minmax(0,1fr);gap:28px;padding:42px 0}
 .page-technology .system-family .system-family-media,.page-technology .system-family:nth-child(even) .system-family-media{grid-column:1;grid-row:1;max-height:320px;width:100%}
 .page-technology .system-family .system-family-content,.page-technology .system-family:nth-child(even) .system-family-content{grid-column:1;grid-row:2}
 .page-technology .system-family-heading{margin-bottom:22px}
}

/* Vehicle-side elements have no product detail pages. */
.system-vehicle-elements{padding:48px 0 0}.system-vehicle-elements h2{font-size:clamp(28px,3vw,38px);margin:0 0 24px}.system-vehicle-elements .system-component-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:32px}.system-vehicle-elements .system-component-list>li{padding:20px 0}@media(max-width:700px){.system-vehicle-elements .system-component-list{grid-template-columns:1fr}}

/* Product pairings retain their original proportions and remain fully visible. */
.page-technology .solar-system-composition{display:grid;grid-template-columns:60fr 36fr;align-items:center;gap:4%;padding:20px 0}
.page-technology .solar-system-composition .solar-system-panel{width:100%;height:100%;max-height:350px;min-height:0;object-fit:contain}
.page-technology .solar-system-composition .solar-system-mppt{width:100%;height:auto;max-height:180px;object-fit:contain}
.page-technology .energy-system-composition,.page-technology .management-system-composition{position:relative;isolation:isolate}
.page-technology .energy-system-composition img,.page-technology .management-system-composition img{position:absolute;object-fit:contain;object-position:center}
.page-technology .energy-system-composition .energy-system-battery{left:0;top:12%;width:68%;height:68%;z-index:1}
.page-technology .energy-system-composition .energy-system-charger{right:0;top:27%;width:32%;height:41%;z-index:2}
.page-technology .management-system-composition .management-system-pcu{left:3%;top:9%;width:47%;height:82%;object-fit:contain}
.page-technology .management-system-connectivity{position:absolute;right:0;top:10%;width:49%;height:80%;isolation:isolate}
.page-technology .management-system-connectivity .management-system-tcu{right:0;top:4%;width:47%;height:76%;z-index:1}
.page-technology .management-system-connectivity .management-system-phone{left:-7%;top:5%;width:88%;height:90%;z-index:2}
@media(max-width:700px){.page-technology .solar-system-composition{padding:8px 0}.page-technology .solar-system-composition .solar-system-panel{max-height:280px}.page-technology .solar-system-composition .solar-system-mppt{max-height:130px}}
