/****************************************************
= = = = = 1) اللوقو — ضبط الحجم والنسبة = = = = =
****************************************************/
.header-logo img,
.logo-normal {
    max-height: 54px !important;
    width: auto !important;
    object-fit: contain !important;
}


/****************************************************
= = = = = 2) إزالة الخطوط تحت عناوين الأقسام = = = = =
****************************************************/
span.enhanced-title-border.home-block-line,
.enhanced-title-border,
.home-block-line {
    display: none !important;
    border: none !important;
    background: none !important;
    height: 0 !important;
}


/****************************************************
= = = = = 3) ضبط بوكس الصور داخل السلايدرات = = = = =
****************************************************/
/* حجم البوكس لكل بطاقة منتج داخل السلايدر */
.s-slider-container .s-products-slider-card {
    max-width: 232px !important;
    width: 232px !important;
    margin: 0 auto !important;
}

/* خلي البوكس ياخذ ارتفاع الصورة */
.s-slider-container .s-products-slider-card .product-card__image {
    width: 100%;
    height: auto !important;
    overflow: visible !important;
    padding: 0 !important;
}

/* الصورة تحدد الارتفاع */
.s-slider-container .s-products-slider-card .product-card__image img {
    width: 100% !important;
    height: auto !important;
    object-fit: contain !important;
}
/* منع العنصر اللي بعد سلايدر slider-wrap من إضافة مسافة */
.slider-wrap + * {
    margin-top: 0 !important;
    padding-top: 0 !important;
}
/* 1) تغيّر فقط h2 اللي بدون أي كلاس */
h2:not([class]) {
    color: #c194ff !important;
}

/* 2) تغيّر h3 اللي بدون أي كلاس */
h3:not([class]) {
    color: #c194ff !important;
}

/* 3) العناوين من نوع h2 اللي فيها الكلاسات الطويلة (مثل: الأكثر مبيعاً) */
h2.text-3xl.font-bold.tracking-tight.text-store-text-primary.sm\:text-4xl {
    color: #c194ff !important;
}

/* 4) العناوين من نوع h3 اللي بالصورة (مثل: أطقم…) */
h3.mt-6.text-base.font-semibold.leading-7.tracking-tight.text-store-text-primary {
    color: #c194ff !important;
}
p.mt-2.text-3xl.font-bold.tracking-tight.text-store-text-primary.sm\:text-4xl {
    color: #c194ff !important;
}


/****************************************************
= = = = = 4) إلغاء h-full من كل صور البطاقات = = = = =
****************************************************/
.product-card__image img.h-full,
.product-card__image img.second-image,
.product-card__image img.main-image {
    height: auto !important;
    max-height: 100% !important;
    width: auto !important;
    object-fit: contain !important;
}


/****************************************************
= = = = = 5) المسافات بين السلايدر والتصنيفات = = = = =
****************************************************/
/* الوضع الافتراضي لجميع السلايدرات */
.swiper.s-slider-container {
    margin-bottom: 40px !important;
}

/* سلايدر الهيدر (الفيديو) — بدون مسافة تحته */
.advanced-slider--0 .swiper.s-slider-container {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}


/****************************************************
= = = = = 6) تنسيق عناوين الأقسام الرئيسية = = = = =
****************************************************/
h2.text-3xl {
    font-size: 24px !important;
    line-height: 1.3 !important;
    letter-spacing: -0.5px !important;
    margin-bottom: 1.5rem !important;
}


/****************************************************
= = = = = 7) إخفاء الشراء السريع في صفحة المنتج = = = = =
****************************************************/
.sticky-product-bar .s-fast-checkout-button {
    display: none !important;
}


/****************************************************
= = = = = 8) تحسين مسافة "الأكثر مبيعاً" = = = = =
****************************************************/
/* تقليل المسافة فوق الأكثر مبيعاً */
#best-offers-1-slider {
    margin-top: 22px !important; /* تقدر تخليها 0 */
}

/* إزالة المسافة تحت قسم الأكثر مبيعاً */
#best-offers-1-slider {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

/* منع القسم اللي بعد الأكثر مبيعاً من إضافة مسافة */
#best-offers-1-slider + * {
    margin-top: 0 !important;
    padding-top: 0 !important;
}


/****************************************************
= = = = = 9) حذف المسافة تحت سلايدر قسم slider-wrap فقط = = = = =
****************************************************/
.slider-wrap .s-slider-container {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}
/* منع العنصر اللي بعد سلايدر slider-wrap من إضافة مسافة */
.slider-wrap + * {
    margin-top: 0 !important;
    padding-top: 0 !important;
}
/* 1) تغيّر فقط h2 اللي بدون أي كلاس */
h2:not([class]) {
    color: #9A73FF !important;
}

/* 2) تغيّر h3 اللي بدون أي كلاس */
h3:not([class]) {
    color: #9A73FF !important;
}

/* 3) العناوين من نوع h2 اللي فيها الكلاسات الطويلة (مثل: الأكثر مبيعاً) */
h2.text-3xl.font-bold.tracking-tight.text-store-text-primary.sm\:text-4xl {
    color: #9A73FF !important;
}

/* 4) العناوين من نوع h3 اللي بالصورة (مثل: أطقم…) */
h3.mt-6.text-base.font-semibold.leading-7.tracking-tight.text-store-text-primary {
    color: #9A73FF !important;
}
p.mt-2.text-3xl.font-bold.tracking-tight.text-store-text-primary.sm\:text-4xl {
    color: #9A73FF !important;
}