/* === كود CSS النهائي: تثبيت التصميم ومنع الاهتزاز (CLS Fix) === */

/* 1. تثبيت البانر العلوي بقوة (الحل الجذري للاهتزاز) */
.s-block--fixed-banner {
    min-height: 200px;      /* يحجز مساحة مبدئية */
    aspect-ratio: 2 / 1;    /* يفرض نسبة عرض إلى ارتفاع ثابتة للجوال */
    overflow: hidden;
    contain: paint layout;
}

.s-block--fixed-banner img {
    height: 100% !important;
    width: 100% !important;
    object-fit: cover;
}

/* 2. تحسين السلايدر لمنع الاختفاء */
.swiper-wrapper {
    will-change: transform;
    height: auto !important;
}

/* 3. تحسين عرض الصور */
img {
    max-width: 100%;
    height: auto;
    display: block;
}

/* 4. تحسين أداء الخطوط */
body {
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}