/* Shared low-cost motion and rendering defaults for the legacy storefront. */
#main-header,
.product-card,
.icon-btn,
.cart-btn,
.btn-primary,
.btn-outline,
.btn-add-cart,
.explore-btn,
.sort-trigger,
.category-list li.category-item {
  transition-property: color, background-color, border-color, box-shadow, opacity, transform;
}

@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;
    transition-delay: 0ms !important;
  }

  ::view-transition-old(root),
  ::view-transition-new(root) {
    animation: none !important;
  }
}

@media (max-width: 700px) and (prefers-reduced-motion: no-preference) {
  .sparkle,
  .petal,
  .atelier-spark,
  .product-badge:not(.sale),
  .orbit-decoration {
    animation: none !important;
  }

  .marquee-track,
  .marquee-content {
    animation-play-state: paused !important;
  }
}

@media (max-width: 768px) {
  #main-header,
  .glass-card,
  .glass-dark,
  .shop-sidebar,
  .sort-trigger {
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
  }
}

html.save-data .sparkle,
html.save-data .petal,
html.save-data .atelier-spark,
html.save-data .product-badge:not(.sale),
html.save-data .orbit-decoration,
html.save-data .marquee-track,
html.save-data .marquee-content {
  animation: none !important;
}