.s-infinite-scroll-btn {
  display: none !important; }
.s-product-card-image img {background: #fff !important}

/* 1. تطبيق التنسيق على السيكشنين (أبو 3 أعمدة وأبو عمودين) */
.grid.md\:grid-cols-3, 
.grid.md\:grid-cols-2 {
    display: grid !important;
    grid-template-columns: repeat(1, minmax(0, 1fr)) !important; /* عمود واحد للموبايل */
    grid-auto-rows: min-content !important; 
    gap: 15px !important;
}

/* 2. ضبط الديسكتوب ليكون 2 في كل سطر للسيكشنين */
@media (min-width: 768px) {
    .grid.md\:grid-cols-3, 
    .grid.md\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important; /* صورتين في السطر */
    }

    /* توحيد الارتفاع ومنع التمدد الطولي */
    .grid.md\:grid-cols-3 > a, 
    .grid.md\:grid-cols-2 > a {
        grid-column: span 1 !important;
        grid-row: span 1 !important;
        height: 290px !important; /* الارتفاع الموحد */
    }
}

/* 3. تنسيق الصور لضمان التعبئة الكاملة (Cover) */
.banner-entry {
    position: relative !important;
    overflow: hidden !important;
    border-radius: 12px !important;
    display: block !important;
}

/* لضمان أن الصورة الخلفية (سواء كانت في الرابط أو في div داخلي) تعبئ المكان */
.banner-entry, 
.banner-entry .lazy__bg {
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    width: 100% !important;
    height: 100% !important;
}

/* تنسيق الموبايل للارتفاع */
@media (max-width: 767px) {
    .grid.md\:grid-cols-3 > a, 
    .grid.md\:grid-cols-2 > a {
        height: 220px !important;
    }
}
/******************/

/* إجبار الصورة الخلفية على تعبئة كامل الحاوية */
.square-photos .lazy__bg {
    background-size: cover !important; /* يحولها من contain إلى cover لتملأ الفراغات */
    background-position: center !important; /* لضمان توسط محتوى الصورة */
    width: 100% !important;
    height: 100% !important;
    position: absolute !important;
    top: 0;
    left: 0;
}

/* ضبط العنصر الأب ليكون حاوية صحيحة */
.banner-entry.square-photos {
    position: relative !important;
    overflow: hidden !important;
    display: block !important;
    width: 100% !important;
    aspect-ratio: 16 / 9 !important; 
}

/* في الموبايل لزيادة وضوح الصور */
@media (max-width: 767px) {
    .banner-entry.square-photos {
        aspect-ratio: 2 / 1 !important; 
    }
}

/**************/
/* جعل العنوان في المنتصف مع خطوط جانبي */
.s-block__title {
  margin-top: 100px !important;
    text-align: center;
    display: block !important;
    margin: 40px 0;
    position: relative;
}

.s-block__title h2 {
    display: inline-block;
    font-size: 26px !important;
    background: #fff; /* يجب أن يكون نفس لون خلفية الموقع */
    padding: 8px 20px;
    position: relative;
    z-index: 2;
    color: #444;
   border: 1px solid #eee;
  border-radius: 8px
}

.s-block__title::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 1px;
    background: #eee; /* لون الخط الخفيف */
    z-index: 1;
}
salla-contacts #contact-slot:first-child {
    display: none !important;
}