@view-transition {
	navigation: auto;
}

::view-transition-group(product-media-*) {
	animation-duration: 0.45s;
	animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

::view-transition-old(product-media-*),
::view-transition-new(product-media-*) {
	mix-blend-mode: normal;
	height: 100%;
	object-fit: cover;
}

@media (prefers-reduced-motion: reduce) {
	::view-transition-group(*),
	::view-transition-old(*),
	::view-transition-new(*) {
		animation: none !important;
	}
}