/* الشريط العلوي - اللغة والعملة وشريط البحث */
.top-navbar {
    background-color: rgba(0, 0, 0.5, 3) !important; /* لون شفاف */
    color: #fff !important;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 20px;
}

/* إظهار اللغة والعملة وشريط البحث فقط */
.top-navbar .salla-locale-switcher,
.top-navbar .salla-currency-switcher,
.top-navbar .s-search-container {
    display: inline-block !important;
}

/* إخفاء البريد الإلكتروني ورقم التواصل */
.top-navbar a[href^="mailto:"], /* استهداف الروابط البريدية */
.top-navbar a[href*="tel:"] {  /* استهداف الروابط الهاتفية */
    display: none !important;
}

salla-slider.photos-slider .swiper-slide {
    width: 100%;
    padding: 0 !important;
    margin: 0 !important;
}

[dir=rtl] .carousel-slider .swiper {
    padding-left: 0;
    padding-right: 0;
}

[dir=rtl] salla-slider.photos-slider .swiper {
    padding-left: 0;
    padding-right: 0;
}

.banner--fixed img {
    background-color: transparent !important;
}

section:nth-of-type(2).s-block.s-block--fixed-banner.wide-placeholder {
    top: -11rem;
    z-index: 2;
    position: relative;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0) !important; /* لون  شفاف */
}

@media (max-width: 768px) {
    section:nth-of-type(2).s-block.s-block--fixed-banner.wide-placeholder {
        top: -5rem !important; /* تقليل المسافة العلوية على الجوال */
        padding: 10px !important; /* إضافة حواف صغيرة */
        max-width: 90% !important; /* تقليل العرض ليتناسب مع الجوال */
        margin: 0 auto !important; /* توسيط العنصر على الشاشة */
    }
}

section.s-block.s-block--banners.container {
    margin-top: -6rem;
}

section:nth-of-type(5).s-block.s-block--fixed-banner.wide-placeholder .container,
section:nth-of-type(7).s-block.s-block--fixed-banner.wide-placeholder .container,
section:nth-of-type(10).s-block.s-block--fixed-banner.wide-placeholder .container {
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    
.swiper-slide {
    width: auto !important;
    flex: none !important;
}


}

@media (max-width: 768px) {
section.s-block.s-block--banners.container {
    margin-top: -2rem;
}

/* أقسام متجرنا - تحسين التصميم */

.md\:grid-cols-3 {
    display: grid !important; /* تأكد من الشبكة */
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)) !important; /* شبكة مرنة لعرض كل العناصر */
    grid-auto-flow: row !important; /* منع الالتفاف */
    gap: 1px !important; /* مسافة بين الصور */
    margin-top: -15rem;
    margin-bottom: -21rem;
    .swiper-wrapper {
    transform: none !important;
}


}

@media (max-width: 768px) {
    .md\:grid-cols-3 {
        margin-top: -22rem !important; /* تعديل الهوامش لأجهزة الجوال */
        margin-bottom: -22rem;
    }
}

.banner-entry {
    background-color: transparent;
    height: 80px; /* تقليل المساحات الفارغة */
}

/* تأثير التكبير عند التمرير */
a.banner-entry.square-photos:hover {
    transform: scale(1.1);
    transition: 0.5s ease;
}

/* تحسين الشبكة للأقسام ذات الصفوف */
.two-row .banner-entry:first-child {
    grid-column: span 1 / span 1;
    grid-row: 1;
}

/* تحسين الخلفية للصور المحملة */
.lazy__bg.lazy.entered.loaded {
    background-size: contain;
    background-repeat: no-repeat;
}

