/* ==========================================================
   Sky Store — one continuous promo artwork.
   The artwork is sliced into thirds only so it can stack cleanly
   on small screens without shrinking the Arabic copy.
   ========================================================== */

.feature-promo-section {
    direction: rtl;
    width: 100%;
    padding: clamp(28px, 5vw, 56px) 16px 0;
    background: transparent;
}

.feature-promo-grid {
    direction: ltr;
    width: min(100%, 1170px);
    margin-inline: auto;
    background: transparent;
}

.feature-promo-banner {
    display: block;
    width: 100%;
    height: auto;
    background: transparent;
    mix-blend-mode: screen;
}

/* Mobile: keep the complete design in one compact horizontal row. */
@media (max-width: 767px) {
    .feature-promo-section {
        padding: 22px 8px 0;
    }

    .feature-promo-banner {
        display: block;
        width: 100%;
        height: auto;
        margin-inline: auto;
        /* The source artwork uses pure black, so screen blending removes
           its rectangle and keeps only the lit artwork over the store. */
        mix-blend-mode: screen;
    }
}