/**
 * MLS Genie™ — photo zoom and pan (mlsg-zoom.js).
 *
 * The script sets three custom properties on the photo; everything that
 * moves it is here. Origin top-left, so the script's arithmetic is plain.
 */
.mlsg-zoom-target {
	transform-origin: 0 0;
	transform: translate(var(--mlsg-zoom-x, 0px), var(--mlsg-zoom-y, 0px)) scale(var(--mlsg-zoom-s, 1));
	touch-action: none;
	cursor: zoom-in;
	user-select: none;
	-webkit-user-select: none;
	-webkit-touch-callout: none;
}
.mlsg-zoom-target.is-zoomed { cursor: grab; }
.mlsg-zoom-target.is-panning { cursor: grabbing; }
/* Double-tap, double-click, the zoom button and settling after a pinch
   animate; fingers and the mouse move the photo directly. */
.mlsg-zoom-target.is-zoom-anim {
	transition: transform 0.3s cubic-bezier(.22, 1, .36, 1), opacity 0.2s ease;
}

@media (prefers-reduced-motion: reduce) {
	.mlsg-zoom-target.is-zoom-anim { transition: none; }
}