:root {
        --manul-bg: #f5f5f5;
        --manul-line: #c0c0c0;
        --manul-dark: #202524;
        --manul-muted: #777777;
        --manul-dot: #465551;
        --manul-home: #c0ea6c;
        --manul-business: #465551;
        --manul-white: #fafafa;
        --manul-admin-offset: 0px;
    }

    * {
        box-sizing: border-box;
    }

    html,
    body {
        margin: 0;
        padding: 0;
    }

    body {
        background: var(--manul-bg);
        font-family: "Geologica", sans-serif;
    }

    body.admin-bar {
        --manul-admin-offset: 32px;
    }

    @media (max-width: 782px) {
        body.admin-bar {
            --manul-admin-offset: 46px;
        }
    }

    html.manul-menu-open,
    body.manul-menu-open {
        overflow: hidden;
    }
    .manul-home {
        background: var(--manul-bg);
    }

    .manul-hero {
        padding: 0;
        background: var(--manul-bg);
    }

    .manul-hero__shell {
        position: relative;
        min-height: 100vh;
        height: 100vh;
        border-radius: 0;
        overflow: hidden;
        background: linear-gradient(180deg, #f3f3f3 0%, #f1f1f1 100%);
    }


    /* Чтобы в админке экран не ломался */
    body.admin-bar .manul-hero__shell {
        min-height: calc(100vh - 32px);
        height: calc(100vh - 32px);
    }

    /* =========================
    HEADER / DESKTOP + MOBILE
    designer version
    ========================= */

    :root {
        --manul-header-offset-x: 0.0vw;
        --manul-header-offset-y: 0.0vw;
        --manul-header-height-desktop: 8.3333vw;
        --manul-header-height-1599: 7.0833vw;
        --manul-header-height-1365: 6.1458vw;

        --manul-header-border-light: rgba(192, 192, 192, 0.95);
        --manul-header-border-dark: rgba(250, 250, 250, 0.58);

        --manul-header-text-light: #202524;
        --manul-header-text-dark: #FAFAFA;

        --manul-header-dot-light: #465551;
        --manul-header-dot-dark: #C0EA6C;

        --manul-header-home: #C0EA6C;
        --manul-header-business: #566963;
        --manul-header-white: #FAFAFA;
    }

    .manul-hero__top {
        position: fixed;
        top: var(--manul-admin-offset);
        left: 0;
        right: 0;
        z-index: 1200;
        display: flex;
        align-items: stretch;
        justify-content: space-between;
        gap: 0;
    }

    .manul-hero__menu {
        display: flex;
        align-items: stretch;
        gap: 0;
        flex: 0 0 auto;
    }

    .manul-menu-card,
    .manul-hero__brand {
        position: relative;
        border-radius: 0.625vw;
        box-shadow: none;
        backdrop-filter: none;
        -webkit-backdrop-filter: none;
        transition:
            border-color 0.32s ease,
            background-color 0.32s ease,
            color 0.32s ease,
            transform 0.32s ease;
    }

    .manul-menu-card {
        flex: 0 0 var(--manul-header-height-desktop);
        width: var(--manul-header-height-desktop);
        height: var(--manul-header-height-desktop);
        min-width: var(--manul-header-height-desktop);
        min-height: var(--manul-header-height-desktop);
        padding: 1.25vw 1.0417vw 1.0417vw;
        border: 0.0521vw solid var(--manul-header-border-light);
        background: transparent;
        text-decoration: none;
        color: var(--manul-header-text-light);
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .manul-hero__brand {
        flex: 1 1 0;
        height: var(--manul-header-height-desktop);
        min-height: var(--manul-header-height-desktop);
        padding: 1.25vw 1.25vw 1.1458vw;
        border: 0.0521vw solid var(--manul-header-border-light);
        background: transparent;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
    }

    .manul-hero__logo {
        width: 13.6458vw;
        height: auto;
        display: block;
    }

    .manul-hero__tagline {
        margin: 0.8333vw 0 0;
        font-size: 0.8333vw;
        line-height: 1.2;
        font-weight: 200;
        color: var(--manul-header-text-light);
        text-align: center;
        transition: color 0.32s ease;
    }

    .manul-menu-card:hover {
        transform: translateY(-0.1042vw);
    }

    .manul-menu-card__dot {
        width: 0.4167vw;
        height: 0.4167vw;
        border-radius: 0.1042vw;
        background: var(--manul-header-dot-light);
        display: block;
        transition: background-color 0.32s ease;
    }

    .manul-menu-card__icon {
        width: 1.0417vw;
        height: 1.0417vw;
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
    }

    .manul-menu-card__icon img {
        width: 0.8333vw;
        height: 0.8333vw;
        object-fit: contain;
        display: block;
    }

    .manul-menu-card__text {
        font-size: 0.7292vw;
        line-height: 1.22;
        font-weight: 400;
        color: var(--manul-header-text-light);
        text-transform: uppercase;
        text-decoration: underline;
        text-decoration-thickness: 0.0521vw;
        text-underline-offset: 0.2083vw;
        transition: color 0.32s ease;
    }

    .manul-menu-card--home,
    .manul-menu-card--business {
        border-color: transparent;
    }

    .manul-menu-card--home {
        background: var(--manul-header-home);
    }

    .manul-menu-card--business {
        background: var(--manul-header-business);
    }

    .manul-menu-card--home .manul-menu-card__text {
        color: #202524;
    }

    .manul-menu-card--business .manul-menu-card__text {
        color: var(--manul-header-white);
    }

    .manul-menu-card--business .manul-menu-card__icon img {
        filter: brightness(0) invert(1);
    }

    /* dark sections */
    body.manul-header-dark .manul-menu-card:not(.manul-menu-card--home):not(.manul-menu-card--business),
    body.manul-header-dark .manul-hero__brand {
        border-color: var(--manul-header-border-dark);
        background: transparent;
    }

    body.manul-header-dark .manul-menu-card:not(.manul-menu-card--home):not(.manul-menu-card--business) .manul-menu-card__text,
    body.manul-header-dark .manul-hero__tagline {
        color: var(--manul-header-text-dark);
    }

    body.manul-header-dark .manul-menu-card__dot {
        background: var(--manul-header-dot-dark);
    }

    body.manul-header-dark .manul-menu-card:not(.manul-menu-card--home):not(.manul-menu-card--business):hover,
    body.manul-header-dark .manul-hero__brand:hover {
        border-color: rgba(250, 250, 250, 0.9);
    }

    body:not(.manul-header-dark) .manul-menu-card:not(.manul-menu-card--home):not(.manul-menu-card--business):hover,
    body:not(.manul-header-dark) .manul-hero__brand:hover {
        border-color: rgba(32, 37, 36, 0.22);
    }


    @media (max-width: 640px) {
      
        .manul-hero__top-mobile {
            top: calc(var(--manul-admin-offset) + 1.5625vw);
            left: 1.5625vw;
            right: 1.5625vw;
            gap: 1.5625vw;
            padding: 1.25vw 1.5625vw;
            border-radius: 2.5vw;
        }

        .manul-hero__logo-mobile {
            width: 23.125vw;
        }
    }

    /* desktop sizes */
    @media (max-width: 1599px) {
        .manul-menu-card {
            flex: 0 0 var(--manul-header-height-1599);
            width: var(--manul-header-height-1599);
            height: var(--manul-header-height-1599);
            min-width: var(--manul-header-height-1599);
            min-height: var(--manul-header-height-1599);
            padding: 1.2508vw 1.0006vw 1.0006vw;
        }

        .manul-hero__brand {
            height: var(--manul-header-height-1599);
            min-height: var(--manul-header-height-1599);
            padding: 1.2508vw;
        }

        .manul-hero__logo {
            width: 14.384vw;
        }

        .manul-hero__tagline {
            font-size: 0.8755vw;
            margin-top: 0.7505vw;
        }
    }

    @media (max-width: 1365px) {
        .manul-menu-card {
            flex: 0 0 var(--manul-header-height-1365);
            width: var(--manul-header-height-1365);
            height: var(--manul-header-height-1365);
            min-width: var(--manul-header-height-1365);
            min-height: var(--manul-header-height-1365);
            padding: 1.1722vw 1.0256vw 1.0256vw;
        }

        .manul-hero__brand {
            height: var(--manul-header-height-1365);
            min-height: var(--manul-header-height-1365);
            padding: 1.1722vw;
        }

        .manul-menu-card__dot {
            width: 0.5128vw;
            height: 0.5128vw;
        }

        .manul-menu-card__icon img {
            width: 1.0256vw;
            height: 1.0256vw;
        }

        .manul-menu-card__text {
        font-size: 0.8791vw;
        line-height: 1.2;
        text-underline-offset: 0.2198vw;
    }

        .manul-hero__logo {
            width: 14.652vw;
        }

        .manul-hero__tagline {
            font-size: 0.9524vw;
            margin-top: 0.7326vw;
        }
    }

    @media (max-width: 1024px) {
        .desktop-only {
            display: none !important;
        }

        .mobile-only {
            display: block !important;
        }

        .manul-hero__top-mobile {
            display: flex !important;
        }
    }

    @media (max-width: 782px) {
        body.admin-bar .manul-hero__shell {
            min-height: calc(100vh - 46px);
            height: calc(100vh - 46px);
        }
    }



    /* =========================
    MOBILE HEADER / MOBILE MENU
    ========================= */

    .mobile-only {
        display: none !important;
    }

    /* ВАЖНО: не ломаем десктопные flex-контейнеры */
    .desktop-only {
    }

    .manul-hero__top.desktop-only {
        display: flex;
    }

    .manul-slide__media.desktop-only {
        display: block;
    }

    .manul-hero__top-mobile {
        position: fixed;
        top: calc(var(--manul-admin-offset) + 0.625vw);
        left: 0.625vw;
        right: 0.625vw;
        z-index: 1200;
        display: none !important;
        align-items: center;
        justify-content: space-between;
        gap: 0.625vw;
        padding: 0.5208vw 0.625vw;
        border-radius: 0.9375vw;
        background: rgba(250, 250, 250, 0.38);
        border: 0.0521vw solid rgba(255, 255, 255, 0.56);
        box-shadow: 0 0.5208vw 1.5625vw rgba(32, 37, 36, 0.10);
        backdrop-filter: blur(0.9375vw);
        -webkit-backdrop-filter: blur(0.9375vw);
        pointer-events: none;
    }

    .manul-hero__brand-mobile {
        pointer-events: auto;
    }

    .manul-hero__logo-mobile {
        width: 8.4083vw;
        height: auto;
        display: block;
    }

    .manul-hero__tagline-mobile {
        display: none;
    }

    .manul-burger {
        position: relative;
        width: 2.2917vw;
        height: 2.2917vw;
        min-width: 2.2917vw;
        border: 0;
        border-radius: 0.7292vw;
        background: rgba(250, 250, 250, 0.82);
        box-shadow: inset 0 0 0 0.0521vw rgba(32, 37, 36, 0.08);
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        padding: 0;
        pointer-events: auto;
    }

    .manul-burger span {
        position: absolute;
        width: 0.6771vw;
        height: 0.0938vw;
        background: #202524;
        border-radius: 0.1042vw;
        display: block;
        transition: transform 0.25s ease, opacity 0.25s ease;
    }

    .manul-burger span:nth-child(1) {
        transform: translateY(-0.2083vw);
    }

    .manul-burger span:nth-child(2) {
        transform: translateY(0);
    }

    .manul-burger span:nth-child(3) {
        transform: translateY(0.2083vw);
    }

    .manul-burger[aria-expanded="true"] span:nth-child(1) {
        transform: rotate(45deg);
    }

    .manul-burger[aria-expanded="true"] span:nth-child(2) {
        opacity: 0;
    }

    .manul-burger[aria-expanded="true"] span:nth-child(3) {
        transform: rotate(-45deg);
    }

    .manul-mobile-panel {
        position: fixed;
        inset: 0;
        z-index: 1100;
        background: #f5f5f5;
        padding: calc(var(--manul-admin-offset) + 4.375vw) 0.8333vw 0.8333vw;
        overflow-y: auto;
    }

    .manul-mobile-panel__inner {
        width: 100%;
        max-width: none;
        margin: 0;
    }

    .manul-mobile-nav {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0.1042vw;
    }

    .manul-mobile-card {
        min-height: 12.3958vw;
        border: 0.0521vw solid var(--manul-line);
        border-radius: 0.8333vw;
        background: #f3f3f3;
        padding: 0.8333vw 0.8333vw 0.9375vw;
        text-decoration: none;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        color: var(--manul-dark);
    }

    .manul-mobile-card--accent {
        min-height: 12.3958vw;
        padding: 0.8333vw 0.8333vw 0.9375vw;
    }

    .manul-mobile-card--home {
        background: #C0EA6C;
        border-color: transparent;
    }

    .manul-mobile-card--business {
        background: #465551;
        border-color: transparent;
    }

    .manul-mobile-card__icon {
        display: inline-flex;
        align-items: center;
        justify-content: flex-start;
        flex: 0 0 auto;
    }

    .manul-mobile-card__icon--image img {
        width: 0.9375vw;
        height: 0.9375vw;
        display: block;
        object-fit: contain;
    }

    .manul-mobile-card__icon--dot {
        width: 0.625vw;
        height: 0.625vw;
        border-radius: 0.0833vw;
        background: #465551;
    }

    .manul-mobile-card__label {
        font-family: "Geologica", sans-serif;
        font-weight: 400;
        font-size: 0.7292vw;
        line-height: 1.2;
        text-transform: uppercase;
        text-decoration: underline;
        text-underline-offset: 0.2083vw;
        text-decoration-thickness: 0.0521vw;
        color: #202524;
        max-width: 7.8125vw;
    }

    .manul-mobile-card--business .manul-mobile-card__label {
        color: #FAFAFA;
    }

    @media (max-width: 640px) {
        .manul-hero__top-mobile {
            top: calc(var(--manul-admin-offset) + 1.5625vw);
            left: 1.5625vw;
            right: 1.5625vw;
            gap: 1.5625vw;
            padding: 1.25vw 1.5625vw;
            border-radius: 2.5vw;
        }

        .manul-hero__logo-mobile {
            width: 23.125vw;
        }

        .manul-mobile-panel {
            padding: calc(var(--manul-admin-offset) + 13.125vw) 2.5vw 2.5vw;
        }

        .manul-mobile-card,
        .manul-mobile-card--accent {
            min-height: 35.625vw;
        }
        
   
    }

    /* =========================
    SLIDER
    ========================= */

    .manul-slider {
        position: relative;
        min-height: 100%;
        height: 100%;
    }

    .manul-slider__track {
        position: relative;
        min-height: 100%;
        height: 100%;
    }

    .manul-slide {
        position: absolute;
        inset: 0;
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        transition: opacity 0.85s ease, visibility 0.85s ease, transform 0.85s ease;
        transform: scale(1.01);
    }

    .manul-slide.is-active {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
        transform: scale(1);
        z-index: 2;
    }

    .manul-slide__media {
        position: absolute;
        inset: 0;
        overflow: hidden;
    }

    .manul-slide__media img,
    .manul-slide__video {
        width: 100%;
        height: 100%!important;
        object-fit: cover;
        display: block;
    }

    .manul-slide__media--first img {
        object-position: center center;
    }

    .manul-slide__annotation {
        position: absolute;
        top: 15.625vw;
        right: 11.9792vw;
        z-index: 8;
        font-size: 1.25vw;
        line-height: 1.2;
        font-weight: 200;
        color: rgba(32, 37, 36, 0.34);
        text-align: left;
    }

    .manul-slide__content {
        position: absolute;
        z-index: 8;
    }

    .manul-slide__content--left {
        left: 1.875vw;
        bottom: 2.1875vw;
        max-width: 65.625vw;
    }

    .manul-slide__title {
        margin: 0;
        font-size: 3.3333vw;
        line-height: 1;
        font-weight: 200;
        color: var(--manul-dark);
        letter-spacing: 0;
    }

    .manul-slide__title strong {
        font-weight: 400;
    }

    .manul-slide__desc {
        margin: 1.4583vw 0 0;
        font-size: 1.25vw;
        line-height: 1.2;
        font-weight: 200;
        color: var(--manul-muted);
        letter-spacing: 0;
    }

    .manul-slide__badges {
        display: flex;
        align-items: center;
        gap: 0.4167vw;
        margin-bottom: 1.4583vw;
    }

    .manul-badge {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 2.2917vw;
        padding: 0 15.999px;
        border-radius: 12px;
        font-size: 0.625vw;
        line-height: 1;
        font-weight: 400;
        text-transform: uppercase;
        transition: transform 0.28s ease, box-shadow 0.28s ease;
        will-change: transform;
    }

    .manul-badge:hover {
        transform: translateY(-0.2083vw);
    }

    .manul-badge--sale {
        color: var(--manul-dark);
        background: var(--manul-home);
    }

    .manul-badge--dark {
        color: var(--manul-white);
        background: var(--manul-business);
    }

    .manul-slide__title--secondary {
        font-size: 2.083vw!important;
        max-width: 44.792vw;
    }

    /* =========================
    CONTROLS
    ========================= */

    .manul-slider__controls {
        position: absolute;
        right: 1.875vw;
        bottom: 1.6667vw;
        z-index: 12;
        display: flex;
        align-items: center;
        gap: 0.7292vw;
    }

    .manul-slider__arrow {
        width: 1.25vw;
        height: 1.25vw;
        border: 0;
        background: transparent;
        color: var(--manul-muted);
        font-size: 1.3542vw;
        line-height: 1;
        cursor: pointer;
        padding: 0;
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }

    .manul-slider__pagination {
        display: flex;
        align-items: center;
        gap: 0.7292vw;
    }

    .manul-slider__dot {
        width: 1.0417vw;
        height: 1.0417vw;
        border-radius: 0.3125vw;
        border: 0;
        background: rgba(250, 250, 250, 0.95);
        cursor: pointer;
        transition: all 0.35s ease;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        color: transparent;
        padding: 0;
        overflow: hidden;
    }

    .manul-slider__dot.is-active {
        width: 2.083vw;
        height: 2.083vw;
        color: var(--manul-muted);
        background: #fafafa;
    }

    .manul-slider__dot-label {
        font-size: 12px;
        line-height: 1;
        font-weight: 400;
    }

    .desktop-break {
        display: inline;
    }

    /* =========================
    WIDE DESKTOP
    ========================= */

    @media (max-width: 1799px) {
        .manul-hero__top {
            display: flex;
            align-items: stretch;
            justify-content: space-between;
        }

        

        .manul-slide__annotation {
            right: 8.338vw;
            top: 15.453vw;
            font-size: 1.1117vw;
        }

        .manul-slide__title {
            font-size: 3.224vw;
        }

        .manul-slide__desc {
            font-size: 1.2229vw;
        }

        .manul-slide__content--left {
            max-width: 60.0334vw;
        }
    }

    /* =========================
    DESKTOP / LAPTOP
    ========================= */

    @media (max-width: 1599px) {
        .manul-hero__shell {
            min-height: 56.2852vw;
        }

        body.admin-bar .manul-hero__shell {
            min-height: calc(100vh - 3.5022vw);
        }

        .manul-hero__top {
            display: flex;
            align-items: stretch;
            justify-content: space-between;
        }

        



        .manul-hero__brand {
            height: 8.5053vw;
            min-height: 8.5053vw;
            padding: 1.2508vw;
        }

        .manul-menu-card {
            padding: 1.2508vw;
        }

        .manul-hero__logo {
            width: 14.384vw;
        }

        .manul-hero__tagline {
            font-size: 0.8755vw;
            margin-top: 0.8755vw;
        }

        .manul-slide__annotation {
            top: 14.1338vw;
            right: 6.8793vw;
            font-size: 1.1257vw;
        }

        .manul-slide__content--left {
            left: 2.1263vw;
            bottom: 2.1263vw;
            max-width: 57.536vw;
        }

        .manul-slide__title {
            font-size: 3.127vw;
        }

        .manul-slide__desc {
            font-size: 1.2508vw;
            margin-top: 1.2508vw;
        }

        .manul-slide__title--secondary {
            font-size: 2.752vw!important;
        }
    }

    @media (max-width: 1365px) {
        .manul-hero__shell {
            min-height: 60.0733vw;
        }

        .manul-hero__top {
            display: flex;
            align-items: stretch;
            justify-content: space-between;
        }

        

        .manul-hero__brand {
            height: 8.6447vw;
            min-height: 8.6447vw;
            padding: 1.1722vw;
        }

        .manul-menu-card {
            padding: 1.1722vw;
        }

        .manul-menu-card__dot,
        .manul-menu-card__icon,
        .manul-menu-card__icon img {
            width: 1.1722vw;
            height: 1.1722vw;
        }

        .manul-menu-card__text {
            font-size: 0.8791vw;
        }

        .manul-hero__logo {
            width: 14.652vw;
        }

        .manul-hero__tagline {
            font-size: 0.9524vw;
            margin-top: 0.7326vw;
        }

        .manul-slide__annotation {
            display: none;
        }

        .manul-slide__content--left {
            left: 2.0513vw;
            bottom: 2.0513vw;
            max-width: 55.6777vw;
        }

        .manul-slide__title {
            font-size: 3.0769vw;
        }

        .manul-slide__desc {
            font-size: 1.3187vw;
        }

        .manul-slide__title--secondary {
            font-size: 2.7839vw!important;
        }
    }

    /* =========================
    TABLET HORIZONTAL
    ========================= */

    @media (max-width: 1024px) {
        .desktop-only {
            display: none !important;
        }

        .mobile-only {
            display: block !important;
        }

        .manul-hero__top-mobile {
            display: flex !important;
        }

        .manul-hero {
            padding: 0;
        }

        .manul-hero__shell {
            min-height: 100vh;
            height: 100vh;
        }

        body.admin-bar .manul-hero__shell {
            min-height: calc(100vh - 4.492vw);
            height: calc(100vh - 4.492vw);
        }

        .manul-slide__content--left {
            left: 27.996px;
            right: 27.996px;
            bottom: 91.996px;
            max-width: 620.001px;
        }

        .manul-slide__title {
            font-size: 39.997px;
        }

        .manul-slide__desc {
            font-size: 18.002px;
            margin-top: 18.002px;
        }

        .manul-slide__title--secondary {
            font-size: 33.997px!important;
            max-width: 560.005px;
        }

        .manul-slider__controls {
            right: 24.003px;
            bottom: 21.996px;
        }
    }

    /* =========================
    TABLET VERTICAL
    ========================= */

    @media (max-width: 820px) {
        .manul-slide__content--left {
            left: 2.9268vw;
            right: 2.9268vw;
            bottom: 11.2195vw;
            max-width: 63.4146vw;
        }

        .manul-slide__title {
            font-size: 4.1463vw;
        }

        .manul-slide__desc {
            font-size: 1.9512vw;
        }

        .manul-slide__title--secondary {
            font-size: 3.6585vw!important;
        }
    }

    /* =========================
    MOBILE
    ========================= */

    @media (max-width: 640px) {
        .manul-hero {
            padding: 0;
        }

        .manul-hero__shell {
            min-height: 100svh;
            height: 100svh;
        }

        body.admin-bar .manul-hero__shell {
            min-height: calc(100svh - 46px);
            height: calc(100svh - 46px);
        }

        .manul-slide__content--left {
            left: 3.4375vw;
            right: 3.4375vw;
            bottom: 16.25vw;
            max-width: none;
        }

        .manul-slide__title {
           font-size: 26px;

            line-height: 1.02;
        }

        .manul-slide__desc {
          font-size: 14px;

            line-height: 1.2;
            margin-top: 2.8125vw;
        }

        .manul-slide__badges {
            gap: 1.25vw;
            flex-wrap: wrap;
            margin-bottom: 2.5vw;
        }

        .manul-badge {
            min-height: 5.625vw;
            font-size: 1.7188vw;
            border-radius: 1.5625vw;
        }

        .manul-slide__title--secondary {
            font-size: 26px!important;
            max-width: 100%;
        }

        .manul-slider__controls {
            left: 50%;
            right: auto;
            bottom: 3.4375vw;
            transform: translateX(-50%);
            gap: 1.875vw;
        }

        .manul-slider__pagination {
            gap: 1.875vw;
        }

        .desktop-break {
            display: none;
        }
    }

    @media (max-width: 390px) {
        .manul-slide__content--left {
            left: 5.1282vw;
            right: 5.1282vw;
            bottom: 26.6667vw;
        }

        .manul-slide__title {
            font-size: 6.1538vw;
        }

        .manul-slide__desc {
            font-size: 3.5897vw;
            max-width: 71.7949vw;
        }
    }

    /* =========================
    MOBILE LANDSCAPE
    ========================= */

    @media (max-height: 520px) and (orientation: landscape) {
        .manul-hero__top-mobile {
            padding-top: 0.5208vw;
        }

        .manul-slide__content--left {
            bottom: 3.9583vw;
            max-width: 27.0833vw;
        }

        .manul-slide__title {
            font-size: 1.25vw;
        }

        .manul-slide__desc {
            font-size: 0.6771vw;
            margin-top: 0.5208vw;
        }

        .manul-slider__controls {
            bottom: 0.7292vw;
        }
    }

    /* =========================
    BLOCK 2 / RISKS
    ========================= */

    /* =========================
    SECTION TOKENS
    ========================= */

    :root {
        --manul-section-x: 9.375vw;
        --manul-section-y: 8.3333vw;
        --manul-section-y-tight: 2.6042vw;
    }

    @media (max-width: 1599px) {
        :root {
            --manul-section-x: 7.5047vw;
            --manul-section-y: 7.5047vw;
            --manul-section-y-tight: 3.0019vw;
        }
    }

    @media (max-width: 1365px) {
        :root {
            --manul-section-x: 5.2747vw;
            --manul-section-y: 7.033vw;
            --manul-section-y-tight: 2.9304vw;
        }
    }

    @media (max-width: 1024px) {
        :root {
            --manul-section-x: 24.001px;
            --manul-section-y: 64px;
            --manul-section-y-tight: 52px;
        }
    }

    @media (max-width: 640px) {
        :root {
            --manul-section-x: 25.6px;
            --manul-section-y: 76.8px;
            --manul-section-y-tight: 76.8px;
        }
    }

    /* =========================
    BLOCK 2 / RISKS
    ========================= */

    .manul-risks {
        position: relative;
        clip-path: inset(0);
        background: #17201d;
        /* Фон висит прямо на родителе .manul-risks — обычным background,
           без attachment:fixed (ненадёжно на мобильных, особенно вместе
           с clip-path) и без transform/scale-костылей на sticky-потомке.
           background-size:cover на собственном блоке элемента всегда
           покрывает его полностью — пустот быть не может. */
        background-image: url("https://xn--80awbf4a.xn--p1ai/wp-content/uploads/2026/04/блок-2-фон.png");
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;

        --risks-side-pad: var(--manul-section-x);
        --risks-pad-top: var(--manul-section-y);
        --risks-pad-bottom: var(--manul-section-y);

        --risks-card-width: 206.667px;
        --risks-card-height: 186.667px;
        --risks-gap: 5.333px;
        --risks-viewport-max: 566.667px;
        --risks-track-tail: var(--manul-section-x);
    }

    .manul-risks__sticky {
        position: relative;
        height: calc(100vh - var(--manul-admin-offset, 0vw));
        display: flex;
        align-items: center;
        overflow: hidden;
        /* Фон теперь на родителе .manul-risks — здесь оставлять непрозрачный
           background-color нельзя, иначе он перекроет фон родителя. */
        background-color: transparent;
    }

    .manul-risks.is-scroll-active .manul-risks__sticky {
        position: sticky;
        top: var(--manul-admin-offset, 0vw);
    }

    .manul-risks__container {
        position: relative;
        z-index: 1;
        width: 100%;
        padding: 0 var(--risks-side-pad) 0;
    }

    .manul-risks__title {
        margin: 0 0 16px;
        max-width: 300px;
        font-family: "Geologica", sans-serif;
        font-weight: 400;
        font-size: 21.333px;
        line-height: 0.98;
        letter-spacing: 0;
        color: #FAFAFA;
    }

    .manul-risks__viewport {
        width: min(
            var(--risks-viewport-max),
            calc(640px - (var(--risks-side-pad) * 2))
        );
        max-width: 100%;
        overflow: hidden;
    }

    .manul-risks__track {
        display: flex;
        gap: 24px;
        width: max-content;
        padding-left: var(--risks-side-pad);
        padding-right: var(--risks-track-tail);
        will-change: transform;
        transform: translate3d(var(--risks-track-x, 0px), 0, 0);
    }

    .manul-risks__card {
        position: relative;
        flex: 0 0 var(--risks-card-width);
        width: var(--risks-card-width);
        height: var(--risks-card-height);
  border-radius: 13px;
        overflow: hidden;
        background: #f1efec;
    }

    .manul-risks__media {
        position: absolute;
        inset: 0;
        overflow: hidden;
    }

    .manul-risks__image {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
        transform: scale(1.02);
        will-change: transform;
    }

    .manul-risks__media--video {
        position: absolute;
        inset: 0;
        overflow: hidden;
        background: #f1efec;
    }

    .manul-risks__image--preview,
    .manul-risks__video {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

    .manul-risks__image--preview {
        z-index: 1;
    }

    .manul-risks__video {
        z-index: 2;
        opacity: 0;
        visibility: hidden;
        transition: opacity 0.35s ease, visibility 0.35s ease;
        pointer-events: none;
    }

    .manul-risks__media--video.is-ready .manul-risks__video {
        opacity: 1;
        visibility: visible;
    }

    .manul-risks__card::after {
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient(
            180deg,
            rgba(250, 250, 250, 0.16) 0%,
            rgba(250, 250, 250, 0.06) 34%,
            rgba(250, 250, 250, 0.22) 100%
        );
        pointer-events: none;
    }

    .manul-risks__number {
        position: absolute;
        top: 24px;
        left: 24px;
        z-index: 3;
        width: 40px;
        height: 40px;
        border-radius: 8.667px;
        background: #FAFAFA;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        font-family: "Geologica", sans-serif;
        font-weight: 400;
        font-size: 14px;
        line-height: 1;
        color: #777777;
    }

    .manul-risks__text {
        position: absolute;
        left: 24px;
        right: 24px;
        bottom: 24px;
        z-index: 2;
        max-width: 166.667px;
        font-family: "Geologica", sans-serif;
        font-weight: 200;
        font-size: 10.667px;
        line-height: 1.02;
        letter-spacing: 0;
        color: #202524;
    }

    .manul-risks__text strong {
        font-weight: 400;
        color: inherit;
    }

    .manul-risks__card:nth-child(4) .manul-risks__text {
        color: #FAFAFA;
    }

    .manul-risks__card:nth-child(4)::after {
        background: linear-gradient(
            180deg,
            rgba(32, 37, 36, 0.04) 0%,
            rgba(32, 37, 36, 0.2) 45%,
            rgba(32, 37, 36, 0.40) 100%
        );
    }

    .manul-risks__card:nth-child(1) .manul-risks__image--preview {
        animation: manulRisksScene1 8s ease-in-out infinite alternate;
    }

    .manul-risks__card:nth-child(2) .manul-risks__image--preview {
        animation: manulRisksScene2 9s ease-in-out infinite alternate;
    }

    .manul-risks__card:nth-child(3) .manul-risks__image--preview {
        animation: manulRisksScene3 8.5s ease-in-out infinite alternate;
    }

    .manul-risks__card:nth-child(4) .manul-risks__image--preview {
        animation: manulRisksScene4 9.5s ease-in-out infinite alternate;
    }

    @keyframes manulRisksScene1 {
        0% {
            transform: scale(1.02) translate3d(0, 0, 0);
        }
        100% {
            transform: scale(1.07) translate3d(-3.333px, -2px, 0);
        }
    }

    @keyframes manulRisksScene2 {
        0% {
            transform: scale(1.03) translate3d(0, 0, 0);
        }
        100% {
            transform: scale(1.08) translate3d(2.667px, -3.333px, 0);
        }
    }

    @keyframes manulRisksScene3 {
        0% {
            transform: scale(1.02) translate3d(0, 0, 0);
        }
        100% {
            transform: scale(1.06) translate3d(-2.667px, -2.667px, 0);
        }
    }

    @keyframes manulRisksScene4 {
        0% {
            transform: scale(1.03) translate3d(0, 0, 0);
        }
        100% {
            transform: scale(1.08) translate3d(3.333px, -2.667px, 0);
        }
    }

    @media (min-width: 1900px) {
        .manul-risks {
            --risks-card-width: 39.5833vw;
            --risks-card-height: 27.625vw;
            --risks-gap: 0.9375vw;
            --risks-viewport-max: 91.6667vw;
        }

        .manul-risks__title {
            max-width: 51.0417vw;
            margin-bottom: 5.7083vw;
            font-size: 3.75vw;
            line-height: 0.95;
        }

        .manul-risks__text {
            max-width: 31.25vw;
            font-size: 1.7708vw;
        }
    }

    @media (max-width: 1799px) {
        .manul-risks {
            --risks-card-width: 31.1284vw;
            --risks-card-height: 28.3491vw;
            --risks-viewport-max: 87.8266vw;
        }

        .manul-risks__title {
            font-size: 3.224vw;
            max-width: 45.5809vw;
        }

        .manul-risks__text {
            font-size: 1.612vw;
            max-width: 25.5698vw;
        }
    }

    @media (max-width: 1599px) {
        .manul-risks {
            --risks-card-width: 32.5203vw;
            --risks-card-height: 29.3934vw;
            --risks-viewport-max: 91.3071vw;
        }

        .manul-risks__title {
            margin-bottom: 2.5016vw;
            font-size: 3.252vw;
        }

        .manul-risks__number {
            top: 1.2508vw;
            left: 1.2508vw;
        }

        .manul-risks__text {
            left: 1.2508vw;
            right: 1.2508vw;
            bottom: 1.2508vw;
            font-size: 1.626vw;
            max-width: 26.2664vw;
        }
    }

    @media (max-width: 1024px) {
        .manul-risks__sticky {
            position: sticky;
            top: 0;
            height: 100svh;
            max-height: 100svh;
            overflow: hidden;
            display: flex;
            flex-direction: column;
            justify-content: center;
        }

        .manul-risks__container {
            padding: var(--risks-pad-top) var(--risks-side-pad) var(--risks-pad-bottom);
        }

        .manul-risks__title {
            max-width: 640px;
            margin-bottom: 28px;
            font-size: 42px;
        }

        .manul-risks__viewport {
            overflow: hidden;
            width: 100%;
            max-width: none;
            margin-right: 0;
            padding-bottom: 0;
        }

        .manul-risks__track {
            display: flex;
            gap: 16px;
            width: max-content;
            padding-right: var(--risks-side-pad);
        }
   
        .manul-risks__card {
            width: min(320px, calc(1024px - (var(--risks-side-pad) * 2) - 7.999px));
            height: 400px;
            flex: 0 0 auto;
        }

        .manul-risks__text {
            max-width: none;
            font-size: 24.001px;
        }
    }

    @media (max-width: 640px) {
        .manul-risks{
            background-image: url('https://xn--80awbf4a.xn--p1ai/wp-content/uploads/2026/07/Frame-996-1-scaled.png');
        }
        .manul-risks__title {
            max-width: 100%;
            margin-bottom: 30px;
            font-size: 26px;
            line-height: 1;
        }

        .manul-risks__track {
            gap: 9.75px;
        }

        .manul-risks__card {
            width: min(360.378px, calc(820px - 32.5px));
        height: 360px;
            border-radius: 9.75px;
        }

        .manul-risks__number {
            top: 13px;
            left: 13px;
            width: 27.628px;
            height: 27.628px;
            border-radius: 6.5px;
            font-size: 8.939px;
        }

        .manul-risks__text {
            left: 13px;
            right: 13px;
            bottom: 13px;
            font-size: 17.878px;
            line-height: 1.04;
        }
        .manul-risks__text br{
            display: none;
        }
    }

    /* =========================
    BLOCK 3 / SOLUTION
    ========================= */

    .manul-solution {
        padding: 0;
        background: #f5f5f5;
    }

    .manul-solution__shell {
        position: relative;
        min-height: 100vh;
        overflow: hidden;
        border-radius: 0.677vw;
        background-color: #eeeeee;
        background-image: url("https://xn--80awbf4a.xn--p1ai/wp-content/uploads/2026/04/фон-блок-3.png");
        background-repeat: no-repeat;
        background-position: calc(100% - 1.458vw) center;
        background-size: auto 100%;
    }

    .manul-solution__shell::after {
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient(
            90deg,
            rgba(245, 245, 245, 0.78) 0%,
            rgba(245, 245, 245, 0.68) 28%,
            rgba(245, 245, 245, 0.40) 46%,
            rgba(245, 245, 245, 0.10) 62%,
            rgba(245, 245, 245, 0) 100%
        );
        pointer-events: none;
    }

    .manul-solution__container {
        position: relative;
        z-index: 1;
        min-height: 100vh;
        display: flex;
        align-items: center;
        padding: 5vw var(--manul-section-x);
    }

    .manul-solution__content {
        max-width: 39.583vw;
    }

    .manul-solution__badge {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-width: 4.844vw;
        height: 2.083vw;
        padding: 0 0.833vw;
        border-radius: 0.625vw;
        background: #FAFAFA;
        box-shadow: inset 0 0 0 0.052vw rgba(32, 37, 36, 0.12);
        font-family: "Geologica", sans-serif;
        font-weight: 400;
        font-size: 0.625vw;
        line-height: 1;
        letter-spacing: 0;
        text-transform: uppercase;
        color: #202524;
    }

    .manul-solution__title {
        margin: 1.25vw 0 1.25vw;
        max-width: 39.583vw;
        font-family: "Geologica", sans-serif;
        font-weight: 400;
        font-size: 3.333vw;
        line-height: 0.98;
        letter-spacing: 0;
        color: #202524;
    }

    .manul-solution__text {
        margin: 0;
        max-width: 36.458vw;
        font-family: "Geologica", sans-serif;
        font-weight: 200;
        font-size: 1.25vw;
        line-height: 1.18;
        letter-spacing: 0;
        color: #777777;
    }

    @media (min-width: 1900px) {
        .manul-solution__shell {
            background-position: calc(100% - 2.9167vw) center;
            background-size: auto 100%;
        }

        .manul-solution__title {
            font-size: 3.75vw;
        }

        .manul-solution__text {
            font-size: 1.25vw;
        }
    }

    @media (max-width: 1799px) {
        .manul-solution__shell {
            background-position: calc(100% - 1.0006vw) center;
        }

        .manul-solution__container {
            padding-top: 4.8916vw;
            padding-bottom: 4.8916vw;
        }

        .manul-solution__title {
            max-width: 38.9105vw;
            font-size: 3.224vw;
        }

        .manul-solution__text {
            max-width: 34.4636vw;
            font-size: 1.2229vw;
        }
    }

    @media (max-width: 1599px) {
        .manul-solution__shell {
            background-position: calc(100% - 0.7505vw) center;
        }

        .manul-solution__container {
            padding-top: 5.0031vw;
            padding-bottom: 5.0031vw;
        }

        .manul-solution__title {
            max-width: 40.025vw;
            margin: 1.3759vw 0;
            font-size: 3.252vw;
        }

        .manul-solution__text {
            max-width: 36.2727vw;
            font-size: 1.3133vw;
        }
    }

    @media (max-width: 1365px) {
        .manul-solution__container {
            padding-top: 5.2747vw;
            padding-bottom: 5.2747vw;
        }

        .manul-solution__title {
            max-width: 42.4908vw;
            font-size: 3.37vw;
        }

        .manul-solution__text {
            max-width: 38.0952vw;
            font-size: 1.4652vw;
        }
    }

    @media (max-width: 1024px) {
        .manul-solution__shell {
            min-height: auto;
            border-radius: 13px;
            background-position: 72% center;
            background-size: cover;
        }

        .manul-solution__shell::after {
            background: linear-gradient(
                90deg,
                rgba(245, 245, 245, 0.90) 0%,
                rgba(245, 245, 245, 0.84) 42%,
                rgba(245, 245, 245, 0.42) 72%,
                rgba(245, 245, 245, 0.08) 100%
            );
        }

        .manul-solution__container {
            min-height: 780px;
            align-items: center;
            padding: 71.999px var(--manul-section-x);
        }

        .manul-solution__content {
            max-width: 519.999px;
        }

        .manul-solution__title {
            max-width: 519.999px;
            font-size: 39.999px;
        }

        .manul-solution__text {
            max-width: 460px;
            font-size: 20px;
        }
    }

    @media (max-width: 640px) {
        .manul-solution__shell {
            min-height: 100svh;
            border-radius: 0;
            background-color: #eeeeee;
            background-image: url("https://xn--80awbf4a.xn--p1ai/wp-content/uploads/2026/04/блок-3-фон-моб.png");
            background-repeat: no-repeat;
            background-position: center top;
            background-size: cover;
        }

        .manul-solution__shell::after {
            display: none;
        }

        .manul-solution__container {
            min-height: 100svh;
            align-items: flex-end;
            padding: 0 3.125vw 9.375vw;
        }

        .manul-solution__content {
            width: 100%;
            max-width: 100%;
        }

        .manul-solution__badge {
            min-width: 14.5313vw;
            height: 6.25vw;
            padding: 0 2.5vw;
            margin-bottom: 3.125vw;
            border-radius: 1.875vw;
            font-size: 1.875vw;
        }

        .manul-solution__title {
            max-width: 56.25vw;
            margin: 0 0 2.8125vw;
            font-size: 5.0vw;
            line-height: 0.98;
            letter-spacing: 0;
        }

        .manul-solution__text {
            max-width: 56.25vw;
            font-size: 2.8125vw;
            line-height: 1.18;
            color: #777777;
        }
    }

    @media (max-width: 390px) {
        .manul-solution__container {
            min-height: 100svh;
            padding: 0 4.6154vw 13.3333vw;
        }

        .manul-solution__title {
            max-width: 82.0513vw;
            font-size: 7.4359vw;
        }

        .manul-solution__text {
            max-width: 82.0513vw;
            font-size: 4.359vw;
        }
    }

    /* =========================
    BLOCK 4 / PRODUCTS
    ========================= */

    .manul-products {
        position: relative;
        overflow: clip;
        background: #FAFAFA;

        --products-side-pad: var(--manul-section-x);
        --products-pad-top: var(--manul-section-y);
        --products-pad-bottom: var(--manul-section-y);

        --products-card-width: 32.2917vw;
        --products-card-height: 29.1667vw;
        --products-gap: 0.8333vw;
        --products-viewport-max: 88.5417vw;
        --products-track-tail: var(--manul-section-x);

        --products-card-image-height: 15.625vw;
        --products-card-button-size: 6.6667vw;
    }

    .manul-products__sticky {
        position: sticky;
        top: var(--manul-admin-offset);
        min-height: calc(100vh - var(--manul-admin-offset));
        height: calc(100vh - var(--manul-admin-offset));
    }
    .manul-products__container {
        width: 100%;
        height: 100%;
        padding: var(--products-pad-top) var(--products-side-pad) var(--products-pad-bottom);
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
    }

    .manul-products__intro {
        max-width: 47.9167vw;
        margin-bottom: 1.6667vw;
        flex: 0 0 auto;
    }

    .manul-products__title {
        margin: 0 0 0.625vw;
        font-family: "Geologica", sans-serif;
        font-weight: 400;
        font-size: 3.3333vw;
        line-height: 0.98;
        letter-spacing: 0;
        color: #202524;
    }

    .manul-products__subtitle {
        margin: 0;
        font-family: "Geologica", sans-serif;
        font-weight: 200;
        font-size: 1.25vw;
        line-height: 1.18;
        letter-spacing: 0;
        color: #777777;
    }

    .manul-products__cards-viewport {
        width: min(
            var(--products-viewport-max),
            calc(100vw - (var(--products-side-pad) * 2))
        );
        max-width: 100%;
        overflow: hidden;
        flex: 0 0 auto;
    }

    .manul-products__cards-track {
        display: flex;
        gap: var(--products-gap);
        width: max-content;
        padding-right: var(--products-track-tail);
        will-change: transform;
        transform: translate3d(0, 0, 0);
    }

    .manul-products__card {
        flex: 0 0 var(--products-card-width);
        width: var(--products-card-width);
        min-height: var(--products-card-height);
        border-radius: 0.6771vw;
        background: #F5F5F5;
        box-shadow: inset 0 0 0 0.0521vw rgba(32, 37, 36, 0.04);
        padding: 0.8333vw 0.8333vw 0;
        display: flex;
        flex-direction: column;
        overflow: hidden;
        scroll-snap-align: start;
    }

    .manul-products__card-tags {
        display: flex;
        align-items: center;
        gap: 0.4167vw;
        flex-wrap: wrap;
        min-height: 1.4583vw;
    }

    .manul-products__tag {
        min-height: 1.4583vw;
        padding: 0 0.625vw;
        border-radius: 0.4167vw;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        font-family: "Geologica", sans-serif;
        font-weight: 400;
        font-size: 0.625vw;
        line-height: 1;
        letter-spacing: 0;
        text-transform: uppercase;
        white-space: nowrap;
    }

    .manul-products__tag--lime {
        background: #C0EA6C;
        color: #202524;
    }

    .manul-products__tag--dark {
        background: #465551;
        color: #FAFAFA;
    }

    .manul-products__tag--smart {
        background: #465551;
        color: #C0EA6C;
    }

    .manul-products__tag--black {
        background: #202524;
        color: #FAFAFA;
    }

    .manul-products__tag--beige {
        background: #D6B68F;
        color: #202524;
    }

    .manul-products__card-image-wrap {
        height: var(--products-card-image-height);
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0.625vw 0.7292vw 0;
    }

    .manul-products__card-image {
        display: block;
        width: auto;
        height: auto;
        max-width: 100%;
        max-height: 100%;
        object-fit: contain;
    }

    .manul-products__card-bottom {
        position: relative;
        margin-top: auto;
        display: block;
        min-height: var(--products-card-button-size);
        padding-right: calc(var(--products-card-button-size) - 0.8333vw);
    }

    .manul-products__card-meta {
        padding: 0 0 0.9375vw;
        max-width: 100%;
    }

    .manul-products__card-title {
        margin: 0 0 0.625vw;
        font-family: "Geologica", sans-serif;
        font-weight: 400;
        font-size: 1.875vw;
        line-height: 1;
        letter-spacing: 0;
        color: #202524;
    }

    .manul-products__card-text {
        margin: 0 0 0.7292vw;
        font-family: "Geologica", sans-serif;
        font-weight: 200;
        font-size: 1.1458vw;
        line-height: 1.12;
        letter-spacing: 0;
        color: #777777;
    }

    .manul-products__card-price {
        font-family: "Geologica", sans-serif;
        font-weight: 400;
        font-size: 1.6667vw;
        line-height: 1;
        letter-spacing: 0;
        color: #202524;
    }

    .manul-products__card-more {
        position: absolute;
        right: -0.8333vw;
        bottom: 0;
        width: var(--products-card-button-size);
        height: var(--products-card-button-size);
        border: 0;
        border-radius: 0.625vw;
        background: #C0EA6C;
        display: flex;
        align-items: flex-end;
        justify-content: flex-start;
        padding: 1.25vw;
        font-family: "Geologica", sans-serif;
        font-weight: 400;
        font-size: 0.625vw;
        line-height: 1.08;
        letter-spacing: 0;
        text-transform: uppercase;
        color: #202524;
        cursor: pointer;
        text-align: left;
        text-decoration: underline;
        text-underline-offset: 0.1562vw;
        text-decoration-thickness: 0.0521vw;
        transition: transform 0.25s ease, filter 0.25s ease;
    }

    .manul-products__card-more::before {
        content: "";
        position: absolute;
        top: 1.25vw;
        left: 1.25vw;
        width: 0.3125vw;
        height: 0.3125vw;
        border-radius: 0.1042vw;
        background: #465551;
    }

    @media (hover: hover) and (pointer: fine) {
        .manul-products__card:hover .manul-products__card-more {
            transform: translate(-0.1042vw, -0.1042vw);
        }
    }

    @media (min-width: 1900px) {
        .manul-products {
            --products-card-width: 39.5833vw;
            --products-card-height: 35.625vw;
            --products-gap: 0.9375vw;
            --products-viewport-max: 91.6667vw;
            --products-card-image-height: 20.3125vw;
            --products-card-button-size: 7.2917vw;
        }

        .manul-products__title {
            font-size: 3.75vw;
        }

        .manul-products__subtitle {
            font-size: 1.25vw;
        }

        .manul-products__card-title {
            font-size: 2.0833vw;
        }

        .manul-products__card-text {
            font-size: 1.25vw;
        }

        .manul-products__card-price {
            font-size: 1.7708vw;
        }
    }

    @media (max-width: 1799px) {
        .manul-products {
            --products-card-width: 31.1284vw;
            --products-card-height: 28.3491vw;
            --products-viewport-max: 87.8266vw;
            --products-card-image-height: 15.8421vw;
            --products-card-button-size: 6.8927vw;
        }

        .manul-products__title {
            font-size: 3.224vw;
        }

        .manul-products__subtitle {
            font-size: 1.2229vw;
        }

        .manul-products__card-title {
            font-size: 1.8899vw;
        }

        .manul-products__card-text {
            font-size: 1.2229vw;
        }

        .manul-products__card-price {
            font-size: 1.6676vw;
        }
    }

    @media (max-width: 1599px) {
        .manul-products {
            --products-card-width: 32.5203vw;
            --products-card-height: 29.3934vw;
            --products-viewport-max: 91.3071vw;
            --products-card-image-height: 15.9475vw;
            --products-card-button-size: 7.3796vw;
        }

        .manul-products__title {
            font-size: 3.252vw;
        }

        .manul-products__subtitle {
            font-size: 1.2508vw;
        }

        .manul-products__card-title {
            font-size: 1.8762vw;
        }

        .manul-products__card-text {
            font-size: 1.2508vw;
        }

        .manul-products__card-price {
            font-size: 1.7511vw;
        }
    }

    @media (max-height: 980px) and (min-width: 1025px) {
        .manul-products {
            --products-pad-top: 5.0vw;
            --products-pad-bottom: 5.0vw;
        }

        .manul-products__intro {
            margin-bottom: 1.25vw;
        }
    }

    @media (max-height: 860px) and (min-width: 1025px) {
        .manul-products {
            --products-pad-top: 3.75vw;
            --products-pad-bottom: 3.75vw;
        }

        .manul-products__intro {
            margin-bottom: 1.0417vw;
        }
    }

    @media (max-width: 1024px) {
        .manul-products__sticky {
            position: relative;
            top: auto;
            min-height: auto;
            height: auto;
        }

        .manul-products__container {
            height: auto;
            display: block;
            padding: var(--manul-section-y) var(--manul-section-x);
        }

        .manul-products__intro {
            margin-bottom: 28px;
        }

        .manul-products__title {
            max-width: 340px;
            margin-bottom: 10px;
            font-size: 28px;
            line-height: 1;
        }

        .manul-products__subtitle {
            max-width: 320px;
            font-size: 16px;
        }

        .manul-products__cards-viewport {
            width: calc(100% + var(--manul-section-x));
            max-width: none;
            margin-right: calc(var(--manul-section-x) * -1);
            overflow-x: auto;
            overflow-y: hidden;
            padding-bottom: 7.999px;
            scroll-snap-type: x mandatory;
            -webkit-overflow-scrolling: touch;
        }

        .manul-products__cards-viewport::-webkit-scrollbar {
            display: none;
        }

        .manul-products__cards-track {
            width: max-content;
            padding-right: var(--manul-section-x);
            transform: none !important;
        }

        .manul-products__card {
            width: 254px;
            min-height: 282px;
            flex: 0 0 254px;
            padding: 12px 12px 0;
            background: #F5F5F5;
        }

        .manul-products__tag {
            min-height: 26px;
            padding: 0 10px;
            font-size: 11px;
        }

        .manul-products__card-image-wrap {
            height: 132px;
            padding-top: 6px;
        }

        .manul-products__card-title {
            margin-bottom: 7.999px;
            font-size: 18px;
        }

        .manul-products__card-text {
            margin-bottom: 10px;
            font-size: 14px;
        }

        .manul-products__card-price {
            font-size: 16px;
        }

        .manul-products__card-bottom {
        position: relative;
        display: block;
        min-height: 80px;
        padding-right: 68px;
    }

    .manul-products__card-more {
        right: -12px;
        bottom: 0;
        width: 80px;
        height: 80px;
        padding: 12px;
        font-size: 10px;
        border-radius: 10px;
    }

    .manul-products__card-more::before {
        top: 12px;
        left: 12px;
        width: 5px;
        height: 5px;
    }
    }

    /* =========================
    BLOCK 5 / TIMELINE
    ========================= */

    .manul-timeline {
        position: relative;
        background: #FAFAFA;
        overflow: hidden;
    }

    .manul-timeline__container {
        width: 100%;
        min-height: 29.5312vw;
        height: 29.5312vw;
        display: flex;
        align-items: center;
        padding: 2.6042vw var(--manul-section-x);
    }

    .manul-timeline .manul-products__timeline {
        width: 100%;
        margin-top: 0;
    }

    .manul-timeline .manul-products__timeline-title {
        margin: 0 0 1.9792vw;
        max-width: 51.7083vw;
        font-family: "Geologica", sans-serif;
        font-weight: 400;
        font-size: 3.3333vw;
        line-height: 0.98;
        letter-spacing: 0;
        color: #202524;
        opacity: 0;
        transform: translate3d(0, 1.6667vw, 0);
        transition: transform 0.7s ease, opacity 0.7s ease;
    }

    .manul-timeline .manul-products__timeline-title.is-animated {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }

    .manul-timeline .manul-products__steps-viewport {
        width: 100%;
        overflow: hidden;
    }

    .manul-timeline .manul-products__steps-track {
        display: flex;
        gap: 2.2917vw;
    }

    .manul-timeline .manul-products__step {
        flex: 1 1 0;
        min-width: 0;
        opacity: 0.18;
        transform: translate3d(0, 1.4583vw, 0);
        transition: opacity 0.42s ease, transform 0.42s ease;
    }

    .manul-timeline .manul-products__step.is-active {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }

    .manul-timeline .manul-products__step-top {
        display: flex;
        align-items: center;
        gap: 0.8333vw;
        margin-bottom: 1.1458vw;
    }

    .manul-timeline .manul-products__step-number {
        width: 2.0833vw;
        height: 2.0833vw;
        border-radius: 0.4167vw;
        background: #FFFFFF;
        border: 0.0521vw solid rgba(32, 37, 36, 0.12);
        box-shadow: none;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        flex: 0 0 2.0833vw;
        font-family: "Geologica", sans-serif;
        font-weight: 400;
        font-size: 0.625vw;
        line-height: 1;
        color: #777777;
        letter-spacing: 0;
    }

    .manul-timeline .manul-products__step-line {
        position: relative;
        flex: 1 1 auto;
        height: 0.625vw;
        min-width: 6.25vw;
        overflow: hidden;
        margin-top: 0;
    }

    .manul-timeline .manul-products__step-line::before {
        content: "";
        position: absolute;
        inset: 0;
        background-image: url("data:image/svg+xml,%3Csvg width='271' height='8' viewBox='0 0 271 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M270.354 4.03568C270.549 3.84042 270.549 3.52384 270.354 3.32858L267.172 0.146595C266.976 -0.0486672 266.66 -0.0486672 266.464 0.146595C266.269 0.341857 266.269 0.65844 266.464 0.853702L269.293 3.68213L266.464 6.51056C266.269 6.70582 266.269 7.0224 266.464 7.21766C266.66 7.41293 266.976 7.41293 267.172 7.21766L270.354 4.03568ZM0 3.68213V4.18213H270V3.68213V3.18213H0V3.68213Z' fill='%23C0C0C0'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-position: left center;
        background-size: 100% 0.625vw;
        opacity: 0.22;
    }

    .manul-timeline .manul-products__step-line-fill {
        position: absolute;
        inset: 0;
        background-image: url("data:image/svg+xml,%3Csvg width='271' height='8' viewBox='0 0 271 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M270.354 4.03568C270.549 3.84042 270.549 3.52384 270.354 3.32858L267.172 0.146595C266.976 -0.0486672 266.66 -0.0486672 266.464 0.146595C266.269 0.341857 266.269 0.65844 266.464 0.853702L269.293 3.68213L266.464 6.51056C266.269 6.70582 266.269 7.0224 266.464 7.21766C266.66 7.41293 266.976 7.41293 267.172 7.21766L270.354 4.03568ZM0 3.68213V4.18213H270V3.68213V3.18213H0V3.68213Z' fill='%23C0C0C0'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-position: left center;
        background-size: 100% 0.625vw;
        transform: scaleX(0);
        transform-origin: left center;
        transition: transform 0.45s ease;
    }

    .manul-timeline .manul-products__step--last .manul-products__step-line {
        display: none;
    }

    .manul-timeline .manul-products__step-title {
        margin: 0 0 0.625vw;
        font-family: "Geologica", sans-serif;
        font-weight: 400;
        font-size: 1.25vw;
        line-height: 1;
        letter-spacing: 0;
        color: #202524;
    }

    .manul-timeline .manul-products__step-text {
        margin: 0;
        font-family: "Geologica", sans-serif;
        font-weight: 200;
        font-size: 0.8333vw;
        line-height: 1.18;
        letter-spacing: 0;
        color: #777777;
    }

    @media (min-width: 1900px) {
        .manul-timeline .manul-products__timeline-title {
            font-size: 3.75vw;
        }
    }

    @media (max-width: 1799px) {
        .manul-timeline__container {
            min-height: 31.5175vw;
            height: 31.5175vw;
        }

        .manul-timeline .manul-products__timeline-title {
            font-size: 3.224vw;
        }
    }

    @media (max-width: 1599px) {
        .manul-timeline__container {
            min-height: 33.7711vw;
            height: 33.7711vw;
            padding-top: 3.0019vw;
            padding-bottom: 3.0019vw;
        }

        .manul-timeline .manul-products__timeline-title {
            font-size: 3.252vw;
        }

        .manul-timeline .manul-products__steps-track {
            gap: 2.0013vw;
        }
    }

    @media (max-width: 1365px) {
        .manul-timeline__container {
            min-height: 36.63vw;
            height: 36.63vw;
        }

        .manul-timeline .manul-products__timeline-title {
            font-size: 3.0769vw;
            padding-top: 20px;
        }

        .manul-timeline .manul-products__step-title {
            font-size: 1.612vw;
            
        }
    }
  @media (max-width: 1024px) {
    .manul-timeline.is-mobile-scroll .manul-timeline__container {
      position: sticky !important;
      top: 0 !important;
      height: 100svh !important;
      overflow: hidden !important;
      display: flex !important;
      flex-direction: column !important;
      justify-content: center !important;
    }
    .manul-timeline.is-mobile-scroll .manul-products__steps-viewport {
      overflow: hidden !important;
      margin-right: 0 !important;
      padding-bottom: 0 !important;
      width: 100% !important;
    }
    .manul-timeline.is-mobile-scroll .manul-products__steps-track {
      position: relative !important;
      display: block !important;
      width: 100% !important;
      gap: 0 !important;
    }
    /* первый шаг остаётся relative — задаёт высоту трека */
    .manul-timeline.is-mobile-scroll [data-products-step]:first-child {
      width: 100% !important;
      min-width: 0 !important;
      opacity: 0;
      transition: opacity 0.35s ease;
      pointer-events: none;
    }
    /* остальные шаги — абсолютные поверх первого */
    .manul-timeline.is-mobile-scroll [data-products-step]:not(:first-child) {
      position: absolute !important;
      top: 0 !important;
      left: 0 !important;
      width: 100% !important;
      min-width: 0 !important;
      opacity: 0;
      transition: opacity 0.35s ease;
      pointer-events: none;
    }
    .manul-timeline.is-mobile-scroll [data-products-step].is-active {
      opacity: 1 !important;
      pointer-events: auto;
    }
  }
    @media (max-width: 1024px) {


        .manul-timeline__container {
            min-height: auto;
            height: auto;
            display: block;
            padding:0;
        }

        .manul-timeline .manul-products__timeline{
                  padding: 51.999px 16.005px 48.005px;
        }
        .manul-timeline .manul-products__timeline-title {
            max-width: 100%;
            
            margin-bottom: 24.003px;
            font-size: 28px;
            line-height: 1;
            opacity: 1;
            transform: none;
        }

        .manul-timeline .manul-products__steps-viewport {
            width: 100%;
            overflow-x: auto;
            overflow-y: hidden;
            padding-bottom: 7.997px;
            margin-right: -16.005px;
            scroll-snap-type: x mandatory;
            -webkit-overflow-scrolling: touch;
        }

        .manul-timeline .manul-products__steps-viewport::-webkit-scrollbar {
            display: none;
        }

        .manul-timeline .manul-products__steps-track {
            width: max-content;
            gap: 19.999px;
            padding-right: 16.005px;
        }

        .manul-timeline .manul-products__step {
            width: 236.001px;
            min-width: 236.001px;
            opacity: 1;
            transform: none;
            scroll-snap-align: start;
        }

        .manul-timeline .manul-products__step-top {
            gap: 10.004px;
        }

        .manul-timeline .manul-products__step-line {
            height: 10.004px;
            min-width: 96px;
        }

        .manul-timeline .manul-products__step-line::before,
        .manul-timeline .manul-products__step-line-fill {
            background-image: url("data:image/svg+xml,%3Csvg width='225' height='8' viewBox='0 0 225 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M224.354 4.03556C224.549 3.8403 224.549 3.52372 224.354 3.32845L221.172 0.146473C220.976 -0.0487893 220.66 -0.0487893 220.464 0.146473C220.269 0.341735 220.269 0.658318 220.464 0.85358L223.293 3.68201L220.464 6.51043C220.269 6.7057 220.269 7.02228 220.464 7.21754C220.66 7.4128 220.976 7.4128 221.172 7.21754L224.354 4.03556ZM0 3.68201V4.18201H224V3.68201V3.18201H0V3.68201Z' fill='%23C0C0C0'/%3E%3C/svg%3E");
            background-size: 100% 10.004px;
        }

        .manul-timeline .manul-products__step-line-fill {
            transform: scaleX(1) !important;
        }

        .manul-timeline .manul-products__step-title {
            margin-bottom: 10.004px;
            font-size: 18.002px;
        }

        .manul-timeline .manul-products__step-text {
            font-size: 13.998px;
        }
    }

    /* =========================
    FINAL DESKTOP FIXES
    BLOCK 2 + BLOCK 4 RIGHT EDGE
    ========================= */

    @media (min-width: 1025px) {
        .manul-risks__viewport {
            width: calc(100vw - var(--risks-side-pad));
            max-width: none;
            margin-right: calc(var(--risks-side-pad) * -1);
        }

        .manul-products__cards-viewport {
            width: calc(100vw - var(--products-side-pad));
            max-width: none;
            margin-right: calc(var(--products-side-pad) * -1);
        }
    }

    /* =========================
    BLOCK 7 / DRUM
    ========================= */

    .manul-drum {
        position: relative;
        overflow: hidden;
        background-color: #17201d;
        background-image: url("https://xn--80awbf4a.xn--p1ai/wp-content/uploads/2026/04/блок-6.png");
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
    }

    .manul-drum__inner {
        min-height: 100vh;
        padding: var(--manul-section-y) var(--manul-section-x);
        display: flex;
        align-items: center;
    }

    .manul-drum__grid {
        width: 100%;
        display: grid;
        grid-template-columns: minmax(32.2917vw, 0.95fr) minmax(32.2917vw, 1fr);
        column-gap: 2.9167vw;
        align-items: center;
    }

    .manul-drum__left {
        display: flex;
        align-items: center;
    }

    .manul-drum__title {
        margin: 0;
        max-width: 39.5833vw;
        font-family: "Geologica", sans-serif;
        font-weight: 400;
        font-size: 3vw;
        line-height: 100%;
        letter-spacing: 0;
        color: #FAFAFA;
    }

    .manul-drum__right {
        position: relative;
    }

    .manul-drum__viewport {
        position: relative;
        height: 23.9583vw;
        overflow: hidden;
        cursor: ns-resize;
        mask-image: linear-gradient(
            to bottom,
            transparent 0%,
            rgba(0, 0, 0, 0.4) 10%,
            rgba(0, 0, 0, 1) 22%,
            rgba(0, 0, 0, 1) 78%,
            rgba(0, 0, 0, 0.4) 90%,
            transparent 100%
        );
        -webkit-mask-image: linear-gradient(
            to bottom,
            transparent 0%,
            rgba(0, 0, 0, 0.4) 10%,
            rgba(0, 0, 0, 1) 22%,
            rgba(0, 0, 0, 1) 78%,
            rgba(0, 0, 0, 0.4) 90%,
            transparent 100%
        );
    }

    .manul-drum__track {
        display: flex;
        flex-direction: column;
        gap: 0;
        will-change: transform;
        transform: translate3d(0, 0, 0);
    }

    .manul-drum__item {
        position: relative;
        opacity: 1;
        --drum-title-opacity: 0.28;
        --drum-text-opacity: 0.22;
        --drum-scale: 0.985;
    }

    .manul-drum__item::after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        height: 0.0521vw;
        background: rgba(250, 250, 250, 0.10);
        pointer-events: none;
    }

    .manul-drum__row {
        min-height: 7.9687vw;
        display: grid;
        grid-template-columns: 2.0833vw minmax(0, 1fr) minmax(12.5vw, 15.3125vw);
        column-gap: 1.25vw;
        align-items: start;
        padding: 1.4583vw 0 1.5625vw;
        transform: scale(var(--drum-scale));
        transform-origin: left center;
        transition: transform 0.28s ease;
    }

    .manul-drum__badge {
        position: relative;
        width: 2.0833vw;
        height: 2.0833vw;
        border-radius: 0.4167vw;
        margin-top: 0.1042vw;
        background: rgba(250, 250, 250, 0.12);
        display: flex;
        align-items: center;
        justify-content: center;
        flex: 0 0 2.0833vw;
        transition: background-color 0.28s ease, opacity 0.28s ease;
    }

    .manul-drum__badge-number,
    .manul-drum__badge-check {
        position: absolute;
        inset: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: opacity 0.24s ease, transform 0.24s ease;
    }

    .manul-drum__badge-number {
        font-family: "Geologica", sans-serif;
        font-weight: 400;
        font-size: 0.625vw;
        line-height: 1;
        color: rgba(250, 250, 250, 0.34);
        opacity: 1;
        transform: scale(1);
    }

    .manul-drum__badge-check {
        opacity: 0;
        transform: scale(0.72);
    }

    .manul-drum__badge-check img {
        display: block;
        width: 0.5729vw;
        height: 0.4911vw;
        object-fit: contain;
    }

    .manul-drum__item-title {
        margin: 0;
        font-family: "Geologica", sans-serif;
        font-weight: 400;
        font-size: 2.0833vw;
        line-height: 0.98;
        letter-spacing: 0;
        color: rgba(250, 250, 250, var(--drum-title-opacity));
        transition: color 0.28s ease;
    }

    .manul-drum__item-text {
        margin: 0.2083vw 0 0;
        font-family: "Geologica", sans-serif;
        font-weight: 200;
        font-size: 1.25vw;
        line-height: 1.16;
        letter-spacing: 0;
        color: rgba(250, 250, 250, var(--drum-text-opacity));
        transition: color 0.28s ease;
    }

    .manul-drum__item.is-active {
        --drum-title-opacity: 1;
        --drum-text-opacity: 1;
        --drum-scale: 1;
    }

    .manul-drum__item.is-active .manul-drum__badge {
        background: #C0EA6C;
    }

    .manul-drum__item.is-active .manul-drum__badge-number {
        opacity: 0;
        transform: scale(0.72);
    }

    .manul-drum__item.is-active .manul-drum__badge-check {
        opacity: 1;
        transform: scale(1);
    }

    @media (max-width: 1799px) {
        .manul-drum__grid {
        grid-template-columns: minmax(30.0167vw, 0.92fr) minmax(31.1284vw, 1fr);
        column-gap: 2.4458vw;
    }

        .manul-drum__title {
        max-width: 37.7988vw;
        font-size: 3.224vw;
    }

        .manul-drum__viewport {
            height: 23.9022vw;
        }

        .manul-drum__row {
            min-height: 7.9489vw;
            grid-template-columns: 2.2235vw minmax(0, 1fr) minmax(12.229vw, 15.0083vw);
            column-gap: 1.2229vw;
            padding: 1.4452vw 0 1.5564vw;
        }

        .manul-drum__item-title {
            font-size: 2.0011vw;
        }

        .manul-drum__item-text {
            font-size: 1.2229vw;
        }
    }

    @media (max-width: 1599px) {
        .manul-drum__grid {
        grid-template-columns: minmax(29.3934vw, 0.9fr) minmax(32.5203vw, 1fr);
        column-gap: 2.2514vw;
    }

    .manul-drum__title {
        max-width: 38.7742vw;
        font-size: 3.252vw;
    }

        .manul-drum__viewport {
            height: 25.0156vw;
        }

        .manul-drum__row {
            min-height: 8.2552vw;
            grid-template-columns: 2.5016vw minmax(0, 1fr) minmax(12.5078vw, 14.8843vw);
            column-gap: 1.1257vw;
            padding: 1.5009vw 0 1.626vw;
        }

        .manul-drum__item-title {
            font-size: 2.0013vw;
        }

        .manul-drum__item-text {
            font-size: 1.2508vw;
        }
    }

    @media (max-width: 1365px) {
        .manul-drum__grid {
        grid-template-columns: minmax(29.304vw, 0.88fr) minmax(33.6996vw, 1fr);
        column-gap: 2.0513vw;
    }

    .manul-drum__title {
        max-width: 39.5604vw;
        font-size: 3.2234vw;
    }

        .manul-drum__viewport {
            height: 27.2527vw;
        }

        .manul-drum__row {
            min-height: 9.0842vw;
            grid-template-columns: 2.9304vw minmax(0, 1fr) minmax(13.1868vw, 16.1172vw);
            column-gap: 1.1722vw;
            padding: 1.6117vw 0 1.7582vw;
        }

        .manul-drum__item-title {
            font-size: 2.0513vw;
        }

        .manul-drum__item-text {
            font-size: 1.3187vw;
        }
    }

    @media (max-width: 1024px) {

        .manul-drum {
            background-image: url("https://xn--80awbf4a.xn--p1ai/wp-content/uploads/2026/04/блок-8-фон-мобилка.png");
            background-position: center center;
            background-size: cover;
        }

        .manul-drum__inner {
            min-height: auto;
            padding: 48px 16px 50px;
            display: block;
        }

        .manul-drum__grid {
            display: block;
        }

        .manul-drum__left {
            display: block;
            margin-bottom: 24.001px;
        }

        .manul-drum__title {
            max-width: 100%;
            font-size: 28px;
            line-height: 1;
        }

        .manul-drum__viewport {
            height: auto;
            overflow: visible;
            cursor: default;
            mask-image: none;
            -webkit-mask-image: none;
        }

        .manul-drum__track {
            transform: none !important;
        }

        .manul-drum__item {
            --drum-title-opacity: 1;
            --drum-text-opacity: 1;
            --drum-scale: 1;
        }

        .manul-drum__item::after {
            background: rgba(250, 250, 250, 0.4);
        }

        .manul-drum__row {
            display: flex;
            flex-wrap: wrap;
            column-gap: 12px;
            row-gap: 4px;
            padding: 16px 0 18px;
            align-items: center;
        }


        .manul-drum__badge {
            width: 24px;
            height: 24px;
            min-width: 24px;
            border-radius: 6px;
            margin-top: 1px;
            background: #C0EA6C;
        }

        .manul-drum__badge-number {
            display: none;
        }

        .manul-drum__badge-check {
            opacity: 1;
            transform: none;
        }

        .manul-drum__badge-check img {
            width: 6.6px;
            height: 5.66px;
        }

        .manul-drum__item-title {
            font-size: 18px;
            line-height: 1.02;
            grid-column: 2 / 3;
            width: auto;
        }
        

        .manul-drum__item-text {
            width: 100%;
            margin: 0;
            font-size: 14px;
            line-height: 1.18;
            grid-column: 1 / -1;
            padding-left: 0;
        }
        .manul-drum__item-text br,  .manul-drum__item-title br{
            display: none;
        }
    }

    @media (max-width: 390px) {
        .manul-drum__title {
            max-width: 76.9231vw;
            font-size: 7.1795vw;
        }
    }

    /* =========================
    BLOCK 8 / PROOF
    ========================= */

    .manul-proof {
        background: #E7E7E7;
    }

    .manul-proof__container {
        width: 100%;
        min-height: 38.5417vw;
        padding: 8.3333vw 9.375vw;
    }

    .manul-proof__title {
        width: 47.1667vw;
        max-width: 100%;
        margin: 0 0 3.75vw;
        font-family: "Geologica", sans-serif;
        font-weight: 400;
        font-size: 3.3333vw;
        line-height: 1;
        letter-spacing: 0;
        color: #202524;
    }

    .manul-proof__stats {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        column-gap: 9.8958vw;
    }

    .manul-proof__stat {
        padding-bottom: 1.4583vw;
        border-bottom: 0.0521vw solid #C0C0C0;
    }

    .manul-proof__value-row {
        display: flex;
        align-items: flex-start;
        gap: 0.9375vw;
        margin-bottom: 1.3542vw;
    }

    .manul-proof__value,
    .manul-proof__unit {
        font-family: "Geologica", sans-serif;
        font-weight: 400;
        font-size: 6.6667vw;
        line-height: 0.86;
        letter-spacing: 0;
        color: #465551;
    }

    .manul-proof__unit {
        font-size: 3.75vw;
        line-height: 0.94;
        padding-top: 0.2083vw;
    }

    .manul-proof__caption {
        margin: 0;
        max-width: 16.6667vw;
        font-family: "Geologica", sans-serif;
        font-weight: 200;
        font-size: 1.25vw;
        line-height: 1.08;
        letter-spacing: 0;
        color: #777777;
    }

    /* =========================
    BLOCK 9 / DOCS
    ========================= */

    .manul-docs {
        background: #E7E7E7;
    }

    .manul-docs__container {
        width: 100%;
        min-height: 22.0833vw;
        padding: 0 9.375vw 8.3333vw;
    }

    .manul-docs__title {
        margin: 0 0 2.8125vw;
        font-family: "Geologica", sans-serif;
        font-weight: 400;
        font-size: 3.3333vw;
        line-height: 1;
        letter-spacing: 0;
        color: #202524;
    }

    .manul-docs__grid {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        column-gap: 2.0833vw;
    }

    .manul-docs__item {
        min-width: 0;
    }

    .manul-docs__icon-wrap {
        width: 3.125vw;
        height: 3.125vw;
        margin-bottom: 1.0417vw;
        border: 0.0521vw solid #C0C0C0;
        border-radius: 0.625vw;
        background: #FAFAFA;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .manul-docs__icon {
        width: 1.6667vw;
        height: 1.6667vw;
        object-fit: contain;
        display: block;
    }

    .manul-docs__text {
        min-width: 0;
    }

    .manul-docs__name {
        margin: 0;
        font-family: "Geologica", sans-serif;
        font-weight: 400;
        font-size: 1.25vw;
        line-height: 1.06;
        letter-spacing: 0;
        color: #202524;
    }

    .manul-docs__meta {
        margin: 0.4167vw 0 0;
        font-family: "Geologica", sans-serif;
        font-weight: 200;
        font-size: 1.25vw;
        line-height: 1.06;
        letter-spacing: 0;
        color: #777777;
    }

    @media (max-width: 1799px) {
        .manul-proof__container {
            min-height: 37.7988vw;
            padding: 7.2262vw 6.6704vw;
        }

        .manul-proof__title {
            width: 45.2457vw;
            margin-bottom: 3.5575vw;
            font-size: 3.224vw;
        }

        .manul-proof__stats {
            column-gap: 6.6704vw;
        }

        .manul-proof__value,
        .manul-proof__unit {
            font-size: 6.2257vw;
        }

        .manul-proof__unit {
            font-size: 3.5575vw;
        }
        .manul-proof__caption {
            font-size: 1.2229vw;
        }

        .manul-docs__container {
            min-height: 21.6787vw;
            padding: 0 6.6704vw 7.2262vw;
        }

        .manul-docs__title {
            margin-bottom: 2.557vw;
            font-size: 3.224vw;
        }

        .manul-docs__name,
        .manul-docs__meta {
            font-size: 1.2229vw;
        }
    }

    @media (max-width: 1599px) {
        .manul-proof__container {
            min-height: 38.7742vw;
            padding: 6.8793vw 4.5028vw;
        }

        .manul-proof__title {
            width: 42.5266vw;
            margin-bottom: 3.5022vw;
            font-size: 3.252vw;
        }

        .manul-proof__stats {
            column-gap: 4.5028vw;
        }

        .manul-proof__value,
        .manul-proof__unit {
            font-size: 6.0038vw;
        }

        .manul-proof__unit {
            font-size: 3.5022vw;
        }

        .manul-proof__caption {
            max-width: 15.0094vw;
            font-size: 1.2508vw;
        }

        .manul-docs__container {
            min-height: 22.5141vw;
            padding: 0 4.5028vw 6.8793vw;
        }

        .manul-docs__title {
            font-size: 3.252vw;
        }

        .manul-docs__grid {
            column-gap: 1.7511vw;
        }

        .manul-docs__name,
        .manul-docs__meta {
            font-size: 1.2508vw;
        }
    }

    @media (max-width: 1365px) {
        .manul-proof__container {
            min-height: 41.0256vw;
            padding: 7.033vw 5.2747vw;
        }

        .manul-proof__title {
            width: 43.956vw;
            margin-bottom: 3.5165vw;
            font-size: 3.2234vw;
        }

        .manul-proof__stats {
            column-gap: 2.9304vw;
        }

        .manul-proof__value,
        .manul-proof__unit {
            font-size: 6.0073vw;
        }

        .manul-proof__unit {
            font-size: 3.5165vw;
            padding-top: 0.1465vw;
        }

        .manul-proof__caption {
            max-width: 16.1172vw;
            font-size: 1.3187vw;
        }

        .manul-docs__container {
            padding: 0 5.2747vw 7.033vw;
        }

        .manul-docs__title {
            margin-bottom: 2.9304vw;
            font-size: 3.2234vw;
        }

        .manul-docs__name,
        .manul-docs__meta {
            font-size: 1.3187vw;
        }
    }

    @media (max-width: 1024px) {


        .manul-proof__container {
            min-height: auto;
            padding: 60px 16px;
        }

        .manul-proof__title {
            width: auto;
            max-width: 100%;
            margin-bottom: 28px;
            font-size: 26px;
            line-height: 1.04;
        }

        .manul-proof__stats {
            display: block;
        }

        .manul-proof__stat {
            padding: 0 0 16px;
            margin-bottom: 16px;
            border-bottom: 1px solid #C0C0C0;
        }

        .manul-proof__stat:last-child {
            margin-bottom: 0;
        }

        .manul-proof__value-row {
            gap: 10px;
            margin-bottom: 10px;
        }

        .manul-proof__value,
        .manul-proof__unit {
            font-size: 64px;
            line-height: 0.92;
        }

        .manul-proof__unit {
            font-size: 36px;
            padding-top: 2px;
        }

        .manul-proof__caption {
            max-width: 260px;
            font-size: 14px;
            line-height: 1.12;
        }

        .manul-docs__container {
            min-height: auto;
            padding: 0 16px 40px;
        }

        .manul-docs__title {
            margin-bottom: 28px;
            font-size: 26px;
            line-height: 1.04;
        }

        .manul-docs__grid {
            display: block;
        }

        .manul-docs__item {
            display: grid;
            grid-template-columns: 48px minmax(0, 1fr);
            column-gap: 12px;
            align-items: start;
            padding: 0 0 16px;
            margin-bottom: 16px;
            align-items: center;
            border-bottom: 1px solid #C0C0C0;
        }

        .manul-docs__item:last-child {
            margin-bottom: 0;
            align-items: center;
        }
    .manul-docs__item:first-child {
            margin-bottom: 16px;
            align-items: center;
        }
        .manul-docs__icon-wrap {
            width: 48px;
            height: 48px;
            margin-bottom: 0;
            border-radius: 7.999px;
            background: #FFFFFF;
        }

        .manul-docs__icon {
            width: 21.33px;
            height: 21.33px;
        }

        .manul-docs__name {
            font-size: 16px;
            line-height: 1.14;
        }

        .manul-docs__meta {
            margin-top: 4px;
            font-size: 16px;
            line-height: 1.14;
        }
    }
.manul-path__mobile-track {
    transition: transform 0.45s ease;
}
    /* =========================================================
    BLOCK 8 — WHY MANUL
    ========================================================= */

    .manul-why {
        position: relative;
        width: 100vw;
        height: 41.6667vw;
        margin-left: calc(50% - 50vw);
        margin-right: calc(50% - 50vw);
        overflow: hidden;
        border-radius: 0.6771vw;
        background-color: #dfe4e7;
        background-image: url("https://xn--80awbf4a.xn--p1ai/wp-content/uploads/2026/04/блок-8-фон.png");
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
        isolation: isolate;
    }

    .manul-why::before {
        content: "";
        position: absolute;
        inset: 0;
        z-index: 1;
        pointer-events: none;
        background:
            linear-gradient(90deg,
                rgba(223, 228, 231, 0.94) 0%,
                rgba(223, 228, 231, 0.88) 18%,
                rgba(223, 228, 231, 0.60) 36%,
                rgba(223, 228, 231, 0.20) 54%,
                rgba(223, 228, 231, 0.00) 72%);
    }

    .manul-why__inner {
        position: relative;
        z-index: 2;
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        padding: 0 9.375vw;
    }

    .manul-why__content {
        max-width: 33.3333vw;
        opacity: 0;
        transform: translateY(1.7708vw);
        transition: opacity 0.8s ease, transform 0.8s ease;
    }

    .manul-why.is-visible .manul-why__content {
        opacity: 1;
        transform: translateY(0);
    }

    .manul-why__title {
        margin: 0 0 1.6667vw;
        color: #202524;
        font-family: "Geologica", sans-serif;
        font-weight: 400;
        font-size: 3.3333vw;
        line-height: 1.02;
        letter-spacing: -0.02em;
    }

    .manul-why__text p {
        margin: 0 0 1.3542vw;
        color: #777777;
        font-family: "Geologica", sans-serif;
        font-weight: 300;
        font-size: 1.25vw;
        line-height: 1.25;
        letter-spacing: -0.01em;
    }

    .manul-why__text p:last-child {
        margin-bottom: 0;
    }

    .manul-why__accent {
        color: #777777;
    }

    /* large desktop */
    @media (max-width: 1600px) {
        .manul-why__inner {
            padding: 0 8.75vw;
        }

        .manul-why__title {
            font-size: 3.625vw;
        }

        .manul-why__text p {
            font-size: 1.375vw;
        }
    }

    /* notebook */
    @media (max-width: 1366px) {
        .manul-why {
            height: 58.5652vw;
        }

        .manul-why__inner {
            padding: 0 8.0527vw;
        }

        .manul-why__content {
            max-width: 40.9956vw;
        }

        .manul-why__title {
            font-size: 3.9531vw;
            margin-bottom: 1.9034vw;
        }

        .manul-why__text p {
            font-size: 1.4641vw;
            margin-bottom: 1.6105vw;
        }
    }

    /* tablet landscape */
    @media (max-width: 1199px) {
        .manul-why {
            height: 58.382vw;
        }

        .manul-why__inner {
            padding: 0 6.005vw;
        }

        .manul-why__content {
            max-width: 41.7014vw;
        }

        .manul-why__title {
            font-size: 3.8365vw;
        }

        .manul-why__text p {
            font-size: 1.5013vw;
        }
    }

    /* tablet */
    @media (max-width: 991px) {
        .manul-why {
            height: 64.5812vw;
            border-radius: 0;
        }

        .manul-why {
            background-position: center top;
        }

        .manul-why::before {
            background:
                linear-gradient(180deg,
                    rgba(223, 228, 231, 0.00) 0%,
                    rgba(223, 228, 231, 0.08) 36%,
                    rgba(223, 228, 231, 0.62) 54%,
                    rgba(223, 228, 231, 0.95) 67%,
                    rgba(223, 228, 231, 1.00) 100%);
        }

        .manul-why__inner {
            align-items: flex-end;
            padding: 0 2.8254vw 3.8345vw;
        }

        .manul-why__content {
            max-width: 100%;
        }

        .manul-why__title {
            font-size: 4.0363vw;
            margin-bottom: 2.0182vw;
            line-height: 1.05;
        }

        .manul-why__text p {
            font-size: 1.7154vw;
            margin-bottom: 1.8163vw;
            line-height: 1.22;
        }
    }

    /* mobile */
    @media (max-width: 767px) {
        .manul-why {
            height: 74.3155vw;
            border-radius: 0;
            background-image: url("https://xn--80awbf4a.xn--p1ai/wp-content/uploads/2026/04/фон-блок-8-мобилка.png");
            background-position: center top;
            background-size: cover;
        }

        .manul-why::before {
            background:
                linear-gradient(180deg,
                    rgba(223, 228, 231, 0.00) 0%,
                    rgba(223, 228, 231, 0.10) 35%,
                    rgba(223, 228, 231, 0.72) 52%,
                    rgba(223, 228, 231, 0.96) 66%,
                    rgba(223, 228, 231, 1.00) 100%);
        }

        .manul-why__inner {
            align-items: flex-end;
            padding: 0 2.6076vw 3.9113vw;
        }

        .manul-why__title {
            margin-bottom: 2.3468vw;
            font-size: 3.781vw;
            line-height: 1.04;
        }

        .manul-why__text p,
        .manul-why__accent {
            font-size: 1.9557vw;
            line-height: 1.22;
            margin-bottom: 2.086vw;
        }
    }

    @media (max-width: 390px) {
        .manul-why__title {
            font-size: 6.9231vw;
        }

        .manul-why__text p,
        .manul-why__accent {
            font-size: 3.5897vw;
        }
    }

    /* =========================================================
    BLOCK 10 — SCENARIOS
    ========================================================= */

    .manul-scenarios {
        padding: 8.3333vw 0;
        background: #dfe0df;
    }

    .manul-scenarios__container {
        width: calc(100% - 18.75vw);
        max-width: none;
        margin: 0 auto;
    }

    .manul-scenarios__title {
        margin: 0 0 2.3958vw;
        color: #202524;
        font-family: "Geologica", sans-serif;
        font-weight: 300;
        font-size: 3.3333vw;
        line-height: 0.95;
        letter-spacing: -0.03em;
    }

    .manul-scenarios__grid {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 1.0417vw;
    }

    .manul-scenario-card {
        position: relative;
        min-height: 17.1875vw;
        border-radius: 0.625vw;
        overflow: hidden;
        isolation: isolate;
    }

    .manul-scenario-card__bg {
        position: absolute;
        inset: 0;
        z-index: 1;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
        transition: transform 0.5s ease;
    }

    .manul-scenario-card--home .manul-scenario-card__bg {
        background-image:
            linear-gradient(rgba(241, 237, 231, 0.18), rgba(241, 237, 231, 0.18)),
            url("https://xn--80awbf4a.xn--p1ai/wp-content/uploads/2026/04/блок-10-фон-картоки-для-дома.png");
    }

    .manul-scenario-card--business .manul-scenario-card__bg {
        background-image:
            linear-gradient(rgba(70, 85, 81, 0.18), rgba(70, 85, 81, 0.08)),
            url("https://xn--80awbf4a.xn--p1ai/wp-content/uploads/2026/04/блок-10-фон-картоки-для-бизнеса.png");
    }

    .manul-scenario-card__content {
        position: relative;
        z-index: 2;
        padding: 0.8333vw 0.8333vw 1.1458vw;
        max-width: 22.3958vw;
    }

    .manul-scenario-card__badge {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-width: 4.1146vw;
        height: 1.7708vw;
        padding: 0 0.7292vw;
        margin-bottom: 1.7708vw;
        border-radius: 0.5208vw;
        background: rgba(250, 250, 250, 0.92);
        color: #8b8b8b;
        font-family: "Geologica", sans-serif;
        font-weight: 300;
        font-size: 0.625vw;
        line-height: 1;
        letter-spacing: 0.02em;
    }

    .manul-scenario-card__title {
        margin: 0 0 0.7292vw;
        font-family: "Geologica", sans-serif;
        font-weight: 300;
        font-size: 1.6667vw;
        line-height: 1.02;
        letter-spacing: -0.02em;
    }

    .manul-scenario-card__text {
        margin: 0;
        font-family: "Geologica", sans-serif;
        font-weight: 300;
        font-size: 1.25vw;
        line-height: 1.15;
        letter-spacing: -0.015em;
    }

    .manul-scenario-card--home .manul-scenario-card__title,
    .manul-scenario-card--home .manul-scenario-card__text {
        color: #202524;
    }

    .manul-scenario-card--business .manul-scenario-card__title,
    .manul-scenario-card--business .manul-scenario-card__text {
        color: #fafafa;
    }

    .manul-scenario-card__action {
        position: absolute;
        right: 0;
        bottom: 0;
        z-index: 3;
        min-width: 6.875vw;
        height: 6.25vw;
        padding: 1.25vw;
        border-radius: 0.625vw;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: flex-start;
        text-decoration: none;
        overflow: hidden;
        transition: transform 0.25s ease, filter 0.25s ease;
    }

    .manul-scenario-card__action--home {
        background: #c0ea6c;
    }

    .manul-scenario-card__action--business {
        background: #465551;
        min-width: 7.7083vw;
        padding-right: 1.5625vw;
        border-radius: 0.625vw;
    }

    .manul-scenario-card__icon {
        width: 1.0417vw;
        height: 1.0417vw;
        object-fit: contain;
        display: block;
    }

    .manul-scenario-card__action span {
        display: block;
        width: 100%;
        font-family: "Geologica", sans-serif;
        font-weight: 400;
        font-size: 0.7292vw;
        line-height: 1.24;
        letter-spacing: 0;
        text-transform: uppercase;
        text-decoration: underline;
        text-underline-offset: 0.1562vw;
    }

    .manul-scenario-card__action--home span {
        color: #202524;
    }

    .manul-scenario-card__action--business span {
        color: #fafafa;
        white-space: nowrap;
        width: auto;
        max-width: none;
    }

    .manul-scenario-card__action--home span {
        max-width: 3.8542vw;
    }

    @media (hover: hover) and (pointer: fine) {
        .manul-scenario-card:hover .manul-scenario-card__bg {
            transform: scale(1.02);
        }

        .manul-scenario-card:hover .manul-scenario-card__action {
            transform: translate(-0.1562vw, -0.1562vw);
        }
    }

    @media (max-width: 1600px) {
        .manul-scenarios__container {
            width: calc(100% - 15.0vw);
        }
    }

    @media (max-width: 1366px) {
        .manul-scenarios__container {
            width: calc(100% - 26.3543vw);
        }

        .manul-scenarios__title {
            font-size: 4.246vw;
        }

        .manul-scenario-card {
            min-height: 26.3543vw;
        }

        .manul-scenario-card__text {
            font-size: 1.4641vw;
        }
    }

    @media (max-width: 991px) {
        .manul-scenarios {
            padding: 7.2654vw 0 8.8799vw;
        }

        .manul-scenarios__container {
            width: calc(100% - 3.0272vw);
        }

        .manul-scenarios__title {
            margin-bottom: 2.8254vw;
            font-size: 3.2291vw;
            line-height: 0.98;
        }

        .manul-scenarios__grid {
            grid-template-columns: 1fr;
            gap: 2.0182vw;
        }

        .manul-scenario-card {
            min-height: 35.3179vw;
            border-radius: 1.2109vw;
        }

        .manul-scenario-card__content {
            padding: 1.4127vw 1.6145vw 1.6145vw;
            max-width: 28.2543vw;
        }

        .manul-scenario-card__badge {
            min-width: 7.669vw;
            height: 3.33vw;
            margin-bottom: 2.4218vw;
            font-size: 1.11vw;
        }

        .manul-scenario-card__title {
            margin-bottom: 1.4127vw;
            font-size: 2.8254vw;
            line-height: 1;
        }

        .manul-scenario-card__text {
            font-size: 1.6145vw;
            line-height: 1.2;
        }

        .manul-scenario-card__action {
            width: 10.999vw;
            height: 10.999vw;
            padding: 1.4127vw 1.2109vw 1.2109vw;
            border-radius: 1.2109vw;
        }

        .manul-scenario-card__icon {
            width: 0.8073vw;
            height: 0.8073vw;
        }

        .manul-scenario-card__action span {
            font-size: 1.0091vw;
            line-height: 1.05;
        }
    }

    @media (max-width: 767px) {
        .manul-scenarios {
            padding: 7.5619vw 0 9.9087vw;
        }

        .manul-scenarios__title {
            margin-bottom: 3.1291vw;
            font-size: 4.0417vw;
        }

        .manul-scenario-card {
            min-height: 45.6323vw;
        }
    }

    /* =========================================================
    FOOTER
    ========================================================= */

    .manul-footer {
        position: relative;
        width: 100vw;
        margin-left: calc(50% - 50vw);
        margin-right: calc(50% - 50vw);
        background-color: #17201f;
        background-image: url("https://xn--80awbf4a.xn--p1ai/wp-content/uploads/2026/04/футер-пк-фон.png");
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
        color: #fafafa;
        overflow: hidden;
        border-top: 0.0521vw solid rgba(250, 250, 250, 0.16);
    }

    .manul-footer__container {
        width: calc(100% - 12.5vw);
        max-width: 66.6667vw;
        margin: 0 auto;
        padding: 3.5417vw 0 2.2917vw;
    }

    .manul-footer__top {
        display: grid;
        grid-template-columns: 15.625vw 1fr;
        gap: 3.0208vw;
        align-items: start;
    }

    .manul-footer__brand {
        max-width: 14.0625vw;
    }

    .manul-footer__logo {
        display: block;
        height: auto;
    }

    .manul-footer__logo--desktop {
        width: 9.7917vw;
    }

    .manul-footer__logo--mobile {
        display: none;
    }

    .manul-footer__tagline {
        margin: 0.9375vw 0 0;
        color: rgba(250, 250, 250, 0.56);
        font-family: "Geologica", sans-serif;
        font-weight: 300;
        font-size: 0.8333vw;
        line-height: 1.2;
        letter-spacing: -0.01em;
    }

    .manul-footer__nav-wrap {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        gap: 3.6458vw;
    }

    .manul-footer__heading {
        margin: 0 0 0.9375vw;
        color: rgba(250, 250, 250, 0.34);
        font-family: "Geologica", sans-serif;
        font-weight: 300;
        font-size: 0.6771vw;
        line-height: 1.1;
    }

    .manul-footer__list {
        margin: 0;
        padding: 0;
        list-style: none;
    }

    .manul-footer__list li {
        margin: 0 0 0.625vw;
    }

    .manul-footer__list li:last-child {
        margin-bottom: 0;
    }

    .manul-footer__list a,
    .manul-footer__contacts a,
    .manul-footer__bottom-link {
        color: #fafafa;
        text-decoration: none;
        font-family: "Geologica", sans-serif;
        font-weight: 300;
        transition: opacity 0.2s ease;
    }

    .manul-footer__list a {
        font-size: 0.8854vw;
        line-height: 1.2;
    }

    .manul-footer__contacts {
        display: flex;
        flex-direction: column;
        gap: 0.625vw;
        margin-bottom: 0.9375vw;
    }

    .manul-footer__contacts a {
        font-size: 0.8854vw;
        line-height: 1.2;
    }

    .manul-footer__socials {
        display: flex;
        gap: 0.3125vw;
    }

    .manul-footer__social {
        width: 2.2917vw;
        height: 2.2917vw;
        border: 0.0521vw solid rgba(250, 250, 250, 0.55);
        border-radius: 0.2604vw;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        color: #fafafa;
        text-decoration: none;
        transition:
            transform 0.2s ease,
            border-color 0.2s ease,
            background-color 0.2s ease;
    }

    .manul-footer__social svg {
        width: 1.0417vw;
        height: 1.0417vw;
        display: block;
    }

    .manul-footer__social:hover {
        transform: translateY(-0.1042vw);
        border-color: rgba(250, 250, 250, 0.95);
        background: rgba(250, 250, 250, 0.04);
    }

    .manul-footer__bottom {
        margin-top: 2.2917vw;
        padding-top: 1.1458vw;
        border-top: 0.0521vw solid rgba(250, 250, 250, 0.12);
        display: grid;
        grid-template-columns: 1fr auto auto 2.0833vw;
        gap: 1.6667vw;
        align-items: center;
    }

    .manul-footer__copyright {
        color: rgba(250, 250, 250, 0.42);
        font-family: "Geologica", sans-serif;
        font-weight: 300;
        font-size: 0.7292vw;
        line-height: 1.2;
    }

    .manul-footer__bottom-link {
        color: rgba(250, 250, 250, 0.62);
        font-size: 0.7292vw;
        line-height: 1.2;
        white-space: nowrap;
    }

    .manul-footer__to-top {
        width: 2.0833vw;
        height: 2.0833vw;
        border: 0.0521vw solid rgba(250, 250, 250, 0.55);
        border-radius: 0.625vw;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        justify-self: end;
        text-decoration: none;
        transition:
            transform 0.22s ease,
            border-color 0.22s ease,
            background-color 0.22s ease;
    }

    .manul-footer__to-top img {
        width: 0.7292vw;
        height: 0.7292vw;
        display: block;
    }

    .manul-footer__to-top:hover {
        transform: translateY(-0.1562vw);
        border-color: rgba(250, 250, 250, 0.95);
        background: rgba(250, 250, 250, 0.04);
    }

    .manul-footer__list a:hover,
    .manul-footer__contacts a:hover,
    .manul-footer__bottom-link:hover {
        opacity: 0.72;
    }

    @media (max-width: 1199px) {
        .manul-footer__container {
            width: calc(100% - 6.6722vw);
            padding: 4.8374vw 0 3.3361vw;
        }

        .manul-footer__top {
            grid-template-columns: 20.0167vw 1fr;
            gap: 3.3361vw;
        }

        .manul-footer__nav-wrap {
            gap: 3.0025vw;
        }

        .manul-footer__list a,
        .manul-footer__contacts a {
            font-size: 1.3344vw;
        }

        .manul-footer__bottom {
            grid-template-columns: 1fr auto auto 3.3361vw;
            gap: 1.6681vw;
        }
    }

    @media (max-width: 991px) {
        .manul-footer {
            background-image: url("https://xn--80awbf4a.xn--p1ai/wp-content/uploads/2026/04/футер-мобилка-фон.png");
            background-position: center top;
        }

        .manul-footer__container {
            width: calc(100% - 4.0363vw);
            max-width: none;
            padding: 3.4309vw 0 2.6236vw;
        }

        .manul-footer__top {
            grid-template-columns: 1fr;
            gap: 3.4309vw;
        }

        .manul-footer__brand {
            max-width: none;
        }

        .manul-footer__logo--desktop {
            display: none;
        }

        .manul-footer__logo--mobile {
            display: block;
            width: 30.2725vw;
            max-width: 100%;
        }

        .manul-footer__tagline {
            margin-top: 1.4127vw;
            font-size: 1.8163vw;
            line-height: 1.16;
        }

        .manul-footer__nav-wrap {
            grid-template-columns: 1fr 1fr;
            gap: 3.4309vw 2.6236vw;
        }

        .manul-footer__col:last-child {
            grid-column: 1 / -1;
        }

        .manul-footer__heading {
            margin-bottom: 1.6145vw;
            font-size: 1.2109vw;
        }

        .manul-footer__list li {
            margin-bottom: 1.2109vw;
        }

        .manul-footer__list a,
        .manul-footer__contacts a {
            font-size: 1.8163vw;
            line-height: 1.15;
        }

        .manul-footer__contacts {
            gap: 1.2109vw;
            margin-bottom: 1.8163vw;
        }

        .manul-footer__socials {
            gap: 0.8073vw;
        }

        .manul-footer__social {
            width: 5.2472vw;
            height: 5.2472vw;
        }

        .manul-footer__bottom {
            margin-top: 4.2381vw;
            padding-top: 2.22vw;
            border-top: 0.1009vw solid rgba(250, 250, 250, 0.10);
            grid-template-columns: 1fr;
            gap: 1.2109vw;
            align-items: start;
        }

        .manul-footer__to-top {
            display: none;
        }

        .manul-footer__bottom-link,
        .manul-footer__copyright {
            font-size: 1.4127vw;
            line-height: 1.25;
        }
    }

    .manul-hero__menu {
        flex: 0 0 auto;
    }

    .manul-hero__menu--left .manul-menu-card,
    .manul-hero__menu--right .manul-menu-card {
        aspect-ratio: 1 / 1;
    }

    /* =========================
    HERO SCROLL SCENE / DESKTOP
    ========================= */

    @media (min-width: 1025px) {
        .manul-hero {
            position: relative;
        }

        .manul-hero.is-scroll-scene {
            min-height: 300vh;
            z-index: 1;
        }

        .manul-hero.is-scroll-scene .manul-hero__shell {
            position: sticky;
            top: var(--manul-admin-offset);
            min-height: calc(100vh - var(--manul-admin-offset));
            height: calc(100vh - var(--manul-admin-offset));
            overflow: visible;
            z-index: 1;
        }

        .manul-hero.is-scroll-scene .manul-slider,
        .manul-hero.is-scroll-scene .manul-slider__track {
            min-height: 100%;
            height: 100%;
            overflow: hidden;
        }

        .manul-hero.is-scroll-scene .manul-slide {
            transition:
                opacity 0.65s ease,
                visibility 0.65s ease,
                transform 0.65s ease;
        }

        .manul-hero.is-scroll-scene .manul-slide:not(.is-active) {
            transform: scale(1.015);
        }

        .manul-hero.is-scroll-scene .manul-slide__media {
            overflow: hidden;
        }

        .manul-hero.is-scroll-scene .manul-slider__controls {
            z-index: 20;
        }
    }

    /* =========================
    GLOBAL FIXED HEADER LAYER
    ========================= */

    .manul-hero__top {
        position: fixed;
        top: var(--manul-admin-offset);
        left: 0;
        right: 0;
        z-index: 5000;
    }

    .manul-hero__top-mobile {
        position: fixed;
        top: calc(var(--manul-admin-offset) + 0.625vw);
        left: 0.625vw;
        right: 0.625vw;
        z-index: 5001;
    }

    .manul-mobile-panel {
        position: fixed;
        inset: 0;
        z-index: 4999;
    }

    @media (max-width: 640px) {
        .manul-hero__top-mobile {
            top: calc(var(--manul-admin-offset) + 1.5625vw);
            left: 1.5625vw;
            right: 1.5625vw;
        }
          .manul-slider__dot-label{
            font-size: 8px;
            line-height: 1!important;

        }
    }

    .manul-risks__track,
    .manul-products__cards-track {
        will-change: transform;
        backface-visibility: hidden;
        transform-style: preserve-3d;
    }

    @media (min-width: 1025px) {
        .manul-risks__viewport,
        .manul-products__cards-viewport {
            overflow: visible;
        }
    }

    /* =========================
    BLOCK 3 / SOLUTION — SAFE FIX
    ========================= */

    .manul-solution__shell::after {
        background: linear-gradient(
            90deg,
            rgba(245, 245, 245, 0.94) 0%,
            rgba(245, 245, 245, 0.90) 24%,
            rgba(245, 245, 245, 0.82) 40%,
            rgba(245, 245, 245, 0.60) 54%,
            rgba(245, 245, 245, 0.26) 68%,
            rgba(245, 245, 245, 0.00) 100%
        );
    }

    .manul-solution__container {
        padding-right: clamp(14.5833vw, 24vw, 21.875vw);
    }

    .manul-solution__content {
        max-width: 32.2917vw;
    }

    .manul-solution__title {
        max-width: 32.2917vw;
    }

    .manul-solution__text {
        max-width: 29.1667vw;
    }

    @media (max-width: 1799px) {
        .manul-solution__shell {
            background-position: calc(100% - 0.4447vw) center;
        }

        .manul-solution__container {
            padding-right: clamp(12.229vw, 22vw, 18.8994vw);
        }

        .manul-solution__content {
            max-width: 31.1284vw;
        }

        .manul-solution__title {
            max-width: 31.1284vw;
        }

        .manul-solution__text {
            max-width: 27.7932vw;
        }
    }

    @media (max-width: 1599px) {
        .manul-solution__shell {
            background-position: calc(100% + 1.5009vw) center;
        }

        .manul-solution__container {
            padding-right: clamp(11.257vw, 18vw, 16.2602vw);
        }

        .manul-solution__content {
            max-width: 31.2695vw;
        }

        .manul-solution__title {
            max-width: 31.2695vw;
        }

        .manul-solution__text {
            max-width: 27.5172vw;
        }
    }

    @media (max-width: 1365px) {
        .manul-solution__shell {
            background-position: calc(100% + 3.8095vw) center;
        }

        .manul-solution__container {
            padding-right: clamp(8.7912vw, 14vw, 13.1868vw);
        }

        .manul-solution__content {
            max-width: 33.6996vw;
        }

        .manul-solution__title {
            max-width: 33.6996vw;
        }

        .manul-solution__text {
            max-width: 29.304vw;
        }
    }


    /* =========================
    BLOCK 3 / SOLUTION — TABLET + MOBILE FIX
    ========================= */

    @media (max-width: 1024px) {
        .manul-solution__shell {
            background-position: calc(100% + 36px) center;
        }

        .manul-solution__shell::after {
            background: linear-gradient(
                90deg,
                rgba(245, 245, 245, 0.96) 0%,
                rgba(245, 245, 245, 0.94) 30%,
                rgba(245, 245, 245, 0.86) 48%,
                rgba(245, 245, 245, 0.58) 64%,
                rgba(245, 245, 245, 0.12) 100%
            );
        }

        .manul-solution__container {
            padding-right: 7.0312vw;
        }

        .manul-solution__content {
            max-width: 44.9219vw;
        }

        .manul-solution__title {
            max-width: 44.9219vw;
        }

        .manul-solution__text {
            max-width: 39.0625vw;
        }
    }

    @media (max-width: 820px) {
        .manul-solution__shell {
            background-position: calc(100% + 7.8049vw) center;
        }

        .manul-solution__container {
            padding-right: 2.9268vw;
        }

        .manul-solution__content,
        .manul-solution__title,
        .manul-solution__text {
            max-width: none;
        }
    }

    @media (max-width: 640px) {
        .manul-solution__shell {
            background-position: center center;
            background-size: cover;
        }

        .manul-solution__shell::after {
            background: linear-gradient(
                180deg,
                rgba(245, 245, 245, 0.18) 0%,
                rgba(245, 245, 245, 0.14) 100%
            );
        }

        .manul-solution__container {
            padding-right: var(--manul-section-x);
        }

        .manul-solution__content,
        .manul-solution__title,
        .manul-solution__text {
            max-width: none;
        }
    }

    @media (min-width: 821px) and (max-width: 1024px) {
        .manul-solution__shell {
            background-position: calc(100% + 9.375vw) center;
        }

        .manul-solution__shell::after {
            background: linear-gradient(
                90deg,
                rgba(245, 245, 245, 0.97) 0%,
                rgba(245, 245, 245, 0.95) 34%,
                rgba(245, 245, 245, 0.90) 52%,
                rgba(245, 245, 245, 0.70) 66%,
                rgba(245, 245, 245, 0.22) 100%
            );
        }

        .manul-solution__container {
            padding-right: 11.7188vw;
        }

        .manul-solution__content {
            max-width: 41.0156vw;
        }

        .manul-solution__title {
            max-width: 41.0156vw;
            font-size: 3.9062vw;
            line-height: 0.98;
        }

        .manul-solution__text {
            max-width: 35.1562vw;
            font-size: 1.7578vw;
            line-height: 1.16;
        }
    }

    /* =========================
    BLOCK 3 / SOLUTION — CONTROLLED TEXT LINES
    ========================= */

    .manul-solution__text {
        margin: 0;
    }

    .manul-solution__text-line {
        display: block;
    }

    .manul-solution__text-line + .manul-solution__text-line {
        margin-top: 0.1042vw;
    }

    /* ноутбук + планшет + desktop */
    @media (min-width: 641px) {
        .manul-solution__text {
            max-width: 29.1667vw;
        }

        .manul-solution__text-line {
            white-space: nowrap;
        }
    }

    /* tablet */
    @media (min-width: 821px) and (max-width: 1024px) {
        .manul-solution__text {
            max-width: 35.1562vw;
            font-size: 1.7578vw;
            line-height: 1.16;
        }

        .manul-solution__text-line {
            white-space: normal;
        }

        .manul-solution__text-line:nth-child(1),
        .manul-solution__text-line:nth-child(2),
        .manul-solution__text-line:nth-child(3) {
            max-width: 35.1562vw;
        }
    }

    /* laptop */
    @media (min-width: 1025px) and (max-width: 1599px) {
        .manul-solution__text {
            max-width: 31.2695vw;
        }
    }

    /* mobile — возвращаем обычное поведение */
    @media (max-width: 640px) {
        .manul-solution__text {
            max-width: none;
        }

        .manul-solution__text-line {
            display: inline;
            white-space: normal;
        }

        .manul-solution__text-line + .manul-solution__text-line {
            margin-top: 0;
        }

        .manul-solution__text-line:not(:last-child)::after {
            content: " ";
        }
    }
    /* =========================
    BLOCK 3 / SOLUTION — LAPTOP TITLE FIX
    ========================= */

    .manul-solution__title-line {
        display: block;
    }

    .manul-solution__text-line {
        display: block;
    }

    .manul-solution__text-line + .manul-solution__text-line {
        margin-top: 0.1042vw;
    }

    /* laptop + desktop */
    @media (min-width: 1025px) {
        .manul-solution__content {
            max-width: 44.7917vw;
        }

        .manul-solution__title {
            max-width: 44.7917vw;
            margin: 1.25vw 0 1.25vw;
        }

        .manul-solution__title-line {
            white-space: nowrap;
        }

        .manul-solution__text {
            max-width: 32.2917vw;
        }

        .manul-solution__text-line {
            white-space: nowrap;
        }
    }

    /* точнее под ноутбуки типа MacBook Air / Pro */
    @media (min-width: 1025px) and (max-width: 1599px) {
        .manul-solution__content {
            max-width: 51.2821vw;
        }

        .manul-solution__title {
            max-width: 51.2821vw;
            font-size: 4.0025vw;
            line-height: 0.98;
        }

        .manul-solution__text {
            max-width: 37.5235vw;
            font-size: 1.5009vw;
            line-height: 1.18;
        }
    }

    /* широкоформат */
    @media (min-width: 1600px) {
        .manul-solution__content {
            max-width: 46.875vw;
        }

        .manul-solution__title {
            max-width: 46.875vw;
        }

        .manul-solution__text {
            max-width: 33.3333vw;
        }
    }

    /* tablet — разрешаем адаптивный перенос, чтобы не лезло на картинку */
    @media (min-width: 641px) and (max-width: 1024px) {
        .manul-solution__title-line,
        .manul-solution__text-line {
            white-space: normal;
        }
    }

    /* mobile — возвращаем естественное поведение */
    @media (max-width: 640px) {
        .manul-solution__title-line,
        .manul-solution__text-line {
            display: inline;
            white-space: normal;
        }

        .manul-solution__title-line + .manul-solution__title-line::before {
            content: " ";
        }

        .manul-solution__text-line + .manul-solution__text-line::before {
            content: " ";
        }

        .manul-solution__text-line + .manul-solution__text-line {
            margin-top: 0;
        }
        
        /* =========================
    TIMELINE / STEP NUMBERS POLISH
    ========================= */

    .manul-timeline .manul-products__step-number {
        padding: 0;
        text-align: center;
    }

    @media (max-width: 1365px) {
        .manul-timeline .manul-products__step-top {
            gap: 1.0256vw;
        }

        .manul-timeline .manul-products__step-number {
            width: 2.6374vw;
            height: 2.6374vw;
            flex: 0 0 2.6374vw;
        }
    }

    @media (max-width: 1024px) {
        .manul-timeline .manul-products__step-number {
            width: 3.9062vw;
            height: 3.9062vw;
            flex: 0 0 3.9062vw;
        }
    }

    @media (max-width: 640px) {
        .manul-timeline .manul-products__step-top {
            gap: 1.875vw;
        }

        .manul-timeline .manul-products__step-number {
            width: 5.625vw;
            height: 5.625vw;
            flex: 0 0 5.625vw;
            border-radius: 1.25vw;
            font-size: 1.875vw;
        }
    }
    }

    /* =========================================================
    BLOCK 10 — SCENARIOS
    ========================================================= */

    .manul-scenarios {
        padding: 8.3333vw 9.375vw;
        background: #dfe0df;
    }

    .manul-scenarios__container {
        width: 100%;
        max-width: none;
        margin: 0;
    }

    .manul-scenarios__title {
        margin: 0 0 2.3958vw;
        color: #202524;
        font-family: "Geologica", sans-serif;
        font-weight: 300;
        font-size: 3.3333vw;
        line-height: 0.95;
        letter-spacing: -0.03em;
    }

    .manul-scenarios__grid {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0.8333vw;
    }

    .manul-scenario-card {
        position: relative;
        min-height: 27.0833vw;
        border-radius: 0.625vw;
        overflow: hidden;
        isolation: isolate;
    }

    .manul-scenario-card__bg {
        position: absolute;
        inset: 0;
        z-index: 1;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
        transition: transform 0.5s ease;
    }

    .manul-scenario-card--home .manul-scenario-card__bg {
        background-image:
            linear-gradient(rgba(241, 237, 231, 0.18), rgba(241, 237, 231, 0.18)),
            url("https://xn--80awbf4a.xn--p1ai/wp-content/uploads/2026/04/блок-10-фон-картоки-для-дома.png");
    }

    .manul-scenario-card--business .manul-scenario-card__bg {
        background-image:
            linear-gradient(rgba(70, 85, 81, 0.18), rgba(70, 85, 81, 0.08)),
            url("https://xn--80awbf4a.xn--p1ai/wp-content/uploads/2026/04/блок-10-фон-картоки-для-бизнеса.png");
    }

    .manul-scenario-card__content {
        position: relative;
        z-index: 2;
        padding: 0.8333vw 0.8333vw 1.1458vw;
        max-width: 18.75vw;
    }

    .manul-scenario-card__badge {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-width: 4.1146vw;
        height: 1.7708vw;
        padding: 0 0.7292vw;
        margin-bottom: 1.7708vw;
        border-radius: 0.5208vw;
        background: rgba(250, 250, 250, 0.92);
        color: #8b8b8b;
        font-family: "Geologica", sans-serif;
        font-weight: 300;
        font-size: 0.625vw;
        line-height: 1;
        letter-spacing: 0.02em;
    }

    .manul-scenario-card__title {
        margin: 0 0 0.7292vw;
        font-family: "Geologica", sans-serif;
        font-weight: 300;
        font-size: 1.6667vw;
        line-height: 1.02;
        letter-spacing: -0.02em;
    }

    .manul-scenario-card__text {
        margin: 0;
        font-family: "Geologica", sans-serif;
        font-weight: 300;
        font-size: 1.25vw;
        line-height: 1.15;
        letter-spacing: -0.015em;
    }

    .manul-scenario-card--home .manul-scenario-card__title,
    .manul-scenario-card--home .manul-scenario-card__text {
        color: #202524;
    }

    .manul-scenario-card--business .manul-scenario-card__title,
    .manul-scenario-card--business .manul-scenario-card__text {
        color: #fafafa;
    }

    .manul-scenario-card__action {
        position: absolute;
        right: 0;
        bottom: 0;
        z-index: 3;
        min-width: 6.875vw;
        height: 6.25vw;
        padding: 1.25vw;
        border-radius: 0.625vw;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: flex-start;
        text-decoration: none;
        transition: transform 0.25s ease, filter 0.25s ease;
    }

    .manul-scenario-card__action--home {
        background: #c0ea6c;
    }

    .manul-scenario-card__action--business {
        background: #465551;
    }

    .manul-scenario-card__icon {
        width: 1.0417vw;
        height: 1.0417vw;
        object-fit: contain;
        display: block;
        flex: 0 0 1.0417vw;
    }

    .manul-scenario-card__action span {
        display: block;
        width: 100%;
        font-family: "Geologica", sans-serif;
        font-weight: 400;
        font-size: 0.7292vw;
        line-height: 1.22;
        letter-spacing: 0;
        text-transform: uppercase;
        text-decoration: underline;
        text-decoration-thickness: 0.0521vw;
        text-underline-offset: 0.1562vw;
    }

    .manul-scenario-card__action--home span {
        color: #202524;
        max-width: 3.8542vw;
    }

    .manul-scenario-card__action--business span {
        color: #fafafa;
        white-space: nowrap;
        width: auto;
        max-width: none;
    }

    @media (hover: hover) and (pointer: fine) {
        .manul-scenario-card:hover .manul-scenario-card__bg {
            transform: scale(1.02);
        }

        .manul-scenario-card:hover .manul-scenario-card__action {
            transform: translate(-0.1562vw, -0.1562vw);
        }
    }

    @media (max-width: 1599px) {
        .manul-scenarios {
            padding: 10.0063vw 11.257vw;
        }

        .manul-scenarios__container {
            max-width: none;
        }

        .manul-scenarios__title {
            font-size: 3.6273vw;
        }

        .manul-scenario-card {
            min-height: 27.5172vw;
        }

        .manul-scenario-card__content {
            max-width: 20.0125vw;
        }

        .manul-scenario-card__text {
            font-size: 1.2508vw;
        }
    }

    @media (max-width: 1366px) {
        .manul-scenarios {
            padding: 11.713vw 13.1772vw;
        }

        .manul-scenarios__container {
            max-width: none;
        }

        .manul-scenarios__title {
            margin-bottom: 2.489vw;
            font-size: 3.9531vw;
        }

        .manul-scenarios__grid {
            gap: 1.1713vw;
        }

        .manul-scenario-card {
            min-height: 27.8184vw;
        }

        .manul-scenario-card__content {
            max-width: 20.8638vw;
        }

        .manul-scenario-card__badge {
            margin-bottom: 1.757vw;
        }

        .manul-scenario-card__title {
            margin-bottom: 0.5857vw;
            font-size: 1.6105vw;
            line-height: 1.05;
        }

        .manul-scenario-card__text {
            font-size: 1.0249vw;
            line-height: 1.18;
        }

        .manul-scenario-card__action {
        min-width: 9.6633vw;
        height: 8.7848vw;
        padding: 1.757vw;
        border-radius: 0.8785vw;
    }

    .manul-scenario-card__action--business {
        min-width: 10.6881vw;
        padding-right: 2.0498vw;
        border-radius: 0.8785vw;
    }

        .manul-scenario-card__action span {
            font-size: 1.0249vw;
            line-height: 1.2;
        }
    }

    @media (max-width: 991px) {
        .manul-scenarios {
            padding: 7.2654vw 1.6145vw 8.8799vw;
        }

        .manul-scenarios__container {
            max-width: none;
        }

        .manul-scenarios__title {
            margin-bottom: 2.8254vw;
            font-size: 3.2291vw;
            line-height: 0.98;
        }

        .manul-scenarios__grid {
            grid-template-columns: 1fr;
            gap: 2.0182vw;
        }

        .manul-scenario-card {
            min-height: 35.3179vw;
            border-radius: 1.2109vw;
        }

        .manul-scenario-card__content {
            padding: 1.4127vw 1.6145vw 1.6145vw;
            max-width: 28.2543vw;
        }

        .manul-scenario-card__badge {
            min-width: 7.669vw;
            height: 3.33vw;
            margin-bottom: 2.4218vw;
            font-size: 1.11vw;
        }

        .manul-scenario-card__title {
            margin-bottom: 1.4127vw;
            font-size: 2.8254vw;
            line-height: 1;
        }

        .manul-scenario-card__text {
            font-size: 1.6145vw;
            line-height: 1.2;
        }

        .manul-scenario-card__action {
            min-width: 10.999vw;
            height: 10.999vw;
            padding: 1.4127vw 1.2109vw 1.2109vw;
            border-radius: 1.2109vw;
        }

        .manul-scenario-card__icon {
            width: 0.8073vw;
            height: 0.8073vw;
            flex: 0 0 0.8073vw;
        }

        .manul-scenario-card__action span {
            font-size: 1.0091vw;
            line-height: 1.05;
        }
    }

    @media (max-width: 767px) {
        .manul-scenarios {
            padding: 7.5619vw 2.086vw 9.9087vw;
        }

        .manul-scenarios__title {
            margin-bottom: 3.1291vw;
            font-size: 4.0417vw;
        }

        .manul-scenario-card {
            min-height: 45.6323vw;
        }
         .manul-slider__arrow {
        width: 24px;
        height: 24px;
        border: 0;
        background: transparent;
        color: var(--manul-muted);
        font-size: 16.001px;
        line-height: 1;
        cursor: pointer;
        padding: 0;
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }

    .manul-slider__pagination {
        display: flex;
        align-items: center;
        gap: 14.001px;
    }

    .manul-slider__dot {
    border-radius: 2px;
width: 7px;
height: 7px;
        border: 0;
        background: rgba(250, 250, 250, 0.95);
        cursor: pointer;
        transition: all 0.35s ease;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        color: transparent;
        padding: 0;
        overflow: hidden;
    }

    .manul-slider__dot.is-active {
   border-radius: 6px;
width: 24px;
height: 24px;
font-size: 8px;

        color: var(--manul-muted);
        background: #fafafa;
    }
    }

    /* =========================
    DRUM — SCROLL SCENE
    ========================= */

    @media (min-width: 1025px) {
        .manul-drum__inner {
            position: sticky;
            top: var(--manul-admin-offset);
            min-height: calc(100vh - var(--manul-admin-offset));
            height: calc(100vh - var(--manul-admin-offset));
        }

        .manul-drum__viewport {
            cursor: default;
        }
    }

    /* =========================
    DRUM — DESKTOP SCROLL SCENE FIX
    ========================= */

    @media (min-width: 1025px) {
        .manul-drum {
            overflow: visible;
        }

        .manul-drum__inner {
            position: sticky;
            top: var(--manul-admin-offset);
            min-height: calc(100vh - var(--manul-admin-offset));
            height: calc(100vh - var(--manul-admin-offset));
        }

        .manul-drum__viewport {
            cursor: default;
        }
    }

    /* =========================
    SCENARIOS — TYPOGRAPHY FINAL
    ========================= */

    .manul-scenarios__title {
        font-weight: 400;
        font-size: 3.3333vw;
        line-height: 1.02;
        letter-spacing: -0.02em;
    }

    .manul-scenario-card__title {
        font-family: "Geologica", sans-serif;
        font-weight: 400;
        font-size: 2.0833vw;
        line-height: 1.02;
        letter-spacing: -0.02em;
    }

    .manul-scenario-card__text {
        font-family: "Geologica", sans-serif;
        font-weight: 200;
        font-size: 1.25vw;
        line-height: 1.15;
        letter-spacing: -0.015em;
    }

    /* wide / desktop */
    @media (max-width: 1599px) {
        .manul-scenarios__title {
            font-weight: 400;
            font-size: 4.0025vw;
        }

        .manul-scenario-card__title {
            font-weight: 400;
            font-size: 2.5016vw;
            line-height: 1.02;
        }

        .manul-scenario-card__text {
            font-weight: 200;
            font-size: 1.5009vw;
            line-height: 1.15;
        }
    }

    /* laptop */
    @media (max-width: 1366px) {
        .manul-scenarios__title {
            font-weight: 400;
            font-size: 4.6852vw;
            line-height: 1.02;
        }

        .manul-scenario-card__title {
            font-weight: 400;
            font-size: 2.9283vw;
            line-height: 1.02;
        }

        .manul-scenario-card__text {
            font-weight: 200;
            font-size: 1.757vw;
            line-height: 1.15;
        }
    }