#xrayBtn,#xlabels{display:none!important}
#systems .catalogPreview{height:auto!important;min-height:0!important;max-height:none!important;aspect-ratio:16/9;align-self:start;overflow:hidden;background:#151c20}
.catalogPreview video,.catalogPreview img{object-fit:contain!important;filter:none!important;transform:none!important}
.catalogPreview .cpContent{pointer-events:none}
.catalogPreview video{z-index:1}
.catalogPreview .cpOverlay{z-index:2;pointer-events:none}
.catalogPreview video[hidden]{display:none!important}
.sceneViewButtons{position:absolute;z-index:12;left:18px;bottom:62px;display:flex;gap:7px;flex-wrap:wrap;max-width:calc(100% - 36px)}
.sceneViewButtons button,.reviewExtra button{border:1px solid #666d70;background:#fafaf7;color:#172127;padding:9px 13px;font:11px Arial,sans-serif;cursor:pointer}
.sceneViewButtons button[aria-pressed=true],.reviewExtra button[aria-pressed=true]{background:#1c2a31;color:white}
#configSceneLayer{position:absolute;inset:0;z-index:8;background:#e5e6e2;display:flex;align-items:center;justify-content:center}
#configSceneLayer[hidden]{display:none!important}
#configSceneLayer video{width:100%;height:100%;object-fit:contain;max-width:100%;max-height:100%}
#viewer[data-scene-view=scene] #glCanvas,#viewer[data-scene-view=scene] .materialTag,#viewer[data-scene-view=scene] .viewerBottom,#viewer[data-scene-view=scene] #orbitHint{visibility:hidden}
.reviewExtra{padding:18px 0;border-top:1px solid #ffffff24;margin-top:12px}
.reviewExtra h4{font:12px Arial,sans-serif;color:#d4d7d6;margin:0 0 12px}
.reviewExtra .buttonRow{display:flex;gap:6px;flex-wrap:wrap;margin:9px 0}
.reviewSource{font-size:11px;line-height:1.7;color:#b7c1c5;margin:12px 0 0}
@media(max-width:720px){.catalogPreview{display:block!important;grid-column:1;grid-row:auto!important;position:relative!important;top:auto!important;margin-top:15px}.sceneViewButtons{bottom:72px;left:10px}.sceneViewButtons button{padding:8px 10px}}

.sceneViewButtons[hidden],.reviewExtra[hidden]{display:none!important}

#configure .viewer{height:clamp(420px,calc(100vh - 135px),780px);min-height:420px!important;position:sticky;top:100px;align-self:start}
@media(max-width:1100px){#configure .viewer{position:relative;top:auto;height:640px}}
@media(max-width:720px){#configure .viewer{height:540px}}

#configure .viewer[data-scene-view=scene],#configure .viewer[data-system=smart]{height:auto!important;aspect-ratio:16/9;min-height:0!important;max-height:none!important}

.sceneViewButtons button,.reviewExtra button{background:#152126;color:#eee9df;border-color:#526064}
.sceneViewButtons button[aria-pressed=true],.reviewExtra button[aria-pressed=true]{background:#d8c5a2;color:#152126;border-color:#d8c5a2}
.railItem:focus-visible{outline:2px solid #d8c5a2;outline-offset:-3px}
#viewer[data-system=smart] .viewerTop,#viewer[data-system=smart] .viewerBottom,#viewer[data-system=smart] #orbitHint{display:none!important}

@media(max-width:720px){
 #configure .productRail{align-items:flex-start;max-height:118px;overflow-x:auto;overflow-y:hidden;padding:12px;gap:8px}
 #configure .railItem{height:88px;min-height:88px;max-height:88px;flex:0 0 170px;align-content:center;box-sizing:border-box}
 #configure .productRail .customDesignList{flex:0 0 280px;box-sizing:border-box;height:88px;max-height:88px;overflow-y:auto;padding:10px}
 #configure .productRail .customDesignList p{font-size:10px;margin-bottom:8px}
 #configure .viewerTop{padding:12px;font-size:8px}
 #configure .viewerBottom{padding:12px;gap:8px}
 #configure .viewerBottom #dimRead{font-size:18px}
}

.productRail{scrollbar-color:#697675 #111b20;scrollbar-width:thin}.productRail::-webkit-scrollbar{height:5px}.productRail::-webkit-scrollbar-track{background:#111b20}.productRail::-webkit-scrollbar-thumb{background:#697675;border-radius:4px}

.motionDirections{margin-top:14px}.motionDirections[hidden],.motionDirections p[hidden]{display:none!important}
.motionDirections output{display:block;color:#d8c5a2;font-size:12px;min-height:18px;margin:0 0 8px}
.motionDirections .buttonRow{display:flex;gap:8px}
.motionDirections button{cursor:pointer;border:1px solid #637074;background:#152126;color:#eee9df;padding:10px 15px;font:12px Arial,sans-serif;flex:1}
.motionDirections button[data-motion-target="100"]{background:#d8c5a2;color:#152126;border-color:#d8c5a2}
.motionDirections button:focus-visible{outline:2px solid #fff;outline-offset:3px}
.motionDirections p{font-size:11px;line-height:1.6;color:#b7c1c5;margin:10px 0 0}
.controls .group[hidden]{display:none!important}