/* Add custom CSS styles below */ 
@media (prefers-reduced-motion: no-preference) {
  /* حركة طفيفة لبطاقات المنتجات في جميع الصفحات ما عدا الرئيسية */
  body:not(.index) custom-salla-product-card {
    animation: selia-subtle-float 2.5s ease-in-out infinite;
  }

  /* في الصفحة الرئيسية، نطبق الحركة على صورة المنتج لتجنب التعارض مع حركات الثيم */
  body.index custom-salla-product-card .product-card__image img {
    animation: selia-subtle-float 2.5s ease-in-out infinite;
  }

  @keyframes selia-subtle-float {
    0%, 100% {
      transform: translateY(0);
    }
    50% {
      transform: translateY(-5px); /* حركة خفيفة للأعلى والأسفل */
    }
  }
}