.swiper {
    overflow: visible !important;
    --swiper-navigation-size: 44px;
    --swiper-navigation-sides-offset: -1.5rem;
    --swiper-navigation-color: transparent;
}

@media screen and (min-width: 1440px) {
    .swiper {
        --swiper-navigation-sides-offset: -4rem;
    }
}

@media screen and (min-width: 1620px) {
    .swiper {
        --swiper-navigation-sides-offset: -8rem;
    }
}

.swiper-wrapper {
    justify-content: flex-start;
}

.swiper-slide {
    max-width: 80vw;
}

.swiper-slide-active {
    max-height: 100vh;
}

.swiper-slide > figure {
    margin: auto;
    float: none;
}

.block-media__image {
    height: auto !important;
    padding-bottom: 0 !important;
}

.swiper-button-next {
    position: absolute !important;
    right: calc(var(--swiper-navigation-sides-offset)) !important;
    /*right: calc(-1 * var(--swiper-navigation-sides-offset)) !important;*/
}

.swiper-button-prev {
    position: absolute !important;
    left: calc(var(--swiper-navigation-sides-offset)) !important;
    /*left: calc(-1 * var(--swiper-navigation-sides-offset)) !important;*/
}

.swiper-button-prev, .swiper-button-next {
    width: 4rem !important;
    height: 4rem !important;
    background: white;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    user-select: none !important;
}

.swiper-button-prev:after, .swiper-button-next:after {
    display: none !important;
}

.swiper-button-prev > svg, .swiper-button-next > svg {
    width: 2rem !important;
    height: 2rem !important;
}

.swiper-button-prev > svg > path, .swiper-button-next > svg > path {
    fill: #000;
}

.flickity-page-dots {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1rem;
    margin: 0;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 2rem 0;
    text-align: center;
}

.flickity-page-dots > .dot {
    /*background: #F25C42;*/
    background: #000;
    opacity: 0.30;
    width: 0.75rem;
    height: 0.75rem;
    border-radius: 50%;
    transition: opacity 0.3s ease;
}

.flickity-page-dots > .dot.is-selected {
    opacity: 1;
}