/* Fix homepage primary carousel banner clipping */

.relative.mb-6:has(.main-banner),
.main-banner,
swiper-container.main-banner {
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
}

.main-banner swiper-slide,
.main-banner .swiper-slide {
    height: auto !important;
}

.main-banner img,
swiper-container.main-banner img,
.main-banner a img {
    width: 100% !important;
    height: auto !important;
    max-height: none !important;
    object-fit: contain !important;
    object-position: center top !important;
    display: block;
}

.main-banner .custom-button-prev,
.main-banner .custom-button-next {
    top: 50%;
}