.abp-u001 {
    margin-bottom: 160px
}

@media (width <= 1440px) {
    .abp-u001 {
        margin-bottom: 120px
    }
}

@media (width <= 1024px) {
    .abp-u001 {
        margin-bottom: 96px
    }
}

@media (width <= 767px) {
    .abp-u001 {
        margin-bottom: 80px
    }
}

.abp-u001-short {
    margin-bottom: 120px
}

@media (width <= 1024px) {
    .abp-u001-short {
        margin-bottom: 88px
    }
}

@media (width <= 767px) {
    .abp-u001-short {
        margin-bottom: 61px
    }
}

.abp-u002 {
    position: relative;
    overflow: hidden
}

@media (width >= 768px) {
    .abp-u002 {
        border-radius: 0
    }
}

.abp-u003 {
    width: 100%;
    height: 100%;
    padding-top: 2rem;
    padding-bottom: 2rem;
    position: absolute;
    inset: 0
}

@media (width >= 768px) {
    .abp-u003 {
        flex-direction: column;
        justify-content: center;
        padding-top: 2rem;
        padding-bottom: 2rem;
        display: flex
    }
}

@media (width >= 1024px) {
    .abp-u003 {
        max-width: 1209px
    }
}

.abp-u004 {
    flex-direction: column;
    height: 100%;
    display: flex;
    position: relative
}

@media (width >= 768px) {
    .abp-u004 {
        justify-content: center
    }
}

.abp-u005 {
    margin-bottom: 1rem
}

@media (width >= 768px) {
    .abp-u005 {
        max-width: 25rem
    }
}

@media (width >= 1024px) {
    .abp-u005 {
        max-width: 40rem
    }
}

.abp-u006 {
    color: #23272a;
    text-align: center;
    font-size: 32px;
    line-height: 32px
}

@media (width >= 768px) {
    .abp-u006 {
        text-align: left;
        font-size: 40px;
        line-height: 40px
    }
}

@media (width >= 1024px) {
    .abp-u006 {
        font-size: 64px;
        line-height: 64px
    }
}

.abp-u007 {
    margin-bottom: 1rem
}

@media (width >= 768px) {
    .abp-u007 {
        flex: none;
        max-width: 20.5rem;
        margin-bottom: 24px
    }
}

@media (width >= 1024px) {
    .abp-u007 {
        max-width: 28.5rem;
        margin-bottom: 32px
    }
}

.abp-u008 {
    color: #23272a;
    text-align: center;
    font-size: 1rem;
    line-height: 19px;
    display: none
}

.abp-u008.abp-u008-2 {
    max-width: 300px;
    margin-inline: auto;
    display: block
}

@media (width >= 768px) {
    .abp-u008 {
        text-align: left
    }

    .abp-u008.abp-u008-1 {
        display: block
    }

    .abp-u008.abp-u008-2 {
        display: none
    }
}

@media (width >= 1024px) {
    .abp-u008 {
        font-size: 1.125rem;
        line-height: 22px
    }
}

.abp-u009 {
    width: 100%;
    max-width: 260px;
    margin-left: auto;
    margin-right: auto
}

@media (width >= 768px) {
    .abp-u009 {
        max-width: 235px;
        margin-left: 0;
        margin-right: 0
    }
}

.abp-u010 {
    color: #fff;
    border-radius: 1.5rem;
    width: 100%;
    height: 3rem;
    font-weight: 500
}

.abp-u011 {
    object-fit: cover;
    width: 100%;
    height: 100%;
    min-height: 35rem
}

@media (width >= 768px) {
    .abp-u011 {
        object-position: right;
        min-height: 430px
    }
}

@media (width >= 1024px) {
    .abp-u011 {
        object-position: center
    }
}

.abp-u012 {
    flex-wrap: wrap;
    gap: 1.25rem 1rem;
    display: flex
}

@media (width >= 768px) {
    .abp-u012 {
        gap: 1rem
    }
}

@media (width >= 1280px) {
    .abp-u012 {
        gap: 1.25rem
    }
}

@media (width >= 1536px) {
    .abp-u012 {
        gap: 1.5rem
    }
}

.abp-u013 {
    background-color: #23272a;
    border-radius: 1rem;
    width: 100%;
    height: 192px;
    position: relative
}

@media (width >= 768px) {
    .abp-u013 {
        border-radius: 1.5rem;
        height: 320px
    }
}

@media (width >= 1024px) {
    .abp-u013 {
        flex: 1;
        width: 100%
    }
}

@media (width >= 1536px) {
    .abp-u013 {
        height: 20rem
    }
}

.abp-u014 {
    z-index: 2;
    border-radius: 1rem;
    flex-direction: column;
    width: 100%;
    height: 100%;
    padding: 1rem 1rem 1rem 1.5rem;
    display: flex;
    position: absolute;
    inset: 0;
    overflow: hidden
}

@media (width >= 768px) {
    .abp-u014 {
        border-radius: 1.5rem;
        padding: 2rem 2.5rem
    }
}

@media (width >= 1024px) {
    .abp-u014 {
        padding: 2rem 1rem 2rem 2rem
    }
}

.abp-u015 {
    flex: 1;
    max-width: 15rem
}

@media (width >= 768px) {
    .abp-u015 {
        max-width: 20rem
    }
}

.abp-u016 {
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    line-height: 126%
}

@media (width >= 768px) {
    .abp-u016 {
        margin-bottom: 8px;
        font-size: 24px;
        line-height: 110%
    }
}

.abp-u016-mobile-small {
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    line-height: 110%
}

.abp-u016-mobile-small.abp-u016-mobile-small-dark {
    color: #23272a
}

@media (width >= 768px) {
    .abp-u016-mobile-small {
        margin-bottom: 8px;
        font-size: 24px;
        line-height: 110%
    }
}

.abp-u016-desc {
    color: #fff;
    font-size: 14px;
    line-height: 126%
}

.abp-u016-desc-dark {
    color: #23272a
}

@media (width >= 768px) {
    .abp-u016-desc {
        font-size: 16px;
        line-height: 110%
    }
}

.abp-u016-desc-mobile-hidden {
    display: none
}

@media (width >= 768px) {
    .abp-u016-desc-mobile-hidden {
        display: block
    }
}

.abp-u017 {
    color: #fff;
    border-width: 1.5px;
    border-color: #fff;
    border-radius: 9999px;
    justify-content: center;
    align-items: center;
    width: 2rem;
    height: 2rem;
    display: flex;
    overflow: hidden
}

.abp-u017-dark {
    color: #23272a;
    border-color: #23272a
}

@media (width >= 768px) {
    .abp-u017 {
        border-width: .5px;
        width: 2rem;
        height: 2rem
    }
}

.group:hover .abp-u018 {
    animation: .8s ease-in alternate forwards bounceAlpha
}

.abp-u018 {
    color: #fff
}

.abp-u019 {
    z-index: 2;
    pointer-events: none;
    border-radius: 1rem;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0;
    overflow: hidden
}

.abp-u019-line {
    position: absolute;
    bottom: -155px;
    right: -300px
}

@media (width >= 768px) {
    .abp-u019-line {
        right: -40px
    }
}

@media (width >= 1024px) {
    .abp-u019-line {
        bottom: 0;
        right: -250px
    }
}

@media (width >= 1536px) {
    .abp-u019-line {
        right: -160px
    }
}

.abp-u020 {
    width: auto;
    height: 103px;
    position: absolute;
    bottom: .5rem;
    right: -2.5rem
}

@media (width >= 768px) {
    .abp-u020 {
        height: 209px;
        bottom: -.5rem;
        right: -8rem
    }
}

@media (width >= 1024px) {
    .abp-u020 {
        height: 200px;
        bottom: 0;
        right: -8rem
    }
}

@media (width >= 1536px) {
    .abp-u020 {
        bottom: -.25rem;
        right: 0
    }
}

.abp-u023 {
    background-color: #eee;
    border-radius: 1rem;
    width: calc(50% - 8px);
    height: 192px;
    position: relative
}

@media (width >= 768px) {
    .abp-u023 {
        border-radius: 1.5rem;
        width: calc(50% - 8px);
        height: 320px
    }
}

@media (width >= 1024px) {
    .abp-u023 {
        width: 100%;
        max-width: 19rem
    }
}

@media (width >= 1536px) {
    .abp-u023 {
        max-width: 21rem;
        height: 20rem
    }
}

.abp-u024 {
    flex: 1
}

.group:hover .abp-u025 {
    animation: .8s ease-in alternate forwards bounceAlpha
}

.abp-u026 {
    z-index: 1;
    pointer-events: none;
    border-radius: 1rem;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: auto 0 0;
    overflow: hidden
}

.abp-u026-2 {
    z-index: 1;
    pointer-events: none;
    border-radius: 1rem;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0;
    overflow: hidden
}

@media (width >= 768px) {
    .abp-u026-2 {
        border-radius: 1.5rem
    }

    .abp-u026-3:after {
        content: "";
        opacity: .08;
        background-color: #23272a;
        width: 100%;
        height: 24px;
        display: block;
        position: absolute;
        top: 122px;
        left: 0
    }
}

.abp-u027 {
    width: auto;
    height: 71px;
    position: absolute;
    bottom: 55px;
    right: 0
}

@media (width >= 768px) {
    .abp-u027 {
        height: 149px;
        bottom: 24px;
        right: -60px
    }
}

@media (width >= 1024px) {
    .abp-u027 {
        height: 120px;
        bottom: 54px;
        right: -1rem
    }
}

@media (width >= 1536px) {
    .abp-u027 {
        height: 136px;
        bottom: 29px;
        right: 0
    }
}

