/* Add custom CSS styles below */
/* 1. إخفاء الشعار المرسوم داخل الصورة عن طريق تغطيته بمربع أبيض */
.product-entry__image {
    position: relative !important;
    overflow: hidden !important;
}

.product-entry__image::after {
    content: "";
    position: absolute;
    top: 5px;   /* المسافة من الأعلى */
    right: 5px; /* المسافة من اليمين */
    width: 25%; /* عرض الغطاء (يغطي ربع الصورة من اليمين) */
    height: 18%; /* ارتفاع الغطاء */
    background-color: #fff; /* لون الغطاء أبيض ليطابق خلفية الصورة */
    z-index: 2; /* ليكون فوق الصورة */
    pointer-events: none; /* لكي لا يمنع النقر على الصورة */
}

/* 2. إزالة الخلفية البيضاء والحدود والظلال لبطاقة المنتج */
custom-salla-product-card.product-entry {
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

/* 3. تنظيف أي خلفيات إضافية داخل العناصر */
.product-entry__content, .content-wrap {
    background-color: transparent !important;
}