.js-reservation-slider .swiper-wrapper {
    display: grid;
    height: auto;
    min-height: 100%;
    transform: none !important;
}

.js-reservation-slider .swiper-slide {
    grid-area: 1 / 1;
    width: 100% !important;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    z-index: 0;
    transition:
        opacity 400ms ease,
        visibility 400ms ease;
}

.js-reservation-slider .swiper-slide.is-active {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    z-index: 1;
}

.js-reservation-slider-pagination .slider-pagination__bullet {
    appearance: none;
    background: transparent;
    padding: 0;
    box-sizing: border-box;
}

.js-reservation-slider-pagination .slider-pagination__bullet--active {
    background-color: #fff;
}