.abp-u027-2 {
    width: auto;
    height: 125px;
    position: absolute;
    bottom: 0;
    right: -4rem
}

@media (width >= 768px) {
    .abp-u027-2 {
        height: 173px;
        bottom: 1rem;
        right: -1.5rem
    }
}

@media (width >= 1536px) {
    .abp-u027-2 {
        right: .125rem
    }
}

.abp-u028 {
    background-color: #23272a;
    border-radius: 1rem;
    width: calc(50% - 8px);
    height: 192px;
    position: relative;
    overflow: hidden
}

@media (width >= 768px) {
    .abp-u028 {
        border-radius: 1.5rem;
        width: calc(50% - 8px);
        height: 320px
    }
}

@media (width >= 1024px) {
    .abp-u028 {
        width: 100%
    }
}

@media (width >= 1280px) {
    .abp-u028 {
        max-width: 19rem
    }
}

@media (width >= 1536px) {
    .abp-u028 {
        max-width: 21rem;
        height: 20rem
    }
}

.abp-u029 {
    margin-bottom: 80px;
    overflow: hidden
}

@media (width >= 768px) {
    .abp-u029 {
        margin-bottom: 96px
    }
}

@media (width >= 1024px) {
    .abp-u029 {
        max-width: 100%;
        margin-bottom: 160px;
        padding: 0
    }
}

.abp-u030 {
    margin-bottom: 24px
}

@media (width >= 768px) {
    .abp-u030 {
        margin-bottom: 48px
    }
}

@media (width >= 1024px) {
    .abp-u030 {
        margin-bottom: 64px
    }
}

.abp-u032 {
    color: #23272a;
    text-align: center;
    font-size: 24px;
    font-weight: 700;
    line-height: 26px
}

@media (width >= 768px) {
    .abp-u032 {
        text-align: center;
        font-size: 48px;
        font-weight: 700;
        line-height: 53px
    }
}

.abp-u032-color {
    color: #e73446;
    font-style: italic;
    display: block
}

.abp-u033 {
    margin-inline: -19px;
    position: relative
}

@media (width >= 768px) {
    .abp-u033 {
        margin-inline: -40px
    }
}

@media (width >= 1024px) {
    .abp-u033 {
        margin-inline: 0;
        padding-bottom: 0
    }
}

.abp-u034 {
    padding-inline: 19px;
    margin-right: calc(50% - 50vw);
    padding-right: calc(50vw - 50% + 19px);
    position: relative
}

@media (width >= 768px) {
    .abp-u034 {
        padding-inline: 40px;
        padding-bottom: 72px;
        padding-right: calc(50vw - 50% + 40px)
    }
}

@media (width >= 1024px) {
    .abp-u034 {
        padding-inline: 0;
        margin-right: 0;
        padding-bottom: 0
    }
}

.abp-u035 {
    --interior-gap: 16px;
    height: 368px;
    display: flex
}

@media (width >= 768px) {
    .abp-u035 {
        --interior-gap: 32px;
        height: 420px
    }
}

@media (width >= 1024px) {
    .abp-u035 {
        --interior-gap: 24px;
        max-width: 1274px;
        min-height: 600px;
        max-height: 840px;
        margin-inline: auto;
        height: calc(100vh - 180px) !important
    }
}

@media (width >= 1536px) {
    .abp-u035 {
        max-width: 1418px;
        min-height: 670px
    }
}

.abp-u036 {
    border-radius: 16px;
    flex-shrink: 0;
    height: 100%;
    margin-right: 16px;
    position: relative;
    overflow: hidden;
    width: 63.6% !important
}

.abp-u036-overflow {
    z-index: 1;
    padding: 24px;
    position: absolute;
    inset: 0
}

@media (width >= 768px) {
    .abp-u036-overflow {
        align-items: center;
        padding: 60px;
        display: flex
    }
}

@media (width >= 1024px) {
    .abp-u036-overflow {
        padding: 92px
    }
}

@media (width >= 1536px) {
    .abp-u036-overflow {
        padding-inline: 120px
    }
}

.abp-u036-title {
    text-align: center;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    line-height: 110%
}

@media (width >= 768px) {
    .abp-u036-title {
        text-align: left
    }
}

@media (width >= 1024px) {
    .abp-u036-title {
        font-size: 24px
    }
}

.abp-u037 {
    object-fit: cover;
    width: auto;
    height: 100%
}

.is-interior-carousel .abp-u037.abp-u037-object-position {
    object-position: right
}

@media (width >= 768px) {
    .abp-u036 {
        border-radius: 12px;
        margin-right: 32px;
        width: 91.9% !important
    }
}

@media (width >= 1024px) {
    .abp-u036 {
        aspect-ratio: auto;
        border-radius: 24px;
        margin-right: 24px;
        width: 75.67% !important
    }

    .abp-u037 {
        width: 100%
    }
}

@media (width >= 1536px) {
    .abp-u036 {
        aspect-ratio: 14/9;
        border-radius: 24px;
        margin-right: 24px;
        width: auto !important
    }
}

.abp-u036:last-child {
    margin: 0
}

.abp-u038 {
    z-index: 5;
    gap: 8px;
    display: none;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%)
}

@media (width >= 768px) {
    .abp-u038 {
        display: flex
    }
}

@media (width >= 1024px) {
    .abp-u038 {
        bottom: 36px
    }
}

.abp-u039 {
    -webkit-backdrop-filter: blur(7px);
    backdrop-filter: blur(7px);
    background: #37373799;
    border-radius: 48px;
    padding: 24px 4px;
    position: relative;
    overflow: hidden
}

.abp-u039-inner {
    align-items: center;
    display: flex;
    overflow: hidden
}

.abp-u040 {
    appearance: none;
    cursor: pointer;
    opacity: .45;
    background: #f0f0f0;
    border: 0;
    border-radius: 8px;
    flex-shrink: 0;
    width: 8px;
    height: 8px;
    margin: 0 12px;
    padding: 0;
    transition: width .35s cubic-bezier(.22, 1, .36, 1), opacity .35s;
    position: relative;
    overflow: hidden
}

.abp-u040.active {
    opacity: 1;
    background: #f0f0f073;
    width: 48px
}

.is-interior-carousel .abp-u040 {
    transition: none
}

.abp-u040:before {
    content: "";
    border-radius: inherit;
    transform: scaleX(var(--dot-progress, 0));
    transform-origin: 0;
    background: #f0f0f0;
    position: absolute;
    inset: 0
}

.abp-u040:focus-visible, .abp-u041:focus-visible {
    outline-offset: 3px;
    outline: 2px solid #1c82ff
}

.abp-u041 {
    appearance: none;
    -webkit-backdrop-filter: blur(7px);
    backdrop-filter: blur(7px);
    cursor: pointer;
    background: #37373799;
    border: 0;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    width: 56px;
    min-width: 56px;
    height: 56px;
    padding: 0;
    transition: background-color .18s;
    display: flex;
    position: relative;
    overflow: hidden
}

@media (hover: hover) and (pointer: fine) {
    .abp-u041:hover {
        background-color: #787878eb
    }
}

