/* LIME layout copied from Bagration; image frames retain Savelyeva's calibration. */
.comparisons{grid-template-columns:repeat(2,minmax(0,1fr))}
#front,#rear{grid-column:1/-1}
.compare,.comparisons .compare{width:100%;height:auto;aspect-ratio:var(--image-ratio);max-width:100%;max-height:none}
.compare img{object-fit:contain}
.card{scroll-margin-top:calc(var(--header) + 16px)}
.card-title .caption{padding:0;margin:3px 0 0}
.plan-section>.card{max-width:1100px;margin:auto}
.tag{font-size:10px}
.card:fullscreen{padding:10px;justify-content:center}
.card:fullscreen .comparison-media{width:100%;flex:1;min-height:0;align-items:center}
.card:fullscreen .compare{width:min(100%,calc((100dvh - 180px)*var(--image-ratio)));height:auto;aspect-ratio:var(--image-ratio);max-height:calc(100dvh - 180px)}
.card:fullscreen .card-title,.card:fullscreen .controls{width:100%;max-width:1100px}
.model-stage:not(:fullscreen) model-viewer{height:clamp(240px,calc(100dvh - var(--header) - 215px),800px)}
.model-stage model-viewer{background:#e6ece6}
.model-stage:fullscreen model-viewer{height:100dvh}
.model-stage #status:empty{display:none}
#retry{position:absolute;top:65px;left:14px}
#switch-status{position:fixed;right:20px;top:calc(var(--header) + 8px);z-index:21;background:#fff;border-radius:4px;padding:8px 12px;box-shadow:0 2px 12px #022c2220;font-size:12px}
#switch-status:empty{display:none}
.revision-gallery{display:grid;grid-auto-flow:row;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-columns:auto;overflow:visible}
.revision-gallery img{height:auto;aspect-ratio:1440/1000;object-fit:contain}
footer{font-size:11px;color:var(--muted);margin-top:32px;border-top:1px solid var(--line);padding-top:16px}
@media(max-width:800px){.sidebar{overflow-y:auto}.card-title{flex-wrap:wrap}.tag{font-size:8px}.sidebar-address{padding-top:15px}.model-stage:not(:fullscreen) model-viewer{height:clamp(220px,calc(100dvh - var(--header) - 235px),600px)}}
@media(max-width:540px){.comparisons,.revision-gallery{grid-template-columns:1fr}.card:fullscreen{padding:0}.global-lod{margin-top:0}.card-title button{font-size:10px}#switch-status{left:12px;right:12px}}
#facades{margin-top:0}
.compare,.comparisons .compare{width:min(100%,calc(max(180px,100dvh - var(--header) - 260px)*var(--image-ratio)))}
@media(max-width:540px){.compare,.comparisons .compare{width:100%}.card:fullscreen .compare{width:min(100%,calc((100dvh - 180px)*var(--image-ratio)))}}
