:root {
    /* ── General ───────────────────────────────────────────── */
    --swiper-theme-color: rgb(255, 153, 0);
    --swiper-wrapper-transition-timing-function: initial;

    /* ── Navigation arrows ─────────────────────────────────── */
    --swiper-navigation-size: 44px;
    --swiper-navigation-color: var(--swiper-theme-color);
    --swiper-navigation-top-offset: 50%;
    --swiper-navigation-sides-offset: 4px;

    /* ── Pagination (bullets) ──────────────────────────────── */
    --swiper-pagination-color: var(--swiper-theme-color);
    --swiper-pagination-top: auto;
    --swiper-pagination-bottom: 8px;
    --swiper-pagination-left: auto;
    --swiper-pagination-right: 8px;
    --swiper-pagination-bullet-size: 8px;
    --swiper-pagination-bullet-width: var(--swiper-pagination-bullet-size);
    --swiper-pagination-bullet-height: var(--swiper-pagination-bullet-size);
    --swiper-pagination-bullet-border-radius: 50%;
    --swiper-pagination-bullet-inactive-color: #000;
    --swiper-pagination-bullet-inactive-opacity: .2;
    --swiper-pagination-bullet-opacity: 1;
    --swiper-pagination-bullet-horizontal-gap: 4px;
    --swiper-pagination-bullet-vertical-gap: 6px;

    /* ── Pagination (fraction) ─────────────────────────────── */
    --swiper-pagination-fraction-color: inherit;

    /* ── Pagination (progressbar) ──────────────────────────── */
    --swiper-pagination-progressbar-bg-color: rgba(0, 0, 0, .25);
    --swiper-pagination-progressbar-size: 4px;

    /* ── Scrollbar ─────────────────────────────────────────── */
    --swiper-scrollbar-border-radius: 10px;
    --swiper-scrollbar-top: auto;
    --swiper-scrollbar-bottom: 4px;
    --swiper-scrollbar-left: auto;
    --swiper-scrollbar-right: 4px;
    --swiper-scrollbar-sides-offset: 1%;
    --swiper-scrollbar-size: 4px;
    --swiper-scrollbar-bg-color: rgba(0, 0, 0, .1);
    --swiper-scrollbar-drag-bg-color: rgba(0, 0, 0, .5);

    /* ── Preloader ─────────────────────────────────────────── */
    --swiper-preloader-color: var(--swiper-theme-color);
}

.mf-image-slider {
    overflow: hidden;
    isolation: isolate;
}

.mf-image-slider .swiper.swiper-cube {
    overflow: hidden;
    padding: 10px 50px 130px;
}
.mf-image-slider .swiper.swiper-cube .swiper-slide {
    background-position: center;
    background-size: cover;
}
.mf-image-slider .swiper.swiper-cube .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.mf-image-slider .swiper.swiper-cube .swiper-cube-shadow {
    opacity: 0.6;
}

.mf-image-slider .swiper.swiper-flip {
    padding: 10px 0 100px;
}

.mf-image-slider .swiper.swiper-coverflow {
    padding: 10px 0 50px;
}

.mf-slider-thumbs {
    margin-top: 10px;
}

.mf-slider-thumbs .swiper-slide {
    opacity: 0.5;
    cursor: pointer;
    height: auto;
}

.mf-slider-thumbs .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.mf-slider-thumbs .swiper-slide-thumb-active {
    opacity: 1;
}

.mf-image-slider .swiper-slide {
    user-select: none;
}
.mf-image-slider .swiper-slide a {
    -webkit-user-drag: none;
    user-drag: none;
}
.mf-image-slider .swiper-slide img {
    display: block;
    width: 100%;
    height: auto;
}


.mf-slide-caption {
    font-size: 16px;
    line-height: 22px;
    font-weight: 600;
    padding: 16px 0;
}

.mf-slide-cms-block {
    position: absolute;
    inset: 0;
}

.swiper-button-prev,
.swiper-button-next {
    padding: 10px;
}