.abp-u041-icon {
    object-fit: contain;
    opacity: 0;
    z-index: 1;
    pointer-events: none;
    width: 24px;
    height: 24px;
    transition: opacity .18s;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.abp-u041-icon--play {
    width: 16px;
    height: 18px
}

.abp-u041[data-state=play] .abp-u041-icon--play, .abp-u041[data-state=pause] .abp-u041-icon--pause, .abp-u041[data-state=restart] .abp-u041-icon--restart {
    opacity: 1;
    z-index: 2
}

.is-interior-carousel .abp-u034, .is-interior-carousel .abp-u035 {
    touch-action: pan-y pinch-zoom;
    overscroll-behavior-x: contain
}

.is-interior-carousel .abp-u035 {
    -webkit-user-select: none;
    user-select: none;
    cursor: grab;
    display: block;
    position: relative
}

.is-interior-carousel .abp-u035.is-dragging {
    cursor: grabbing
}

.is-interior-carousel .abp-u036 {
    will-change: transform;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0
}

.is-interior-carousel .abp-u036:focus-visible {
    outline-offset: -3px;
    outline: 3px solid #1c82ff
}

.is-interior-carousel .abp-u037 {
    object-fit: cover;
    pointer-events: none;
    -webkit-user-select: none;
    user-select: none;
    -webkit-user-drag: none;
    object-position: bottom;
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0
}

@media (prefers-reduced-motion: reduce) {
    .abp-u040, .abp-u041, .abp-u041-icon {
        transition: none
    }
}

.abp-u042 {
    margin-bottom: 16px
}

@media (width >= 1024px) {
    .abp-u042 {
        margin-bottom: 24px
    }
}

.abp-u043 {
    margin-inline: -19px;
    overflow: hidden
}

@media (width >= 768px) {
    .abp-u043 {
        margin: 0
    }
}

.abp-u044 {
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    -ms-overflow-style: none;
    gap: 1rem;
    padding-inline: 19px;
    scroll-padding-inline: 19px;
    display: flex;
    overflow-x: auto
}

@media (width >= 768px) {
    .abp-u044 {
        padding: 0;
        scroll-padding-inline: 0
    }
}

@media (width >= 1024px) {
    .abp-u044 {
        gap: 20px
    }
}

@media (width >= 1536px) {
    .abp-u044 {
        gap: 24px
    }
}

.abp-u044::-webkit-scrollbar {
    display: none
}

.abp-u045 {
    background-color: #23272a;
    border-radius: 1rem;
    flex-direction: column;
    flex-shrink: 0;
    width: 74%;
    max-width: 336px;
    min-height: 288px;
    padding: 16px 24px 40px;
    display: flex
}

@media (width >= 768px) {
    .abp-u045 {
        width: calc(50% - 8px);
        max-width: none;
        padding: 24px 32px 40px
    }
}

@media (width >= 1024px) {
    .abp-u045 {
        border-radius: 24px;
        width: calc(50% - 10px);
        min-height: 232px;
        padding: 24px 40px 32px
    }
}

@media (width >= 1536px) {
    .abp-u045 {
        width: calc(50% - 12px)
    }
}

.abp-u046 {
    flex: 1;
    margin-bottom: 1rem
}

@media (width >= 1024px) {
    .abp-u046 {
        max-width: 370px
    }
}

.abp-u047 {
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    line-height: 110%
}

@media (width >= 1024px) {
    .abp-u047 {
        font-size: 24px
    }
}

.abp-u048 {
    background-color: #e73446;
    border-radius: 10px;
    justify-content: center;
    align-items: center;
    width: 48px;
    height: 48px;
    display: flex
}

.abp-u050 {
    margin-bottom: 80px
}

@media (width >= 768px) {
    .abp-u050 {
        margin-bottom: 96px
    }
}

@media (width >= 1024px) {
    .abp-u050 {
        margin-bottom: 120px
    }
}

@media (width >= 1536px) {
    .abp-u050 {
        margin-bottom: 160px
    }
}

.abp-u051 {
    position: relative
}

@media (width >= 768px) {
    .abp-u051 {
        height: 430px
    }
}

@media (width >= 1024px) {
    .abp-u051 {
        min-height: 600px;
        max-height: 780px;
        height: calc(100vh - 180px) !important
    }
}

.abp-u052 {
    background-color: #edeeee;
    border-radius: 16px;
    margin-bottom: 16px;
    padding: 24px
}

@media (width >= 768px) {
    .abp-u052 {
        z-index: 2;
        background-color: #0000;
        width: 100%;
        height: 100%;
        margin-bottom: 0;
        padding: 32px 40px;
        position: absolute;
        inset: 0
    }
}

@media (width >= 1024px) {
    .abp-u052 {
        padding: 80px 120px
    }
}

.abp-u053 {
    max-width: 250px;
    margin-bottom: 16px
}

@media (width >= 768px) {
    .abp-u053 {
        max-width: 360px;
        margin-bottom: 8px
    }
}

.abp-u054 {
    color: #23272a;
    font-size: 24px;
    font-weight: 700;
    line-height: 110%
}

@media (width >= 768px) {
    .abp-u054 {
        font-size: 32px
    }
}

.abp-u055 {
    color: #23272a;
    max-width: 280px;
    font-size: 16px;
    line-height: 120%
}

@media (width >= 768px) {
    .abp-u055 {
        max-width: 280px
    }
}

.abp-u056 {
    border-radius: 16px;
    height: 100%;
    position: relative;
    overflow: hidden
}

@media (width >= 768px) {
    .abp-u056 {
        border-radius: 24px
    }

    .abp-u056:after {
        content: "";
        background: linear-gradient(#fffc 54.18%, #fff0 100%);
        width: 100%;
        height: 80%;
        display: block;
        position: absolute;
        top: 0;
        left: 0
    }
}

@media (width >= 1024px) {
    .abp-u056:after {
        filter: blur(12px);
        background: radial-gradient(circle, #fffc 30%, #fff0 100%);
        border-radius: 100%;
        width: 1103px;
        height: 660px;
        top: -359px;
        left: -403px;
        transform: rotate(-3deg)
    }
}

.abp-u057 {
    object-fit: cover;
    width: 100%;
    height: 100%
}

@media (width >= 768px) {
    .abp-u057 {
        width: 110%;
        max-width: 110%;
        position: absolute;
        left: 50%;
        transform: translate(-50%)
    }
}

.abp-u058 {
    margin-bottom: 80px
}

@media (width >= 768px) {
    .abp-u058 {
        margin-bottom: 96px
    }
}

@media (width >= 1024px) {
    .abp-u058 {
        margin-bottom: 185px
    }
}

@media (width >= 1536px) {
    .abp-u058 {
        margin-bottom: 213px
    }
}

.abp-u059 {
    margin-bottom: 32px
}

@media (width >= 768px) {
    .abp-u059 {
        margin-bottom: 74px
    }
}

@media (width >= 1024px) {
    .abp-u059 {
        margin-bottom: 29px
    }
}

.abp-u060 {
    color: #23272a;
    font-size: 24px;
    font-weight: 400;
    line-height: 26px
}

@media (width >= 768px) {
    .abp-u060 {
        font-size: 40px;
        line-height: 100%
    }
}

@media (width >= 1024px) {
    .abp-u060 {
        font-size: 64px;
        line-height: 100%
    }
}

.abp-u060-span {
    font-weight: 700
}

.abp-u061 {
    border: 5px solid #fff;
    margin-bottom: 48px
}

@media (width >= 768px) {
    .abp-u061 {
        margin-bottom: 103px;
        max-width: 988px;
        margin-inline: auto
    }
}

.abp-u062 {
    width: 100%
}

.abp-u063 {
    flex-wrap: wrap;
    gap: 48px 20px;
    display: flex
}

.abp-u064 {
    width: 65px
}

@media (width >= 1024px) {
    .abp-u064 {
        width: 75px
    }
}

.abp-u065-1 {
    flex: 1;
    max-width: 165px
}

@media (width >= 1024px) {
    .abp-u065-1 {
        max-width: 222px
    }
}

@media (width >= 768px) {
    .abp-u065-2 {
        flex: 1
    }
}

.abp-u066 {
    color: #23272a;
    margin-bottom: 8px;
    font-size: 18px;
    font-weight: 500;
    line-height: 22px;
    display: block
}

@media (width >= 1024px) {
    .abp-u066 {
        font-size: 24px;
        line-height: 29px
    }
}

.abp-u067 {
    color: #23272a;
    font-size: 40px;
    font-style: italic;
    font-weight: 500;
    line-height: 31px
}

@media (width >= 1024px) {
    .abp-u067 {
        font-size: 64px;
        line-height: 50px
    }
}

.abp-u071 {
    flex-direction: column;
    gap: 16px;
    width: 100%;
    display: flex
}

@media (width >= 768px) {
    .abp-u071 {
        width: auto
    }
}

@media (width >= 1024px) {
    .abp-u071 {
        gap: 32px
    }
}

.abp-u072 {
    color: #23272a;
    font-size: 16px;
    line-height: 19px
}

@media (width >= 1024px) {
    .abp-u072 {
        font-size: 24px;
        line-height: 29px
    }
}

.abp-u073 {
    margin-bottom: 80px
}

@media (width >= 768px) {
    .abp-u073 {
        margin-bottom: 96px
    }
}

@media (width >= 1024px) {
    .abp-u073 {
        margin-bottom: 120px
    }
}

@media (width >= 1536px) {
    .abp-u073 {
        margin-bottom: 160px
    }
}

.abp-u073-inner {
    padding: 24px 18px;
    background-color: #23272a;
    border-radius: 16px;
    padding-bottom: 380px;
    position: relative;
    overflow: hidden
}

@media (width >= 768px) {
    .abp-u073-inner {
        padding-top: 48px;
        padding-inline: 36px;
        border-radius: 24px;
        padding-bottom: 405px
    }
}

@media (width >= 1024px) {
    .abp-u073-inner {
        background-color: #0000;
        border-radius: 0;
        gap: 20px;
        padding: 0;
        display: flex;
        overflow: visible
    }
}

@media (width >= 1536px) {
    .abp-u073-inner {
        gap: 24px
    }
}

.abp-u074 {
    z-index: 1;
    position: relative
}

@media (width >= 1024px) {
    .abp-u074 {
        background-color: #edeeee;
        border-radius: 24px;
        align-items: center;
        height: 381px;
        padding: 40px;
        display: flex;
        overflow: hidden
    }
}

@media (width <= 768px) {
    .abp-u074 {
        margin-bottom: 20px
    }
}

.abp-u074-svg {
    display: none
}

@media (width >= 1024px) {
    .abp-u074-svg {
        display: block;
        position: absolute;
        bottom: 0;
        right: -80px
    }
}

@media (width >= 1536px) {
    .abp-u074-svg {
        right: 0
    }
}

.abp-u076 {
    color: #fff;
    margin-bottom: 16px;
    font-size: 24px;
    line-height: 26px
}

@media (width >= 768px) {
    .abp-u076 {
        max-width: 400px;
        margin-bottom: 24px;
        font-size: 32px;
        line-height: 35px
    }
}

@media (width >= 1024px) {
    .abp-u076 {
        color: #23272a
    }
}

.abp-u076-span {
    color: #e73446;
    font-style: italic;
    display: block
}

.abp-u077 {
    border-radius: 30px;
    width: 100%;
    max-width: 148px;
    height: 48px;
    font-size: 16px;
    font-weight: 500;
    line-height: 19px
}

@media (width >= 768px) {
    .abp-u077 {
        max-width: 212px
    }
}

.abp-u078, .abp-u079 {
    width: 100%;
    height: 100%;
    position: absolute;
    inset: auto 0 0
}

@media (width >= 1024px) {
    .abp-u078 {
        inset: unset;
        background-color: #23272a;
        border-radius: 24px;
        height: auto;
        position: relative
    }

    .abp-u074, .abp-u078 {
        width: calc(50% - 10px)
    }
}

@media (width >= 1536px) {
    .abp-u074, .abp-u078 {
        width: calc(50% - 12px)
    }
}

@media (width >= 1024px) {
    .abp-u079 {
        width: 100%;
        height: calc(100% + 20px)
    }
}

@media (width >= 1536px) {
    .abp-u079 {
        height: calc(100% + 65px)
    }
}

.abp-u080 {
    z-index: 1;
    height: 400px;
    position: absolute;
    bottom: 0;
    right: -80px
}

@media (width >= 768px) {
    .abp-u080 {
        height: 434px;
        right: 8%
    }
}

@media (width >= 1024px) {
    .abp-u080 {
        height: 100%;
        right: 18%
    }
}

@media (width >= 1536px) {
    .abp-u080 {
        right: 25%
    }
}

@media (width <= 768px) {
    .abp-u080 {
        bottom: -20px
    }
}

.abp-u081 {
    z-index: 0;
    border-radius: 16px;
    width: 100%;
    height: 100%;
    position: absolute;
    overflow: hidden
}

@media (width >= 1024px) {
    .abp-u081 {
        border-radius: 24px
    }
}

.abp-u081-svg-2 {
    position: absolute;
    bottom: 0;
    left: -20px
}

@media (width >= 768px) {
    .abp-u081-svg-2 {
        left: -10px
    }
}

@media (width >= 1024px) {
    .abp-u081-svg-2 {
        bottom: -40px;
        left: auto;
        right: 30px
    }
}

.abp-u081-svg-1 {
    display: none
}

@media (width >= 1024px) {
    .abp-u081-svg-1 {
        display: block;
        position: absolute;
        top: 0;
        left: 0
    }
}

.abp-u082 {
    flex-wrap: wrap;
    gap: 16px;
    margin-bottom: 80px;
    display: flex
}

@media (width >= 768px) {
    .abp-u082 {
        margin-bottom: 112px
    }
}

@media (width >= 1024px) {
    .abp-u082 {
        margin-bottom: 120px
    }
}

@media (width >= 1536px) {
    .abp-u082 {
        margin-bottom: 160px
    }
}

.abp-u083 {
    border-radius: 16px;
    width: calc(50% - 8px);
    position: relative
}

@media (width >= 768px) {
    .abp-u083 {
        border-radius: 24px
    }
}

.abp-u083.abp-u083-1 {
    background-color: #23272a;
    width: 100%;
    min-height: 376px;
    overflow: hidden
}

@media (width >= 768px) {
    .abp-u083.abp-u083-1 {
        min-height: 328px
    }
}

.abp-u083.abp-u083-2, .abp-u083.abp-u083-3 {
    background-color: #edeeee;
    min-height: 264px;
    position: relative
}

@media (width >= 768px) {
    .abp-u083.abp-u083-2, .abp-u083.abp-u083-3 {
        min-height: 422px
    }
}

.abp-u083.abp-u083-2 {
    padding: 16px 24px;
    position: relative;
    overflow: hidden
}

@media (width >= 768px) {
    .abp-u083.abp-u083-2 {
        order: 3;
        padding: 30px 32px
    }
}

.abp-u083-1-svg {
    display: none
}

@media (width >= 768px) {
    .abp-u083-1-svg {
        display: none;
        position: absolute;
        top: 0;
        right: 0
    }
}

.abp-u083-2-svg-1, .abp-u083-2-svg-2 {
    display: none
}

@media (width >= 768px) {
    .abp-u083-2-svg-1 {
        display: block;
        position: absolute;
        bottom: -60px;
        left: -80px
    }
}

@media (width >= 1024px) {
    .abp-u083-2-svg-1 {
        bottom: 0;
        left: -5%
    }

    .abp-u083-2-svg-2 {
        display: block;
        position: absolute;
        bottom: -10px;
        right: -40px
    }
}

@media (width >= 1536px) {
    .abp-u083-2-svg-2 {
        bottom: 0;
        right: 0
    }
}

@media (width >= 1024px) {
    .abp-u083.abp-u083-1, .abp-u083.abp-u083-2, .abp-u083.abp-u083-3 {
        width: calc(33.333% - 15px);
        min-height: 640px
    }

    .abp-u083.abp-u083-1 {
        order: 1
    }

    .abp-u083.abp-u083-2 {
        order: 2;
        padding: 48px 56px
    }
}

.abp-u084 {
    z-index: 1;
    flex-direction: column;
    height: 100%;
    padding: 32px 40px;
    display: flex;
    position: relative
}

@media (width >= 1024px) {
    .abp-u084 {
        padding: 48px 56px 56px
    }
}

.abp-u084-svg {
    z-index: 0;
    position: absolute;
    bottom: -138px;
    left: -90px
}

@media (width >= 1024px) {
    .abp-u084-svg {
        bottom: 0
    }
}

.abp-u085 {
    color: #fff;
    margin-bottom: 8px;
    font-size: 24px;
    font-weight: 700;
    line-height: 28px
}

@media (width >= 768px) {
    .abp-u085 {
        font-size: 32px;
        line-height: 36px
    }
}

.abp-u085-span {
    color: #e73446;
    display: inline-block
}

.abp-u086 {
    color: #fff;
    flex: 1;
    margin-top: 32px;
    margin-bottom: 0;
    font-size: 16px;
    line-height: 19px
}

@media (width <= 1440px) {
    .abp-u086 {
        margin-top: 16px
    }
}

@media (width <= 1024px) {
    .abp-u086 {
        margin-top: 8px
    }
}

@media (width >= 768px) {
    .abp-u086 {
        max-width: 400px;
        margin-bottom: 32px
    }
}

.abp-u086.abp-u086-span {
    font-weight: 500
}

.abp-u087 {
    background-color: #e73446;
    border-radius: 9px;
    justify-content: center;
    align-items: center;
    width: 48px;
    height: 48px;
    display: flex
}

.abp-u088 {
    flex-direction: column;
    gap: 16px;
    display: flex
}

@media (width >= 768px) {
    .abp-u088 {
        gap: 38px
    }
}

@media (width >= 1024px) {
    .abp-u088 {
        gap: 40px
    }
}

.abp-u090 {
    color: #23272a;
    font-size: 16px;
    font-weight: 500;
    line-height: 19px;
    display: block
}

@media (width >= 768px) {
    .abp-u090 {
        font-size: 18px;
        line-height: 22px;
        display: inline-block
    }
}

@media (width >= 1024px) {
    .abp-u090 {
        font-size: 20px;
        line-height: 22px
    }
}

@media (width >= 1536px) {
    .abp-u090 {
        font-size: 24px;
        line-height: 32px
    }
}

.abp-u091 {
    color: #23272a;
    margin-bottom: 8px;
    font-size: 16px;
    font-weight: 400;
    line-height: 19px
}

@media (width >= 768px) {
    .abp-u091 {
        margin-bottom: 12px;
        font-size: 18px;
        font-weight: 500;
        line-height: 22px
    }
}

@media (width >= 1024px) {
    .abp-u091 {
        margin-bottom: 16px;
        font-size: 20px;
        line-height: 22px
    }
}

@media (width >= 1536px) {
    .abp-u091 {
        font-size: 24px;
        line-height: 32px
    }
}

.abp-u092 {
    gap: 4px;
    max-width: 104px;
    display: flex
}

.abp-u093 {
    background: #23272a52;
    border-radius: 12px;
    width: calc(33.333% - 1.5px);
    height: 8px
}

.abp-u093.abp-u093--active {
    background-color: #e73446
}

.abp-u094 {
    border-radius: 16px;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0;
    overflow: hidden
}

@media (width >= 768px) {
    .abp-u094 {
        border-radius: 24px;
        height: calc(100% + 32px)
    }
}

@media (width >= 1024px) {
    .abp-u094 {
        height: 100%
    }
}

.abp-u095 {
    max-width: none;
    height: 100%;
    position: absolute;
    bottom: -4px;
    left: 50%;
    transform: translate(-50%)
}

@media (width >= 1024px) {
    .abp-u095 {
        padding-top: 32px
    }
}

.c-01-htsf-abp-u001 {
    margin-bottom: 80px
}

@media (width >= 768px) {
    .c-01-htsf-abp-u001 {
        margin-bottom: 96px
    }
}

@media (width >= 1024px) {
    .c-01-htsf-abp-u001 {
        flex-wrap: wrap;
        column-gap: 20px;
        margin-bottom: 120px;
        display: flex
    }
}

@media (width >= 1536px) {
    .c-01-htsf-abp-u001 {
        column-gap: 24px;
        margin-bottom: 160px
    }
}

.c-01-htsf-abp-u002 {
    width: 100%;
    margin-bottom: 24px
}

@media (width >= 768px) {
    .c-01-htsf-abp-u002 {
        margin-bottom: 48px
    }
}

@media (width >= 1024px) {
    .c-01-htsf-abp-u002 {
        margin-bottom: 64px
    }
}

.c-01-htsf-abp-u003 {
    color: #23272a;
    text-align: center;
    max-width: 480px;
    margin-inline: auto;
    font-size: 24px;
    line-height: 116.7%
}

@media (width >= 768px) {
    .c-01-htsf-abp-u003 {
        font-size: 40px;
        line-height: 100%
    }
}

@media (width >= 1024px) {
    .c-01-htsf-abp-u003 {
        font-size: 64px;
        line-height: 68px
    }
}

.c-01-htsf-abp-u003-span {
    color: #e73446;
    display: block
}

.c-01-htsf-abp-u004 {
    background-color: #edeeee;
    border-radius: 1rem;
    width: 100%;
    min-height: 228px;
    position: relative
}

@media (width >= 768px) {
    .c-01-htsf-abp-u004 {
        border-radius: 1.5rem;
        min-height: 320px
    }
}

@media (width >= 1024px) {
    .c-01-htsf-abp-u004 {
        width: calc(50% - 10px)
    }
}

@media (width >= 1536px) {
    .c-01-htsf-abp-u004 {
        width: calc(50% - 12px)
    }
}

.c-01-htsf-abp-u004--1 {
    margin-bottom: 16px;
    padding: 24px
}

@media (width >= 1024px) {
    .c-01-htsf-abp-u004--1 {
        margin-bottom: 0
    }
}

@media (width >= 768px) {
    .c-01-htsf-abp-u004--1 {
        padding: 48px 80px
    }
}

.c-01-htsf-abp-u005 {
    color: #23272a;
    max-width: 416px;
    margin-bottom: 16px;
    font-size: 24px;
    font-weight: 700;
    line-height: 100%
}

@media (width >= 768px) {
    .c-01-htsf-abp-u005 {
        font-size: 32px;
        line-height: 35px
    }
}

.c-01-htsf-abp-u006 {
    color: #23272a;
    max-width: 416px;
    margin-bottom: 24px;
    font-size: 16px;
    line-height: 120%
}

@media (width >= 768px) {
    .c-01-htsf-abp-u006 {
        max-width: 400px;
        margin-bottom: 46px;
        line-height: 19px
    }
}

.c-01-htsf-abp-u007 {
    color: #23272a;
    font-size: 10px;
    line-height: 120%
}

@media (width >= 768px) {
    .c-01-htsf-abp-u007 {
        font-size: 16px;
        line-height: 19px
    }
}

.c-01-htsf-abp-u008 {
    border-radius: 1rem;
    width: 100%;
    height: calc(100% + 8px);
    position: absolute;
    inset: auto 0 0;
    overflow: hidden
}

@media (width >= 768px) {
    .c-01-htsf-abp-u008 {
        height: calc(100% + 10px)
    }
}

@media (width >= 1280px) {
    .c-01-htsf-abp-u008 {
        height: calc(100% + 70px)
    }
}

.c-01-htsf-abp-u009 {
    width: auto;
    max-width: none;
    height: 100%;
    margin-inline: auto;
    position: absolute;
    top: auto;
    left: 50%;
    transform: translate(-50%)
}

@media (width >= 1536px) {
    .c-01-htsf-abp-u009 {
        transform: translate(-48%)
    }
}

.mbm {
    --mbm-red: #e73446;
    --mbm-dark: #23272a;
    --mbm-ink: #031420;
    --mbm-light: #edeeee;
    --mbm-gray: #ececec;
    --mbm-soft: #f5f5f5;
    --mbm-radius: 16px;
    --mbm-gap: 16px;
    --mbm-title-gap: 24px;
    color: var(--mbm-dark);
    background: #fff;
    font-family: TT Norms Pro, sans-serif;
    font-size: 16px;
    line-height: 1.2;
    overflow-x: clip
}

.mbm, .mbm *, .mbm :before, .mbm :after {
    box-sizing: border-box
}

.mbm :where(h2,h3,p,ul) {
    color: inherit;
    margin: 0;
    padding: 0;
    font-family: inherit
}

.mbm :where(ul) {
    list-style: none
}

.mbm :where(img,video,picture) {
    max-width: none;
    display: block
}

.mbm em {
    color: var(--mbm-red);
    font-style: italic
}

.mbm b {
    font-weight: 500
}

.mbm-nowrap {
    white-space: nowrap
}

.mbm .mbm-only-md {
    display: none
}

@media (width >= 768px) {
    .mbm {
        --mbm-radius: 24px;
        --mbm-gap: 16px;
        --mbm-title-gap: 40px
    }

    .mbm .mbm-only-md {
        display: revert
    }

    .mbm .mbm-only-sm {
        display: none
    }
}

@media (width >= 1024px) {
    .mbm {
        --mbm-gap: 24px;
        --mbm-title-gap: 64px
    }
}

.mbm-h2 {
    color: var(--mbm-dark);
    margin-bottom: var(--mbm-title-gap);
    font-size: 24px;
    font-weight: 700;
    line-height: 1.1
}

.mbm-h2--center {
    text-align: center
}

.mbm-h3 {
    color: var(--mbm-dark);
    font-size: 24px;
    font-weight: 700;
    line-height: 1
}

.mbm-text {
    font-size: 16px;
    line-height: 1.2
}

@media (width >= 768px) {
    .mbm-h2 {
        font-size: 40px;
        line-height: 1
    }

    .mbm-h3 {
        font-size: 32px;
        line-height: 1.1
    }
}

@media (width >= 1024px) {
    .mbm-h2 {
        font-size: 64px
    }
}

.mbm-btn {
    background-color: var(--mbm-red);
    color: #fff;
    cursor: pointer;
    white-space: nowrap;
    border: 0;
    border-radius: 500px;
    justify-content: center;
    align-items: center;
    min-height: 46px;
    padding: 12px 32px;
    font: 500 16px/20px TT Norms Pro, sans-serif;
    transition: background-color .15s;
    display: inline-flex
}

@media (width >= 768px) {
    .mbm-btn {
        min-height: 48px
    }
}

.mbm-icon {
    background: 50%/contain no-repeat;
    flex: none;
    display: block
}

.mbm-icon--like, .mbm-icon--shield, .mbm-icon--pulse, .mbm-icon--power, .mbm-icon--truck {
    background-color: var(--mbm-red);
    background-size: 32px;
    border-radius: 9.6px;
    width: 48px;
    height: 48px
}

.mbm-icon--like {
    background-image: url(/upload/landings/max-burn-mini-2/img/ic-like.svg)
}

.mbm-icon--shield {
    background-image: url(/upload/landings/max-burn-mini-2/img/ic-shield.svg)
}

.mbm-icon--pulse {
    background-image: url(/upload/landings/max-burn-mini-2/img/ic-pulse.svg)
}

.mbm-icon--power {
    background-image: url(/upload/landings/max-burn-mini-2/img/ic-power.svg)
}

.mbm-icon--truck {
    background-image: url(/upload/landings/max-burn-mini-2/img/ic-truck.svg)
}

.mbm-icon--gauge {
    background-image: url(/upload/landings/max-burn-mini-2/img/ic-gauge.svg);
    width: 32px;
    height: 32px
}

.mbm-icon--minus {
    background-image: url(/upload/landings/max-burn-mini-2/img/ic-minus.svg);
    width: 24px;
    height: 24px
}

.mbm-line {
    pointer-events: none;
    height: auto;
    position: absolute
}

.mbm-belt {
    position: relative
}

.mbm-belt__swiper {
    margin: 0 19px;
    overflow: visible !important
}

.mbm-belt__slide {
    width: 298px
}

.mbm-belt__bg {
    border-radius: var(--mbm-radius);
    aspect-ratio: 1;
    background: #6f7174;
    position: relative;
    overflow: hidden
}

.mbm-belt__bg img {
    object-fit: cover;
    width: 100%;
    height: 100%
}

.mbm-belt__text {
    background: var(--mbm-light);
    border-radius: 24px;
    gap: 8px;
    margin-top: 16px;
    padding: 16px;
    display: flex
}

.mbm-belt__title {
    font-size: 16px;
    font-weight: 500;
    line-height: 21.1px
}

.mbm-belt__desc {
    margin-top: 16px;
    font-size: 14px;
    line-height: 16.8px
}

@media (width >= 768px) {
    .mbm-belt__swiper {
        margin: 0 40px
    }

    .mbm-belt__slide {
        width: 632px;
        position: relative
    }

    .mbm-belt__bg {
        aspect-ratio: auto;
        height: 420px
    }

    .mbm-belt__bg:after {
        content: "";
        position: absolute;
        inset: 0
    }

    .mbm-belt__slide:not(:last-child) .mbm-belt__bg:after {
        background: linear-gradient(90deg, #00000080 0%, #0000 56%)
    }

    .mbm-belt__text {
        z-index: 1;
        color: #fff;
        background: 0 0;
        max-width: 240px;
        min-height: 0;
        margin: 0;
        padding: 0;
        position: absolute;
        top: 50%;
        left: 60px;
        transform: translateY(-50%)
    }

    .mbm-belt__text .mbm-icon {
        display: none
    }

    .mbm-belt__desc {
        margin-top: 8px
    }
}

.mbm-belt.is-scenes .mbm-belt__pin {
    height: 56.25vw;
    min-height: 560px;
    max-height: 100vh;
    position: sticky;
    top: 0;
    overflow: hidden
}

.mbm-belt.is-scenes .mbm-belt__swiper {
    height: 100%;
    margin: 0
}

.mbm-belt.is-scenes .swiper-wrapper {
    height: 100%;
    display: block;
    transform: none !important
}

.mbm-belt.is-scenes .mbm-belt__slide {
    opacity: 0;
    width: 100%;
    height: 100vh;
    position: absolute;
    inset: 0;
    margin: 0 !important
}

.mbm-belt.is-scenes.is-anim .mbm-belt__slide {
    transition: opacity .6s
}

.mbm-belt.is-scenes .mbm-belt__slide.is-active {
    opacity: 1;
    z-index: 2
}

.mbm-belt.is-scenes .mbm-belt__slide.is-prev {
    opacity: 1;
    z-index: 1;
    transition: none
}

.mbm-belt.is-scenes .mbm-belt__bg {
    border-radius: 0;
    height: 100%
}

.mbm-belt.is-scenes .mbm-belt__bg img {
    object-position: 60% 50%
}

.mbm-belt.is-scenes .mbm-belt__text {
    max-width: 460px;
    top: 43.6%;
    left: max(18px, 50% - 638px)
}

.mbm-belt.is-scenes .mbm-belt__title {
    font-size: 32px;
    font-weight: 700;
    line-height: 35.2px
}

.mbm-belt.is-scenes .mbm-belt__desc {
    margin-top: 16px;
    font-size: 16px;
    line-height: 19.2px
}

@media (width >= 1536px) {
    .mbm-belt.is-scenes .mbm-belt__text {
        left: max(20px, 50% - 708px)
    }

    .mbm-belt.is-scenes .mbm-belt__desc {
        font-size: 22px;
        line-height: 26.4px
    }
}

@media (width <= 767px) {
    .mbm-belt__swiper {
        display: none
    }

    .mbm-belt__pin {
        margin: 0 19px
    }
}

@media (width >= 768px) {
    .mbm-split {
        display: none
    }
}

.mbm-belt__toggle {
    border: 1.5px solid var(--mbm-dark);
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    background: 0 0;
    border-radius: 50%;
    flex: none;
    width: 32px;
    height: 32px;
    padding: 0;
    position: relative
}

.mbm-belt__toggle:before, .mbm-belt__toggle:after {
    content: "";
    background: var(--mbm-dark);
    border-radius: 2px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.mbm-belt__toggle:before {
    width: 12px;
    height: 1.5px
}

.mbm-belt__toggle:after {
    width: 1.5px;
    height: 12px;
    transition: transform .3s, opacity .3s
}

@media (width >= 768px) {
    .mbm-belt__toggle {
        display: none
    }
}

.mbm-split__img {
    border-radius: var(--mbm-radius);
    overflow: hidden
}

.mbm-split__img .swiper-slide {
    flex-shrink: 0;
    width: 100%
}

.mbm-split__img .mbm-belt__bg {
    width: 100%;
    height: auto;
    position: relative;
    inset: auto
}

.mbm-split__img .mbm-belt__bg img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0
}

.mbm-split__plates {
    margin-top: 16px;
    overflow: visible
}

.mbm-split__plates .swiper-slide {
    flex-shrink: 0;
    width: 83%
}

.mbm-split__plates .mbm-belt__text {
    align-items: center;
    min-height: 64px;
    margin-top: 0
}

.mbm-split .mbm-belt__desc {
    opacity: 0;
    max-height: 0;
    margin-top: 0;
    transition: max-height .35s, opacity .3s, margin-top .35s;
    overflow: hidden
}

.mbm-split__plate.is-open .mbm-belt__text {
    align-items: flex-start
}

.mbm-split__plate.is-open .mbm-belt__toggle:after {
    opacity: 0;
    transform: translate(-50%, -50%) scaleY(0)
}

.mbm-split__plate.is-open .mbm-belt__desc {
    opacity: 1;
    margin-top: 8px
}

@media (width <= 767px) {
    .mbm-who__slider {
        display: none
    }
}

.mbm-who__toggle {
    border: 1.5px solid var(--mbm-dark);
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    background: 0 0;
    border-radius: 50%;
    flex: none;
    width: 32px;
    height: 32px;
    padding: 0;
    position: relative
}

.mbm-who__toggle:before, .mbm-who__toggle:after {
    content: "";
    background: var(--mbm-dark);
    border-radius: 2px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.mbm-who__toggle:before {
    width: 12px;
    height: 1.5px
}

.mbm-who__toggle:after {
    width: 1.5px;
    height: 12px;
    transition: transform .3s, opacity .3s
}

@media (width >= 768px) {
    .mbm-who__toggle {
        display: none
    }
}

.mbm-split__img .mbm-slide__bg {
    aspect-ratio: 1;
    border-radius: var(--mbm-radius);
    width: 100%;
    height: auto;
    position: relative;
    inset: auto
}

.mbm-split__img .mbm-slide__bg img {
    object-fit: cover;
    border-radius: var(--mbm-radius);
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0
}

.mbm-split__plates .mbm-slide__info {
    align-items: center;
    min-height: 64px;
    margin-top: 0
}

.mbm-split .mbm-slide__title {
    opacity: 1;
    transition: none
}

.mbm-split .mbm-slide__desc {
    opacity: 0;
    max-height: 0;
    margin-top: 0;
    transition: max-height .35s, opacity .3s, margin-top .35s;
    overflow: hidden
}

.mbm-split__plate.is-open .mbm-slide__info {
    align-items: flex-start
}

.mbm-split__plate.is-open .mbm-who__toggle:after {
    opacity: 0;
    transform: translate(-50%, -50%) scaleY(0)
}

.mbm-split__plate.is-open .mbm-slide__desc {
    opacity: 1;
    margin-top: 8px
}

.mbm-split.mbm-split--who .mbm-slide__title {
    position: inherit;
    color: var(--mbm-ink);
    text-align: left;
    opacity: 1
}

.mbm-app {
    gap: 16px;
    display: grid
}

.mbm-app__card {
    border-radius: var(--mbm-radius);
    background: var(--mbm-light);
    padding: 24px
}

.mbm-app__title {
    color: var(--mbm-ink);
    font-size: 24px;
    font-weight: 700;
    line-height: 24px
}

.mbm-app__compat {
    align-items: center;
    gap: 16px;
    margin-top: 16px;
    display: flex
}

.mbm-app__compat img {
    width: 56px;
    height: 56px
}

.mbm-app__compat p {
    font-size: 16px;
    line-height: 19.2px
}

.mbm-app__compat b {
    color: var(--mbm-red)
}

.mbm-app__text {
    color: #2c2c2c;
    margin-top: 16px;
    font-size: 16px;
    line-height: 19.2px
}

.mbm-app__stores {
    flex-direction: column;
    gap: 20px;
    margin-top: 16px;
    display: flex
}

.mbm-app__stores img {
    width: 100%;
    max-width: 292px;
    height: auto
}

.mbm-app__phone {
    border-radius: var(--mbm-radius);
    background: var(--mbm-soft);
    height: 206px;
    position: relative;
    overflow: visible
}

.mbm-app__line {
    width: 140.4%;
    top: 43.5%;
    left: -6.4%
}

.mbm-app__img {
    left: 50%;
    top: unset;
    width: 230px;
    height: auto;
    position: absolute;
    bottom: 0;
    transform: translate(-50%)
}

@media (width <= 1024px) {
    .mbm-app__phone-background {
        border-radius: var(--mbm-radius);
        height: 100%;
        display: block;
        position: relative;
        overflow: hidden
    }
}

@media (width >= 768px) {
    .mbm-app__card {
        background: var(--mbm-soft);
        padding: 54px 40px
    }

    .mbm-app__title {
        font-size: 48px;
        line-height: 52.8px
    }

    .mbm-app__compat {
        gap: 22px;
        margin-top: 40px
    }

    .mbm-app__compat img {
        width: 104px;
        height: 104px
    }

    .mbm-app__compat p {
        font-size: 22px;
        line-height: 26.4px
    }

    .mbm-app__text {
        max-width: 602px;
        margin-top: 20px;
        font-size: 18px;
        line-height: 21.6px
    }

    .mbm-app__stores {
        flex-direction: row;
        margin-top: 40px
    }

    .mbm-app__stores img {
        max-width: 292px
    }

    .mbm-app__phone {
        height: 421px
    }

    .mbm-app__img {
        width: 73%;
        top: unset;
        bottom: 0
    }
}

@media (width >= 1024px) {
    .mbm-app {
        grid-template-columns:736fr 520fr;
        gap: 20px
    }

    .mbm-app__card {
        padding: 54px 65px
    }

    .mbm-app__phone {
        height: auto;
        margin-top: 0;
        overflow: visible
    }

    .mbm-app__img {
        width: 107%;
        left: 0;
        top: unset;
        bottom: 0;
        transform: none
    }

    .mbm-app__stores img {
        width: 100%
    }

    .mbm-app__stores a {
        flex: 0 292px
    }

    .mbm-app__line {
        display: none
    }
}

@media (width >= 1536px) {
    .mbm-app {
        grid-template-columns:816fr 576fr;
        gap: 24px
    }

    .mbm-app__card {
        padding: 54px 82px
    }

    .mbm-app__title {
        font-size: 60px;
        line-height: 66px
    }

    .mbm-app__img {
        width: 113%
    }
}

.mbm-slider-wrap {
    position: relative
}

.mbm-slider {
    overflow: visible !important
}

.mbm-slide {
    border-radius: var(--mbm-radius);
    background: #6b5b52;
    flex-shrink: 0;
    position: relative;
    overflow: hidden
}

.mbm-slide__bg, .mbm-slide__bg img {
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0
}

.mbm-slide__bg img {
    object-fit: cover
}

.mbm-slide:after {
    content: "";
    pointer-events: none;
    background: linear-gradient(#00000073 0%, #0000 100%);
    height: 60%;
    position: absolute;
    inset: 0 0 auto
}

.mbm-care .mbm-slide:after {
    content: none
}

.mbm-slide__title {
    z-index: 1;
    text-align: center;
    color: #fff;
    opacity: 0;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.1;
    transition: opacity .4s ease-out;
    position: absolute;
    top: 24px;
    left: 16px;
    right: 16px
}

.mbm-slide__desc {
    opacity: 0;
    transition: opacity .4s ease-out
}

.swiper-slide-active .mbm-slide__title, .swiper-slide-active .mbm-slide__desc {
    opacity: 1;
    transition: opacity 1.1s ease-out
}

@media (width <= 768px) {
    .mbm-who .mbm-slide__desc {
        opacity: 1
    }

    .mbm-who .mbm-slide__desc br {
        display: none
    }

    .mbm-who .mbm-slide__title {
        opacity: 1
    }

    .mbm-who .mbm-slide__title br {
        display: none
    }
}

@media (width <= 480px) {
    .mbm-slide {
        aspect-ratio: 2/3;
        width: 90%;
        height: auto
    }

    .mbm-slide__bg img {
        object-position: bottom
    }
}

@media (width >= 480px) and (width <= 767px) {
    .mbm-slide {
        aspect-ratio: 2/3;
        width: 70%;
        height: auto
    }

    .mbm-slide__bg img {
        object-position: bottom
    }
}

@media (width >= 768px) {
    .mbm-slide {
        width: 632px;
        height: 420px
    }

    .mbm-slide:after {
        background: linear-gradient(90deg, #00000073 18%, #0000 49%);
        height: auto;
        inset: 0
    }

    .mbm-slide__title {
        text-align: left;
        max-width: 45%;
        top: 50%;
        left: 9.5%;
        right: auto;
        transform: translateY(-50%)
    }
}

@media (width >= 1024px) {
    .mbm-slide {
        aspect-ratio: 1266/840;
        width: 75.5%;
        height: auto
    }

    .mbm-slide__title {
        font-size: 24px;
        line-height: 26.4px
    }
}

@media (width >= 1536px) {
    .mbm-slide {
        width: 1266px
    }

    .mbm-slide__title {
        font-size: 32px;
        font-weight: 700;
        line-height: 35.2px
    }
}

.mbm-pager {
    z-index: 5;
    gap: 8px;
    display: none;
    position: absolute;
    bottom: 48px;
    left: 50%;
    transform: translate(-50%)
}

.mbm-pager__dots, .mbm-pager__play {
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
    background: #37373799;
    border-radius: 360px;
    height: 56px
}

.mbm-pager__dots {
    align-items: center;
    gap: 24px;
    padding: 0 16px;
    display: flex
}

.mbm-pager__dot {
    cursor: pointer;
    background: #f0f0f080;
    border: 0;
    border-radius: 360px;
    width: 8px;
    height: 8px;
    padding: 0;
    transition: width .3s;
    position: relative;
    overflow: hidden
}

.mbm-pager__dot.is-active {
    background: #f0f0f066;
    width: 48px
}

.mbm-pager__dot i {
    border-radius: inherit;
    background: #f0f0f0;
    width: 0;
    position: absolute;
    inset: 0 auto 0 0
}

.mbm-pager__dot.is-active i {
    animation: mbm-progress var(--mbm-delay, 5s) linear forwards
}

.mbm-pager.is-paused .mbm-pager__dot.is-active i {
    animation-play-state: paused
}

@keyframes mbm-progress {
    0% {
        width: 0
    }
    to {
        width: 100%
    }
}

.mbm-pager__play {
    cursor: pointer;
    border: 0;
    width: 56px;
    padding: 0;
    position: relative
}

.mbm-pager__play:before, .mbm-pager__play:after {
    content: "";
    background: #f0f0f0;
    border-radius: 2px;
    width: 5px;
    height: 18px;
    margin-top: -9px;
    position: absolute;
    top: 50%
}

.mbm-pager__play:before {
    left: 21px
}

.mbm-pager__play:after {
    right: 21px
}

.mbm-pager.is-paused .mbm-pager__play:after {
    display: none
}

.mbm-pager.is-paused .mbm-pager__play:before {
    background: 0 0;
    border: 10px solid #0000;
    border-left: 16px solid #f0f0f0;
    border-right-width: 0;
    border-radius: 0;
    width: 0;
    height: 0;
    margin-top: -10px;
    left: 22px
}

@media (width >= 768px) {
    .mbm-pager {
        display: flex;
        bottom: 24px
    }
}

@media (width >= 1024px) {
    .mbm-pager {
        bottom: 48px
    }
}

.mbm-who .mbm-h2 em {
    font-style: normal
}

.mbm-slide--info {
    background: 0 0;
    border-radius: 0;
    width: 298px;
    height: auto;
    overflow: visible
}

.mbm-slide--info:after {
    display: none
}

.mbm-slide--info .mbm-slide__bg {
    aspect-ratio: 336/322;
    border-radius: var(--mbm-radius);
    height: auto;
    position: relative;
    inset: auto;
    overflow: hidden
}

.mbm-slide--info .mbm-slide__bg img {
    position: absolute
}

.mbm-slide__info {
    background: var(--mbm-light);
    border-radius: 24px;
    gap: 8px;
    min-height: 170px;
    margin-top: 16px;
    padding: 16px;
    display: flex
}

.mbm-slide--info .mbm-slide__title {
    text-align: left;
    color: var(--mbm-dark);
    font-size: 16px;
    line-height: 21.1px;
    position: static
}

.mbm-slide__desc {
    margin-top: 16px;
    font-size: 14px;
    line-height: 16.8px
}

@media (width >= 768px) {
    .mbm-slide--info {
        border-radius: var(--mbm-radius);
        width: 632px;
        height: 420px;
        overflow: hidden
    }

    .mbm-slide--info:after {
        display: block
    }

    .mbm-slide--info .mbm-slide__bg {
        aspect-ratio: auto;
        border-radius: 0;
        height: 100%;
        position: absolute;
        inset: 0
    }

    .mbm-slide__info {
        z-index: 1;
        color: #fff;
        background: 0 0;
        max-width: 45%;
        min-height: 0;
        margin: 0;
        padding: 0;
        position: absolute;
        top: 50%;
        left: 9.5%;
        transform: translateY(-50%)
    }

    .mbm-slide__info .mbm-icon {
        display: none
    }

    .mbm-slide--info .mbm-slide__title {
        color: #fff;
        max-width: none;
        transform: none
    }

    .mbm-slide__desc {
        margin-top: 8px
    }
}

@media (width >= 1024px) {
    .mbm-slide--info {
        width: 75.5%;
        height: auto
    }

    .mbm-slide--info .mbm-slide__title {
        font-size: 24px;
        font-weight: 700;
        line-height: 26.8px
    }

    .mbm-slide__desc {
        margin-top: 16px;
        font-size: 16.8px;
        line-height: 20.1px
    }
}

@media (width >= 1536px) {
    .mbm-slide--info {
        width: 1266px
    }

    .mbm-slide--info .mbm-slide__title {
        font-size: 32px;
        line-height: 35.2px
    }

    .mbm-slide__desc {
        font-size: 22px;
        line-height: 26.4px
    }
}

.mbm-comfort__grid {
    gap: 16px;
    display: grid
}

.mbm-comfort__card {
    border-radius: var(--mbm-radius);
    background: var(--mbm-dark);
    color: #fff;
    height: 272px;
    position: relative;
    overflow: hidden
}

.mbm-comfort__text {
    z-index: 2;
    padding: 24px 32px 0;
    position: relative
}

.mbm-comfort__text h3 {
    font-size: 20px;
    font-weight: 500;
    line-height: 22px
}

.mbm-comfort__text p {
    margin-top: 8px;
    font-size: 16px;
    line-height: 19.2px
}

.mbm-comfort__img {
    z-index: 1;
    height: auto;
    position: absolute
}

.mbm-comfort__line {
    z-index: 0
}

.mbm-comfort__card--remote .mbm-comfort__line {
    width: 168.6%;
    top: 87.2%;
    left: 6.1%
}

.mbm-comfort__card--remote .mbm-comfort__img {
    width: 52%;
    top: 42%;
    left: 52%;
    transform: rotate(26deg)
}

.mbm-comfort__card--led .mbm-comfort__img {
    width: 82.8%;
    top: 44.9%;
    left: 8.6%
}

.mbm-comfort__card--rollers .mbm-comfort__line {
    display: none
}

.mbm-comfort__card--rollers .mbm-comfort__img {
    width: 93.8%;
    top: 50%;
    left: 6.2%
}

.mbm-comfort__card--deck .mbm-comfort__img {
    width: 199%;
    top: 53.3%;
    left: -101.5%
}

@media (width <= 768px) {
    .mbm-comfort__card:before {
        content: "";
        z-index: 1;
        background-repeat: no-repeat;
        height: 228px;
        display: block;
        position: absolute
    }

    .mbm-comfort__card img, .mbm-comfort__text p br {
        display: none
    }

    .mbm-comfort__card--remote:before {
        background-image: url(/upload/landings/max-burn-mini-2/img/comfort-remote.webp);
        background-size: 212px;
        width: 173px;
        bottom: -65px;
        right: 21px;
        transform: rotate(25deg)
    }

    .mbm-comfort__card--led:before {
        background-image: url(/upload/landings/max-burn-mini-2/img/comfort-led.webp);
        background-size: 212px;
        width: 213px;
        margin: auto;
        bottom: -110px;
        left: 0;
        right: 0
    }

    .mbm-comfort__card--rollers:before, .mbm-comfort__card--deck:before {
        background-size: 771px;
        width: 369px
    }

    .mbm-comfort__card--rollers:before {
        background-image: url(/upload/landings/max-burn-mini-2/img/comfort-deck.webp);
        bottom: -92px;
        right: 0
    }

    .mbm-comfort__card--deck:before {
        background-image: url(/upload/landings/max-burn-mini-2/img/comfort-deck.webp);
        background-position: 100%;
        bottom: -52px;
        left: 0
    }
}

@media (width >= 768px) {
    .mbm-comfort__grid {
        grid-template-columns:1fr 1fr
    }

    .mbm-comfort__card {
        height: 300px
    }

    .mbm-comfort__text h3 {
        font-size: 24px;
        line-height: 26.4px
    }

    .mbm-comfort__card--remote .mbm-comfort__img {
        width: 52%;
        top: 42%;
        left: 52%
    }

    .mbm-comfort__card--led .mbm-comfort__img {
        width: 66%;
        top: 46%;
        left: 20%
    }

    .mbm-comfort__card--rollers .mbm-comfort__img {
        width: 180%;
        top: 55%;
        left: 12%
    }

    .mbm-comfort__card--deck .mbm-comfort__img {
        width: 180%;
        top: 55%;
        left: -80%
    }
}

@media (width >= 1024px) {
    .mbm-comfort__grid {
        grid-template-columns:repeat(12, 1fr);
        gap: 24px
    }

    .mbm-comfort__card--remote {
        grid-column: span 5;
        height: 284px
    }

    .mbm-comfort__card--remote .mbm-comfort__text {
        max-width: 50%;
        padding-right: 0
    }

    .mbm-comfort__card--led .mbm-comfort__text {
        max-width: 45%;
        padding-right: 0
    }

    .mbm-comfort__card--deck .mbm-comfort__text {
        max-width: 100%
    }

    .mbm-comfort__card--led {
        grid-column: span 7;
        height: 284px
    }

    .mbm-comfort__card--rollers, .mbm-comfort__card--deck {
        grid-column: span 6;
        height: 301px
    }

    .mbm-comfort__card--remote .mbm-comfort__line {
        width: 145.7%;
        display: block;
        top: 69.7%;
        left: 34.7%
    }

    .mbm-comfort__card--remote .mbm-comfort__img {
        width: 66%;
        top: -8.5%;
        left: 38.9%
    }

    .mbm-comfort__card--led .mbm-comfort__img {
        width: 49.1%;
        top: 3.9%;
        left: 45%
    }

    .mbm-comfort__card--rollers .mbm-comfort__line {
        width: 155%;
        display: block;
        top: -44.5%;
        left: -51.4%
    }

    .mbm-comfort__card--rollers .mbm-comfort__img {
        width: 180.5%;
        top: 24.3%;
        left: 32.2%
    }

    .mbm-comfort__card--deck .mbm-comfort__img {
        width: 180.5%;
        top: 24.3%;
        left: -93.4%
    }
}

@media (width >= 1210px) {
    .mbm-comfort__card--deck .mbm-comfort__text {
        max-width: 60%
    }
}

.mbm-final {
    gap: 16px;
    display: grid
}

.mbm-final__card {
    border-radius: var(--mbm-radius);
    background: var(--mbm-light);
    padding: 24px;
    position: relative;
    overflow: hidden
}

.mbm-final__line {
    display: none
}

.mbm-final__content {
    z-index: 1;
    position: relative
}

.mbm-final__content .mbm-h3 {
    font-size: 24px;
    line-height: 24px
}

.mbm-final__content .mbm-text {
    margin-top: 16px;
    margin-bottom: 16px
}

.mbm-final__content .mbm-btn {
    width: 100%;
    margin-top: 16px
}

.mbm-final__photo {
    border-radius: var(--mbm-radius);
    background: var(--mbm-light);
    height: 268px;
    margin-top: 23px;
    position: relative
}

.mbm-final__photo img {
    object-fit: contain;
    object-position: bottom;
    border-radius: 0 0 var(--mbm-radius) var(--mbm-radius);
    width: 100%;
    height: auto;
    max-height: calc(100% + 23px);
    position: absolute;
    bottom: 0;
    left: 0
}

@media (width <= 480px) {
    .mbm-final__content .abp-u009 {
        max-width: unset
    }
}

@media (width >= 768px) {
    .mbm-final__card {
        padding: 48px 40px
    }

    .mbm-final__content .mbm-h3 {
        font-size: 32px;
        line-height: 35.2px
    }

    .mbm-final__content .mbm-text {
        max-width: 456px;
        margin-bottom: 32px
    }

    .mbm-final__content .mbm-btn {
        width: auto;
        margin-top: 40px
    }

    .mbm-final__photo {
        height: 400px;
        margin-top: 36px
    }
}

@media (width >= 1024px) {
    .mbm-final {
        padding-top: 36px;
        display: block;
        position: relative
    }

    .mbm-final__card {
        align-items: center;
        min-height: 480px;
        padding: 0 0 0 8.5%;
        display: flex
    }

    .mbm-final__line {
        width: 86.7%;
        display: block;
        top: 72.5%;
        left: 29.7%
    }

    .mbm-final__content {
        max-width: 456px
    }

    .mbm-final__photo {
        z-index: 2;
        background: 0 0;
        width: 38.6%;
        height: auto;
        margin: 0;
        position: absolute;
        top: 0;
        bottom: 0;
        left: calc(52.6% + 18px)
    }

    .mbm-final__photo img {
        object-fit: contain;
        object-position: left bottom;
        width: 100%;
        height: auto;
        max-height: 100%;
        left: 0
    }
}

@media (width >= 1536px) {
    .mbm-final__photo {
        left: calc(52.6% + 20px)
    }

    .mbm-final__content .mbm-text {
        margin-bottom: 40px
    }
}

.mbm-delivery__title {
    color: #2f2f2f;
    font-size: 32px;
    font-weight: 700;
    line-height: 32px
}

.mbm-delivery__title em {
    font-style: normal
}

.mbm-delivery__cards {
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
    gap: 16px;
    margin: 24px -19px 0;
    padding: 0 19px;
    scroll-padding-inline: 19px;
    display: flex;
    overflow-x: auto
}

.mbm-delivery__cards::-webkit-scrollbar {
    display: none
}

.mbm-delivery__card {
    scroll-snap-align: start;
    border-radius: var(--mbm-radius);
    background: var(--mbm-dark);
    color: #fff;
    flex-direction: column;
    flex: 0 0 249px;
    min-height: 216px;
    padding: 24px 32px 32px;
    display: flex
}

.mbm-delivery__card h3 {
    font-size: 20px;
    font-weight: 500;
    line-height: 22px
}

.mbm-delivery__card p {
    margin-top: 8px;
    font-size: 16px;
    line-height: 19.2px
}

.mbm-delivery__card .mbm-icon {
    margin-top: 24px
}

@media (width >= 768px) {
    .mbm-delivery__title {
        font-size: 40px;
        line-height: 40px
    }

    .mbm-delivery__cards {
        margin: 40px 0 0;
        padding: 0;
        overflow: visible
    }

    .mbm-delivery__card {
        flex: 1 1 0;
        padding: 24px 40px 32px
    }

    .mbm-delivery__card h3 {
        font-size: 24px;
        line-height: 26.4px
    }
}

@media (width >= 1024px) {
    .mbm-delivery {
        grid-template-columns:1fr 1fr;
        align-items: center;
        gap: 24px;
        display: grid
    }

    .mbm-delivery__title {
        font-size: clamp(40px, 3.9vw, 56px);
        line-height: 1
    }

    .mbm-delivery__cards {
        gap: 24px;
        margin: 0
    }

    .mbm-delivery__card {
        padding: 24px clamp(24px, 12%, 40px) 32px
    }
}

@media (width >= 1536px) {
    .mbm-delivery {
        margin-top: 136px;
        padding-bottom: 130px
    }

    .mbm-delivery__title {
        font-size: 64px;
        line-height: 64px
    }
}

.mbm-slider-nav-cursor {
    pointer-events: none;
    z-index: 9999;
    opacity: 0;
    will-change: transform;
    width: 49px;
    height: 19px;
    transition: opacity .2s;
    position: fixed;
    top: 0;
    left: 0;
    transform: translate(-100px, -100px)
}

.mbm-slider-nav-cursor.is-visible {
    opacity: 1
}

.mbm-slider-nav-cursor.is-left svg {
    transform: scaleX(-1)
}

.mbm-slider-nav-cursor.is-visible.is-disabled {
    opacity: .35
}

.has-mbm-zone-navigation, .has-mbm-zone-navigation .swiper-slide, .mbm-slider__zone {
    cursor: none
}

.mbm-slider__zone {
    z-index: 4;
    width: 50%;
    height: 100%;
    position: absolute;
    top: 0
}

.mbm-slider__zone--left {
    left: 0
}

.mbm-slider__zone--right {
    right: 0
}

@media (width <= 1023px) {
    .mbm-slider__zone {
        display: none
    }
}

@media (width >= 1024px) and (width <= 1920px) {
    .mbm-belt.is-scenes .mbm-belt__pin {
        height: 100svh;
        max-height: none
    }
}

@media (width >= 768px) and (width <= 1920px) {
    .mbm-slide .mbm-slide__title.is-anim-right {
        animation: .7s cubic-bezier(.22, .61, .36, 1) mbm-slide-x-right-y !important
    }

    .mbm-slide .mbm-slide__title.is-anim-left {
        animation: .7s cubic-bezier(.22, .61, .36, 1) mbm-slide-x-left-y !important
    }

    .mbm-slide--info .mbm-slide__info.is-anim-right {
        animation: .7s cubic-bezier(.22, .61, .36, 1) mbm-slide-from-right-y !important
    }

    .mbm-slide--info .mbm-slide__info.is-anim-left {
        animation: .7s cubic-bezier(.22, .61, .36, 1) mbm-slide-from-left-y !important
    }
}

@keyframes mbm-slide-x-right-y {
    0% {
        transform: translate(80px, -50%)
    }
    to {
        transform: translateY(-50%)
    }
}

@keyframes mbm-slide-x-left-y {
    0% {
        transform: translate(-80px, -50%)
    }
    to {
        transform: translateY(-50%)
    }
}

@keyframes mbm-slide-from-right-y {
    0% {
        opacity: 0;
        transform: translate(80px, -50%)
    }
    to {
        opacity: 1;
        transform: translateY(-50%)
    }
}

@keyframes mbm-slide-from-left-y {
    0% {
        opacity: 0;
        transform: translate(-80px, -50%)
    }
    to {
        opacity: 1;
        transform: translateY(-50%)
    }
}