/* Stable 16:9 frame for all Customizr main sliders; other ratios are contained. */
.section-slider.czr-carousel {
    position: relative;
    height: auto !important;
    min-height: 0 !important;
    aspect-ratio: 16 / 9;
    background: #111;
}
.section-slider.czr-carousel .czr-slider-holder {
    position: absolute;
    inset: 0;
    height: 100% !important;
    transform: none !important;
}
.section-slider.czr-carousel .carousel-inner,
.section-slider.czr-carousel .flickity-viewport,
.section-slider.czr-carousel .carousel-cell,
.section-slider.czr-carousel .carousel-image {
    height: 100% !important;
    min-height: 0 !important;
    max-height: none !important;
}
.section-slider.czr-carousel img.innikuo-slide {
    width: 100% !important;
    height: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    left: 0 !important;
    top: 0 !important;
    object-fit: contain !important;
    transform: none !important;
    opacity: 1 !important;
    visibility: visible !important;
}
/* Show the first image even before the carousel JavaScript is ready. */
.section-slider.czr-carousel .carousel-inner:not(.flickity-enabled) > .carousel-cell {
    position: absolute;
    inset: 0;
}
.section-slider.czr-carousel .carousel-inner:not(.flickity-enabled) > .carousel-cell:not(:first-child) {
    visibility: hidden;
}