/* تحسين تصميم المنتجات */
.s-product-card-entry {
    background-color: contain;
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 15px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease-in-out;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

section.s-block.container .s-products-list-vertical-cards {
    display: grid;
    grid-template-columns: repeat(5, 1fr) !important; /* شبكة من 5 أعمدة */
    gap: 20px; /* مسافة بين العناصر */
}

.s-product-card-entry:hover {
    transform: scale(1.05);
}

/* تحسين العناوين */
.s-product-card-content-title a {
    font-size: 14px !important;
    color: #333 !important;
    text-decoration: none;
    font-weight: bold;
    margin-bottom: 5px;
}

/* تحسين الأسعار */
.s-product-card-sale-price h4 {
    color: #e60023 !important;
    font-size: 16px;
    font-weight: bold;
    margin: 0;
}

/* تحسين الزر */
.s-button-element {
    margin-top: auto;
}

/* تحسين الشبكة للأجهزة المتوسطة والصغيرة */
@media (max-width: 1024px) {
    section.s-block .s-products-list-vertical-cards {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important; /* شبكة من 3 أعمدة */
    }
}

@media (max-width: 768px) {
    section.s-block .s-products-list-vertical-cards {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important; /* شبكة من 2 عمود */
    }
}

/* إزالة الإطارات والحدود من البنرات */
.s-slider .swiper-slide img,
.banner-entry img {
    border: none !important; /* إزالة الإطار */
    box-shadow: none !important; /* إزالة الظلال */
    border-radius: 0 !important; /* إزالة الزوايا المستديرة */
    margin: 0 !important; /* إزالة الهوامش */
    width: 100% !important; /* عرض كامل */
    height: auto !important; /* الحفاظ على نسبة العرض إلى الارتفاع */
}

/* تحسين القسم الرئيسي للبنر */
.s-slider,
.banner-entry {
    width: 100% !important; /* عرض كامل */
    height: 100vh !important; /* ارتفاع الشاشة */
    position: relative;
    overflow: hidden; /* إخفاء أي عناصر زائدة عن الحاوية */
}

/* تحسين تخطيط المنتجات - 5 أعمدة */
section.s-block.container .s-products-list-vertical-cards {
    display: grid;
    grid-template-columns: repeat(5, 1fr) !important; /* شبكة من 5 أعمدة */
    gap: 20px; /* مسافة بين العناصر */
}

/* تخصيص بطاقات المنتجات */
.s-product-card-entry {
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 15px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease-in-out;
}

.s-product-card-entry:hover {
    transform: scale(1.05); /* تكبير عند التمرير */
}

/* تحسين العناوين */
.s-product-card-content-title a {
    font-size: 14px !important;
    color: #333 !important;
    text-decoration: none;
    font-weight: bold;
}

/* تحسين الأسعار */
.s-product-card-sale-price h4 {
    color: #e60023 !important; /* لون السعر */
    font-size: 16px;
    font-weight: bold;
}

/* إعدادات الوسائط للأجهزة المختلفة */
@media (max-width: 1024px) {
    section.s-block.container .s-products-list-vertical-cards {
        grid-template-columns: repeat(3, 1fr) !important; /* 3 أعمدة للأجهزة المتوسطة */
    }
}

@media (max-width: 768px) {
    section.s-block.container .s-products-list-vertical-cards {
        grid-template-columns: repeat(2, 1fr) !important; /* 2 عمود للأجهزة الصغيرة */
    }
}

/* تحسين تصميم المنتجات لأجهزة الجوال */
@media (max-width: 768px) {
    section.s-block.container .s-products-list-vertical-cards {
        grid-template-columns: repeat(2, 1fr) !important; /* شبكة من عمودين */
        gap: 10px !important; /* تقليل المسافات بين العناصر */
        margin: 0 auto !important; /* توسيط الشبكة داخل الشاشة */
        padding: 0 10px !important; /* حواف داخلية على الجوانب */
    }

    /* تحسين بطاقات المنتجات */
    .s-product-card-entry {
        margin: 0 !important; /* إزالة الهوامش الخارجية */
        padding: 10px !important; /* تقليل الحواف الداخلية */
        box-shadow: none !important; /* إزالة الظلال لتقليل ازدحام التصميم */
        border-radius: 5px !important; /* زوايا مستديرة بشكل بسيط */
    }

    /* تحسين محاذاة النصوص */
    .s-product-card-content-title a,
    .s-product-card-sale-price h4 {
        text-align: center !important; /* محاذاة النصوص إلى المنتصف */
    }

    /* تحسين محاذاة الشبكة */
    .s-products-list-vertical-cards {
        justify-content: center !important; /* توسيط العناصر أفقياً */
        align-items: center !important; /* توسيط العناصر عمودياً */
    }
}