@media (min-width: 1024px){
.s-products-list-vertical-cards {
    grid-template-columns: repeat(4,minmax(0,1fr));
}}


/* حل مشكلة انزياح المحتوى (CLS) للسلايدر الطولي في الجوال */
.hero-fix {
    display: block;
    width: 100%;
    background-color: #f5f5f5; /* لون خلفية مؤقت لمنع الفراغ الأبيض */
    overflow: hidden;
}

/* وضع الكمبيوتر: مستطيل عرضي */
@media (min-width: 769px) {
    .hero-fix {
        aspect-ratio: 16 / 9; 
    }
}

/* وضع الجوال: مستطيل طولي (Portrait) */
@media (max-width: 768px) {
    .hero-fix {
        /* نسبة 4/5 تعطي شكلاً طولياً ممتازاً على شاشات الجوال */
        aspect-ratio: 4 / 5; 
    }
}

.hero-fix img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover; /* لضمان عدم تمطط الصورة */
}