/* Native navigation remains usable; transitions are a progressive enhancement. */
@view-transition { navigation: auto; }
@media (prefers-reduced-motion: no-preference) {
 [data-product-title="civesto"] { view-transition-name: product-civesto; }
 [data-product-title="kuzey-maps"] { view-transition-name: product-kuzey-maps; }
 [data-product-title="nora"] { view-transition-name: product-nora; }
 [data-product-title="tandem"] { view-transition-name: product-tandem; }
 [data-product-title="makinist"] { view-transition-name: product-makinist; }
 ::view-transition-group(*), ::view-transition-old(*), ::view-transition-new(*) {
  animation-duration: var(--dur-page);
  animation-timing-function: var(--ease-standard);
 }
 ::view-transition-old(root) { animation-name: touman-page-out; mix-blend-mode: plus-lighter; }
 ::view-transition-new(root) { animation-name: touman-page-in; mix-blend-mode: plus-lighter; }
}
@keyframes touman-page-out { from { opacity: 1; } to { opacity: 0; } }
@keyframes touman-page-in { from { opacity: 0; } to { opacity: 1; } }
@media (prefers-reduced-motion: reduce) {
 @view-transition { navigation: none; }
 [data-product-title] { view-transition-name: none; }
}