/* The native image, link, secondary photo and layout remain in the theme. */
@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
  article.product-miniature a.product-thumbnail.atomx-product-motion-surface,
  a.axn-option[data-product-id].atomx-product-motion-surface {
    perspective: 480px;
    perspective-origin: 50% 50%;
  }

  article.product-miniature a.product-thumbnail .atomx-product-motion-image,
  a.axn-option[data-product-id] .atomx-product-motion-image {
    rotate: var(--atomx-pm-axis-x, 1) var(--atomx-pm-axis-y, 0) 0 var(--atomx-pm-angle, 0deg);
    scale: var(--atomx-pm-scale, 1);
    translate: var(--atomx-pm-shift, 0px) var(--atomx-pm-lift, 0px);
    box-shadow: 0 calc(var(--atomx-pm-depth, 0) * 16px) calc(var(--atomx-pm-depth, 0) * 26px) rgba(0, 0, 0, calc(var(--atomx-pm-depth, 0) * 0.24));
    transform-origin: 50% 50%;
    will-change: rotate, scale, translate;
  }
}
