/* banners */

.s-slider-v-centered .s-slider-block__title-nav button.swiper-button-disabled {

display: none !important;

}

salla-slider.photos-slider .swiper-slide {

margin-left:0px;

margin-right:0px;

}

salla-slider.photos-slider .swiper:where([dir="rtl"], [dir="rtl"] *) {

padding-left: 0px;

padding-right: 0px;

}



/* nav bar*/

div#mainnav {

background: #0bcece;

}

.topnav-is-dark .top-navbar{

background :#0bcece;}

.s-contacts-topnav-link{

color :black ;

}

.main-menu li.root-level>a {

font-size: 12px;

}

.topnav-is-dark .top-navbar .s-search-input {

color: black;

}

.s-contacts-topnav-link:where([dir="rtl"], [dir="rtl"] *) {

border-left-width: 1px;

}

.s-contacts-topnav-link {

border-color: black;

}

/* catagrioes*/
.banner-entry {

background-color: transparent;

}
.md\:grid-cols-3 {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr)); /* 6 أعمدة افتراضيًا */
    gap: 10px;
    overflow-x: auto;
    padding: 10px;
    align-items: center;
    justify-content: center;
}

/* العناصر الداخلية */
.md\:grid-cols-3 a {
    display: block;
    width: 100%;
}

.md\:grid-cols-3 .lazy__bg {
    width: 100%;
    aspect-ratio: 1 / 1; /* جعل الصور مربعة */
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

/* 🔹 تحسين الريسبونسيف */
@media (max-width: 1280px) {
    .md\:grid-cols-3 {
        grid-template-columns: repeat(4, minmax(0, 1fr)); /* 4 أعمدة على الشاشات المتوسطة */
    }
}

@media (max-width: 1024px) {
    .md\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr)); /* 3 أعمدة على الشاشات اللوحية */
    }
}

@media (max-width: 768px) {
    .md\:grid-cols-3 {
        grid-template-columns: repeat(2, minmax(0, 1fr)); /* 2 عمود على الأجهزة الصغيرة */
    }
}

@media (max-width: 480px) {
    .md\:grid-cols-3 {
        grid-template-columns: repeat(3, 1fr); /* عنصر واحد في كل صف على الشاشات الصغيرة جدًا */
    }
    .lazy__bg {
    width: 100%;}
}
.lazy__bg {
    width: 98%;}