/* الشريط العلوي - اللغة والعملة وشريط البحث */
.top-navbar {
    background-color: rgba(0, 0, 0, 0) !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;
}

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

/* تخصيص إضافي للأجهزة الصغيرة */
@media (max-width: 768px) {
    .md\:grid-cols-3 {
        grid-template-columns: repeat(2, 1fr) !important; /* شبكة مخصصة للشاشات الصغيرة */
        gap: 5px !important;
    }
}

/* إضافة كود JavaScript المخصص */
<script>
document.addEventListener("DOMContentLoaded", function () {
    // تعطيل السلايدر
    const swiperWrapper = document.querySelector('.swiper-wrapper');
    if (swiperWrapper) {
        swiperWrapper.style.display = 'grid'; // تحويل إلى شبكة
        swiperWrapper.style.gridTemplateColumns = 'repeat(auto-fill, minmax(150px, 1fr))'; // تقسيم الشبكة
        swiperWrapper.style.gap = '10px'; // إضافة مسافة بين العناصر
        swiperWrapper.style.transform = 'none'; // تعطيل أي حركات
    }

    const swiperSlides = document.querySelectorAll('.swiper-slide');
    swiperSlides.forEach(function (slide) {
        slide.style.width = 'auto'; // السماح للعناصر بأخذ الحجم الطبيعي
        slide.style.flex = 'none'; // منع التحكم في الحجم الافتراضي
    });
});
</script>