/* Productpagina fase 1a: de overgang tussen zusterproducten ("Andere varianten") als cross-document View Transition,
   alleen CSS. Dit bestand laadt alleen op de productpagina (storefront/winkel_product.html), dus alleen een navigatie
   van productpagina naar productpagina krijgt de overgang; het hoofdbeeld en de titel schuiven mee. Een browser die
   het niet kent (Firefox) navigeert gewoon; bij prefers-reduced-motion geen overgang. Styleguide
   #sg-storefront-zusters. Geen Tailwind-build: een @view-transition-regel in app.css gold voor elke winkelpagina. */
@media (prefers-reduced-motion: no-preference) {
  @view-transition { navigation: auto; }
  .sf-product .sf-product-galerij .sf-galerij-kader { view-transition-name: sf-productbeeld; }
  .sf-product .sf-winkel-titel { view-transition-name: sf-producttitel; }
}