/* ================================
   Banners - Desktop
   Original ratio: 1440 × 414
   ================================ */

.s-block--banners .grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 24px !important;
    width: 100% !important;
}

.s-block--banners .banner-entry {
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    aspect-ratio: 1440 / 414 !important;

    background-size: 100% 100% !important;
    background-position: center !important;
    background-repeat: no-repeat !important;

    display: block !important;
}

/* إخفاء النصوص داخل البنرات */
.s-block--banners .banner-entry__text {
    display: none !important;
}


/* ================================
   Mobile
   ================================ */

@media (max-width: 767px) {

    .s-block--banners .grid {
        grid-template-columns: 1fr !important;
        gap: 16px !important;
    }

    .s-block--banners .banner-entry {
        width: 100% !important;
        aspect-ratio: 1440 / 414 !important;
        height: auto !important;

        background-size: 100% 100% !important;
    }
}