/* Real-photo comparison: both photos retain the same complete 4:3 frame. */
.comparison.repair-comparison{aspect-ratio:4/3;min-height:0;max-width:1040px;margin-inline:auto;background:#15171c;touch-action:pan-y;user-select:none}
.repair-comparison .comparison-side{padding:0;display:block;background:none}
.repair-comparison .comparison-side picture,.repair-comparison .comparison-side img{display:block;width:100%;height:100%;object-fit:contain}
.repair-comparison .comparison-before{z-index:0}
.repair-comparison .comparison-after{z-index:1;clip-path:inset(0 0 0 var(--position,50%))}
.repair-comparison .comparison-divider{z-index:3;pointer-events:none}
.repair-label{position:absolute;top:16px;z-index:4;padding:7px 13px;border-radius:4px;color:#fff;background:#0b0c0fe8;font:700 .72rem/1.5 Inter,system-ui,sans-serif;letter-spacing:.1em;pointer-events:none}
.repair-label-before{left:16px}.repair-label-after{right:16px}
.repair-handle{position:absolute;z-index:5;left:var(--position,50%);top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:56px;height:56px;border:2px solid #fff;border-radius:50%;background:var(--red,#d71935);color:#fff;box-shadow:0 4px 15px #0005;cursor:ew-resize;touch-action:none;padding:0;font:700 22px/1 system-ui,sans-serif}
.repair-handle:hover{background:#b4142b}.repair-comparison:has(.repair-handle:focus-visible){outline:3px solid #b4142b;outline-offset:4px}
.repair-comparison.is-unavailable .comparison-divider,.repair-comparison.is-unavailable .repair-handle,.repair-comparison.is-unavailable .repair-label{display:none}
.repair-image-error{position:absolute;inset:0;z-index:8;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:14px;padding:32px;background:#15171c;color:#fff;font:400 1rem/1.6 Inter,system-ui,sans-serif}
.repair-image-error a{color:#ff8394;text-decoration:underline}
.repair-caption{max-width:1040px;margin-inline:auto!important}
.comparison-figure .repair-caption{grid-template-columns:minmax(0,1fr) minmax(200px,340px);gap:18px 32px}
.repair-caption h3{font-size:1.65rem;margin:0 0 8px}.repair-caption p{font-size:.85rem;color:#575d67;margin:0}
.repair-control label{display:block;margin-bottom:5px;font-size:.81rem;font-weight:600}.repair-control input{display:block;width:100%;min-height:44px;margin:0;accent-color:#b4142b}
.repair-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.repair-actions button{border:1px solid #969ba4;border-radius:4px;background:#fff;color:#252a32;min-height:44px;padding:8px 13px;font-size:.75rem;font-weight:600}
.repair-actions button[aria-pressed=true]{border-color:#b4142b;background:#fcebef;color:#8e1024}
.repair-original-links{display:flex;gap:20px;flex-wrap:wrap;font-size:.77rem;grid-column:1/-1}.repair-original-links a{color:#92152b;text-decoration:underline;min-height:44px;display:inline-flex;align-items:center}
.repair-caption .repair-note{grid-column:1/-1;font-size:.72rem;color:#616670;max-width:85ch}
@media(max-width:920px){.comparison-figure .repair-caption{grid-template-columns:1fr}.repair-control{width:100%}}
@media(max-width:560px){.repair-label{top:10px;padding:6px 9px;font-size:.6rem}.repair-label-before{left:10px}.repair-label-after{right:10px}.repair-handle{width:46px;height:46px}.repair-caption h3{font-size:1.45rem}.repair-actions button{flex:1}.repair-image-error{padding:20px;font-size:.85rem}}
@media(prefers-reduced-motion:reduce){.repair-handle{transition:none}}