@media (prefers-reduced-motion: no-preference) {
  #MainContent product-card.product-card-motion-enter {
    animation: product-card-motion-in 480ms cubic-bezier(0.16, 1, 0.3, 1) both;
    animation-delay: var(--product-card-motion-delay, 0ms);
  }

  @keyframes product-card-motion-in {
    from { opacity: 0; translate: 0 14px; }
    to { opacity: 1; translate: 0 0; }
  }
}