.site-motion-enabled .site-reveal {
  opacity: 0;
  filter: blur(7px);
  transform: translate3d(0, 26px, 0) scale(.985);
  transition:
    opacity .68s cubic-bezier(.22, 1, .36, 1),
    filter .68s cubic-bezier(.22, 1, .36, 1),
    transform .78s cubic-bezier(.22, 1, .36, 1);
  transition-delay: var(--site-motion-delay, 0ms);
  will-change: opacity, filter, transform;
}

.site-motion-enabled .site-reveal-left {
  transform: translate3d(-30px, 0, 0) scale(.985);
}

.site-motion-enabled .site-reveal-right {
  transform: translate3d(30px, 0, 0) scale(.985);
}

.site-motion-enabled .site-reveal-scale {
  transform: translate3d(0, 22px, 0) scale(.955);
}

.site-motion-enabled .site-reveal.is-site-visible {
  opacity: 1;
  filter: none;
  transform: none;
}

.site-motion-enabled .site-image-pan {
  overflow: hidden;
}

.site-motion-enabled .site-image-pan img,
.site-motion-enabled .site-image-pan video {
  transform: scale(1.04);
  transition: transform 1.25s cubic-bezier(.22, 1, .36, 1);
  transition-delay: var(--site-motion-delay, 0ms);
  will-change: transform;
}

.site-motion-enabled .site-image-pan.is-site-visible img,
.site-motion-enabled .site-image-pan.is-site-visible video {
  transform: scale(1);
}

.site-motion-enabled .site-breathe.is-site-visible {
  animation: siteMotionBreathe 7.5s ease-in-out 1s infinite;
}

.site-motion-enabled .product-card.site-reveal {
  transform: translate3d(0, 22px, 0) scale(.97);
}

.site-motion-enabled .product-card.site-reveal.is-site-visible {
  transform: none;
}

.site-motion-enabled .product-card.site-reveal.is-site-visible:hover {
  transform: translateY(-2px);
}

.site-motion-enabled .filter-pill.site-reveal.is-site-visible:hover,
.site-motion-enabled .price-brand-btn.site-reveal.is-site-visible:hover {
  transform: translateY(-1px);
}

@keyframes siteMotionBreathe {
  0%, 100% {
    transform: translateY(0) scale(1);
  }
  50% {
    transform: translateY(-4px) scale(1.01);
  }
}

@media (max-width: 760px) {
  .site-motion-enabled .site-reveal {
    filter: blur(4px);
    transform: translate3d(0, 16px, 0) scale(.99);
    transition-duration: .52s, .52s, .6s;
  }

  .site-motion-enabled .site-reveal-left,
  .site-motion-enabled .site-reveal-right {
    transform: translate3d(0, 16px, 0) scale(.99);
  }
}

@media (prefers-reduced-motion: reduce) {
  .site-motion-enabled .site-reveal,
  .site-motion-enabled .site-image-pan img,
  .site-motion-enabled .site-image-pan video {
    opacity: 1 !important;
    filter: none !important;
    transform: none !important;
    transition: none !important;
    animation: none !important;
  }
}
