/* V10: one capture of previous page + one capture of the new route.
   No delayed second fade and no separate root fallback overlay. */
html.penta-v10-no-scroll, html.penta-v10-no-scroll body {scroll-behavior:auto!important}
html.penta-v10-running::view-transition-old(root){animation:pentaV10Old .27s cubic-bezier(.4,0,.7,1) both}
html.penta-v10-running::view-transition-new(root){animation:pentaV10New .54s cubic-bezier(.22,1,.36,1) both}
@keyframes pentaV10Old {to{opacity:.22;transform:scale(.995)}}
@keyframes pentaV10New {from{opacity:.08;transform:translate3d(0,8px,0) scale(.998)}to{opacity:1;transform:none}}
/* Prevent V3 card animations and V4 checkout entrance from fighting the root
   view transition or starting a SECOND time when transition class is removed. */
html:is(.penta-v10-running,.penta-v10-settled).penta-v3-category header > button,
html:is(.penta-v10-running,.penta-v10-settled).penta-v3-category header > .penta-list-anim,
html:is(.penta-v10-running,.penta-v10-settled).penta-v3-category #product-grid > .penta-list-anim,
html:is(.penta-v10-running,.penta-v10-settled).penta-v3-category .penta-v3-skeleton-card,
html:is(.penta-v10-running,.penta-v10-settled) .penta-v4-checkout-shell > div:first-child > div:nth-child(2){
  animation:none!important;opacity:1!important;transform:none!important
}
html:is(.penta-v10-running,.penta-v10-settled).penta-v3-category #product-grid img.penta-v3-image{
  opacity:1!important;transition:none!important
}
@media(prefers-reduced-motion:reduce){
 html.penta-v10-running::view-transition-old(root),
 html.penta-v10-running::view-transition-new(root){animation-duration:.01ms!important}
}