.mmv-bestseller-banner {
    --mmv-fade-duration: 600ms;
    position: relative;
    width: 100%;
    overflow: hidden;
}

.mmv-bestseller-slide {
    position: absolute;
    inset: 0;
    z-index: 0;
    opacity: 0;
    pointer-events: none;
    transition: opacity var(--mmv-fade-duration) ease-in-out;
}

.mmv-bestseller-slide:first-child {
    position: relative;
}

.mmv-bestseller-slide.is-active {
    z-index: 1;
    opacity: 1;
    pointer-events: auto;
}

.mmv-bestseller-slide a,
.mmv-bestseller-slide img {
    display: block;
    width: 100%;
}

.mmv-bestseller-slide img {
    height: auto;
}

@media (prefers-reduced-motion: reduce) {
    .mmv-bestseller-slide {
        transition: none;
    }
}