/* Add custom CSS styles below */ 
/* إخفاء العنوان */
div.mb-6 > h2.font-semibold.text-background.text-center {
    display: none !important;
}

/* إخفاء اللوجو */
div.absolute.top-6:has(> img[src*="fd412fe5-970e-4ec0-a387-50e986edae1f.webp"]) {
    display: none !important;
}

/* إخفاء قسم تخفيضات والأكثر مبيعاً (يشتركان في نفس الرابط) */
.category-card:has(.parent-category[data-url="https://ra7eek.com/ar/offers"]) {
    display: none !important;
}

/* إخفاء قسم العلامات التجارية */
.category-card:has(.parent-category[data-url="https://ra7eek.com/ar/brands"]) {
    display: none !important;
}

/* ------------------------------------------------------ */
/* 1. التعديل على الصورة الأساسية المعروضة في جالري صفحة المنتج فقط */
/* ------------------------------------------------------ */
.product-single .details-slider [slot="items"] .magnify-wrapper.homeslider__slide {
    aspect-ratio: 871 / 1016 !important;
    height: auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background-color: transparent !important;
    width: 100% !important; /* لإلغاء أي عرض ثابت يسبب مساحات */
}

.product-single .details-slider [slot="items"] .magnify-wrapper.homeslider__slide img {
    object-fit: contain !important;
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
}

/* ------------------------------------------------------ */
/* 2. التعديل على الصور المصغرة (الثمنيلز) في نفس الجالري فقط */
/* ------------------------------------------------------ */
.product-single .details-slider [slot="thumbs"] .slide--one-fourth {
    aspect-ratio: 871 / 1016 !important;
    height: auto !important;
    background-color: transparent !important;
}

.product-single .details-slider [slot="thumbs"] .slide--one-fourth img {
    object-fit: contain !important; /* يمنع قص الصور المصغرة ويظهرها كاملة */
    width: 100% !important;
    height: 100% !important;
    background-color: transparent !important;
}