/* Add custom
/* جعل البانر العريض يمتد بكامل عرض الشاشة */
.main-slider, 
.hero-slider, 
.s-slider, 
.swiper-container {
    max-width: 100% !important;
    width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* إلغاء التباعد من الحاوية الرئيسية للبانر */
.main-slider .container, 
.hero-slider .container {
    max-width: 100% !important;
    width: 100% !important;
    padding: 0 !important;
}
/* تكبير ارتفاع صورة البانر */
.main-slider img, 
.hero-slider img, 
.swiper-slide img {
    width: 100% !important;
    height: auto !important;
    min-height: 380px !important; /* يمكنك زيادة أو تقليل الرقم حسب رغبتك */
    object-fit: cover !important;  /* يضمن عدم تشوه أبعاد الصورة */
}

/* ضبط الارتفاع للشاشات الصغيرة (الجوال) لضمان التناسق */
@media (max-width: 768px) {
    .main-slider img, 
    .hero-slider img, 
    .swiper-slide img {
        min-height: 220px !important; /* ارتفاع مناسب للشاشات الصغيرة */
    }
}
/* نقل الشريط الإعلاني إلى أعلى الصفحة بالكامل */
header.header, 
header, 
.site-header {
    display: flex !important;
    flex-direction: column-reverse !important;
}

/* رفع الشريط الإعلاني وتثبيته في الأعلى */
.announcement-bar, 
.top-bar, 
.header-top, 
.s-announcement-bar {
    order: -1 !important;
    width: 100% !important;
}
/* إظهار صورة المنتج كاملة بدون قص الأطراف */
.product-box img, 
.product-card img, 
.s-product-card-image img, 
.s-product-card img {
    object-fit: contain !important;
    height: 100% !important;
    width: 100% !important;
    max-height: 250px !important; /* يمكنك تعديل الارتفاع حسب ما يناسب تصميمك */
}
/* تصغير شارة العروض وتنسيقها لتجنب حجب صورة المنتج */
.promotion-title, 
.badge-promotion, 
.s-product-card-promotion, 
[class*="promotion"], 
[class*="badge"] {
    font-size: 10px !important;
    padding: 3px 8px !important;
    max-width: fit-content !important;
    border-radius: 4px !important;
    opacity: 0.9 !important;
    top: 8px !important;
    right: 8px !important;
    z-index: 2 !important;
}