.parking-comparison{margin:0 auto 48px;max-width:900px}
.comparison-caption{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin-bottom:18px}
.comparison-caption h3{font-size:24px;font-weight:550;letter-spacing:-.6px;margin:0}
.comparison-caption p{font-size:14px;color:var(--muted);margin:0;max-width:420px}
.comparison-frame{--after-position:50%;position:relative;width:100%;aspect-ratio:1312/1199;overflow:hidden;border-radius:3px;background:#20282d;isolation:isolate;direction:ltr;touch-action:pan-y;user-select:none;-webkit-user-select:none}
.comparison-frame img{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;object-fit:contain;pointer-events:none}
/* Clip a full-size layer: neither image changes size or position when dragging. */
.comparison-after{position:absolute;inset:0;clip-path:inset(0 calc(100% - var(--after-position)) 0 0)}
.comparison-label{position:absolute;top:20px;z-index:2;background:rgba(247,248,248,.96);color:#191f23;padding:8px 15px;font-size:14px;font-weight:650;line-height:1.4;border-radius:2px;pointer-events:none}
.comparison-label-before{right:20px}.comparison-label-after{left:20px}
.comparison-line{position:absolute;left:var(--after-position);top:0;bottom:0;width:2px;background:#fff;box-shadow:0 0 8px #0005;transform:translateX(-50%);z-index:2;pointer-events:none}
.comparison-handle{position:absolute;left:clamp(26px,var(--after-position),calc(100% - 26px));top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:52px;height:52px;background:var(--orange);color:#191f23;border:2px solid #fff;border-radius:50%;box-shadow:0 3px 16px #0004;z-index:2;pointer-events:none}
.comparison-handle svg{width:30px;height:24px}
.comparison-range{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;z-index:3;cursor:ew-resize;direction:ltr;touch-action:pan-y}
.comparison-frame:has(.comparison-range:focus-visible){outline:3px solid var(--orange);outline-offset:5px}
.comparison-range:focus-visible~.comparison-handle{box-shadow:0 0 0 4px #20282d,0 0 0 7px #fff}
@media(max-width:640px){.parking-comparison{margin-bottom:32px}.comparison-caption{display:block}.comparison-caption h3{font-size:22px}.comparison-caption p{margin-top:8px;max-width:none}.comparison-label{top:12px;padding:7px 12px}.comparison-label-before{right:12px}.comparison-label-after{left:12px}}