/* Shared premium motion system for Golden Majestic Bakery customer pages. */
:root {
  --site-motion-ease: cubic-bezier(0.16, 1, 0.3, 1);
  --site-motion-fast: 220ms;
  --site-motion-medium: 340ms;
}

.site-motion-card {
  backface-visibility: hidden;
  transform-origin: center bottom;
  transition:
    translate var(--site-motion-medium) var(--site-motion-ease),
    scale var(--site-motion-medium) var(--site-motion-ease),
    box-shadow var(--site-motion-medium) ease,
    border-color var(--site-motion-fast) ease !important;
}

.site-motion-card:hover {
  translate: 0 -4px;
  scale: 1.01;
}

.site-motion-lift {
  transition:
    translate var(--site-motion-fast) var(--site-motion-ease),
    scale var(--site-motion-fast) var(--site-motion-ease),
    box-shadow var(--site-motion-fast) ease,
    filter var(--site-motion-fast) ease !important;
}

.site-motion-lift:hover {
  translate: 0 -2px;
}

.site-motion-lift:active {
  translate: 0 0;
  scale: 0.98;
}

.site-motion-media {
  transform-origin: center;
  transition:
    scale 700ms var(--site-motion-ease),
    filter var(--site-motion-medium) ease !important;
}

.site-motion-media:hover {
  scale: 1.012;
}

.site-motion-heading,
.site-motion-copy,
.site-motion-card,
.site-motion-media,
.site-motion-footer-column {
  will-change: transform, opacity;
}

.site-motion-static .site-motion-heading,
.site-motion-static .site-motion-copy,
.site-motion-static .site-motion-card,
.site-motion-static .site-motion-media,
.site-motion-static .site-motion-footer-column {
  opacity: 1 !important;
  translate: none !important;
  scale: none !important;
  filter: none !important;
  clip-path: none !important;
}

@media (max-width: 767px) {
  .site-motion-card:hover,
  .site-motion-media:hover {
    translate: none;
    scale: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto !important;
  }

  .site-motion-card,
  .site-motion-lift,
  .site-motion-media {
    animation: none !important;
    transition-duration: 1ms !important;
  }
}