/* Matched generated images: real two-layer clipping, no synthetic diagram overlay. */
.comparison[data-active-case] .comparison-image,
.comparison[data-active-case] .comparison-overlay>img{
  width:100%;height:100%;max-width:100%;object-fit:cover;
  object-position:50% 50%;transform:none;transition:opacity .18s;
}
.comparison[data-active-case] .comparison-overlay{filter:none}
.comparison[data-active-case] .comparison-overlay>img{filter:none}
.comparison .case-map{display:none}
.comparison input{z-index:5;touch-action:pan-y}
.comparison .divider{z-index:4}
.comparison .compare-label,.comparison .comparison-caption{z-index:6;pointer-events:none}
.comparison-caption{max-width:75%}
.comparison-caption span{font-size:8px}
.comparison-caption strong{font-size:12px}
.case-tabs button:nth-child(1){background-image:url('assets/case-lips-after.webp');background-size:cover;background-position:center}
.case-tabs button:nth-child(2){background-image:url('assets/case-cheeks-after.webp');background-size:cover;background-position:center}
.case-tabs button:nth-child(3){background-image:url('assets/case-forehead-after.webp');background-size:cover;background-position:center}
@media(max-width:700px){.comparison-caption{max-width:82%}.comparison-caption strong{font-size:11px}}
