/* 1) اجعل البطاقة هي مرجع التموضع الحقيقي */
custom-salla-product-card .product-card{
  position: relative !important;
}

/* 2) اكسر أي (position:relative) داخل قسم المحتوى حتى لا تتقيد الشارة به */
custom-salla-product-card .product-card__content,
custom-salla-product-card .product-card__content-wrapper{
  position: static !important;
}

/* 3) ضع شارة الخصم فوق الصورة (على مستوى البطاقة) */
custom-salla-product-card .product-card__discount{
  position: absolute !important;
  top: 12px !important;
  left: 12px !important;
  z-index: 999 !important;

  background: #e11d48 !important;
  color: #fff !important;

  padding: 6px 10px !important;
  border-radius: 4px !important;

  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1 !important;

  box-shadow: 0 2px 6px rgba(0,0,0,.2) !important;
}

/* 4) توحيد لون النص داخل الشارة */
custom-salla-product-card .product-card__discount span{
  color:#fff !important;
  font-weight:700 !important;
}