/* Native same-origin navigation keeps WooCommerce forms and scripts intact.
   The common header stays still while only the page contents cross-fade. */
@view-transition{navigation:auto}
#header{view-transition-name:echo-site-header}
::view-transition-group(echo-site-header){animation:none;z-index:1}
::view-transition-old(echo-site-header){display:none}
::view-transition-new(echo-site-header){animation:none;mix-blend-mode:normal}
::view-transition-old(root),::view-transition-new(root){animation-duration:140ms}
@media(prefers-reduced-motion:reduce){
  ::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}
}