/* V11: single root crossfade for Back. No sliding the entire page or
   scaling the root screenshot: those motions looked like late re-positioning. */
html.penta-v11-no-smooth, html.penta-v11-no-smooth body {
  scroll-behavior: auto !important;
}
html.penta-v11-transitioning::view-transition-old(root) {
  animation: pentaV11Out .24s ease-in both;
}
html.penta-v11-transitioning::view-transition-new(root) {
  animation: pentaV11In .52s cubic-bezier(.22,1,.36,1) both;
}
@keyframes pentaV11Out { to { opacity: .12; } }
@keyframes pentaV11In { from { opacity: 0; } to { opacity: 1; } }

/* Suppress *secondary* enter animations while going backwards, and after
   finishing until the next forward navigation. Layout metrics are unchanged. */
html:is(.penta-v11-transitioning,.penta-v11-settled-back).penta-v3-category header > button,
html:is(.penta-v11-transitioning,.penta-v11-settled-back).penta-v3-category header > .penta-list-anim,
html:is(.penta-v11-transitioning,.penta-v11-settled-back).penta-v3-category #product-grid > .penta-list-anim,
html:is(.penta-v11-transitioning,.penta-v11-settled-back).penta-v3-category .penta-v3-skeleton-card,
html:is(.penta-v11-transitioning,.penta-v11-settled-back) .penta-v4-checkout-shell > div:first-child > div:nth-child(2) {
  animation: none !important;
  opacity: 1 !important;
  transform: none !important;
}
html:is(.penta-v11-transitioning,.penta-v11-settled-back).penta-v3-category #product-grid img.penta-v3-image {
  opacity: 1 !important;
  transition: none !important;
}
@media (prefers-reduced-motion: reduce) {
  html.penta-v11-transitioning::view-transition-old(root),
  html.penta-v11-transitioning::view-transition-new(root) {
    animation-duration: .01ms !important;
  }
}