/* Add custom CSS styles below */ 
/* شارة العروض (زي 5+1) */
.s-product-card-promotion-title {
  background: linear-gradient(135deg, #6A8E3C, #7FA94A) !important; /* تدرج لمعة خفيفة */
  color: #fff !important;
  border: none !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15) !important; /* ظل بسيط */
  border-radius: 4px !important;
}
.s-product-card-promotion-title::before,
.s-product-card-promotion-title::after {
  background: linear-gradient(135deg, #6A8E3C, #7FA94A) !important;
  border-color: #6A8E3C !important;
}

/* شارة نسبة الخصم (زي خصم 17%) */
.s-product-card-discount,
.s-product-card .s-product-card-discount,
.card-discount,
.s-product-card .card-discount {
  background: linear-gradient(135deg, #6A8E3C, #7FA94A) !important;
  color: #fff !important;
  border: none !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15) !important;
  border-radius: 4px !important;
}
.s-product-card-discount .off-ratio,
.card-discount .off-ratio {
  background: linear-gradient(135deg, #6A8E3C, #7FA94A) !important;
  color: #fff !important;
}

.s-product-card-discount::before,
.s-product-card-discount::after,
.card-discount::before,
.card-discount::after {
  background: linear-gradient(135deg, #6A8E3C, #7FA94A) !important;
  border-color: #6A8E3C !important;
}

/* لو القالب بيرسم لون داخلي على العنصر */
span.off-ratio {
  background: linear-gradient(135deg, #6A8E3C, #7FA94A) !important;
  color: #fff !important;
}