.mm-promotion-banner,
.mm-promotion-slide--images {
    width: var(--mm-promotion-banner-width, 100%);
}

.mm-promotion-slide--images .mm-promotion-banner {
    width: 100%;
}

.mm-promotion-banner--images {
    max-width: 100%;
    border-radius: 15px;
    overflow: hidden;
}

/* Flatsome forces direct slider cells to width: 100% !important. */
.slider > .mm-promotion-slide--images,
.slider .flickity-slider > .mm-promotion-slide--images {
    width: var(--mm-promotion-banner-width, 100%) !important;
    max-width: 100%;
}

.mm-promotion-banner__link,
.mm-promotion-banner picture,
.mm-promotion-banner__image {
    display: block;
}

.mm-promotion-banner--template {
    aspect-ratio: var(--mm-promotion-banner-aspect-ratio, auto);
    height: var(--mm-promotion-banner-height, auto);
    position: relative;
    overflow: hidden;
}

.mm-promotion-banner--template .mm-promotion-banner__picture {
    display: block;
}

.mm-promotion-banner__image {
    width: 100%;
    height: var(--mm-promotion-banner-height, auto);
    object-fit: cover;
}

@media screen and (max-width: 849px) {
    .slider > .mm-promotion-slide--images,
    .slider .flickity-slider > .mm-promotion-slide--images {
        width: var(--mm-promotion-banner-width-md, var(--mm-promotion-banner-width, 100%)) !important;
    }

    .mm-promotion-banner,
    .mm-promotion-slide--images {
        width: var(--mm-promotion-banner-width-md, var(--mm-promotion-banner-width, 100%));
    }

    .mm-promotion-banner--template {
        aspect-ratio: var(--mm-promotion-banner-aspect-ratio-md, var(--mm-promotion-banner-aspect-ratio, auto));
        height: var(--mm-promotion-banner-height-md, var(--mm-promotion-banner-height, auto));
    }

    .mm-promotion-banner__image {
        height: var(--mm-promotion-banner-height-md, var(--mm-promotion-banner-height, auto));
    }
}

@media screen and (max-width: 549px) {
    .slider > .mm-promotion-slide--images,
    .slider .flickity-slider > .mm-promotion-slide--images {
        width: var(--mm-promotion-banner-width-sm, var(--mm-promotion-banner-width-md, var(--mm-promotion-banner-width, 100%))) !important;
    }

    .mm-promotion-banner,
    .mm-promotion-slide--images {
        width: var(--mm-promotion-banner-width-sm, var(--mm-promotion-banner-width-md, var(--mm-promotion-banner-width, 100%)));
    }

    .mm-promotion-banner--template {
        aspect-ratio: var(--mm-promotion-banner-aspect-ratio-md, var(--mm-promotion-banner-aspect-ratio, auto));
        height: var(--mm-promotion-banner-height-sm, var(--mm-promotion-banner-height-md, var(--mm-promotion-banner-height, auto)));
    }

    .mm-promotion-banner__image {
        height: var(--mm-promotion-banner-height-sm, var(--mm-promotion-banner-height-md, var(--mm-promotion-banner-height, auto)));
    }
}