/* Add custom CSS styles below */ /* تأثير النبض القوي مع اللون الأحمر (من الطلب السابق، إذا كنت ترغب في الاحتفاظ به) */ @keyframes strong-pulse-red {   0% {     transform: scale(1);     box-shadow: 0 0 0 0 rgba(255, 0, 0, 0.7);   }   50% {     transform: scale(1.1);     box-shadow: 0 0 0 10px rgba(255, 0, 0, 0);     background-color: #ff0000 !important;     color: #ffffff !important;   }   100% {     transform: scale(1);     box-shadow: 0 0 0 0 rgba(255, 0, 0, 0);   } }  .product-card salla-add-product-button button.s-button-element {   animation: strong-pulse-red 1s infinite;   background-color: var(--color-primary, #C68B47) !important;   color: #ffffff !important;   border-color: var(--color-primary, #C68B47) !important; }  /* تكبير الصورة وتوضيحها (من الطلب السابق، إذا كنت ترغب في الاحتفاظ به) */ .product-card a img.main-image {   transform: scale(1.05);   filter: brightness(1.1);   transition: transform 0.3s ease, filter 0.3s ease; }  /* تأثير الإيموشن المتحرك لعنصر "لفترة محدودة" */ @keyframes bounce-and-fade {   0%, 100% {     transform: translateY(0) scale(1);     opacity: 1;   }   25% {     transform: translateY(-5px) scale(1.05); /* حركة خفيفة للأعلى مع تكبير */     opacity: 0.9;   }   50% {     transform: translateY(0) scale(1);     opacity: 1;   }   75% {     transform: translateY(5px) scale(0.95); /* حركة خفيفة للأسفل مع تصغير */     opacity: 0.9;   } }  .product-card__promotion {   animation: bounce-and-fade 3s ease-in-out infinite; /* تطبيق الحركة */   font-size: 14px; /* يمكنك تعديل حجم الخط ليناسب الإيموشن */   font-weight: bold;   border-radius: 8px; /* لجعل الشكل أكثر نعومة */   padding: 4px 8px;   display: flex; /* لضمان توسيط المحتوى إذا كان هناك أيقونة */   align-items: center;   justify-content: center; }  /* إضافة إيموجي (اختياري) */ .product-card__promotion::before {   content: ' '; /* إيموجي نجمة لامعة */   margin-inline-end: 5px; /* مسافة بين الإيموجي والنص */ }