/* PopShop™ — PS-10155 View Transitions progressive enhancement.
   Cross-document transitions activate only in browsers that support the API;
   reduced-motion users get an immediate navigation. */
@view-transition { navigation: auto; }

::view-transition-old(root) {
  animation: ps10155-view-out 150ms cubic-bezier(.4,0,1,1) both;
}
::view-transition-new(root) {
  animation: ps10155-view-in 210ms cubic-bezier(.2,.8,.2,1) both;
}
@keyframes ps10155-view-out {
  from { opacity: 1; transform: scale(1); }
  to { opacity: .72; transform: scale(.992); }
}
@keyframes ps10155-view-in {
  from { opacity: 0; transform: translateY(4px) scale(.996); }
  to { opacity: 1; transform: none; }
}
@media (prefers-reduced-motion: reduce) {
  ::view-transition-old(root), ::view-transition-new(root) { animation-duration: 1ms !important; }
}