/* Start:/local/templates/mart_new/css/custom.css?177584300254470*/
#container {
    overflow: clip;
}

.projects-top__title.animation-slide-down.duration-1.animation-delay-05,
.projects-top__sub-title.animation-slide-down.duration-1.animation-delay-05{
   opacity: 1!important;
    transform: matrix(1, 0, 0, 1, 0, 0) !important
}

.feedback-form input[type=text] {
    color: var(--dark, #140E0A) !important;

    /* desktop/text lg */
    font-family: Circe;
    font-size: 2rem;
    font-style: normal;
    font-weight: 400;
    line-height: 128%; /* 25.6px */
}

.animation-button-height.form_new_mob {
    display: none;
}

.premium .premium__video {
    height: 550px;
}

.input-text.phone_mask {
    padding-top: 1.6rem;
}

.animation-slide-down__container {

    overflow: visible!important;
}

input::placeholder,
textarea::placeholder {
    color: var(--dark, #140E0A) !important;
    opacity: 1; /* для Firefox */
}


.feedback__img img {
    width: 100rem;
    height: -webkit-fill-available;
}

.pg-active .feedback__img-animation {
    height: -webkit-fill-available;
    transition: 1s 0.5s;
}

.feedback__img {
    width: -webkit-fill-available;
    height: -webkit-fill-available;
    order: 1;
}

.feedback__middle .feedback__left_blog{
    width: -webkit-fill-available;
    order: 2;
}


.feedback__middle {
    gap: 4rem;
}



@media (min-width: 1800px) {
    .slide-up {color: var(--white, #FFFEF8);

        font-family: Forum;
        font-size: 55px;
        font-style: normal;
        font-weight: 400;
        line-height: 100%; /* 55px */
        letter-spacing: 2.2px;
        text-transform: uppercase;}

    #container .main-view__footer-right {
        color: var(--white, #FFFEF8);
        max-width: 585px;
        font-family: Circe;
        font-size: 2rem;
        font-style: normal;
        font-weight: 400;
        line-height: 128%; /* 25.6px */
    }
    #container .main-view__footer-left {
        color: var(--white, #FFFEF8);

        /* circe 22 4% 142% */
        font-family: Circe;
        font-size: 2.2rem;
        font-style: normal;
        font-weight: 400;
        line-height: 142%; /* 31.24px */
        letter-spacing: 0.88px;
        text-transform: uppercase;
    }

    .section-container.main-view__container .main-view__button-anchor {
        right: 9.5rem!important;
        bottom: -11rem;
        height: 38rem;
        left: auto;
    }

    .main-view__footer {
        max-width: 900px;
        width: 100%;
        justify-content: space-between;
    }

    /* По умолчанию высота 0 */
    .animation-button-height {
        height: 0;
        opacity: 1;
        /* Убираем анимацию из CSS, будем включать её через JS */
    }
    .animation-button-height {
        width: 41rem;
    }

    /* Анимация запускается только когда есть класс .loaded */
    .animation-button-height.loaded {
        animation: growButton 2s ease-in-out forwards;
    }

    @keyframes growButton {
        0% {
            height: 0;
            opacity: 1;
        }
        100% {
            height: 37.5rem;
            opacity: 1;
        }
    }
    .main-view__gray-line {
        position: absolute;
        width: 0%;
        top: 30.1rem;
        left: 0;
        height: 0.1rem;
        background-color: rgba(255, 254, 248, 0.3);
        transition: 0.2s 0s linear;
    }

    /* Стили для состояния после загрузки */
    .main-view__gray-line.loaded {
        width: 100%;
        animation: drawLine 2s ease-in-out forwards;
    }

    /* Анимация появления линии слева направо */
    @keyframes drawLine {
        0% {
            width: 0%;
            opacity: 0.3;
        }
        100% {
            width: 100%;
            opacity: 1;
        }
    }

    /* Твой старый код для pg-active (если нужен) */
    .pg-active .main-view__gray-line {
        width: 100%;
        transition: width 1s 2s ease-in-out;
    }
    .pg-active .main-view__button-text {
        height: 4rem;
        transition: 1s 1.2s ease-in-out;
    }

    .main-view__button-text {
        position: relative;
        overflow: hidden;
        height: 0;
        transition: 0.3s 0s;
    }
    .round-button {
        margin-top: 0;
        margin-left: 0;
        width: 36.9rem;
        height: 36.9rem;
        border-radius: 50%;
        border: 0.1rem solid rgba(255, 254, 248, 0.4);
        transition: 0.2s linear;
        cursor: pointer;
    }
    .main-view__content {
        padding-top: 16rem;
        padding-left: 20rem;
        width: 113.4rem;
        height: 29.111111vh;
        min-height: 9rem;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
    .section-container.main-view__container {
        position: absolute;
        bottom: 140px;
        width: -webkit-fill-available;
    }

    .project-item {
        position: relative;
    }

    section {
        position: relative!important;
        overflow-y: visible!important;
        overflow-x: visible!important;
        width: 100vw;
        height: auto!important;
    }

    section.main-view {

        height: 100vh!important;
    }
    .projects-swiper-slide__title {
        color: var(--white, #FFFEF8);
        padding-bottom: 24px;
        /* desktop/h1 forum 2% */
        font-family: Forum;
        font-size: 5rem;
        font-style: normal;
        font-weight: 400;
        line-height: 100%; /* 5rem */
        letter-spacing: 2.88px;
        text-transform: uppercase;
        margin-left: 29.5rem;
    }




    /*.pg-active.animation-state-1 .projects__gray-line {*/

    /*    bottom: 58%!important;*/

    /*}*/

    .projects.pg-active.animation-state-1 .projects-top {
        height: 40.6rem;
        transition: 0.5s;
    }

    .premium__video video {
        z-index: 99;
    }

    .premium .premium__video {
        height: 900px!important;
    }

    .premium__video {
        display: block!important;
        position: relative;
    }

    .premium__top {

        height: 40.4rem;
    }

    /* Состояние по умолчанию для всех анимируемых элементов внутри projects-top */
    .projects-top .animation-slide-down,
    .projects-top .animation-slide-up,

    .projects-top .primary-button__circle-animation,
    .projects-top .primary-button__arrow {
        opacity: 0;
        transform: translateY(-100px);

    }

    /* При появлении блока */
    .projects-top.visible .animation-slide-down,
    .projects-top.visible .animation-slide-up,

    .projects-top.visible .primary-button__circle-animation,
    .projects-top.visible .primary-button__arrow {
        opacity: 1;
        transform: translateY(0);
    }

    .primary-button__text-animation.thirty-block {
        background: #000;
        background: linear-gradient(90deg, rgb(255, 255, 255) 67%, rgb(0, 0, 0) 67%);
        background-size: 150% 100%;
        background-position: 0% 0;
        transition: 0.3s linear;
        background-clip: text;
        color: white;
        fill: rgba(0, 0, 0, 0);
    }

    .primary-button__circle {
        background-color: transparent;
    }

    .primary-button.primary-button-th {
        left: 29.5rem;
        bottom: -16.5rem;
        position: absolute;
    }

    .primary-button.primary-button-th .primary-button__circle {
        border-color: #FFFEF84D;
    }

    .primary-button__arrow .icon-arrow-right.primary-button__text-animation_second path {
        stroke: #FFFFFF!important;
    }
    /* Базовые стили линии (без анимации) */
    .projects__gray-line {
        width: 0;
        height: 0.1rem;
        position: absolute;
        left: 0;
        background-color: rgba(255, 254, 248, 0.3);
        bottom: 28.5555555556vh;
        z-index: 99;
        transition: 0.3s;
    }

    /* Стили для состояния после загрузки */
    .projects__gray-line.loaded {
        width: 100%;
        animation: drawProjectLine 2s ease-in-out forwards;
    }

    /* Анимация появления линии слева направо */
    @keyframes drawProjectLine {
        0% {
            width: 0%;
            opacity: 0.3;
        }
        100% {
            width: 100%;
            opacity: 1;
        }
    }

    /* Твой старый код для pg-active (оставляем) */
    .pg-active.animation-state-1 .projects__gray-line {
        width: 100%;
        bottom: 42vh;
        transition: width 1s 1s, bottom 1s;
    }

    .test-slide__content_new .piter__title-animation-wrap.piter__title-animation-wrap-new {
        color: var(--dark, #140E0A);
        height:auto;
        /* desktop/h1 */
        font-family: Forum;
        font-size: 5rem;
        font-style: normal;
        font-weight: 400;
        line-height: 100%; /* 5rem */
        letter-spacing: 2.88px;
        text-transform: uppercase;
    }

    .test-slide__content_new .piter__title,
    .test-slide__content_new .piter__title-animation{
        height: auto!important;
    }

    .test-slide__content_new .animation-slide-up.duration-1.animation-delay-05 {
        color: var(--dark, #140E0A);

        /* desktop/subtitle */
        font-family: Circe;
        font-size: 2.2rem;
        font-style: normal;
        font-weight: 400;
        line-height: 142%; /* 31.24px */
        letter-spacing: 0.88px;
        text-transform: uppercase;
    }
    .test-slide__content_new .piter__title {
        font-size: 5rem;
        font-family: Forum, serif;
        line-height: 1;
        text-transform: uppercase;
        letter-spacing: 0.04em;
        margin-bottom: 3rem;
        height: 20rem;
        display: flex;
        align-items: center;

        /* Добавляем обязательно для корректного позиционирования after */
        position: relative;
    }

    .test-slide__content_new .piter__title::before {
        content: ""; /* Обязательно для отображения псевдоэлемента */
        position: absolute;
        left: 0;
        bottom: -3rem; /* Линия будет прижата к нижнему краю родителя */
        height: 1px;
        width: 100% !important;
        background-color: rgba(20, 14, 10, 0.16);
    }

    .test-slide__content_new .animation-slide-up.duration-1.animation-delay-055,
    .test-slide__content_new .animation-slide-up.duration-1.animation-delay-056{
        color: var(--dark, #140E0A);
        text-transform: math-auto;
        /* desktop/text lg */
        font-family: Circe;
        font-size: 2rem;
        font-style: normal;
        font-weight: 400;
        line-height: 128%; /* 25.6px */
    }

    .test-slide__content_new .piter__left.piter__left-first {
        height: -webkit-fill-available;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .test-slide__content_new .piter__left-text-first {
        padding-top: 60px;
    }

    .test-slide__content_new .piter__gray-line {
        top: 8.5rem;
    }

    .test-slide__content_new .piter__button-anchor.black-button.mid-size {
        top: -13rem;
    }

    .piter .piter__scroll {
        height: 100%;
    }


    .test-slide__content_new .piter__scroll {
        padding-top: 0!important;
        height: 0 !important;
        min-height: max-content!important;
    }

    .animation-state-0_new {
        padding-top: 250px;
    }

    .test-slide__content_new .piter__scroll {
        height:0!important;
    }

    .animation-slide-up.duration-1.animation-delay-056 {
        padding-bottom:5rem ;
    }
    .test-slide__content_new .piter__right {
        position: relative;
        bottom: 3rem;
    }

    /* Переопределяем анимацию для текстов, которые должны появляться на месте */
    .test-slide__content_new .piter__left-text-first .animation-slide-up,
    .test-slide__content_new .piter__left-text:last-child .animation-slide-up,
    .test-slide__content_new .piter__right-text .animation-slide-up {
        opacity: 0 !important;
        transform: translateY(0) !important; /* Убираем подъем */
        transition: opacity 1s ease !important;
    }

    /* Активация первого текста (с задержкой 0.1 для плавности) */
    .test-slide__content_new .piter__left-text-first .animation-slide-up.animation-active {
        opacity: 1 !important;
        transition: opacity 1s ease 0.1s !important;
    }

    /* Активация второго текста и правого текста (с задержкой 0.3 = 0.1 + 0.2) */
    .test-slide__content_new .piter__left-text:last-child .animation-slide-up.animation-active,
    .test-slide__content_new .piter__right-text .animation-slide-up.animation-active {
        opacity: 1 !important;
        transition: opacity 1s ease 0.3s !important;
    }

    /* Для заголовка и картинки оставляем появление сверху */
    .test-slide__content_new .piter__title-animation-wrap-new,
    .test-slide__content_new .piter__middle-animation img {
        opacity: 1 !important;
        transform: translateY(0px) !important;
        transition: opacity 1s ease, transform 1s ease !important;
        width: -webkit-fill-available;
    }

    .piter__middle {
        height: -webkit-fill-available;
    }

    .pg-active .piter__middle-animation {
        height: -webkit-fill-available;
    }

    .result__right .result-slider-wrapper {

        padding-top: 0px;
    }

    .test-slide__content_new .piter__title-animation-wrap-new.animation-active,
    .test-slide__content_new .piter__middle-animation img.animation-active {
        opacity: 1 !important;
        transform: translateY(0) !important;
    }

    /* Для серой линии */
    .test-slide__content_new .piter__gray-line {
        width: 0 !important;
        opacity: 1 !important;
        transition: width 1.5s cubic-bezier(0.4, 0, 0.2, 1) !important; /* Более плавная и медленная анимация */
    }

    .test-slide__content_new .piter__gray-line.animation-active {
        width: 100% !important;
    }
    /* Скрываем кнопку-якорь (круглую кнопку) до начала анимации */
    .test-slide__content_new .piter__button-anchor.black-button.mid-size {
        opacity: 0 !important;
        transition: opacity 0.5s ease !important;
    }

    /* Показываем кнопку-якорь после всех анимаций */
    .test-slide__content_new .piter__button-anchor.black-button.mid-size.animation-active {
        opacity: 1 !important;
        transition: opacity 0.5s ease 0.5s !important; /* Появляется после линии */
    }

    .animation-slide-up.duration-1.animation-slide-up.duration-1_new {
        color: var(--dark, #140E0A);
        font-family: Forum;
        font-size: 5rem;
        font-style: normal;
        font-weight: 400;
        line-height: 100%;
        letter-spacing: 2.88px;
        text-transform: uppercase;
    }

    .animation-slide-up.duration-1.animation-delay-03 {
        color: var(--dark, #140E0A);

        /* desktop/subtitle circe 4% */
        font-family: Circe;
        font-size: 2.2rem;
        font-style: normal;
        font-weight: 400;
        line-height: 142%; /* 31.24px */
        letter-spacing: 0.88px;
        text-transform: uppercase;
        max-width: 385px;
    }

    .services-desc__text-wrapper {
        color: var(--dark, #140E0A);

        /* desktop/text circe 0% */
        font-family: Circe;
        font-size: 2rem;
        font-style: normal;
        font-weight: 400;
        line-height: 128%; /* 25.6px */
    }

    /* Начальное состояние - всё скрыто */
    .services-desc__title .animation-slide-up,
    .services-desc__top-right .animation-slide-up,
    .services-desc__img-animation img,
    .services-desc__text .animation-slide-down,
    .services-desc__button-anchor {
        opacity: 0;
        transition: opacity 0.8s ease, transform 0.8s ease;
    }

    /* Заголовок и подзаголовок - появление на месте */
    .services-desc__title .animation-slide-up,
    .services-desc__top-right .animation-slide-up {
        transform: translateY(0);
    }

    /* Фото - появление сверху */
    .services-desc__img-animation img {
        transform: translateY(-30px);
    }

    /* Текст - появление на месте */
    .services-desc__text .animation-slide-down {
        transform: translateY(0);
    }

    /* Кнопка */
    .services-desc__button-anchor {
        transform: translateY(0);
    }

    /* Активное состояние */
    .services-desc__title .animation-slide-up.animation-active,
    .services-desc__top-right .animation-slide-up.animation-active {
        opacity: 1;
    }

    .services-desc__img-animation img.animation-active {
        opacity: 1;
        transform: translateY(0);
    }

    .services-desc__text .animation-slide-down.animation-active {
        opacity: 1;
    }

    .services-desc__button-anchor.animation-active {
        opacity: 1;
    }

    /* Задержки для фото (появляются одновременно) */
    .services-desc__img-animation img.animation-active {
        transition-delay: 0.3s; /* После заголовка */
    }

    /* Задержки для текста (после фото) */
    .services-desc__text .animation-slide-down.animation-active {
        transition-delay: 0.6s; /* После фото */
    }

    /* Кнопка появляется одновременно с фото */
    .services-desc__button-anchor.animation-active {
        transition-delay: 0.3s; /* Одновременно с фото */
    }

    .animation-slide-down.animation-delay-05_new {
        color: var(--dark, #140E0A);

        /* desktop/subtitle circe 4% */
        font-family: Circe;
        font-size: 2.2rem;
        font-style: normal;
        font-weight: 400;
        line-height: 142%; /* 31.24px */
        letter-spacing: 0.88px;
        text-transform: uppercase;
    }

    .animation-slide-down_new-second {
        color: var(--dark, #140E0A);

        /* desktop/text circe 0% */
        font-family: Circe;
        font-size: 2rem;
        font-style: normal;
        font-weight: 400;
        line-height: 128%; /* 25.6px */
    }

    .premium__top {
        background-color: #FFFEF8;
        position: relative!important;
    }

    .swiper-slide.premium-block.animation-state-1.video-playing #play-video {
        display: none;
    }

    /* Начальное состояние - только текстовые элементы скрыты */
    .premium__title .animation-slide-up,
    .premium__top-sub-title .animation-slide-down,
    .premium__top-text .animation-slide-down {
        opacity: 0 !important;
        transform: translateY(0) !important;
        transition: opacity 0.8s ease !important;
    }

    /* Активное состояние */
    .premium__title .animation-slide-up.animation-active,
    .premium__top-sub-title .animation-slide-down.animation-active,
    .premium__top-text .animation-slide-down.animation-active {
        opacity: 1 !important;
    }

    /* Индивидуальные задержки */
    .premium__title .animation-slide-up.animation-active {
        transition-delay: 0s;
    }

    .premium__top-sub-title .animation-slide-down.animation-active {
        transition-delay: 0.2s;
    }

    .premium__top-text .animation-slide-down.animation-active {
        transition-delay: 0.4s;
    }

    .location_new .piter__title-animation-wrap {
        color: var(--dark, #140E0A);

        /* desktop/h1 forum 2% */
        font-family: Forum;
        font-size: 5rem;
        font-style: normal;
        font-weight: 400;
        line-height: 100%; /* 5rem */
        letter-spacing: 2.88px;
        text-transform: uppercase;
    }


    .location_new .animation-slide-up.duration-1.animation-delay-05 {
        color: var(--dark, #140E0A);

        /* desktop/subtitle circe 4% */
        font-family: Circe;
        font-size: 2.2rem;
        font-style: normal;
        font-weight: 400;
        line-height: 142%; /* 31.24px */
        letter-spacing: 0.88px;
        text-transform: uppercase;
    }


    .location_new .piter__right .animation-slide-up.duration-1.animation-delay-05 {
        color: var(--dark, #140E0A);

        /* desktop/text circe 0% */
        font-family: Circe;
        font-size: 2rem;
        font-style: normal;
        font-weight: 400;
        line-height: 128%; /* 25.6px */
    }

    .piter__right.piter__right_new {
        flex-direction: column;
        display: flex;
        height: -webkit-fill-available;
        justify-content: space-between;
    }

    /* Начальное состояние - только НЕ кнопки */
    .location_new .piter__title-animation-wrap-new,
    .location_new .piter__middle-animation img,
    .location_new .piter__gray-line,
    .location_new .piter__left-text-first .animation-slide-up,
    .location_new .piter__left-text:last-child .animation-slide-up,
    .location_new .piter__right-text .animation-slide-up {
        opacity: 0;
        transition: opacity 1s ease, transform 1s ease;
    }

    /* Разные transform для разных типов анимации */
    .location_new .piter__title-animation-wrap-new,
    .location_new .piter__middle-animation img {
        transform: translateY(-30px);
    }

    /* Состояние после активации анимации (кнопок НЕТ) */
    .location_new .piter__title-animation-wrap-new.animation-active,
    .location_new .piter__middle-animation img.animation-active,
    .location_new .piter__gray-line.animation-active,
    .location_new .piter__left-text-first .animation-slide-up.animation-active,
    .location_new .piter__left-text:last-child .animation-slide-up.animation-active,
    .location_new .piter__right-text .animation-slide-up.animation-active {
        opacity: 1;
        transform: translateY(0);
    }

    /* Серая линия */
    .location_new .piter__gray-line {
        width: 0;
        transition: width 0.8s ease;
    }

    .location_new .piter__gray-line.animation-active {
        width: 100%;
    }

    .block-results .animation-slide-up-result_1  {
        color: var(--dark, #140E0A);

        /* desktop/h1 forum 2% */
        font-family: Forum;
        font-size: 5rem;
        font-style: normal;
        font-weight: 400;
        line-height: 100%; /* 5rem */
        letter-spacing: 2.88px;
        text-transform: uppercase;
    }

    .block-results .animation-slide-up-result_2 {
        color: var(--dark, #140E0A);

        /* desktop/text circe 0% */
        font-family: Circe;
        font-size: 2rem;
        font-style: normal;
        font-weight: 400;
        line-height: 128%; /* 25.6px */
    }

    /* Начальное состояние */
    .result__left .animation-slide-up-result_1,
    .result__left .animation-slide-up-result_2 {
        opacity: 0 !important;
        transition: opacity 1s ease, transform 1s ease !important;
    }

    /* Заголовок - появление сверху */
    .result__left .animation-slide-up-result_1 {
        transform: translateY(-30px) !important;
    }

    /* Текст - появление на месте */
    .result__left .animation-slide-up-result_2 {
        transform: translateY(0) !important;
    }

    /* Активное состояние */
    .result__left .animation-slide-up-result_1.animation-active,
    .result__left .animation-slide-up-result_2.animation-active {
        opacity: 1 !important;
        transform: translateY(0) !important;
    }

    .feedback__title {
        color: var(--dark, #140E0A);

        /* desktop/h1 */
        font-family: Forum;
        font-size: 5rem;
        font-style: normal;
        font-weight: 400;
        line-height: 100%; /* 5rem */
        letter-spacing: 2.88px;
        text-transform: uppercase;
    }

    .feedback__title-desc {
        color: var(--dark, #140E0A);

        /* desktop/text lg */
        font-family: Circe;
        font-size: 2rem;
        font-style: normal;
        font-weight: 400;
        line-height: 128%; /* 25.6px */
    }

    .contact_form {
        padding-top: 150px;
        padding-bottom: 210px;
    }

    #contactForm {
        padding: 30px 40px 60px;
        border: 1px solid var(--dark-16, rgba(20, 14, 10, 0.16));
    }

    .services-section__top,
    .services-section__row,
    .piter__content
    {
        width: 172.8rem;
    }

    .piter__middle-animation-3323 {
        display: none;
    }

    .piter__middle-animation-3322 {
        display: block;
    }

    .piter__middle img {
        width: -webkit-fill-available !important; /* На всю ширину родителя */
        height: -webkit-fill-available !important; /* На всю ширину родителя */

    }

}
@media (min-width: 1400px) and (max-width: 1799px) {

    .services-section__top,
    .services-section__row
    {
        width: 172.2rem;

        position: relative;
    }

    .piter__middle {
        width: 70rem;
        height: auto!important; /* Убираем фиксированную высоту */
    }

    .piter__middle img {
        width: 100% !important; /* На всю ширину родителя */
        height: auto!important; /* Высота подстроится пропорционально */
        display: block; /* Убирает лишний отступ снизу */
    }

    .pg-active .piter__middle-animation {
        height: auto;
    }
    .piter__middle-animation-3323 {
            background-image: url(/local/templates/mart_new/desk/images/3323.png);
            background-size: contain;
            background-position: center;
            background-repeat: no-repeat;
            width: 100%;
            max-width: 70rem;
            height: 100%;
    }

    .piter__middle {
        width: 73rem;
        height: -webkit-fill-available!important;
    }

    .pg-active .piter__middle-animation {
        height: -webkit-fill-available;
    }

    .piter__middle-animation-3323 img {
        display: none; /* Прячем тег img */
    }

    .slide-up {color: var(--white, #FFFEF8);

        font-family: Forum;
        font-size: 55px;
        font-style: normal;
        font-weight: 400;
        line-height: 100%; /* 55px */
        letter-spacing: 2.2px;
        text-transform: uppercase;}

    #container .main-view__footer-right {
        color: var(--white, #FFFEF8);
        max-width: 585px;
        font-family: Circe;
        font-size: 2rem;
        font-style: normal;
        font-weight: 400;
        line-height: 128%; /* 25.6px */
    }
    #container .main-view__footer-left {
        color: var(--white, #FFFEF8);

        /* circe 22 4% 142% */
        font-family: Circe;
        font-size: 2.2rem;
        font-style: normal;
        font-weight: 400;
        line-height: 142%; /* 31.24px */
        letter-spacing: 0.88px;
        text-transform: uppercase;
    }

    .section-container.main-view__container .main-view__button-anchor {
        right: 9.5rem!important;
        bottom: -100px;
        height: 38rem;
        left: auto;
    }

    .main-view__footer {
        max-width: 900px;
        width: 100%;
        justify-content: space-between;
    }

    /* По умолчанию высота 0 */
    .animation-button-height {
        height: 0;
        opacity: 1;
        /* Убираем анимацию из CSS, будем включать её через JS */
    }
    .animation-button-height {
        width: 41rem;
    }

    /* Анимация запускается только когда есть класс .loaded */
    .animation-button-height.loaded {
        animation: growButton 2s ease-in-out forwards;
    }

    @keyframes growButton {
        0% {
            height: 0;
            opacity: 1;
        }
        100% {
            height: 37.5rem;
            opacity: 1;
        }
    }
    .main-view__gray-line {
        position: absolute;
        width: 0%;
        top: 30.1rem;
        left: 0;
        height: 0.1rem;
        background-color: rgba(255, 254, 248, 0.3);
        transition: 0.2s 0s linear;
    }

    /* Стили для состояния после загрузки */
    .main-view__gray-line.loaded {
        width: 100%;
        animation: drawLine 2s ease-in-out forwards;
    }

    /* Анимация появления линии слева направо */
    @keyframes drawLine {
        0% {
            width: 0%;
            opacity: 0.3;
        }
        100% {
            width: 100%;
            opacity: 1;
        }
    }

    /* Твой старый код для pg-active (если нужен) */
    .pg-active .main-view__gray-line {
        width: 100%;
        transition: width 1s 2s ease-in-out;
    }
    .pg-active .main-view__button-text {
        height: 4rem;
        transition: 1s 1.2s ease-in-out;
    }

    .main-view__button-text {
        position: relative;
        overflow: hidden;
        height: 0;
        transition: 0.3s 0s;
    }
    .round-button {
        margin-top: 0;
        margin-left: 0;
        width: 36.9rem;
        height: 36.9rem;
        border-radius: 50%;
        border: 0.1rem solid rgba(255, 254, 248, 0.4);
        transition: 0.2s linear;
        cursor: pointer;
    }
    .main-view__content {
        padding-top: 16rem;
        padding-left: 20rem;
        width: 113.4rem;
        height: 29.111111vh;
        min-height: 9rem;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
    .section-container.main-view__container {
        position: absolute;
        bottom: 140px;
        width: -webkit-fill-available;
    }

    .project-item {
        position: relative;
    }

    section {
        position: relative!important;
        overflow-y: visible!important;
        overflow-x: visible!important;
        width: 100vw;
        height: auto!important;
    }

    section.main-view {

        height: 100vh!important;
    }
    .projects-swiper-slide__title {
        color: var(--white, #FFFEF8);
        padding-bottom: 24px;
        /* desktop/h1 forum 2% */
        font-family: Forum;
        font-size: 5rem;
        font-style: normal;
        font-weight: 400;
        line-height: 100%; /* 5rem */
        letter-spacing: 2.88px;
        text-transform: uppercase;
        margin-left: 29.5rem;
    }




    /*.pg-active.animation-state-1 .projects__gray-line {*/

    /*    bottom: 58%!important;*/

    /*}*/

    .projects.pg-active.animation-state-1 .projects-top {
        height: 40.6rem;
        transition: 0.5s;
    }

    .premium__video video {
        z-index: 99;
    }

    .premium__video {
        display: block!important;
        position: relative;
    }

    .premium__top {

        height: 40.4rem;
    }

    /* Состояние по умолчанию для всех анимируемых элементов внутри projects-top */
    .projects-top .animation-slide-down,
    .projects-top .animation-slide-up,

    .projects-top .primary-button__circle-animation,
    .projects-top .primary-button__arrow {
        opacity: 0;
        transform: translateY(-100px);

    }

    /* При появлении блока */
    .projects-top.visible .animation-slide-down,
    .projects-top.visible .animation-slide-up,

    .projects-top.visible .primary-button__circle-animation,
    .projects-top.visible .primary-button__arrow {
        opacity: 1;
        transform: translateY(0);
    }

    .primary-button__text-animation.thirty-block {
        background: #000;
        background: linear-gradient(90deg, rgb(255, 255, 255) 67%, rgb(0, 0, 0) 67%);
        background-size: 150% 100%;
        background-position: 0% 0;
        transition: 0.3s linear;
        background-clip: text;
        color: white;
        fill: rgba(0, 0, 0, 0);
    }

    .primary-button__circle {
        background-color: transparent;
    }

    .primary-button.primary-button-th {
        left: 29.5rem;
        bottom: -16.5rem;
        position: absolute;
    }

    .primary-button.primary-button-th .primary-button__circle {
        border-color: #FFFEF84D;
    }

    .primary-button__arrow .icon-arrow-right.primary-button__text-animation_second path {
        stroke: #FFFFFF!important;
    }
    /* Базовые стили линии (без анимации) */
    .projects__gray-line {
        width: 0;
        height: 0.1rem;
        position: absolute;
        left: 0;
        background-color: rgba(255, 254, 248, 0.3);
        bottom: 28.5555555556vh;
        z-index: 99;
        transition: 0.3s;
    }

    /* Стили для состояния после загрузки */
    .projects__gray-line.loaded {
        width: 100%;
        animation: drawProjectLine 2s ease-in-out forwards;
    }

    /* Анимация появления линии слева направо */
    @keyframes drawProjectLine {
        0% {
            width: 0%;
            opacity: 0.3;
        }
        100% {
            width: 100%;
            opacity: 1;
        }
    }

    /* Твой старый код для pg-active (оставляем) */
    .pg-active.animation-state-1 .projects__gray-line {
        width: 100%;
        bottom: 42vh;
        transition: width 1s 1s, bottom 1s;
    }

    .test-slide__content_new .piter__title-animation-wrap.piter__title-animation-wrap-new {
        color: var(--dark, #140E0A);
        height:auto;
        /* desktop/h1 */
        font-family: Forum;
        font-size: 5rem;
        font-style: normal;
        font-weight: 400;
        line-height: 100%; /* 5rem */
        letter-spacing: 2.88px;
        text-transform: uppercase;
    }

    .test-slide__content_new .piter__title,
    .test-slide__content_new .piter__title-animation{
        height: auto!important;
    }
    .test-slide__content_new .piter__title {
        font-size: 5rem;
        font-family: Forum, serif;
        line-height: 1;
        text-transform: uppercase;
        letter-spacing: 0.04em;
        margin-bottom: 3rem;
        height: 20rem;
        display: flex;
        align-items: center;

        /* Добавляем обязательно для корректного позиционирования after */
        position: relative;
    }

    .test-slide__content_new .piter__title::before {
        content: ""; /* Обязательно для отображения псевдоэлемента */
        position: absolute;
        left: 0;
        bottom: -3rem; /* Линия будет прижата к нижнему краю родителя */
        height: 1px;
        width: 100% !important;
        background-color: rgba(20, 14, 10, 0.16);
    }

    .test-slide__content_new .animation-slide-up.duration-1.animation-delay-05 {
        color: var(--dark, #140E0A);

        /* desktop/subtitle */
        font-family: Circe;
        font-size: 2.2rem;
        font-style: normal;
        font-weight: 400;
        line-height: 142%; /* 31.24px */
        letter-spacing: 0.88px;
        text-transform: uppercase;
    }

    .test-slide__content_new .animation-slide-up.duration-1.animation-delay-055,
    .test-slide__content_new .animation-slide-up.duration-1.animation-delay-056{
        color: var(--dark, #140E0A);
        text-transform: math-auto;
        /* desktop/text lg */
        font-family: Circe;
        font-size: 2rem;
        font-style: normal;
        font-weight: 400;
        line-height: 128%; /* 25.6px */
    }

    .test-slide__content_new .piter__left.piter__left-first {
        height: -webkit-fill-available;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .test-slide__content_new .piter__left-text-first {
        padding-top: 60px;
    }

    .test-slide__content_new .piter__gray-line {
        top: 8.5rem;
    }

    .test-slide__content_new .piter__button-anchor.black-button.mid-size {
        top: -13rem;
    }

    .piter .piter__scroll {
        height: 100%;
    }


    .test-slide__content_new .piter__scroll {
        padding-top: 0!important;
        height: 0 !important;
        min-height: max-content!important;
    }

    .animation-state-0_new {
        padding-top: 25rem;
    }

    .piter__middle-animation-3323 {
        display: block;
    }

    .piter__middle-animation-3322 {
        display: none;
    }

    .test-slide__content_new .piter__scroll {
        height:0!important;
    }

    .animation-slide-up.duration-1.animation-delay-056 {
        padding-bottom:5rem ;
    }
    .test-slide__content_new .piter__right {
        position: relative;
        bottom: 3rem;
    }

    /* Переопределяем анимацию для текстов, которые должны появляться на месте */
    .test-slide__content_new .piter__left-text-first .animation-slide-up,
    .test-slide__content_new .piter__left-text:last-child .animation-slide-up,
    .test-slide__content_new .piter__right-text .animation-slide-up {
        opacity: 0 !important;
        transform: translateY(0) !important; /* Убираем подъем */
        transition: opacity 1s ease !important;
    }

    /* Активация первого текста (с задержкой 0.1 для плавности) */
    .test-slide__content_new .piter__left-text-first .animation-slide-up.animation-active {
        opacity: 1 !important;
        transition: opacity 1s ease 0.1s !important;
    }

    /* Активация второго текста и правого текста (с задержкой 0.3 = 0.1 + 0.2) */
    .test-slide__content_new .piter__left-text:last-child .animation-slide-up.animation-active,
    .test-slide__content_new .piter__right-text .animation-slide-up.animation-active {
        opacity: 1 !important;
        transition: opacity 1s ease 0.3s !important;
    }

    /* Для заголовка и картинки оставляем появление сверху */
    .test-slide__content_new .piter__title-animation-wrap-new,
    .test-slide__content_new .piter__middle-animation img {
        opacity: 0 !important;
        transform: translateY(-30px) !important;
        transition: opacity 1s ease, transform 1s ease !important;
    }

    .test-slide__content_new .piter__title-animation-wrap-new.animation-active,
    .test-slide__content_new .piter__middle-animation img.animation-active {
        opacity: 1 !important;
        transform: translateY(0) !important;
    }

    /* Для серой линии */
    .test-slide__content_new .piter__gray-line {
        width: 0 !important;
        opacity: 1 !important;
        transition: width 1.5s cubic-bezier(0.4, 0, 0.2, 1) !important; /* Более плавная и медленная анимация */
    }

    .test-slide__content_new .piter__gray-line.animation-active {
        width: 100% !important;
    }
    /* Скрываем кнопку-якорь (круглую кнопку) до начала анимации */
    .test-slide__content_new .piter__button-anchor.black-button.mid-size {
        opacity: 0 !important;
        transition: opacity 0.5s ease !important;
    }

    /* Показываем кнопку-якорь после всех анимаций */
    .test-slide__content_new .piter__button-anchor.black-button.mid-size.animation-active {
        opacity: 1 !important;
        transition: opacity 0.5s ease 0.5s !important; /* Появляется после линии */
    }

    .animation-slide-up.duration-1.animation-slide-up.duration-1_new {
        color: var(--dark, #140E0A);
        font-family: Forum;
        font-size: 5rem;
        font-style: normal;
        font-weight: 400;
        line-height: 100%;
        letter-spacing: 2.88px;
        text-transform: uppercase;
    }

    .animation-slide-up.duration-1.animation-delay-03 {
        color: var(--dark, #140E0A);

        /* desktop/subtitle circe 4% */
        font-family: Circe;
        font-size: 2.2rem;
        font-style: normal;
        font-weight: 400;
        line-height: 142%; /* 31.24px */
        letter-spacing: 0.88px;
        text-transform: uppercase;
        max-width: 385px;
    }

    .services-desc__text-wrapper {
        color: var(--dark, #140E0A);

        /* desktop/text circe 0% */
        font-family: Circe;
        font-size: 2rem;
        font-style: normal;
        font-weight: 400;
        line-height: 128%; /* 25.6px */
    }

    /* Начальное состояние - всё скрыто */
    .services-desc__title .animation-slide-up,
    .services-desc__top-right .animation-slide-up,
    .services-desc__img-animation img,
    .services-desc__text .animation-slide-down,
    .services-desc__button-anchor {
        opacity: 0;
        transition: opacity 0.8s ease, transform 0.8s ease;
    }

    /* Заголовок и подзаголовок - появление на месте */
    .services-desc__title .animation-slide-up,
    .services-desc__top-right .animation-slide-up {
        transform: translateY(0);
    }

    /* Фото - появление сверху */
    .services-desc__img-animation img {
        transform: translateY(-30px);
    }

    /* Текст - появление на месте */
    .services-desc__text .animation-slide-down {
        transform: translateY(0);
    }

    /* Кнопка */
    .services-desc__button-anchor {
        transform: translateY(0);
    }

    /* Активное состояние */
    .services-desc__title .animation-slide-up.animation-active,
    .services-desc__top-right .animation-slide-up.animation-active {
        opacity: 1;
    }

    .services-desc__img-animation img.animation-active {
        opacity: 1;
        transform: translateY(0);
    }

    .services-desc__text .animation-slide-down.animation-active {
        opacity: 1;
    }

    .services-desc__button-anchor.animation-active {
        opacity: 1;
    }

    /* Задержки для фото (появляются одновременно) */
    .services-desc__img-animation img.animation-active {
        transition-delay: 0.3s; /* После заголовка */
    }

    /* Задержки для текста (после фото) */
    .services-desc__text .animation-slide-down.animation-active {
        transition-delay: 0.6s; /* После фото */
    }

    /* Кнопка появляется одновременно с фото */
    .services-desc__button-anchor.animation-active {
        transition-delay: 0.3s; /* Одновременно с фото */
    }

    .animation-slide-down.animation-delay-05_new {
        color: var(--dark, #140E0A);

        /* desktop/subtitle circe 4% */
        font-family: Circe;
        font-size: 2.2rem;
        font-style: normal;
        font-weight: 400;
        line-height: 142%; /* 31.24px */
        letter-spacing: 0.88px;
        text-transform: uppercase;
    }

    .animation-slide-down_new-second {
        color: var(--dark, #140E0A);

        /* desktop/text circe 0% */
        font-family: Circe;
        font-size: 2rem;
        font-style: normal;
        font-weight: 400;
        line-height: 128%; /* 25.6px */
    }

    .premium__top {
        background-color: #FFFEF8;
        position: relative!important;
    }

    .swiper-slide.premium-block.animation-state-1.video-playing #play-video {
        display: none;
    }

    /* Начальное состояние - только текстовые элементы скрыты */
    .premium__title .animation-slide-up,
    .premium__top-sub-title .animation-slide-down,
    .premium__top-text .animation-slide-down {
        opacity: 0 !important;
        transform: translateY(0) !important;
        transition: opacity 0.8s ease !important;
    }

    /* Активное состояние */
    .premium__title .animation-slide-up.animation-active,
    .premium__top-sub-title .animation-slide-down.animation-active,
    .premium__top-text .animation-slide-down.animation-active {
        opacity: 1 !important;
    }

    /* Индивидуальные задержки */
    .premium__title .animation-slide-up.animation-active {
        transition-delay: 0s;
    }

    .premium__top-sub-title .animation-slide-down.animation-active {
        transition-delay: 0.2s;
    }

    .premium__top-text .animation-slide-down.animation-active {
        transition-delay: 0.4s;
    }

    .location_new .piter__title-animation-wrap {
        color: var(--dark, #140E0A);

        /* desktop/h1 forum 2% */
        font-family: Forum;
        font-size: 5rem;
        font-style: normal;
        font-weight: 400;
        line-height: 100%; /* 5rem */
        letter-spacing: 2.88px;
        text-transform: uppercase;
    }


    .location_new .animation-slide-up.duration-1.animation-delay-05 {
        color: var(--dark, #140E0A);

        /* desktop/subtitle circe 4% */
        font-family: Circe;
        font-size: 2.2rem;
        font-style: normal;
        font-weight: 400;
        line-height: 142%; /* 31.24px */
        letter-spacing: 0.88px;
        text-transform: uppercase;
    }


    .location_new .piter__right .animation-slide-up.duration-1.animation-delay-05 {
        color: var(--dark, #140E0A);

        /* desktop/text circe 0% */
        font-family: Circe;
        font-size: 2rem;
        font-style: normal;
        font-weight: 400;
        line-height: 128%; /* 25.6px */
    }

    .piter__right.piter__right_new {
        flex-direction: column;
        display: flex;
        height: -webkit-fill-available;
        justify-content: space-between;
    }

    /* Начальное состояние - только НЕ кнопки */
    .location_new .piter__title-animation-wrap-new,
    .location_new .piter__middle-animation img,
    .location_new .piter__gray-line,
    .location_new .piter__left-text-first .animation-slide-up,
    .location_new .piter__left-text:last-child .animation-slide-up,
    .location_new .piter__right-text .animation-slide-up {
        opacity: 0;
        transition: opacity 1s ease, transform 1s ease;
    }

    /* Разные transform для разных типов анимации */
    .location_new .piter__title-animation-wrap-new,
    .location_new .piter__middle-animation img {
        transform: translateY(-30px);
    }

    /* Состояние после активации анимации (кнопок НЕТ) */
    .location_new .piter__title-animation-wrap-new.animation-active,
    .location_new .piter__middle-animation img.animation-active,
    .location_new .piter__gray-line.animation-active,
    .location_new .piter__left-text-first .animation-slide-up.animation-active,
    .location_new .piter__left-text:last-child .animation-slide-up.animation-active,
    .location_new .piter__right-text .animation-slide-up.animation-active {
        opacity: 1;
        transform: translateY(0);
    }

    /* Серая линия */
    .location_new .piter__gray-line {
        width: 0;
        transition: width 0.8s ease;
    }

    .location_new .piter__gray-line.animation-active {
        width: 100%;
    }

    .block-results .animation-slide-up-result_1  {
        color: var(--dark, #140E0A);

        /* desktop/h1 forum 2% */
        font-family: Forum;
        font-size: 5rem;
        font-style: normal;
        font-weight: 400;
        line-height: 100%; /* 5rem */
        letter-spacing: 2.88px;
        text-transform: uppercase;
    }

    .block-results .animation-slide-up-result_2 {
        color: var(--dark, #140E0A);

        /* desktop/text circe 0% */
        font-family: Circe;
        font-size: 2rem;
        font-style: normal;
        font-weight: 400;
        line-height: 128%; /* 25.6px */
    }

    /* Начальное состояние */
    .result__left .animation-slide-up-result_1,
    .result__left .animation-slide-up-result_2 {
        opacity: 0 !important;
        transition: opacity 1s ease, transform 1s ease !important;
    }

    /* Заголовок - появление сверху */
    .result__left .animation-slide-up-result_1 {
        transform: translateY(-30px) !important;
    }

    /* Текст - появление на месте */
    .result__left .animation-slide-up-result_2 {
        transform: translateY(0) !important;
    }

    /* Активное состояние */
    .result__left .animation-slide-up-result_1.animation-active,
    .result__left .animation-slide-up-result_2.animation-active {
        opacity: 1 !important;
        transform: translateY(0) !important;
    }

    .feedback__title {
        color: var(--dark, #140E0A);

        /* desktop/h1 */
        font-family: Forum;
        font-size: 5rem;
        font-style: normal;
        font-weight: 400;
        line-height: 100%; /* 5rem */
        letter-spacing: 2.88px;
        text-transform: uppercase;
    }

    .feedback__title-desc {
        color: var(--dark, #140E0A);

        /* desktop/text lg */
        font-family: Circe;
        font-size: 2rem;
        font-style: normal;
        font-weight: 400;
        line-height: 128%; /* 25.6px */
    }

    .contact_form {
        padding-top: 150px;
        padding-bottom: 210px;
    }

    #contactForm {
        padding: 30px 40px 60px;
        border: 1px solid var(--dark-16, rgba(20, 14, 10, 0.16));
    }
}

@media  (max-width: 700px) {
    .animation-button-height.form_new_desc {
        display: none;
    }
    .animation-button-height.form_new_mob {
        display: block;
    }

    .footer__container {
        justify-content: space-between;
        margin: 0 16px!important;

    }

    .animation-button-height.animation-delay-1.form_new_mob {
        display: none;
    }

    .footer__container,
    .footer_center_block{
        flex-direction: column;
    }

  .footer__container  .footer__right-button {
      justify-content: flex-start;
      width: fit-content;
    }

   body .footer__bottom {
        margin: 0 16px;
    }

    body .feedback__img {
        width: auto;
        margin-left: 0;
    }

    .steps-slider {
        width: 100% !important
    }

    /*.steps-item-content,*/
    /*.steps-item-number{*/
    /*    width: min-content!important;*/
    /*}*/

  .footer__container  .footer__right {
      width: 100%;
    }

    .main-view__button-anchor {
        top: 50%;
    }

    .swiper-slide.introAnimation.white-header,
    .projects.pg-active.animation-state-1
    {
        padding-bottom: 8rem;
    }

    .primary-button__circle {
        /*background: transparent;*/
    }

    .projects-swiper-slide__params
    {
        font-size: 3rem;
    }


    .primary-button__text-animation.thirty-block
    {
        font-size: 1.5rem;
    }

    .projects-swiper-slide__content {
        width: 27rem;
    }

    .piter__left-text {
        margin-bottom: 0!important;
        width: 100%!important
    }

    .piter__middle-animation-3322 img {
        display: block; /* Прячем тег img */
    }

    .piter__middle-animation-3323,
    .primary-button.mob-hide,
    .services-section__top-left{
        display: none!important; /* Прячем тег img */
    }

    .services-section {
        padding-top: 0!important;
    }

    .services-section__row-animation {
        display: flex;
        flex-direction: column;
    }

    .services-section__item.animation-active {
        border: 1px solid var(--dark-16, rgba(20, 14, 10, 0.16));
        height: 345px!important;
    }

    .services-section__row {

        height: auto!important;
    }

    .steps__content {
        padding-top: 0;
    }

    section .piter__right,
    .animation-state-0_second,
    .swiper-slide.block-results.results-second{
        padding-bottom:8rem ;
    }

    section.piter .primary-button {
        padding-top: 2rem;
    }

    .piter.main .piter__left {
        padding-top: 15rem;
    }

    }
/* End */


/* Start:/local/templates/mart_new/components/bitrix/menu/bottom_menu/style.min.css?1770842359490*/
ul.left-menu{list-style:none;margin:0;padding:0;margin-bottom:8px;position:relative}ul.left-menu li{padding:10px 16px;background:#f5f5f5 url(/local/templates/mart_new/components/bitrix/menu/bottom_menu/images/left_menu_bg.gif) top repeat-x}ul.left-menu li a{font-size:100%;color:#bc262c;font-weight:bold;text-decoration:none}ul.left-menu li a:visited{color:#bc262c}ul.left-menu li a:hover{color:#bc262c}ul.left-menu li a.selected:link,ul.left-menu li a.selected:visited,ul.left-menu li a.selected:active,ul.left-menu li a.selected:hover{color:#fc8d3d}
/* End */
/* /local/templates/mart_new/css/custom.css?177584300254470 */
/* /local/templates/mart_new/components/bitrix/menu/bottom_menu/style.min.css?1770842359490 */