/* View Transitions (Fase 6 chunk 2): PLP→PDP-morph av produktbilde-
 * tilen + standard side-crossfade. Cross-document VT krever opt-in i
 * BEGGE dokumenter — fila enqueues kun på Woo-sider (inc/enqueue.php),
 * så øvrige navigasjoner er urørt. Uten støtte (Firefox cross-doc,
 * eldre Safari) ignoreres alt — navigasjonen er som før.
 *
 * Avsender-siden (PLP-kortet) navngis i JS ved klikk (plp-rail.js) —
 * statisk navn på alle kort = duplikat = transisjonen dør. Mottaker
 * (PDP-galleriets første tile) har statisk navn her. */

@view-transition {
	navigation: auto;
}

@media (prefers-reduced-motion: reduce) {
	@view-transition {
		navigation: none;
	}
}

.fram-product-cols .ch-pg__item:first-child {
	view-transition-name: fram-product-hero;
}

::view-transition-group(fram-product-hero) {
	animation-duration: 300ms;
	animation-timing-function: cubic-bezier(0.2, 0.8, 0.2, 1);
}