/* Calm motion system: keep the design polished without scroll-driven movement. */
html {
  scroll-behavior: smooth;
}

/* Remove the continuous decorative movement. */
.animate-float,
.animate-gentle-bounce,
.animate-bounce,
.animate-rotate-3d,
.animate-scale-in,
.animate-glow-ring {
  animation: none !important;
}

/* Replace longer entrances with one restrained fade. */
.animate-fade-in,
.animate-fade-up {
  animation: calm-fade 280ms ease-out both !important;
}

@keyframes calm-fade {
  from {
    opacity: 0.88;
  }

  to {
    opacity: 1;
  }
}

/* Scroll-reveal wrappers previously moved, scaled, and faded for 1.2 seconds. */
[style*="will-change: opacity"] {
  opacity: 1 !important;
  transform: none !important;
  transition: opacity 220ms ease-out !important;
  transition-delay: 0ms !important;
  will-change: auto !important;
}

/* Stop the hero artwork from moving at different speeds while scrolling. */
#about [style*="translateY("] {
  transform: none !important;
}

/* Calm the former 3D cards and remove button shimmer sweeps. */
.scroll-3d-card {
  transform: none !important;
  transition: transform 180ms ease, box-shadow 180ms ease !important;
}

.scroll-3d-card:hover {
  transform: translateY(-3px) !important;
  box-shadow: 0 16px 34px rgba(51, 78, 23, 0.08) !important;
}

.shimmer-button::after {
  display: none !important;
}

/* Keep interactive feedback crisp and consistent. */
.glass-card,
.home-product-card,
.category-product-card,
a,
button {
  transition-duration: 180ms !important;
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    scroll-behavior: auto !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}