.product-viewer-section{padding:110px clamp(24px,8vw,124px);background:#071f2a;color:#fff;overflow:hidden}.viewer-heading{display:grid;grid-template-columns:1.2fr .8fr;gap:8vw;align-items:end;margin-bottom:46px}.viewer-heading h2{font-size:clamp(36px,4vw,58px);max-width:760px;margin:0}.viewer-heading>p{color:#afc2c9;font-size:17px;max-width:520px;margin:0}.viewer-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(310px,.65fr);gap:38px;align-items:stretch}.viewer-stage{position:relative;min-height:630px;border:1px solid #294650;border-radius:12px;overflow:hidden;background:radial-gradient(circle at 50% 40%,#e8f1ec 0,#c8d8d5 48%,#90a9aa 100%);box-shadow:0 30px 75px #00101799}.viewer-stage model-viewer{display:block;width:100%;height:630px;--poster-color:transparent;--progress-bar-color:var(--lime);--progress-bar-height:4px}.viewer-loading{position:absolute;inset:0;display:grid;place-items:center;cursor:pointer;background:#dce7e3}.viewer-loading img{position:absolute;width:100%;height:100%;object-fit:cover;filter:saturate(.9) brightness(.72)}.viewer-loading span{position:relative;z-index:1;padding:14px 20px;border-radius:4px;background:var(--lime);color:var(--deep);font-weight:800;box-shadow:0 12px 30px #00151d66}.viewer-progress{position:absolute;left:8%;right:8%;bottom:26px;height:4px;border-radius:4px;overflow:hidden;background:#ffffff38}.viewer-progress span{display:block;width:var(--progress-bar-width,0%);height:100%;background:var(--lime);transition:width .2s}.viewer-instructions{position:absolute;left:20px;bottom:72px;z-index:2;display:flex;align-items:center;gap:9px;padding:8px 12px;background:#071f2add;border:1px solid #ffffff29;border-radius:30px;font-size:12px;color:#e7f0f2;backdrop-filter:blur(8px)}.viewer-instructions i{width:3px;height:3px;border-radius:50%;background:var(--lime)}.drag-icon{font-size:16px;color:var(--lime)}.viewer-toolbar{position:absolute;z-index:2;display:flex;gap:8px;left:20px;bottom:20px}.viewer-control{border:1px solid #ffffff3d;border-radius:4px;background:#071f2ae8;color:#fff;font:700 12px "DM Sans",sans-serif;padding:10px 13px;cursor:pointer;backdrop-filter:blur(8px)}.viewer-control:hover,.viewer-control:focus-visible{border-color:var(--lime);color:var(--lime);outline:none}.viewer-guide{border:1px solid #294650;border-radius:12px;background:#0c2b38;padding:30px;display:flex;flex-direction:column}.guide-label{text-transform:uppercase;letter-spacing:.14em;font-size:11px;font-weight:800;color:var(--aqua);margin-bottom:14px}.component-list{display:grid}.component-card{display:grid;grid-template-columns:42px 1fr;gap:14px;text-align:left;align-items:start;width:100%;padding:16px 0;border:0;border-bottom:1px solid #294650;background:transparent;color:#fff;font:inherit;cursor:pointer}.component-card:first-child{border-top:1px solid #294650}.component-card b{display:block;font-family:Manrope,sans-serif;font-size:16px;margin-bottom:4px}.component-card small{display:block;color:#9db2ba;font-size:12px;line-height:1.45}.component-number{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#1ba9cc;color:#05222e;font-size:11px;font-weight:800;transition:transform .2s,background .2s}.component-number.solar{background:var(--lime)}.component-number.pump{background:#f19c42}.component-number.flow{background:#71d1e1}.component-card:hover .component-number,.component-card.is-active .component-number{transform:scale(1.1);box-shadow:0 0 0 4px #ffffff18}.component-card.is-active b{color:var(--lime)}.system-flow{display:flex;align-items:center;justify-content:space-between;gap:7px;margin:24px 0;color:#cadddf;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.system-flow i{font-style:normal;color:var(--lime)}.viewer-cta{width:100%;margin-top:auto}.viewer-stage:fullscreen{width:100vw;height:100vh;border:0;border-radius:0}.viewer-stage:fullscreen model-viewer{height:100vh}.viewer-stage:fullscreen .viewer-fullscreen{display:none}@media(max-width:980px){.viewer-heading{grid-template-columns:1fr;gap:18px}.viewer-layout{grid-template-columns:1fr}.viewer-guide{min-height:0}.component-list{grid-template-columns:1fr 1fr;gap:0 24px}.viewer-cta{margin-top:24px}}@media(max-width:640px){.product-viewer-section{padding-top:78px;padding-bottom:78px}.viewer-stage,.viewer-stage model-viewer{height:500px;min-height:500px}.viewer-toolbar{right:14px;left:14px;flex-wrap:wrap}.viewer-control{flex:1}.viewer-instructions{left:14px;bottom:116px}.component-list{grid-template-columns:1fr}.viewer-guide{padding:24px}.system-flow{font-size:9px}.viewer-heading h2{font-size:36px}}

/* Keep all viewer copy legible and visually consistent across both site themes. */
.product-viewer-section .viewer-heading .eyebrow,
.product-viewer-section .viewer-heading h2,
.product-viewer-section .viewer-guide,
.product-viewer-section .viewer-guide .guide-label,
.product-viewer-section .viewer-guide .component-card,
.product-viewer-section .viewer-guide .component-card b,
.product-viewer-section .viewer-guide .component-card small,
.product-viewer-section .viewer-guide .system-flow,
.product-viewer-section .viewer-guide .system-flow span{color:#f4fbf8!important}
.product-viewer-section .viewer-heading .eyebrow>span{background:#f4fbf8!important}