@media (prefers-reduced-motion: no-preference) {
  .pd-kind-simple {
    --pd-motion-duration-fast: 160ms;
    --pd-motion-duration: 260ms;
    --pd-motion-duration-slow: 420ms;
    --pd-motion-ease: cubic-bezier(0.2, 0.8, 0.2, 1);
    --pd-motion-lift: 8px;
  }

  .js .pd-kind-simple .pd-breadcrumb,
  .js .pd-kind-simple .pdcf-gallery-col,
  .js .pd-kind-simple .pdcf-primary,
  .js .pd-kind-simple .pdcf-buybox-col {
    animation: pd-simple-enter var(--pd-motion-duration-slow) var(--pd-motion-ease) both;
  }

  .js .pd-kind-simple .pd-breadcrumb {
    animation-delay: 20ms;
  }

  .js .pd-kind-simple .pdcf-gallery-col {
    animation-delay: 50ms;
  }

  .js .pd-kind-simple .pdcf-primary {
    animation-delay: 100ms;
  }

  .js .pd-kind-simple .pdcf-buybox-col {
    animation-delay: 140ms;
  }

  .pd-kind-simple .pd-motion-reveal {
    opacity: 0;
    transform: translate3d(0, 12px, 0);
    transition:
      opacity var(--pd-motion-duration-slow) var(--pd-motion-ease),
      transform var(--pd-motion-duration-slow) var(--pd-motion-ease);
  }

  .pd-kind-simple .pd-motion-reveal.is-motion-visible {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }

  .pd-kind-simple .pd-main-btn > img,
  .pd-kind-simple .pd-thumb,
  .pd-kind-simple .pd-fav-btn,
  .pd-kind-simple .pd-share-btn,
  .pd-kind-simple .pd-price-alert-btn,
  .pd-kind-simple .pd-cart-btn {
    transition:
      transform var(--pd-motion-duration-fast) var(--pd-motion-ease),
      opacity var(--pd-motion-duration-fast) var(--pd-motion-ease),
      background-color var(--pd-motion-duration-fast) var(--pd-motion-ease),
      border-color var(--pd-motion-duration-fast) var(--pd-motion-ease);
  }

  .pd-kind-simple .pd-main-img {
    contain: paint;
  }

  .pd-kind-simple .pd-thumb.is-active {
    transform: translate3d(0, -2px, 0);
  }

  .pd-kind-simple .pd-thumb:active,
  .pd-kind-simple .pd-cart-btn:active,
  .pd-kind-simple .pd-fav-btn:active,
  .pd-kind-simple .pd-share-btn:active,
  .pd-kind-simple .pd-price-alert-btn:active {
    transform: scale(0.98);
  }

  .pd-kind-simple #pd-main-price.pd-motion-flash .pd-sale-price,
  .pd-kind-simple .pd-cart-btn.is-success {
    animation: pd-simple-confirm 560ms var(--pd-motion-ease) both;
  }

  @media (hover: hover) and (pointer: fine) {
    .pd-kind-simple .pd-main-btn:hover > img {
      transform: scale(1.012);
    }

    .pd-kind-simple .pd-thumb:hover,
    .pd-kind-simple .pd-fav-btn:hover,
    .pd-kind-simple .pd-share-btn:hover,
    .pd-kind-simple .pd-price-alert-btn:hover {
      transform: translate3d(0, -2px, 0);
    }
  }
}

.pd-kind-simple .pd-crosssell,
.pd-kind-simple .pd-tabs-layout,
.pd-kind-simple .pd-also-viewed,
.pd-kind-simple .pd-reviews {
  content-visibility: auto;
  contain-intrinsic-size: auto 520px;
}

@keyframes pd-simple-enter {
  from {
    opacity: 0;
    transform: translate3d(0, var(--pd-motion-lift), 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

@keyframes pd-simple-confirm {
  0% {
    transform: scale(1);
  }
  38% {
    transform: scale(1.025);
  }
  100% {
    transform: scale(1);
  }
}

@media (prefers-reduced-motion: reduce) {
  .pd-wrap *,
  .pd-wrap *::before,
  .pd-wrap *::after {
    animation: none !important;
    transition: none !important;
    scroll-behavior: auto !important;
  }
}