/* CORE WRAPPER */
.mm-slider {
    position: relative;
    width: 100%;
    overflow: hidden;
    box-sizing: border-box;
}

.mm-slider-root {
    position: relative;
    width: 100%;
    height: auto;
    overflow: hidden;
}

/* TRACK */
.mm-slider-track {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    align-items: stretch;
    height: 100%;
    will-change: transform;
}

/* SLIDE */
.mm-slide {
    flex: 0 0 auto;
    height: 100%;
    box-sizing: border-box;

    /*Shadow*/
    height: calc(100% - 4px)!important;
    box-shadow: 4px 4px 0 rgba(0,0,0,0.1);
}

.mm-slide-link {
    display: block;
    width: 100%;
    height: 100%;
}

.mm-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* ARROWS */
.mm-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 5;
    cursor: pointer;
    padding: 0 20px;
    box-shadow: none;
    border:none;
    background: none;
}

.mm-arrow-prev { left: var(--mm-arrow-offset, 6%); }
.mm-arrow-next { right: var(--mm-arrow-offset, 6%); }

.mm-arrow-icon {
    width: 20px;
    height: 60px;
    display: block;
    object-fit: contain;
    filter: brightness(0) invert(1);
}

.mm-arrow-prev .mm-arrow-icon {
    transform: scaleX(-1);
}

.mm-arrow.disabled {
    opacity: 0.3;
    pointer-events: none;
}

/* Simple focus style */
.mm-arrow:focus-visible {
    box-shadow: 0 0 0 2px #fff, 0 0 0 4px #000;
}

/* Progressive blur-up */
.mm-progressive-img {
    filter: blur(18px);
    transform: scale(1.03); /* лёгкий zoom для красивого блюра */
    transition:
        filter 0.6s ease,
        opacity 0.4s ease,
        transform 0.6s ease;
    opacity: 0.7;
}

.mm-progressive-img.mm-progressive-loaded {
    filter: blur(0);
    transform: scale(1);
    opacity: 1;
}

/* On very small screens arrows a bit smaller */
@media (max-width: 480px) {
    .mm-arrow {
        width: 32px;
        height: 32px;
        font-size: 20px;
        line-height: 32px;
    }
}