/* V12.20: section-3 close-ups are exact crops of unchanged source photos; they fill the stage with no white margin. */
.detail-photo-story-v19 .v19-gallery-stage[data-gallery-fit="crop"] { background:#eef3f8; }
.detail-photo-story-v19 .v19-gallery-stage[data-gallery-fit="crop"]>img { position:absolute; max-width:none; margin:0; padding:0; width:calc(var(--source-w) * 100% / var(--crop-w)); height:calc(var(--source-h) * 100% / var(--crop-h)); left:calc(var(--crop-x) * -100% / var(--crop-w)); top:calc(var(--crop-y) * -100% / var(--crop-h)); object-fit:fill; mix-blend-mode:normal; transform:none; }
/* The crop wrapper is a <span> inside the thumb button, so the V19 number-badge rule `.v19-gallery-thumb>span` (0,2,1) also matches it and
   used to shrink it to an 18x18 absolute badge. This selector (0,3,0) outranks it and resets every badge property. The wrapper keeps the crop
   aspect ratio, is as tall as the plain thumbnails (76px, 57px on mobile) and never exceeds the tile width. */
.detail-photo-story-v19 .v19-gallery-thumb>.v20-thumb-crop { position:relative; inset:auto; display:block; flex:none; overflow:hidden; min-width:0; max-width:100%; width:min(100%, calc(76px * var(--crop-w) / var(--crop-h))); height:auto; aspect-ratio:var(--crop-w) / var(--crop-h); border-radius:0; background:#eef3f8; place-items:normal; font-size:0; line-height:0; }
.detail-photo-story-v19 .v20-thumb-crop>img { position:absolute; display:block; max-width:none; width:calc(var(--source-w) * 100% / var(--crop-w)); height:calc(var(--source-h) * 100% / var(--crop-h)); left:calc(var(--crop-x) * -100% / var(--crop-w)); top:calc(var(--crop-y) * -100% / var(--crop-h)); object-fit:fill; }
/* The IM C2010 and IM 3010 close-up crops are 460px wide: keep them at or under 1.5x on wide screens. */
.detail-photo-story-v19[data-detail-model="ricoh-imc2010"] .v19-gallery-stage[data-gallery-fit="crop"],
.detail-photo-story-v19[data-detail-model="ricoh-im3010"] .v19-gallery-stage[data-gallery-fit="crop"] { max-width:690px; margin-inline:auto; }
@media(max-width:760px) {
 .detail-photo-story-v19 .v19-gallery-thumb>.v20-thumb-crop { width:min(100%, calc(57px * var(--crop-w) / var(--crop-h))); }
}
