/**
 * Prevent legacy Owl Carousel v1 markup from expanding Bootstrap flex columns
 * beyond the mobile viewport. The theme on which the legacy carousel appears
 * still uses `.owl-wrapper-outer`, whereas this plugin ships Owl Carousel v2.
 */
@media (max-width: 767px) {
    .row > .content.col-md-12:has(.productCarousel) {
        min-width: 0;
    }

    .row > .content.col-md-12:has(.productCarousel) .carousel-area,
    .row > .content.col-md-12:has(.productCarousel) .productCarousel,
    .row > .content.col-md-12:has(.productCarousel) .owl-wrapper-outer {
        max-width: 100%;
    }
}