/* Southern Range Product Content 2.5.5 — stronger mobile image zoom with
   invariant hotspot sizing. */

@media (max-width: 767px) {
	/* Kit contents: stronger object presence. */
	.srpc-explorer-panel.is-standard .srpc-explorer-media-frame {
		scale: 1.58;
	}

	/* The parent zoom moves each marker with its annotated object. The inverse
	   transform prevents the marker itself from becoming visually larger. */
	.srpc-explorer-panel.is-standard .srpc-explorer-hotspot {
		transform: scale(.633);
		transform-origin: center;
	}

	/* Storage remains portrait-led, so use a slightly gentler crop. */
	.srpc-explorer-panel[data-explorer-panel*="how-it-packs"] .srpc-explorer-media-frame {
		scale: 1.48;
	}

	.srpc-explorer-panel[data-explorer-panel*="how-it-packs"] .srpc-explorer-hotspot {
		transform: scale(.676);
	}
}

@media (max-width: 359px) {
	.srpc-explorer-panel.is-standard .srpc-explorer-media-frame {
		scale: 1.48;
	}

	.srpc-explorer-panel.is-standard .srpc-explorer-hotspot {
		transform: scale(.676);
	}

	.srpc-explorer-panel[data-explorer-panel*="how-it-packs"] .srpc-explorer-media-frame {
		scale: 1.38;
	}

	.srpc-explorer-panel[data-explorer-panel*="how-it-packs"] .srpc-explorer-hotspot {
		transform: scale(.725);
	}
}

@media (max-width: 767px) and (prefers-reduced-motion: reduce) {
	.srpc-explorer-panel.is-standard .srpc-explorer-hotspot {
		transform: scale(.633) !important;
	}

	.srpc-explorer-panel[data-explorer-panel*="how-it-packs"] .srpc-explorer-hotspot {
		transform: scale(.676) !important;
	}
}

@media (max-width: 359px) and (prefers-reduced-motion: reduce) {
	.srpc-explorer-panel.is-standard .srpc-explorer-hotspot {
		transform: scale(.676) !important;
	}

	.srpc-explorer-panel[data-explorer-panel*="how-it-packs"] .srpc-explorer-hotspot {
		transform: scale(.725) !important;
	}
}