/*Переменные*/

        :root {
            --main-border-radius: 24px;
            --main-lavr-red-color: #DB052C;
            --main-black-color: #1D242C;
            --main-gray-color: #F2F2F2;
            --gray-border-color: #B5B5B5;
            --main-font-color: #2B2B2B;
            --ozn-main-color: #0F68F2;
            --wb-main-color: #7E00A6;
            --yndx-main-color: #FF5227;
            --yndx-yellow-color: rgb(255, 221, 0);
            --ali-main-color: #E72E04;
            --input-invalid-color: #FF7C89;
            --input-valid-color: #8BFF97;
            --common-font-family: 'DINPro';
            --second-font-family: "Montserrat";
            --grid-column-gap: 25px;
            --animation-transition-duration: 0.3s;
            --page-max-width: 1348px;
            --section-padding: 0 30px;
        }

        @media screen and (min-width: 980px) {
            :root {
                --grid-column-gap: 25px;
            }
        }

        @media screen and (max-width: 980px) {
            :root {
                --grid-column-gap: 10px;
            }
        }

        @media screen and (min-width: 980px) {
            :root {
                --section-padding-top: 60px;
                --section-padding-bottom: 90px;
            }
        }

        @media screen and (min-width: 640px) and (max-width: 980px) {
            :root {
                --section-padding-top: 45px;
                --section-padding-bottom: 60px;
            }
        }

        @media screen and (max-width: 640px) {
            :root {
                --section-padding-top: 30px;
                --section-padding-bottom: 45px;
            }
        }
    
    /*Общие стили*/

        section.content {
            display: none;
        }

        .maxwidth-theme {
            max-width: 100% !important;
            padding: 0 !important;
        }

        .middle >.container {
            overflow: hidden;
        }

        .width-limit-block {
            max-width: var(--page-max-width);
            width: 100%;
            margin-left: auto;
            margin-right: auto;
        }

        /*Подложка для блоков с заливкой и скруглением границ*/

            .block-with-background {
                background-color: var(--main-gray-color);
                border-radius: var(--main-border-radius);
            }

        /*спецкласс для контейнеров которые выходят за границы*/

            .outborder-block {
                width: 100%;
            }

            @media screen and (min-width: 1200px) {
                .outborder-block {
                    padding-left: 10vw;
                    padding-right: 10vw;
                    max-width: calc(var(--page-max-width) + 20vw);
                }
            }

            @media screen and (min-width: 640px) and (max-width: 1200px) {
                .outborder-block {
                    padding-left: 5vw;
                    padding-right: 5vw;
                    max-width: calc(var(--page-max-width) + 10vw);
                }
            }

            @media screen and (max-width: 640px) {
                .outborder-block {
                    padding-left: 20px;
                    padding-right: 20px;
                    max-width: calc(var(--page-max-width) + 5vw);
                }
            }

        /*Спецкласс для скрытых элементов*/

            .visually-hidden {
                width: 1px;
                height: 1px;
                margin: -1px;
                padding: 0;
                border: 0;
                visibility: hidden;
                overflow: hidden;
                clip: rect(0 0 0 0);
                position: absolute;
            }
    
        /*Контейнер для всего содержимого*/

            .main-wrapper {
                display: grid;
                grid-template-columns: 100%;
            }

            @media screen and (min-width: 980px) {
                .main-wrapper {
                    row-gap: 45px;
                    margin: 25px 0 60px 0;
                    padding: 0 30px;
                }
            }

            @media screen and (max-width: 980px) {
                .main-wrapper {
                    row-gap: 20px;
                    margin: 25px 0 30px 0;
                }
            }

        /* label and input */

            .main-wrapper input, .main-wrapper label {
                font-family: var(--second-font-family);
            }


        /*Сетки "навески" для блоков*/

            .grid-container_x6 {
                display: grid;
                grid-template-columns: repeat(6, 1fr);
                row-gap: 25px;
                column-gap: 4vw;
            }

            .grid-container_x12 {
                display: grid;
                grid-template-columns: repeat(12, 1fr);
                column-gap: var(--grid-column-gap);
            }

            .grid-container_x24 {
                display: grid;
                grid-template-columns: repeat(24, 1fr);
                column-gap: var(--grid-column-gap);
            }

        /*Общий стиль для кнопок*/

            .button-common {
                appearance: none;
                border: none;
                padding: 20px 40px;
                box-sizing: border-box;
                border-radius: var(--main-border-radius);
                white-space: nowrap;
                display: flex;
                align-items: center;
                justify-content: center;
                background-color: var(--main-lavr-red-color);
                width: min-content;
                height: min-content;
                transition-duration: var(--animation-transition-duration);
            }

            .button-text {
                text-transform: uppercase;
                color: white;
                text-decoration: none;
                font-family: var(--second-font-family);
                font-weight: 700;
                line-height: 1;
                margin: 0;
                padding: 0;
            }

            .button-common:hover, .button-common:focus, .button-common:focus-visible {
                background-color: rgba(219, 5, 44, 0.8);
            }

            .button-common:active .button-text {
                color: rgba(255, 255, 255, 0.8);
            }

        /*кнопка наверх*/

            .button-scrolltop {
                position: fixed;
                z-index: 100;
                bottom: 5%;
                appearance: none;
                border: none;
                border-radius: 50%;
                background-color: #9c9da2;
                background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='161' height='162' viewBox='0 0 161 162' fill='none' style='&%2310;'%3e%3cpath d='M57.8691 76.8417L80.471 55.3161M80.471 55.3161L103.073 76.8417M80.471 55.3161L80.471 106.978' stroke='white' stroke-width='7' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e");
                background-repeat: no-repeat;
                background-size: contain;
                transition-duration: var(--animation-transition-duration);
            }

            @media screen and (min-width: 640px) {
                .button-scrolltop {
                    width: 6vw;
                    height: 6vw;
                    right: 1%;
                }
            }

            @media screen and (max-width: 640px) {
                .button-scrolltop {
                    width: 60px;
                    height: 60px;
                    right: 15px;
                }
            }

            .button-scrolltop:hover,.button-scrolltop:focus  {
                -webkit-box-shadow: 0px 0px 20px 15px rgba(34, 60, 80, 0.1);
                -moz-box-shadow: 0px 0px 20px 15px rgba(34, 60, 80, 0.1);
                box-shadow: 0px 0px 20px 15px rgba(34, 60, 80, 0.2);
            }

            .button-scrolltop:active {
                opacity: 0.7;
            }

        /*Заголовок слайда*/

            .slide-title {
                color: var(--main-black-color);
                font-family: var(--second-font-family);
                font-weight: 700;
                line-height: 1.2;
                text-transform: uppercase;
                grid-column: 1 / -1;
                max-width: var(--page-max-width);
                width: 100%;
                margin-left: auto;
                margin-right: auto;
                margin-top: 0;
            }


            @media screen and (min-width: 980px) {
                .slide-title {
                    font-size: 48px;
                    margin-bottom: 90px;
                }
            }

            @media screen  and (min-width: 640px) and (max-width: 980px) {
                .slide-title {
                    font-size: 40px;
                    margin-bottom: 60px;
                }
            }

            @media screen and (max-width: 640px) {
                .slide-title {
                    font-size: 28px;
                    margin-bottom: 30px;
                }
            }

        /*Мелкий текст в блоках*/

            .litle-text {
                color: var(--main-black-color);
                font-family: var(--common-font-family);
                font-size: 18px;
                font-style: normal;
                font-weight: 400;
                line-height: 1.3;
                grid-column: 1 / -1;
                grid-row: 2 / 3;
            }

            @media screen and (min-width: 980px) {
                .litle-text {
                    font-size: 22px;
                    margin: 0 0 90px 0;
                }
            }

            @media screen  and (min-width: 640px) and (max-width: 980px) {
                .litle-text {
                    font-size: 18px;
                    margin: 0 0 60px 0;
                }
            }

            @media screen and (max-width: 640px) {
                .litle-text {
                    font-size: 16px;
                    margin: 0 0 30px 0;
                }
            }

        /*Плитка элементов*/

            /*Контейнер-список*/

                .typical-element-tile {
                    list-style-type: none;
                    row-gap: var(--grid-column-gap);
                }

            /*Элемент контейнера*/

                .typical-element-tile-elem {
                    width: 100%;
                    display: flex;
                    flex-direction: column;
                    justify-content: flex-start;
                    box-sizing: border-box;
                    background-color: var(--main-gray-color);
                    border-radius: var(--main-border-radius);
                    transition-duration: var(--animation-transition-duration);
                }

            /*Изображение в плитке*/

                .tile-elem-image {
                    width: 100%;
                    border-radius: 12px;
                    margin: 0 0 25px 0;
                    box-sizing: border-box;
                    object-fit: cover;
                }

            /*Название элемента*/

                .tile-elem-title {
                    color: var(--main-black-color);
                    font-family: var(--second-font-family);
                    font-weight: 600;
                    line-height: 1.3;
                    transition-duration: var(--animation-transition-duration);
                    padding: 0;
                    margin: 0 0 auto 0;
                }

                @media screen and (min-width: 640px) {
                    .tile-elem-title {
                        font-size: 24px;
                    }
                }

                @media screen and (max-width: 640px) {
                    .tile-elem-title {
                        font-size: 16px;
                    }
                }



    /*Баннер*/

        /*Контейнер*/

            .main-banner {
                position: relative;
                display: grid;
                column-gap: var(--grid-column-gap);
                grid-template-rows: repeat(6, auto);
            }

            @media screen and (min-width: 980px) {
                .main-banner {
                    grid-template-columns: 40% 60%;
                }
            }

            @media screen and (max-width: 980px) {
                .main-banner {
                    grid-template-columns: auto;
                    row-gap: 30px;
                }
            }

        /*Заголовок*/

            .banner-main-header {
                color: var(--main-black-color);
                font-family: var(--second-font-family);
                font-style: normal;
                font-weight: 800;
                line-height: 1;
                text-transform: uppercase;
                margin: 0 0 25px 0;
                grid-column: 1 / 2;
                grid-row: 1 / 2;
                z-index: 50;
            }

            @media screen and (min-width: 980px) {
                .banner-main-header {
                    font-size: 64px;
                    padding-top: 200px;
                }
            }

            @media screen and (max-width: 980px) {
                .banner-main-header {
                    font-size: 30px;
                    text-align: center;
                    grid-column: 1 / -1;
                    margin: 0 auto;
                }
            }

        /*Описание заголовка*/

            .banner-header-description {
                color: var(--main-black-color);
                font-family: var(--common-font-family);
                font-size: 32px;
                font-style: normal;
                font-weight: 500;
                line-height: 1.2;
                margin: 0 0 50px 0;
                grid-column: 1 / 2;
                grid-row: 2 / 3;
            }

            @media screen and (max-width: 980px) {
                .banner-header-description  {
                    display: none;
                }
            }

        /*Текст на баннере*/

            .banner-text {
                margin: 0 0 35px 0;
                grid-column: 1 / 2;
                grid-row: 4 / 5;
            }

            @media screen and (max-width: 980px) {
                .banner-text {
                    display: none;
                }
            }

        /*Кнопка в баннере*/

            .banner-button {
                margin: 0 0 50px 0;
                font-size: 20px;
                grid-column: 1 / 2;
                grid-row: 3 / 4;
            }

            .banner-button:hover,  .banner-button:focus {
                background-color: var(--main-black-color);
                opacity: 1;
            }

            @media screen and (min-width: 980px) {
                .banner-button {
                    grid-row: 3 / 4;
                }
            }

            @media screen and (max-width: 980px) {
                .banner-button {
                    grid-row: 5 / 6;
                    grid-column: 1 / -1;
                    margin: 0 auto;
                }
            }

        /*Блок со ссылками на маркетплейсы в баннере*/

            /*Контейнер*/

                .banner-mp-links {
                    display: grid;
                    grid-template-columns: 1fr;
                    max-width: 350px;
                    padding: 25px;
                    box-sizing: border-box;
                    border-radius: var(--main-border-radius);
                    background-color: var(--main-gray-color);
                    grid-column: 1 / 2;
                    grid-row: 5 / 6;
                    margin: 0 0 120px 0;
                }

                @media screen and (min-width: 980px) {
                    .banner-mp-links {
                        grid-column: 1 / 2;
                        grid-row: 5 / 6;
                    }
                }

                @media screen and (max-width: 980px) {
                    .banner-mp-links {
                        margin: 0 auto;
                        grid-column: 1 / -1;
                        grid-row: 4 / 5;
                    }
                }

            /*Заголовок блока*/

                .banner-mp-links-header {
                    text-align: center;
                    color: var(--main-black-color);
                    font-family: var(--second-font-family);
                    font-size: 18px;
                    font-style: normal;
                    font-weight: 500;
                    line-height: 1;
                    margin: 0 0 20px 0;
                }

            /*Обертка для лого в баннере*/

                .banner-mp-links-ico-wrapper {
                    grid-column: 1 / -1;
                    display: grid;
                    grid-template-columns: repeat(4, 1fr);
                    column-gap: 15px;
                    list-style-type: none;
                    margin: 0;
                    padding: 0;
                }

            /*Элемент-лого*/

                .banner-mp-links-elem {
                    margin: 0;
                    padding: 0;
                    display: flex;
                }

                .banner-mp-links-elem a {
                    display: inherit;
                }

            /*Лого маркетплейсов*/

                .banner-mp-links-elem img {
                    width: 100%;
                    height: auto;
                }
            

        /*Картиники с тарой*/

            /*Контейнер*/

                .tare-images {
                    position: relative;
                    height: 100%;
                    right: 0;
                }

                @media screen and (min-width: 980px) {
                    .tare-images {
                        grid-column: 2 / 3;
                        grid-row: 1 / 6;
                    }
                }

                @media screen and (max-width: 980px) {
                    .tare-images {
                        grid-row: 3 / 4;
                        grid-column: 1 / -1;
                    }
                }

            @media screen and (min-width: 640px) {
            
                /*1 изображение*/

                    .tare-images > *:nth-child(1) {
                        transform: rotate(339deg);
                        z-index: 40;
                        left: 5%;
                        width: 30%;
                        top: 0;
                        max-width: 210px;
                        position: absolute;
                    }
                
                /*2 изображение*/

                    .tare-images > *:nth-child(2) {
                        z-index: 50;
                        transform: rotate(18deg);
                        left: 40%;
                        top: 5%;
                        position: relative;
                        margin-bottom: 45px;
                    }
                
                /*3 изображение*/  

                    .tare-images > *:nth-child(3) {
                        transform: rotate(40deg);
                        z-index: 30;
                        right: 0;
                        width: 30%;
                        top: 50%;
                        max-width: 225px;
                        position: absolute;
                    }
                }

            @media screen and (max-width: 640px) {
            
                /*1 изображение*/

                    .tare-images > *:nth-child(1) {
                        transform: rotateY(180deg) rotateZ(30deg);
                        z-index: 40;
                        right: -10%;
                        width: 25%;
                        max-width: 160px;
                        top: 10%;
                        position: absolute;
                    }
                
                /*2 изображение*/

                    .tare-images > *:nth-child(2) {
                        z-index: 50;
                        margin: 0 auto;
                        position: relative;
                        max-width: 130px;
                    }
                
                /*3 изображение*/  

                    .tare-images > *:nth-child(3) {
                        transform: rotate(40deg);
                        z-index: 30;
                        left: -15%;
                        width: 35%;
                        max-width: 145px;
                        top: 20%;
                        position: absolute;
                    }
                }

            /*Блок-обертка с компонентами аэрозольного баллона*/

                /*Контейнер*/

                    .tare-aero {
                        display: flex;
                        flex-direction: column;
                        justify-content: flex-end;
                    }

                    @media screen and (min-width: 980px) {
                        .tare-aero {
                            width: 30%;
                        }
                    }

                    @media screen and (max-width: 980px) {
                        .tare-aero {
                            width: 30%;
                        }
                    }

                /*Распылитель баллона*/

                    .tare-aero .spray {
                        width: 46%;
                        z-index: 10;
                        transform: translateY(2px);
                    }

                /*Крышка баллона*/

                    .tare-aero .cap {
                        width: 100%;
                        z-index: 30;
                    }

                /*Баллон*/

                    .tare-aero .ballon {
                        width: 100%;
                        z-index: 20;
                    }

            /*Плашка с минимальной партией товара*/

                .minimal-batch {
                    height: min-content;
                    border-radius: var(--main-border-radius);
                    background-color: var(--main-gray-color);
                    padding: 25px;
                    box-sizing: border-box;
                    max-width: 250px;
                    color: var(--main-black-color);
                    font-family: var(--second-font-family);
                    font-size: 24px;
                    font-weight: 700;
                    line-height: 28px;
                }

                @media screen and (min-width: 980px) {
                    .minimal-batch {
                        grid-column: 2 / 3;
                        grid-row: 4 / 5;
                    }
                }

                @media screen and (max-width: 980px) {
                    .minimal-batch {
                        grid-row: 2 / 3;
                        grid-column: 1 / -1;
                        margin: 0 auto;
                    }
                }

                .batch-colored-text {
                    margin: 0;
                    padding: 0;
                    font-size: inherit;
                    font-weight: inherit;
                    line-height: inherit;
                    color: var(--main-lavr-red-color);
                    font-family: inherit;
                }
        
    /*Меню с кнопками навигации*/

        /*Контейнер*/

            .button-menu {
                padding: 30px 0 12px 0;
                box-sizing: border-box;
            }

        /*Список*/

            .button-list {
                display: flex;
                flex-wrap: wrap;
                align-items: flex-start;
                list-style-type: none;
                margin: 0;
                padding: 0; 
            }

            @media screen and (min-width: 640px) {
                .button-list {
                    gap: 20px;
                }
            }

            @media screen and (max-width: 640px) {
                .button-list {
                    gap: 15px;
                }
            }

        /*Элемент списка*/

            .button-list li {
                margin: 0;
            }

        /*Кнопки - ссылки*/

            .button-list a {
                display: flex;
                align-items: center;
                justify-content: center;
                background-color: var(--main-black-color);
                padding: 12px 30px;
                border-radius: 24px;
                box-sizing: border-box;
                color: white;
                font-family: var(--second-font-family);
                font-weight: 600;
                line-height: 1;
                transition-duration: var(--animation-transition-duration);
                white-space: nowrap;
            }

            .button-list a:hover,  .button-list a:focus  {
                background-color: var(--main-lavr-red-color);
            }

            @media screen and (min-width: 640px) {
                .button-list a {
                    font-size: 22px;
                }
            }

            @media screen and (max-width: 640px) {
                .button-list a {
                    font-size: 16px;
                }
            }
    

    /*Направления производства*/

            .manufacture-direction {
                padding-top: var(--section-padding-top);
                padding-bottom: var(--section-padding-bottom);
                box-sizing: border-box;
            }

        /*Список-плитка категорий*/

            .product-type-tile {
                grid-column: 1 / -1;
                grid-row: 3 / 4;
                list-style-type: none;
                row-gap: var(--grid-column-gap);
                margin: 0;
            }

        /*Элемент плитки*/

            .product-type-tile-elem {
                display: flex;
                position: relative;
            }

            @media screen and (min-width: 980px) {
                .product-type-tile-elem {
                    grid-column: span 3;
                }
            }

            @media screen and (min-width: 640px) and (max-width: 980px) {
                .product-type-tile-elem {
                    grid-column: span 4;
                }
            }

            @media screen and (max-width: 640px) {
                .product-type-tile-elem {
                    grid-column: span 6;
                }
            }

        /*Ссылка-обертка*/

            .category-link {
                cursor: pointer;
                padding: 12px 15px;
            }

            @media screen and (min-width: 640px) {
                .category-link:hover, .category-link:focus {
                    background-color: var(--main-lavr-red-color);
                }
            }   

        /*Изображение категории*/

            .product-type-name {
                margin: 0 0 55px 0;
            }

            @media screen and (min-width: 640px) {
                .category-link:hover .product-type-name, .category-link:focus .product-type-name {
                    color: white;
                }
            }

        /*Стрелка при наведении*/

            .tile-arrow-hover-button {
                width: 37px;
                height: 37px;
                padding: 7px;
                box-sizing: border-box;
                border-radius: 11px;
                background-color: var(--main-lavr-red-color);
                background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='25' height='25' viewBox='0 0 25 25' fill='none'%3e%3cpath d='M7.98047 17.6055L17.9805 7.60547' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M7.98047 7.60547L17.9805 7.60547L17.9805 17.6055' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e");
                background-size: 24px 24px;
                background-position: center center;
                background-repeat: no-repeat;
                display: block;
                position: absolute;
                top: 25px;
                right: 25px;
                z-index: 20;
                transition-duration: var(--animation-transition-duration);
                opacity: 0;
            }

            @media screen and (min-width: 640px) {
                .category-link:hover .tile-arrow-hover-button, .category-link:focus .tile-arrow-hover-button {
                    opacity: 1;
                }
            }

        /*Кнопка подробнее на мобилке*/

            .category-link .button-more_details {
                margin: auto 0 0 auto;
                border-radius: 12px;
                padding: 15px 20px;
            }

            .category-link .button-more_details p {
                font-size: 12px;
            }

            @media screen and (min-width: 640px) {
                .category-link .button-more_details {
                    display: none;
                }
            }

    /*Виды тары*/

        /*Контейнер*/

            .tare-types {
                box-sizing: border-box;
                overflow: hidden;
                padding-top: var(--section-padding-top);
                padding-bottom: var(--section-padding-bottom);
            }

        /*Список-плитка*/

            .tare-tile {
                row-gap: var(--grid-column-gap);
                grid-column: 1 / -1;
                grid-row: 3 / 4;
                margin: 0;
                padding: 0;
                column-gap: var(--grid-column-gap);
                display: grid;
                overflow-x: scroll;
                scroll-snap-type: x mandatory;
            }

            .tare-types .tare-tile::-webkit-scrollbar {
                display: none;
            }
            
            @media screen and (min-width: 640px) {
                .tare-tile .typical-element-tile-elem{
                    padding: 25px;
                }
            }

            @media screen and (max-width: 640px) {
                .tare-tile .typical-element-tile-elem{
                    padding: 15px;
                }
            }

            .tare-tile .tile-elem-title {
                margin-bottom: 45px;
            }
        
        /*Кнопка в блоке с типом тары*/

            .tare-button-more_details {
                font-size: 16px;
                margin: 0 0 0 auto;
                border-radius: 12px;
                padding: 15px 30px;
            }

    /*Из чего складывается стоимость продукции*/
            
        /*Контейнер*/
        
            .pricing {
                margin: 0 auto;
            }

            @media screen and (min-width: 640px) {
                .pricing {
                    padding-top: 75px;
                    padding-bottom: 50px;
                }
            }

            @media screen and (max-width: 640px) {
                .pricing {
                    padding-top: 45px;
                    padding-bottom: 30px;
                }
            }

        /*Список этапов заполнения формы*/

            .pricing-steps-list {
                list-style-type: none;
                padding: 0;
                margin: 0 auto 30px 0;
                display: flex;
                column-gap: 12px;
                row-gap: 12px;
                grid-column: 1 / -1;
                width: 100%;
            }

        /*Элемент списка*/

            .pricing-steps-list li {
                border-radius: 5px;
                height: 10px;
                width: -webkit-fill-available;
                width: -moz-fill-available;
                max-width: 60px;
                min-width: 20px;
                background-color: #C6C6C6;
            }
        
        /*Активный этап*/

            .pricing-steps-list .active-steps {
                /*background-color: var(--main-lavr-red-color);*/
                animation-name: active-steps-color-fiilng;
                animation-timing-function: linear;
                animation-duration: var(--animation-transition-duration);
                animation-iteration-count: 1;
                animation-fill-mode: forwards;
            }

            /*Анимация заполнения цветом*/

                @keyframes active-steps-color-fiilng {

                    0% {
                        background-color: #C6C6C6;
                    }

                    100% {
                        background-color: var(--main-lavr-red-color);
                        animation-play-state: paused;
                    }
                }

        /*Предыдущие этапы*/

            .pricing-steps-list .previous-steps {
                background-color: var(--main-black-color);
            }

        /*Счетчик слайдов*/

            .slide-counter {
                display: flex;
                align-items: flex-end;
                column-gap: 5px;
                color: #808080;
                margin: 0 auto 50px 0;
                font-family: var(--common-font-family);
                font-size: 18px;
                font-weight: 700;
                line-height: 1;
                grid-column: 1 / -1;
            }

            .slide-counter p {
                margin: 0;
                color: inherit;
                font-family: inherit;
                font-size: inherit;
                font-weight: inherit;
                line-height: inherit;
            }

        /*Форма обратной связи*/

            /*контейнер формы*/

                #pricing-callback {
                    grid-column: 1 / -1;
                }

            /*Название группы полей*/

                #pricing-callback fieldset {
                    margin: 0 0 90px 0;
                    width: 100%;
                }

                @media screen and (min-width: 480px) {
                    #pricing-callback fieldset {
                        margin: 0 0 90px 0;
                    }
                }

                @media screen and (max-width: 480px) {
                    #pricing-callback fieldset {
                        margin: 0 0 45px 0;
                    }
                }

            /*fieldset сбора контактных данных*/

                #pricing-callback-contacts {
                    background-color: white;
                    border-radius: 24px;
                    box-sizing: border-box;
                }

                @media screen and (min-width: 480px) {
                    #pricing-callback-contacts {
                        padding: 50px;
                        row-gap: 5.2vw;
                    }
                }

                @media screen and (max-width: 480px) {
                    #pricing-callback-contacts {
                        padding: 25px;
                        row-gap: 30px;
                    }
                }

            /*Заголовок в группе полей для сбора контактных данных*/

                #pricing-callback-contacts h3 {
                    color: var(--main-font-color);
                    font-family: var(--common-font-family);
                    font-size: 48px;
                    font-weight: 700;
                    line-height: 1;
                    margin: 0;
                    border: none;
                    grid-column: 1 / -1;
                    grid-row: 1 / 2;
                    text-align: center;
                }  
                    
                @media screen and (min-width: 480px) {
                    #pricing-callback-contacts h3 {
                        font-size: 48px;
                    }
                }

                @media screen and (max-width: 480px) {
                    #pricing-callback-contacts h3 {
                        font-size: 24px;
                    }
                }


            /*Спецкласс для групп полей с flex версткой*/

                .flex-fieldset {
                    justify-content: center;
                    column-gap: var(--grid-column-gap);
                    row-gap: 25px;
                    flex-wrap: wrap;
                }

            /*Название группы полей*/

                #pricing-callback legend {
                    color: var(--main-font-color);
                    font-family: var(--second-font-family);
                    font-size: 24px;
                    font-weight: 500;
                    line-height: 1;
                    margin: 0 0 90px 0;
                    border: none;
                    grid-column: 1 / -1;
                    grid-row: 1 / 2;
                }

                @media screen and (min-width: 480px) {
                    #pricing-callback legend {
                        margin: 0 0 90px 0;
                    }
                }

                @media screen and (max-width: 480px) {
                    #pricing-callback legend {
                        margin: 0 0 45px 0;
                    }
                }

            /*Спецкласс для label когда нужно выбирать кликом по элементу*/

                label.click-choose {
                    display: flex;
                    box-sizing: border-box;
                    align-items: center;
                    gap: 20px;
                    min-width: 125px;
                    width: -webkit-fill-available;
                    width: -moz-fill-available;
                    transition-duration: var(--animation-transition-duration);
                    margin: 0;
                    font-weight: 700;
                    line-height: 1;
                    color: var(--main-font-color);
                    cursor: pointer;
                    padding: 20px;
                }

                @media screen and (min-width: 480px) {
                    label.click-choose {
                        flex-direction: column;
                        max-width: 250px;
                        font-size: 24px;
                        border-radius: var(--main-border-radius);
                        border: none;
                        background-color: white;
                    }
                }

                @media screen and (max-width: 480px) {
                    label.click-choose {
                        flex-direction: row;
                        max-width: 100%;
                        font-size: 18px;
                        border-radius: 16px;
                        background-color: transparent;
                        border: 1px solid var(--gray-border-color);
                    }
                }

                label.click-choose span {
                    font-weight: 700;
                    line-height: 1;
                    border-radius: 12px;
                    box-sizing: border-box;
                    white-space: nowrap;
                    font-size: 20px;
                    transition-duration: var(--animation-transition-duration);
                }

                @media screen and (min-width: 480px) {
                    label.click-choose:hover span {
                        background-color: var(--main-lavr-red-color);
                    }
                }

                @media screen and (min-width: 480px) {
                    label.click-choose span {
                        padding: 10px 30px;
                        margin: 0;
                        background-color: var(--main-black-color);
                        color: white;
                    }
                }

                @media screen and (max-width: 480px) {
                    label.click-choose span {
                        padding: 0;
                        margin: 0 auto 0 0;
                        background-color: transparent;
                        color: var(--main-font-color);
                    }
                }

            /*Выделение спецкласса label если чекнут скрытый инпут внутри него*/

                .label-selected {
                    -webkit-box-shadow: 0px 0px 15px 5px rgba(34, 60, 80, 0.3);
                    -moz-box-shadow: 0px 0px 15px 5px rgba(34, 60, 80, 0.3);
                    box-shadow: 0px 0px 15px 5px rgba(34, 60, 80, 0.3);
                }

            /*Выделение спецкласса label когда можно выбрать только 1*/

                .choose-label-disabled {
                    opacity: 0.5;
                }

            /*Выбор количества партии товара*/

                /*контейнер*/

                    .product-amount {
                        display: flex;
                        flex-direction: column;
                        border-radius: var(--main-border-radius);
                        background: #FFF;
                        box-sizing: border-box;
                        width: 100%;
                        row-gap: 45px;
                    }

                    @media screen and (min-width: 480px) {
                        .product-amount {
                            padding: 2.8vw 4.6vw;
                        }
                    }

                    @media screen and (max-width: 480px) {
                        .product-amount {
                            padding: 25px;
                        }
                    }

                /*Сетка для значений и текста */

                    .amount-string {
                        display: grid;
                        justify-content: space-between;
                        grid-template-columns: repeat(2, auto);
                        column-gap: 25px;
                        margin: 0;
                        align-items: start;
                    }

                /* Общие стили для текстовой строки в блоке */

                    .amount-string > * {
                        grid-column: span 1;
                    }

                    .string-text {
                        margin: 0;
                        line-height: 1;
                    }

                /* Строка с выбором количества товара и текст*/

                    .product-amount-string .string-text {
                        color: var(--main-font-color);
                        font-family: var(--common-font-family);
                        font-weight: 500;
                    }

                    @media screen and (min-width: 480px) {
                        .product-amount-string .string-text {
                            font-size: 24px;
                        }
                    }

                    @media screen and (max-width: 480px) {
                        .product-amount-string .string-text {
                            font-size: 20px;
                        }
                    }

                    /*приписка если значение больше или равно max, показывается при достижении значения, по умолчанию скрыто*/

                        .product-amount-postscript {
                            display: none;
                            margin-right: 7px;
                        }
                    
                    /*Количество продукции*/

                        .product-amount-string .product-amount-value {
                            font-weight: 900;
                            margin: 0;
                        }

                /* Строка с указанием скидки*/

                    .product-sales-string .string-text {
                        color: #C2C2C2;
                        font-family: var(--common-font-family);
                        font-size: 20px;
                        font-weight: 700;
                    }

                    /*Размер скидки*/

                        .product-sales-value {
                            margin: 0 12px;
                            color: var(--main-font-color);
                            font-family: var(--common-font-family);
                            font-size: 24px;
                            font-weight: 700;
                        }
                    
                    /* Поле ручного ввода количества товара */

                        /* сообщение если введеное значение меньше минимального*/

                            .product-sales-string .value-message {
                                display: none;
                                color: var(--input-invalid-color);
                                font-size: 14px;
                                font-weight: 700;
                                line-height: 1.2;
                                margin: 0;
                            }

                        /*
                        .product-sales-string input.product-manual-input {
                            appearance: none;
                            -webkit-appearance: none;
                            border-radius: 8px;
                            color: #1D252C;
                            font-family: var(--common-font-family);
                            border: 1px solid var(--gray-border-color);
                            font-size: 16px;
                            font-weight: 700;
                            line-height: 1;
                            padding: 10px 15px;
                            box-sizing: border-box;
                            width: -webkit-fill-available;
                            width: -moz-fill-available;
                            min-width: 100px;
                            max-width: 175px;
                            text-align: center;
                        }

                        .product-sales-string input.product-manual-input::placeholder {
                            color: var(--gray-border-color);
                            font-size: inherit;
                            font-weight: 500;
                            line-height: inherit;
                        }
                        */


                /*Ползунок*/

                    .label-range {
                        height: 30px;
                        margin: 0;
                    }

                    /*progress support*/

                        .label-range input.slider-progress {
                            --range: calc(var(--max) - var(--min));
                            --ratio: calc((var(--value) - var(--min)) / var(--range));
                            --sx: calc(0.5 * 30px + var(--ratio) * (100% - 30px));
                        }

                    .label-range input {
                        width: -webkit-fill-available;
                        width: -moz-fill-available;
                        height: 100%;
                        appearance: none;
                        -webkit-appearance: none;
                        background-color: transparent;
                    }

                    .label-range input:focus {
                        outline: none;
                    }

                    /*Тумблер*/

                        .label-range input::-webkit-slider-thumb {
                            outline: none;
                            -webkit-appearance: none;
                            appearance: none;
                            width: 30px;
                            height: 30px;
                            border-radius: 15px;
                            background: #fff;
                            border: 7px solid var(--main-black-color);
                            box-sizing: border-box;
                            margin-top: -9px;
                            margin-left: var(--min);
                        }

                        .label-range input::-webkit-slider-thumb:hover {
                            background: #fff;
                            outline: 7px solid var(--main-gray-color);
                        }

                        .label-range input::-webkit-slider-thumb:focus, .label-range input::-webkit-slider-thumb:active {
                            outline: 7px solid var(--main-gray-color);
                        }

                        .label-range input::-webkit-slider-thumb:active {
                            background: #fff;
                        }

                    /*Полоска*/

                        .label-range input::-webkit-slider-runnable-track {
                            height: 12px;
                            border: none;
                            border-radius: 6px;
                            background: #A0A6AD;
                            box-shadow: none;
                            margin-top: 0;
                        }

                        .label-range input.slider-progress::-webkit-slider-runnable-track {
                            background: linear-gradient(#1D242C,#1D242C) 0/var(--sx) 100% no-repeat, #A0A6AD;
                        }

                        .label-range input.slider-progress:hover::-webkit-slider-runnable-track {
                            background: linear-gradient(#1D242C,#1D242C) 0/var(--sx) 100% no-repeat, #A0A6AD;
                        }

                        .label-range input.slider-progress:active::-webkit-slider-runnable-track {
                            background: linear-gradient(#1D242C,#1D242C) 0/var(--sx) 100% no-repeat, #A0A6AD;
                        }


            /*Прячем чекбокс внутри*/

                @media screen and (min-width: 480px) {
                    label.click-choose input {
                        display: none;
                    }
                }

            /*Но показываем чекбокс в блоке с множественым выбором при разрешении меньше указанного*/

                @media screen and (max-width: 480px) {
                    label.click-choose input {
                        display: block;
                    }
                }

                label.click-choose input {
                    margin: 0 0 0 auto;
                    width: 25px;
                    min-width: 25px;
                    height: 25px;
                }

            /*Чекбокс и радиокнопка*/

                label.click-choose input[type="checkbox" i], label.click-choose input[type="radio" i] {
                    border-radius: 8px;
                    border: 2px solid var(--gray-border-color);
                    background-color: transparent;
                    appearance: none;
                }

            /*Обнуляем у них встроенные стили*/

                label.click-choose input[type="checkbox" i]:focus, label.click-choose input[type="radio" i]:focus {
                    outline: none;
                    outline-offset: 0;
                }

            /*Чекбокс и радиокнопка когда выбраны*/

                label.click-choose input[type="checkbox" i]:checked,  label.click-choose input[type="radio" i]:checked {
                    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3e%3cpath d='M14.3457 7.38037L7.8638 13.8989L5.6543 11.6769' stroke='%231D242C' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e");
                    background-size: contain;
                    background-position: center center;
                    background-repeat: no-repeat;
                }

            /*Общие стили картинки в специальном label*/

                label.click-choose img, label.click-choose svg {
                    height: auto;
                }

            /*Полноразмерная картинка в специальном label*/

                label.click-choose .full-size {
                    width: -webkit-fill-available;
                    width: -moz-fill-available;
                }

                @media screen and (min-width: 480px) {
                    label.click-choose .full-size {
                        max-width: 100%;
                        margin: 0;
                    }
                }

                @media screen and (max-width: 480px) {
                    label.click-choose .full-size {
                        max-width: 75px;
                        margin: 0;
                    }
                }

            /*Иконка в специальном label*/

                label.click-choose .ico-size {
                    width: -webkit-fill-available;
                    width: -moz-fill-available;
                    margin: 0 auto;
                    fill: var(--main-black-color);
                    transition-duration: var(--animation-transition-duration);
                }

                label.click-choose:hover .ico-size {
                    fill: var(--main-lavr-red-color);
                }

                @media screen and (min-width: 480px) {
                    label.click-choose .ico-size {
                        max-width: 100px;
                        margin: 0 auto;
                    }
                }

                @media screen and (max-width: 480px) {
                    label.click-choose .ico-size {
                        max-width: 60px;
                        margin: 0;
                    }
                }

            /*Группа полей сбора контактных данных*/

                #pricing-callback-contacts label {
                    display: flex;
                    flex-direction: column;
                    color: var(--main-black-color);
                    font-family: var(--common-font-family);
                    font-size: 16px;
                    font-weight: 700;
                    line-height: 1;
                    padding: 0;
                    margin: 0;
                }

                @media screen and (min-width: 980px) {
                    #pricing-callback-contacts label {
                        grid-column: span 2;
                    }
                }

                @media screen and (min-width: 640px) and (max-width: 980px) {
                    #pricing-callback-contacts label {
                        grid-column: span 3;
                    }
                }

                @media screen and (max-width: 640px) {
                    #pricing-callback-contacts label {
                        grid-column: span 6;
                    }
                }

                #pricing-callback-contacts input {
                    background-color: transparent;
                    margin: 11px 0 0 0;
                    color: var(--main-black-color);
                    padding: 13px 16px;
                    border-radius: 8px;
                    border: 1px solid var(--gray-border-color);
                    font-family: var(--common-font-family);
                    font-size: 16px;
                    font-weight: 500;
                    line-height: 1.3;

                }

                #pricing-callback-contacts input:hover,  #pricing-callback-contacts input:focus {
                    background-color: var(--main-gray-color);
                }

                #pricing-callback-contacts input::placeholder {
                    color: var(--gray-border-color);
                    font-weight: 400;
                }

        /*Кнопка оптравки результатов формы*/

            .button-get-calculation {
                grid-column: 1 / -1;
                border-radius: 12px;
                margin: 0 auto;
            }

        /*Контейнер для кнопок перелистывания слайдов в форме*/

            .slide-control-button-group {
                width: 100%;
                grid-column: 3 / 11;
                display: flex;
                justify-content: space-between;
                position: relative;
            }

            .slide-control-button-group .slide-go-back, .slide-control-button-group .slide-go-forward {
                position: relative;
                border-radius: 12px;
                background-color: #D3D3D3;
            }

            .slide-control-button-group .slide-go-back:hover, .slide-control-button-group .slide-go-forward:hover {
                background-color: var(--main-lavr-red-color);
            }
        
        /*Кнопка назад*/
        
            .slide-control-button-group .slide-go-back {
                margin: 0 auto 0 0;
            }

        /*Кнопка вперед*/

            .slide-control-button-group .slide-go-forward {
                margin: 0 0 0 auto;
            }

        /*Сообщение об успешной отправке*/

            .form-send-message {
                border-radius: 12px;
                padding: 30px;
                text-align: center;
                margin: 0 auto;
                color: white;
                font-size: 24px;
                font-weight: 400;
                line-height: 1.5;
            } 
            
            @media screen and (min-width: 640px) {
                .form-send-message {
                    font-size: 24px;
                }
            }

            @media screen and (max-width: 640px) {
                .form-send-message {
                    font-size: 20px;
                }
            }


        /*Сообщение об успешной отправке*/

            .form-successful-message {
                background-color: #65B33A;
            }

         /*Сообщение об успешной отправке*/

            .form-error-message {
                background-color: #DB052C;
            }

    /*Разработка продукта по техническому заданию заказчика*/

        /*Контейнер*/

            .product-development {
                padding-top: var(--section-padding-top);
                padding-bottom: var(--section-padding-bottom);
            }

        /*Список стадий*/
            
            .product-development-stages-list {
                margin: 0;
                padding: 0;
                row-gap: 25px;
            }

        /*Элемент списка*/

            .product-development-stages-list-item {
                display: grid;
                grid-template-columns: min-content auto;
                row-gap: 21px;
                background-color: var(--main-gray-color);
                border-radius: var(--main-border-radius);
                background-image: url('/business/manufacture/images/background-pattern.svg');
                background-repeat: no-repeat;
                background-size: cover;
            }

            @media screen and (min-width: 640px) {
                .product-development-stages-list-item {
                    padding: 48px 45px 110px 45px;
                }
            }

            @media screen and (max-width: 640px) {
                .product-development-stages-list-item {
                    padding: 34px 30px 12px 30px;
                }
            }

            @media screen and (min-width: 980px) {
                .product-development-stages-list-item {
                    grid-column: span 4;
                    column-gap: 25px;
                }
            }

            @media screen and (min-width: 640px) and (max-width: 980px) {
                .product-development-stages-list-item {
                    grid-column: span 6;
                    column-gap: 20px;
                }
            }

            @media screen and (max-width: 640px) {
                .product-development-stages-list-item {
                    grid-column: span 12;
                    column-gap: 15px;
                }
            }

        /*Название этапа разработки*/

            .product-development-stages-list-item h3 {
                margin: 0;
                padding: 0;
                color: var(--main-font-color);
                font-family: var(--second-font-family);
                font-weight: 600;
                line-height: 1.2;
                grid-column: 2 / 3;
                
            }

            @media screen and (min-width: 1921px) {
                .product-development-stages-list-item h3 {
                    font-size: 28px;
                }
            }

            @media screen and (min-width: 980px) and (max-width: 1921px) {
                .product-development-stages-list-item h3 {
                    font-size: 1.5vw;
                }
            }

            @media screen and (max-width: 980px) {
                .product-development-stages-list-item h3 {
                    font-size: 20px;
                }
            }
            
        /*Описание этапа разработки*/

            .product-development-stages-list-item .stage-description {
                margin: 0;
                padding: 0;
                color: var(--main-font-color);
                font-family: var(--common-font-family);
                font-weight: 300;
                line-height: 1.3;
                grid-column: 1 / -1;
                grid-row: 2 / 3;
            }

            @media screen and (min-width: 1921px) {
                .product-development-stages-list-item .stage-description {
                    font-size: 20px;
                }
            }

            @media screen and (min-width: 980px) and (max-width: 1921px) {
                .product-development-stages-list-item .stage-description {
                    font-size: 0.9375vw;
                }
            }

            @media screen and (max-width: 980px) {
                .product-development-stages-list-item .stage-description {
                    font-size: 14px;
                }
            }

            @media screen and (max-width: 640px) {
                .product-development-stages-list-item .stage-description {
                    display: none;
                }
            }

        /*Номер стадии*/

            .product-development-stages-list .stage-number {
                color: var(--main-lavr-red-color);
                font-family: var(--common-font-family);
                font-weight: 600;
                line-height: 1;
                grid-column: 1 / 2;
                display: flex;
                align-items: flex-start;
                justify-content: flex-start;
                margin: 0;
                padding: 0;
            }

            @media screen and (min-width: 980px) {
                .product-development-stages-list .stage-number {
                    font-size: 5vw;
                }
            }

            @media screen and (max-width: 980px) {
                .product-development-stages-list .stage-number {
                    font-size: 60px;
                }
            }

        /*Кнопка подробнее*/

            .button-detail {
                align-items: center;
                justify-content: center;
                white-space: nowrap;
                width: min-content;
                background-color: transparent;
                grid-column: 1 / -1;
                margin: auto 0 0 auto;
                padding: 0;
                padding: 10px;
                color: var(--main-font-color);
                font-family: var(--common-font-family);
                font-size: 14px;
                font-weight: 600;
                line-height: 1;
            }

            @media screen and (min-width: 640px) {
                .button-detail {
                    display: none;
                }
            }

            @media screen and (max-width: 640px) {
                .button-detail {
                    display: flex;
                }
            }

            .button-detail::after {
                width: 18px;
                height: 18px;
                content: '';
                display: block;
                background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3e%3cpath d='M6.34357 5.31072L12.7351 5.31063M12.7351 5.31063L12.7351 11.6112M12.7351 5.31063L5.31045 12.7353' stroke='%231D252C' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e");
                background-size: contain;
                background-repeat: no-repeat;
                background-position: center center;
                margin-left: 10px;
            }

    /*Факты которые говорят сами за себя*/

        /*Контейнер блока*/

            .facts-indicators {
                width: 100%;
                margin: 0 auto;
                padding-top: var(--section-padding-top);
                padding-bottom: var(--section-padding-bottom);
            }

        /*Название блока*/

            .facts-indicators .slide-title {
                margin: 0 0 55px 0;
            }

        /*Таблица*/ 

            .table-indicators * {
                font-family: var(--second-font-family);
            }

            /*Заголовок таблицы*/ 

                .table-indicators thead {
                    grid-column: 1 / -1;
                    grid-row: 1 / 2;
                }

                @media screen and (max-width: 640px) {
                    .table-indicators thead {
                        display: none;
                    }
                }

            /*Тело таблицы*/ 

                .table-indicators tbody {
                    grid-column: 1 / -1;
                    grid-row: 2 / 3;
                }

            /*Строка таблицы*/ 

                .table-indicators tbody tr {
                    padding: 50px 0;
                    border-top: 1px solid rgba(106, 106, 106, 0.20);
                }

                @media screen and (min-width: 980px) {
                    .table-indicators tbody tr {
                        padding: 50px 0;
                    }
                }

                @media screen and (max-width: 980px) {
                    .table-indicators tbody tr {
                        padding: 25px 0;
                    }
                }

            /*Заголовок ячейки*/ 

                .table-indicators th {
                    color: #808080;
                    font-size: 16px;
                    font-weight: 400;
                    line-height: 1.75;
                    text-transform: lowercase;
                    margin: 0 auto 18px 0;
                    text-align: left;
                    grid-column: span 6;
                }

            /*Общие стили ячейки */ 

                .table-indicators td {
                    grid-column: span 6;
                    display: flex;
                    align-items: center;
                    justify-content: flex-start;
                }

                @media screen and (min-width: 640px) {
                    .table-indicators td {
                        grid-column: span 6;
                    }
                }

                @media screen and (max-width: 640px) {
                    .table-indicators td {
                        grid-column: span 12;
                    }
                }

            /*Ячейки с описанием фактов */ 

                .table-indicators td.fact {
                    color: black;
                    font-weight: 400;
                    line-height: 1.3;
                }

                @media screen and (min-width: 640px) {
                    .table-indicators td.fact {
                        font-size: 18px;
                    }
                }

                @media screen and (max-width: 640px) {
                    .table-indicators td.fact {
                        font-size: 14px;
                        order: 2;
                    }
                }

            /*Ячейки с описанием индикаторов и показателями */   

                .table-indicators td.indicator {
                    color: var(--main-font-color);
                    font-weight: 700;
                    line-height: 1;
                    text-transform: uppercase;
                }

                @media screen and (min-width: 980px) {
                    .table-indicators td.indicator {
                        font-size: 64px;
                    }
                }

                @media screen and (max-width: 640px) {
                    .table-indicators td.indicator {
                        font-size: 32px;
                        order: 1;
                        margin-bottom: 28px;
                    }
                }

            /*Количественный показатель*/ 

                td.indicator .colored-number {
                    color: var(--main-lavr-red-color);
                    font-weight: 700;
                    line-height: 1;
                    text-transform: uppercase;
                    margin: 0 25px 0 0;
                }

                @media screen and (min-width: 980px) {
                    td.indicator .colored-number {
                        font-size: 128px;
                    }
                }

                @media screen and (min-width: 640px) and (max-width: 980px) {
                    td.indicator .colored-number {
                        font-size: 88px;
                    }
                }

                @media screen and (max-width: 640px) {
                    td.indicator .colored-number {
                        font-size: 64px;
                    }
                }

    /*Инфраструктура*/

        /*Контейнер*/

            .storage-map {
                padding-top: var(--section-padding-top);
                padding-bottom: var(--section-padding-bottom);
            }

        /*Заголовок*/

            .storage-map .slide-title {
                margin-bottom: 22px;
            }

        /*Карта*/

            .map-block {
                max-width: var(--page-max-width);
                width: 100%;
                margin: 0 auto 30px auto;
            }

            .map-block svg {
                width: 100%;
                height: min-content;
            }

        /*Cписок складов и площадок*/

            /*Общий контейнер*/
                    
                .infrastructure {
                    display: flex;
                    flex-direction: column;
                    padding-top: 60px;
                    padding-bottom: 60px;
                    margin: 0 auto;
                }

                @media screen and (max-width: 640px) {
                    .infrastructure {
                        display: none;
                    }
                }

            /*Контейнер для информации*/

                .infrastructure-list-wrapper {
                    /*flex-wrap: wrap;*/
                    padding-bottom: 40px;
                }

                .infrastructure-list-wrapper:not(.infrastructure-list-wrapper:first-child) {
                    border-top: 1px solid rgba(106, 106, 106, 0.20);
                    padding-top: 40px;
                }

                .infrastructure-list-wrapper:last-child {
                    padding-bottom: 0;
                }

            /*Контейнер количеством точек и их типом*/

                .infrastructure-type {
                    display: flex;
                    align-items: center;
                    justify-content: flex-start;
                    grid-column: span 5;
                }

                @media screen and (min-width: 640px) and (max-width: 980px) {
                    .infrastructure-type {
                        flex-direction: column;
                        justify-content: center;
                    }
                }

            /*Количество объектов*/

                .object-count {
                    color: var(--main-lavr-red-color);
                    font-family: var(--common-font-family);
                    font-size: 128px;
                    font-weight: 700;
                    line-height: 1;
                    text-transform: uppercase;
                    margin: 0 40px 0 0;
                }

                @media screen and (min-width: 640px) and (max-width: 980px) {
                    .infrastructure-type .object-count {
                        margin: 0 0 20px 0;
                    }
                }

            /*Название типа точки*/

                .infrastructure-type-name {
                    color: var(--main-font-color);
                    font-family: var(--second-font-family);
                    font-size: 1.875vw;
                    font-weight: 700;
                    line-height: 1.3;
                    margin: 0;
                }

                @media screen and (min-width: 1920px) {
                    .infrastructure-type-name {
                        font-size: 36px;
                    }
                }

                @media screen and (max-width: 1920px) {
                    .infrastructure-type-name {
                        font-size: 1.875vw;
                    }
                }

            /*Контейнер-список точек*/

                .infrastructure-list {
                    list-style-type: none;
                    margin: 0;
                    padding: 0;
                    grid-column: span 7;
                    display: grid;
                    column-gap: var(--grid-column-gap);
                }

                .infrastructure-list p {
                    color: var(--main-font-color);
                    font-family: var(--common-font-family);
                    font-size: 18px;
                    font-weight: 400;
                    line-height: 1.3;
                    margin: 0;
                }

                .infrastructure-list .company-name {
                    margin-bottom: 15px;
                    
                }

                @media screen and (min-width: 980px) {
                    .infrastructure-list {
                        grid-template-columns: repeat(2, 1fr);
                    }
                }

                @media screen and (max-width: 980px) {
                    .infrastructure-list {
                        grid-template-columns: 1fr;
                    }
                }

            /*Элемент декстопного списка точек*/

                .infrastructure-list li {
                    margin-bottom: 40px;
                    grid-column: span 1;
                }

                .infrastructure-list li:last-child {
                    margin-bottom: 0;
                }

        /*Список точек в мобилке*/

            /*Контейнер*/

                .infrastructure-list-mobile {
                    list-style-type: none;
                    margin: 0;
                    padding: 0;
                    overflow: scroll;
                    column-gap: 16px;
                    scroll-snap-type: x mandatory;
                    border-radius: var(--main-border-radius);
                }

                @media screen and (min-width: 640px) {
                    .infrastructure-list-mobile {
                        display: none;
                    }
                }

                @media screen and (max-width: 640px) {
                    .infrastructure-list-mobile {
                        display: flex;;
                    }
                }

            /*Элемент списка точек в мобилке*/

                .infrastructure-list-mobile li {
                    display: inherit;
                    flex-direction: column;
                    padding: 28px 25px;
                    box-sizing: border-box;
                    min-width: 350px;
                }

            /*Название региона*/

                .infrastructure-region-name {
                    color: var(--main-font-color);
                    font-family: var(--common-font-family);
                    font-size: 20px;
                    font-weight: 700;
                    line-height: 22px;
                    margin: 0 auto 36px 0;
                    display: flex;
                    align-items: center;
                }

            /*Иконка перед названием регоина*/

                .infrastructure-region-name::before {
                    width: 40px;
                    height: 40px;
                    content: '';
                    display: block;
                    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='39' height='42' viewBox='0 0 39 42' fill='none'%3e%3cforeignObject x='-6.4' y='-5.94004' width='51.3249' height='54.2634'%3e%3cdiv xmlns='http://www.w3.org/1999/xhtml' style='backdrop-filter:blur(3.2px);clip-path:url(%23bgblur_0_266_12381_clip_path);height:100%25;width:100%25'%3e%3c/div%3e%3c/foreignObject%3e%3cpath data-figma-bg-blur-radius='6.4' fill-rule='evenodd' clip-rule='evenodd' d='M19.2625 0.459961C8.62409 0.459961 0 9.08405 0 19.7224C0 29.0916 6.6891 36.8985 15.5522 38.6278L18.5546 41.6303C18.9451 42.0208 19.5783 42.0208 19.9688 41.6303L22.9709 38.6282C31.8349 36.8995 38.5249 29.0922 38.5249 19.7224C38.5249 9.08405 29.9008 0.459961 19.2625 0.459961Z' fill='%23DB052C'/%3e%3cpath d='M28.7033 17.542C28.5466 15.9115 27.9703 14.3494 27.0307 13.0078C26.091 11.6661 24.8199 10.5907 23.3412 9.88612C21.8625 9.18159 20.2265 8.87199 18.5926 8.98747C16.9587 9.10295 15.3825 9.63958 14.0176 10.5451C12.8449 11.3292 11.8605 12.3633 11.1351 13.5731C10.4096 14.7828 9.96104 16.1383 9.82166 17.542C9.68494 18.9365 9.86035 20.344 10.3352 21.6623C10.81 22.9806 11.5723 24.1767 12.5669 25.1638L18.4813 31.0894C18.585 31.194 18.7085 31.277 18.8445 31.3337C18.9804 31.3903 19.1263 31.4195 19.2736 31.4195C19.4209 31.4195 19.5668 31.3903 19.7028 31.3337C19.8388 31.277 19.9622 31.194 20.0659 31.0894L25.9581 25.1638C26.9526 24.1767 27.7149 22.9806 28.1897 21.6623C28.6646 20.344 28.84 18.9365 28.7033 17.542ZM24.3958 23.5904L19.2625 28.7236L14.1292 23.5904C13.3727 22.8338 12.7932 21.919 12.4324 20.9118C12.0715 19.9046 11.9383 18.83 12.0424 17.7652C12.1471 16.684 12.4907 15.6395 13.0485 14.7073C13.6062 13.7752 14.3641 12.9786 15.2674 12.3752C16.4514 11.5887 17.8411 11.1692 19.2625 11.1692C20.6838 11.1692 22.0736 11.5887 23.2575 12.3752C24.158 12.9763 24.9143 13.7693 25.4719 14.6974C26.0295 15.6255 26.3747 16.6655 26.4825 17.7429C26.59 18.8113 26.4585 19.8902 26.0975 20.9016C25.7366 21.9129 25.1553 22.8313 24.3958 23.5904ZM19.2625 13.4912C18.2693 13.4912 17.2984 13.7857 16.4726 14.3375C15.6467 14.8893 15.0031 15.6735 14.623 16.5911C14.2429 17.5087 14.1435 18.5184 14.3372 19.4925C14.531 20.4667 15.0093 21.3614 15.7116 22.0637C16.4139 22.766 17.3087 23.2443 18.2828 23.4381C19.2569 23.6318 20.2666 23.5324 21.1842 23.1523C22.1018 22.7722 22.8861 22.1286 23.4378 21.3028C23.9896 20.4769 24.2842 19.5061 24.2842 18.5129C24.2812 17.1819 23.7512 15.9063 22.8101 14.9652C21.869 14.0241 20.5934 13.4941 19.2625 13.4912ZM19.2625 21.3027C18.7107 21.3027 18.1713 21.1391 17.7125 20.8325C17.2537 20.526 16.8961 20.0903 16.685 19.5805C16.4738 19.0707 16.4186 18.5098 16.5262 17.9686C16.6339 17.4274 16.8996 16.9303 17.2897 16.5401C17.6799 16.15 18.177 15.8843 18.7182 15.7766C19.2594 15.669 19.8203 15.7242 20.3301 15.9354C20.8399 16.1465 21.2756 16.5041 21.5821 16.9629C21.8887 17.4217 22.0523 17.9611 22.0523 18.5129C22.0523 19.2528 21.7584 19.9624 21.2352 20.4856C20.712 21.0088 20.0024 21.3027 19.2625 21.3027Z' fill='white'/%3e%3cdefs%3e%3cclipPath id='bgblur_0_266_12381_clip_path'%3e%3cpath transform='translate(6.4 5.94004)' fill-rule='evenodd' clip-rule='evenodd' d='M19.2625 0.459961C8.62409 0.459961 0 9.08405 0 19.7224C0 29.0916 6.6891 36.8985 15.5522 38.6278L18.5546 41.6303C18.9451 42.0208 19.5783 42.0208 19.9688 41.6303L22.9709 38.6282C31.8349 36.8995 38.5249 29.0922 38.5249 19.7224C38.5249 9.08405 29.9008 0.459961 19.2625 0.459961Z'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
                    background-size: contain;
                    background-repeat: no-repeat;
                    background-position: center center;
                    background-size: contain;
                    margin-right: 28px;
                }

            /*Название типа инфраструктуры в мобилке*/

                .infrastructure-type-title {
                    display: flex;
                    align-items: center;
                    width: min-content;
                    white-space: nowrap;
                    color: var(--main-font-color);
                    font-family: var(--common-font-family);
                    font-size: 14px;
                    font-style: normal;
                    font-weight: 700;
                    line-height: 1;
                    border-radius: 10px;
                    padding: 10px;
                    background-color: rgba(92, 100, 108, 0.34);
                    margin: 0 auto 20px 0;
                }

            /*Иконка перед названием типа инфраструктуры в мобилке*/

                .infrastructure-type-title::before {
                    width: 15px;
                    height: 15px;
                    content: '';
                    display: block;
                    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.99088 1.67316C2.33332 0.988284 3.03332 0.555664 3.79903 0.555664H12.201C12.9667 0.555664 13.6667 0.988285 14.0091 1.67316L15.1472 3.94925C15.2262 4.10726 15.2875 4.27286 15.3304 4.44302C15.3339 4.45598 15.3371 4.46907 15.3399 4.48228C15.3826 4.66399 15.4043 4.8506 15.4043 5.03849V12.9286C15.4043 14.2738 14.3138 15.3643 12.9687 15.3643H3.03133C1.68617 15.3643 0.595703 14.2738 0.595703 12.9286V5.03849C0.595703 4.85061 0.61744 4.66401 0.660056 4.48231C0.662912 4.46908 0.666105 4.45597 0.669623 4.44299C0.712527 4.27284 0.773836 4.10726 0.852839 3.94925L1.99088 1.67316ZM2.1545 5.42691V12.9286C2.1545 13.4129 2.54707 13.8055 3.03133 13.8055H12.9687C13.4529 13.8055 13.8455 13.4129 13.8455 12.9286V5.42691H2.1545ZM13.3638 3.86811H2.6362L3.38512 2.37028C3.46351 2.2135 3.62375 2.11446 3.79903 2.11446H12.201C12.3763 2.11446 12.5365 2.2135 12.6149 2.37028L13.3638 3.86811ZM5.2721 7.57026C5.2721 7.13981 5.62105 6.79086 6.0515 6.79086V7.57026V8.34966C5.62105 8.34966 5.2721 8.00071 5.2721 7.57026ZM6.0515 7.57026V8.34966H9.9485C10.379 8.34966 10.7279 8.00071 10.7279 7.57026C10.7279 7.13981 10.379 6.79086 9.9485 6.79086H6.0515V7.57026Z' fill='%231D242C'/%3e%3c/svg%3e");
                    background-repeat: no-repeat;
                    background-position: center center;
                    background-repeat: no-repeat;
                    background-size: contain;
                    margin-right: 10px;
                }

            /*Название юрлица*/

                .infrastructure-company-name {
                    color: var(--main-font-color);
                    font-family: var(--common-font-family);
                    font-size: 16px;
                    font-weight: 600;
                    line-height: 1;
                    text-transform: uppercase;
                    margin: 0 auto 20px 0;
                }

            /*Адрес точки*/

                .infrastructure-adress {
                    color: var(--main-font-color);
                    font-family: var(--common-font-family);
                    font-size: 14px;
                    font-weight: 400;
                    line-height: 18px;
                    margin: 0;
                }

        /*Общее количество инфрастуктуры*/

            /*Контейнер*/

                .infrastructure-total-count {
                    justify-content: center;
                    align-items: center;
                    margin: 0 0 45px 0;
                }

                @media screen and (min-width: 640px) {
                    .infrastructure-total-count {
                        display: none;
                    }
                }

                @media screen and (max-width: 640px) {
                    .infrastructure-total-count {
                        display: flex;
                    }
                }

            /*Численное значение*/

                .infrastructure-total-count .object-count {
                    margin-right: 30px;
                }

                .infrastructure-total-count .object-count {
                    font-size: 66px;
                }

            /*Описание*/

                .infrastructure-total-description {
                    color: var(--main-font-color);
                    font-family: var(--common-font-family);
                    font-size: 20px;
                    font-weight: 700;
                    line-height: 1.2;
                    margin: 0;
                }

    /*Контрактное производство*/

        /*Контейнер*/

            .contract-manufactoring {
                box-sizing: border-box;
                padding-top: var(--section-padding-top);
                padding-bottom: var(--section-padding-bottom);
            }


        /*Контейнер с выпадающим список этапов производства*/

            @media screen and (min-width: 980px) {
                .contract-manufactoring-stage-details {
                    grid-column: 3 / -1;
                    grid-row: 3 / 4;
                }
            }

            @media screen and (max-width: 980px) {
                .contract-manufactoring-stage-details {
                    grid-column: 1 / -1;
                    grid-row: 4 / 5;
                }
            }

        /*Текст заголовок выпадающего списка с этапами*/

            .contract-manufactoring-stage-text {
                grid-row: 3 / 4;
                color: #808080;
                font-family: var(--common-font-family);
                font-size: 20px;
                font-weight: 500;
                line-height: 1.4;
            }

            @media screen and (min-width: 980px) {
                .contract-manufactoring-stage-text {
                    margin: 0;
                    grid-column: 1 / 3;
                }
            }

            @media screen and (max-width: 980px) {
                .contract-manufactoring-stage-text {
                    grid-column: 1 / -1;
                    margin: 0 0 35px 0;
                }
            }

        /*Контейнер этапа*/

            .contract-manufactoring details {
                box-sizing: border-box;
                border-bottom: 1px solid rgba(43, 43, 43, 0.43);
                transition-duration: var(--animation-transition-duration);
            }

            @media screen and (min-width: 640px) {
                .contract-manufactoring details {
                    padding: 45px;
                }
            }

            @media screen and (max-width: 640px) {
                .contract-manufactoring details {
                    padding: 20px;
                }
            }

        /*Название этапа*/

            .contract-manufactoring summary {
                margin: 0;
                color: var(--main-font-color);
                font-family: var(--second-font-family);
                font-weight: 600;
                line-height: 1.2;
                display: flex;
                align-items: center;
            }

            @media screen and (min-width: 640px) {
                .contract-manufactoring summary {
                    font-size: 40px;
                }
            }

            @media screen and (max-width: 640px) {
                .contract-manufactoring summary {
                    font-size: 18px;
                }
            }

        /*Красим название этапа при открытом пунтке списка*/

            .contract-manufactoring-stage-details details[open] summary {
                color: var(--main-lavr-red-color);
            }

        /*Описание этапа*/

            @media screen and (min-width: 640px) {
                .contract-manufactoring .stage-description {
                    margin: 55px 0 0 0;
                }
            }

            @media screen and (max-width: 640px) {
                .contract-manufactoring .stage-description {
                    margin: 30px 0 0 0;
                }
            }
        
        /*Номер Этапа*/

            .summary-nubmer {
                color: var(--main-font-color);
                font-family: var(--common-font-family);
                font-size: 64px;
                font-weight: 600;
                line-height: 1;
                margin: 0 55px 0 0;
            }

            @media screen and (min-width: 640px) {
                .contract-manufactoring .summary-nubmer {
                    font-size: 64px;
                }
            }

            @media screen and (max-width: 640px) {
                .contract-manufactoring .summary-nubmer {
                    font-size: 36px;
                }
            }

        /*Красим номер этапа при открытом пунтке списка*/

            .contract-manufactoring-stage-details details[open] .summary-nubmer {
                color: var(--main-lavr-red-color);
            }

        /*Иконка открытия*/
            
            .opened-icon {
                border: none;
                appearance: none;
                background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='19' height='18' viewBox='0 0 19 18' fill='none'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.02686 1.88604C9.44107 1.88604 9.77686 2.22183 9.77686 2.63604L9.77686 8.25L15.3908 8.25C15.805 8.25 16.1408 8.58579 16.1408 9C16.1408 9.41421 15.805 9.75 15.3908 9.75H9.77686L9.77685 15.364C9.77686 15.7782 9.44107 16.114 9.02686 16.114C8.61264 16.114 8.27686 15.7782 8.27686 15.364L8.27686 9.75H2.66289C2.24868 9.75 1.91289 9.41421 1.91289 9C1.91289 8.58579 2.24868 8.25 2.66289 8.25L8.27686 8.25L8.27686 2.63604C8.27686 2.22183 8.61264 1.88604 9.02686 1.88604Z' fill='%232B2B2B'/%3e%3c/svg%3e");
                background-size: contain;
                background-repeat: no-repeat;
                background-position: center center;
                background-color: transparent;
                margin: 0 0 0 auto;
                transition-duration: var(--animation-transition-duration);
                box-sizing: border-box;
                transform: rotateZ(0deg);
            }

            @media screen and (min-width: 640px) {
                .opened-icon {
                    width: 50px;
                    height: 50px;
                    padding-left: 55px;
                }
            }

            @media screen and (max-width: 640px) {
                .opened-icon {
                    width: 18px;
                    height: 18px;
                    padding-left: 25px;
                }
            }

            .contract-manufactoring-stage-details details[open] .opened-icon {
                transform: rotateZ(45deg);
            }

    /*Поможем вам продавать на маркетплейсах*/

        /*Контейнер*/

            .market-sales-help {
                background-color: var(--main-black-color);
                border-radius: var(--main-border-radius);
                margin-left: auto;
                margin-right: auto;
                row-gap: 40px;
            }

            @media screen and (min-width: 640px) {
                .market-sales-help {
                    padding-top: 90px;
                    padding-bottom: 105px;
                }
            }

            @media screen and (max-width: 640px) {
                .market-sales-help {
                    padding-top: 30px;
                    padding-bottom: 45px;
                }
            }

            .market-sales-help .text-block {
                display: flex;
                flex-direction: column;
                justify-content: flex-start;
                row-gap: 25px;
            }

            @media screen and (min-width: 980px) {
                .market-sales-help .text-block {
                    grid-column: 1 / 6;
                }
            }

            @media screen and (max-width: 980px) {
                .market-sales-help .text-block  {
                    grid-column: 1 / -1;
                    grid-row: 1 / 2;
                    row-gap: 40px;
                }
            }

            .market-sales-help .slide-title {
                color: white;
                margin: 0;
            }

            @media screen and (min-width: 1921px) {
                .market-sales-help .slide-title {
                    font-size: 48px;
                }
            }

            @media screen and (min-width: 640px) and (max-width: 1920px) {
                .market-sales-help .slide-title {
                    font-size: 2.5vw;
                }
            }

            @media screen and (max-width: 640px) {
                .market-sales-help .slide-title  {
                    font-size: 30px;
                }
            }

            .market-sales-text {
                color: #E3E2E2;
                font-family: var(--common-font-family);
                font-weight: 400;
                line-height: 1.3;
                margin: 0;
                font-size: 16px;
            }

            @media screen and (min-width: 1920px) {
                .market-sales-text {
                    font-size: 20px;
                }
            }

            @media screen and (max-width: 1920px) {
                .market-sales-text {
                    font-size: 16px;
                }
            }

        /*Плитка с фактами о торговле*/

            /*Контейнер-список*/

                .market-sales-facts-list {
                    display: grid;
                    column-gap: var(--grid-column-gap);
                    row-gap: var(--grid-column-gap);
                    margin: 0;
                    padding: 0;
                    list-style-type: none;
                    overflow: hidden;
                    grid-template-columns: repeat(7, 1fr);
                }

                @media screen and (min-width: 980px) {
                    .market-sales-facts-list {
                        grid-column: 6 / 13;
                    }
                }

                @media screen and (max-width: 980px) {
                    .market-sales-facts-list  {
                        grid-column: 1 / -1;
                        grid-row: 2 / 3;
                    }
                }

                @media screen and (min-width: 640px) {
                    .market-sales-facts-list {
                        grid-template-columns: repeat(7, 1fr);
                    }
                }

                @media screen and (max-width: 640px) {
                    .market-sales-facts-list  {
                        grid-template-columns: repeat(6, 1fr);
                    }
                }

            /*Блок - обертка для текста с достижениями*/

                .market-sales-facts-list-item-achive-block {
                    display: flex;
                    flex-direction: column;
                    row-gap: 10px;
                }

            /*Значение достижения*/

                .market-sales-facts-list-achive-value {
                    width: 65%;
                    height: auto;
                    margin: 0 auto;
                }

            /*Описание достижения*/

                .market-sales-facts-list-achive-descr {
                    font-family: var(--common-font-family);
                    line-height: 1;
                    font-weight: bold;
                    margin: 0;
                    text-align: center;
                }

                @media screen and (min-width: 640px) {
                    .market-sales-facts-list-achive-descr {
                        font-size: 40px;
                    }
                }

                @media screen and (max-width: 640px) {
                    .market-sales-facts-list-achive-descr {
                        font-size: 20px;
                    }
                }
                

            /*Кнопка*/

                .market-sales-button {
                    transition-duration: var(--animation-transition-duration);
                }

                .market-sales-button:hover,.market-sales-button:focus {
                    background-color: white;
                }

                .market-sales-button:hover .button-text,.market-sales-button:focus .button-text {
                    color: var(--main-lavr-red-color);
                }

                @media screen and (max-width: 980px) {
                    .market-sales-button {
                        grid-column: 1 / -1;
                        grid-row: 2 / 3;
                    }
                }

            /*Элемент плитки-списка*/

                .market-sales-facts-list-item {
                    border-radius: var(--main-border-radius);
                    background-color: #F2F2F2;
                    display: flex;
                    position: relative;
                    background-size: cover;
                }

            /*1й Элемент плитки-списка*/
               
                .market-sales-facts-list-item:nth-child(1) {
                    flex-direction: column;
                    background-image: url('/business/manufacture/images/background-pattern.svg');
                }

                @media screen and (min-width: 640px) {
                    .market-sales-facts-list-item:nth-child(1) {
                        grid-column: 1 / 5;
                        grid-row: 1 / 4;
                        padding: 1.82vw;
                        justify-content: space-between;
                    }
                }

                @media screen and (max-width: 640px) {
                    .market-sales-facts-list-item:nth-child(1) {
                        grid-column: 4 / 7;
                        grid-row: 1 / 5;
                        padding: 15px;
                        justify-content: flex-start;
                    }
                }

                @media screen and (max-width: 640px) {
                    .market-sales-facts-list-item:nth-child(1) .market-sales-facts-list-slide-title {
                       margin-bottom: 15px;
                    }
                }

            /*1й Элемент плитки-списка текст в обводке*/

                .market-sales-facts-list-item:nth-child(1) a {
                    color: white;
                    font-weight: 700;
                    background-color: var(--main-lavr-red-color);
                    padding: 5px 10px;
                    box-sizing: border-box;
                    border-radius: 12px;
                    width: min-content;
                    white-space: nowrap;
                    display: block;
                    cursor: pointer;
                }

            /*Заголовок элемента-списка*/

                .market-sales-facts-list-slide-title {
                    color: var(--main-font-color);
                    font-family: var(--common-font-family);
                    font-weight: 700;
                    margin: 0;
                    line-height: 1.2;
                }

                @media screen and (min-width: 1920px) {
                    .market-sales-facts-list-slide-title {
                        font-size: 36px;
                    }
                }

                @media screen and (min-width: 980px) and (max-width: 1920px) {
                    .market-sales-facts-list-slide-title {
                        font-size: 1.875vw;
                    }
                }

                @media screen and (min-width: 640px) and (max-width: 980px) {
                    .market-sales-facts-list-slide-title {
                        font-size: 22px;
                    }
                }

                @media screen and (max-width: 640px) {
                    .market-sales-facts-list-slide-title {
                        font-size: 14px;
                    }
                }
            
            /*Описание элемента-списка*/

                .market-sales-facts-list-slide-descr {
                    color: var(--main-font-color);
                    font-family: var(--common-font-family);
                    font-weight: 600;
                    margin: 0;
                    line-height: 1.2;
                }

                @media screen and (min-width: 980px) {
                    .market-sales-facts-list-slide-descr {
                        font-size: 18px;
                    }
                }

                @media screen and (min-width: 640px) and (max-width: 980px) {
                    .market-sales-facts-list-slide-descr {
                        font-size: 16px;
                    }
                }

                @media screen and (max-width: 640px) {
                    .market-sales-facts-list-slide-descr {
                        font-size: 14px;
                    }
                }

            /*2й Элемент плитки-списка*/

                .market-sales-facts-list-item:nth-child(2) {
                    flex-direction: column;
                    padding: 15px;
                    line-height: 1;
                    row-gap: 7px;
                }

                @media screen and (min-width: 640px) {
                    .market-sales-facts-list-item:nth-child(2) {
                        grid-column: 5 / 8;
                        grid-row: 1 / 4;
                    }
                }

                @media screen and (max-width: 640px) {
                    .market-sales-facts-list-item:nth-child(2) {
                        grid-column: 1 / 4;
                        grid-row: 1 / 5;
                    }
                }

                /*Лого ЛАВР*/

                    .market-sales-facts-list-item:nth-child(2) .lavr-logo {
                        width: auto;
                        height: 24px;
                    }

                @media screen and (min-width: 640px) {
                    .market-sales-facts-list-item:nth-child(2) .market-sales-facts-list-slide-descr {
                        display: none;
                    }
                }

            /*3й Элемент плитки-списка*/

                .market-sales-facts-list-item:nth-child(3) {
                    grid-column: 1 / 4;
                    grid-row: 4 / 7;
                    flex-direction: column;
                    padding: 15px;
                }

                @media screen and (max-width: 640px) {
                    .market-sales-facts-list-item:nth-child(3) {
                        display: none;
                    }
                }

                .market-sales-facts-list-item:nth-child(3) .market-sales-facts-list-achive-value {
                    fill: var(--main-lavr-red-color);
                }

                .market-sales-facts-list-item:nth-child(3) .market-sales-facts-list-achive-descr {
                    color: var(--main-lavr-red-color);
                }
            
            /*4й Элемент плитки-списка*/

                .market-sales-facts-list-item:nth-child(4) {
                    padding: 15px;
                    background-color: var(--main-lavr-red-color);
                    background-image: url('/business/manufacture/images/background-pattern.svg');
                }

                @media screen and (min-width: 640px) {
                    .market-sales-facts-list-item:nth-child(4) {
                        grid-column: 4 / 8;
                        grid-row: 4 / 7;
                    }
                }

                @media screen and (max-width: 640px) {
                    .market-sales-facts-list-item:nth-child(4) {
                        grid-column: 1 / -1;
                        grid-row: 5 / 8;
                    }
                }

            /*4й Элемент плитки-списка картинка с тарой*/

                .market-sales-facts-list-item:nth-child(4) img {
                    width: 65%;
                    position: absolute;
                    bottom: 0;
                }

                @media screen and (max-width: 640px) {
                    .market-sales-facts-list-item:nth-child(4) img {
                        transform: rotateY(180deg);
                        right: 0;
                    }
                }

                .market-sales-facts-list-item:nth-child(4) .market-sales-facts-list-item-achive-block {
                    width: 50%;
                }

                @media screen and (min-width: 640px) {
                    .market-sales-facts-list-item:nth-child(4) .market-sales-facts-list-item-achive-block {
                        display: none;
                    }
                }

                .market-sales-facts-list-item:nth-child(4) .market-sales-facts-list-achive-value {
                    fill: white;
                }

                .market-sales-facts-list-item:nth-child(4) .market-sales-facts-list-achive-descr {
                    color: white;
                }

                .market-sales-facts-list-item:nth-child(4) .market-sales-facts-list-slide-descr {
                    color: white;
                }

            /*Плашка с указанием места площадке*/

                .mp-place-value {
                    color: white;
                    font-family: var(--common-font-family);
                    font-weight: 700;
                    line-height: 1;
                    margin: 0;
                    box-sizing: border-box;
                    border-radius: 18px;
                    width: min-content;
                    white-space: nowrap;
                }

                @media screen and (min-width: 640px) {
                    .mp-place-value {
                        font-size: 16px;
                        padding: 10px;
                    }
                }

                @media screen and (max-width: 640px) {
                    .mp-place-value {
                        font-size: 12px;
                        padding: 5px 10px;
                    }
                }
            
            /*Красим плашку ОЗОН*/

                .ozn-place {
                    background-color: var(--ozn-main-color);
                }

            /*Красим плашку ВБ*/

                .wb-place {
                    background-color: var(--wb-main-color);
                }

    /*Услуги и виды работ по СТМ*/

        /*Контейнер*/

            @media screen and (min-width: 640px) {
                .stm-services {
                    padding: 100px 0;
                }
            }

            @media screen and (max-width: 640px) {
                .stm-services {
                    padding: 50px 0;
                }
            }

        /*Список услуг*/

            .stm-services-list {
                grid-column: 1 / -1; 
                display: grid;
                column-gap: var(--grid-column-gap);
                row-gap: var(--grid-column-gap);
                list-style-type: none;
                margin: 0;
                padding: 0;
                overflow-x: scroll;
                scroll-snap-type: x mandatory;
                border-radius: var(--main-border-radius);

            }

            .stm-services-list::-webkit-scrollbar {
                display: none;
            }

        /*Элемент списка услуг*/

            .stm-services-list-elem {
                display: flex;
                flex-direction: column;
                padding: 35px;
            }

        /*Иконка услуг*/    

            .service-image {
                width: 20%;
                max-width: 85px;
                height: auto;
                margin: 0 0 40px 0;
            }

        /*Название услуг*/    

            .service-name {
                color: var(--main-font-color);
                font-family: var(--common-font-family);
                font-size: 32px;
                font-weight: 700;
                line-height: 1.2;
                margin: 0 0 15px 0;
            }
        
        /*Описание услуг*/ 

            .service-descr {
                color: var(--main-font-color);
                font-family: var(--common-font-family);
                font-size: 18px;
                font-weight: 400;
                line-height: 1.3;
                margin: 0 0 50px 0;
            }

        /*Список что входит в услугу*/     

            .services-compound {
                display: flex;
                flex-direction: column;
                list-style-type: none;
                padding: 0;
                margin: auto 0 0 0;
                row-gap: 13px;
            }

        /*Элемент списка что входит в услугу*/     

            .services-compound li {
                display: flex;
                align-items: center;
                justify-content: center;
                width: min-content;
                white-space: nowrap;
                border-radius: 0px 18px 18px 18px;
                background: #2B2B2B;
                padding: 10px 18px;
                box-sizing: border-box;
                color: var(--main-gray-color);
                font-family: var(--common-font-family);
                font-size: 16px;
                font-weight: 500;
                line-height: 1.2; 
            }

    /*Слайдер с маркетплейсами*/

        /*Контейнер*/

            @media screen and (min-width: 640px) {
                .mp-slider {
                    padding-top: 45px;
                    padding-bottom: 45px;
                }
            }

            @media screen and (max-width: 640px) {
                .mp-slider {
                    padding-top: 30px;
                    padding-bottom: 30px;
                }
            }

        /*Контейнер содержимого*/

            .mp-slider-wrapper {
                background-color: var(--main-black-color);
                border-radius: var(--main-border-radius);
                display: flex;
                flex-direction: column;
                align-items: center;
                padding: 45px var(--grid-column-gap);
            }

            @media screen and (min-width: 980px) {
                .mp-slider-wrapper {
                    grid-column: 5 / 9;
                }
            }

            @media screen and (min-width: 640px) and (max-width: 980px)  {
                .mp-slider-wrapper {
                    grid-column: 4 / 10;
                }
            }

            @media screen and (min-width: 640px) {
                .mp-slider-wrapper {
                    margin-left: -25px;
                    margin-right: -25px;
                }
            }

            @media screen and (max-width: 640px) {
                .mp-slider-wrapper {
                    grid-column: 1 / -1;
                    margin-left: 0;
                    margin-right: 0;
                }
            }

        /*Текст в блоке*/

            .mp-slider-text {
                color: #FFF;
                text-align: center;
                font-family: var(--common-font-family);
                font-size: 36px;
                font-weight: 600;
                line-height: 1.2;
                margin: 0 auto;
            }

        /*Иконка*/

            .mp-slider-text::before {
                content: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='50' height='51' viewBox='0 0 50 51' fill='none'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.24286 22.4873C5.08299 23.5058 5 24.5499 5 25.6133C5 27.1718 5.17826 28.6886 5.51549 30.1445C5.52654 30.1444 5.53761 30.1443 5.5487 30.1443H12.8465C12.7212 28.6713 12.6562 27.1563 12.6562 25.6133C12.6562 24.557 12.6867 23.5138 12.7461 22.4883H5.3125C5.28921 22.4883 5.266 22.488 5.24286 22.4873ZM6.7193 17.4883H13.284C13.8104 14.199 14.652 11.2087 15.749 8.70133C15.9096 8.33432 16.077 7.97459 16.2512 7.62327C12.0267 9.68155 8.63522 13.184 6.7193 17.4883ZM25 0.613281C11.1929 0.613281 0 11.8062 0 25.6133C0 39.4204 11.1929 50.6133 25 50.6133C38.8071 50.6133 50 39.4204 50 25.6133C50 11.8062 38.8071 0.613281 25 0.613281ZM25 5.61328C24.468 5.61328 23.7642 5.84919 22.906 6.67882C22.0359 7.52007 21.138 8.85808 20.3298 10.7054C19.5043 12.5924 18.8235 14.8934 18.3555 17.4883H31.6445C31.1765 14.8934 30.4957 12.5924 29.6702 10.7054C28.862 8.85808 27.9641 7.52007 27.094 6.67882C26.2358 5.84919 25.532 5.61328 25 5.61328ZM36.716 17.4883C36.1896 14.199 35.348 11.2087 34.251 8.70133C34.0904 8.33432 33.923 7.97459 33.7488 7.62327C37.9733 9.68155 41.3648 13.184 43.2807 17.4883H36.716ZM32.2448 22.4883H17.7552C17.6902 23.5046 17.6562 24.548 17.6562 25.6133C17.6562 27.1761 17.7294 28.6919 17.8664 30.1443H32.1336C32.2706 28.6919 32.3438 27.1761 32.3438 25.6133C32.3438 24.548 32.3098 23.5046 32.2448 22.4883ZM37.1535 30.1443C37.2788 28.6713 37.3438 27.1563 37.3438 25.6133C37.3438 24.557 37.3133 23.5138 37.2539 22.4883H44.6875C44.7108 22.4883 44.734 22.488 44.7571 22.4873C44.917 23.5058 45 24.5499 45 25.6133C45 27.1717 44.8218 28.6884 44.4846 30.1443H37.1535ZM31.364 35.1443H18.636C19.0797 37.1684 19.6567 38.9825 20.3298 40.5211C21.138 42.3685 22.0359 43.7065 22.906 44.5477C23.7642 45.3774 24.468 45.6133 25 45.6133C25.532 45.6133 26.2358 45.3774 27.094 44.5477C27.9641 43.7065 28.862 42.3685 29.6702 40.5211C30.3433 38.9825 30.9203 37.1684 31.364 35.1443ZM33.7488 43.6033C33.923 43.252 34.0904 42.8922 34.251 42.5252C35.1895 40.38 35.9412 37.8813 36.4684 35.1443H42.5873C40.5998 38.804 37.5033 41.774 33.7488 43.6033ZM16.2512 43.6033C16.077 43.252 15.9096 42.8922 15.749 42.5252C14.8105 40.38 14.0588 37.8813 13.5316 35.1443H7.41272C9.40021 38.804 12.4967 41.774 16.2512 43.6033Z' fill='white'/%3e%3c/svg%3e");
                width: 50px;
                height: 50px;
                display: block;
                margin: 0 auto 35px auto;

            }

        /*Слайдер с иконками маркетплейсов*/

            .mp-ico-slider {
                position: relative;
                margin: 50px 0;
            }

            .mp-ico-slider-list {
                list-style-type: none;
                display: flex;
                column-gap: var(--grid-column-gap);
                margin: auto;
                width: min-content;
                will-change: transform;
                animation: scrolling 20s ease-in-out infinite;
            }

            .mp-ico-slider-list li:hover {
                transform: scale(1.05);
            }

        /*Анимация*/

            @keyframes scrolling {
                0% {
                    transform: translateX(0);
                }

                25% {
                    transform: translateX(25%);
                }

                75% {
                    transform: translateX(-25%);
                }
            }

            .mp-ico-slider-list:hover {
                animation-play-state: paused;
            }

        /*Лого компании*/

            .company-logo {
                height: 24px;
                width: auto;
            }

    /*Наши магазины*/

        /*Контейнер*/

            .our-shops {
                padding-top: var(--section-padding-top);
                padding-bottom: var(--section-padding-bottom);
            }

            .our-shops .slide-title {
                margin-bottom: 60px;
            }

            .mp-shops-list {
                list-style-type: none;
                row-gap: 25px;
                margin: 0;
            }

            .mp-shops-list li {
                box-sizing: border-box;
                padding: 50px 15px;
                display: flex;
                align-items: center;
                justify-content: center;
                transition-duration: var(--animation-transition-duration);
                cursor: pointer;
            }

            @media screen and (min-width: 980px) {
                .mp-shops-list li {
                    grid-column: span 3;
                }
            }

            @media screen and (min-width: 640px) and (max-width: 980px) {
                .mp-shops-list li {
                    grid-column: span 4;
                }
            }

            @media screen and (max-width: 640px) {
                .mp-shops-list li {
                    grid-column: span 6;
                }
            }

            .mp-shops-list svg {
                max-height: 32px;
                width: min-content;
            }

            @media screen and (min-width: 640px) {
                .mp-shops-list svg {
                    fill: var(--main-black-color);
                }

                .shops-ozn:hover {
                    background-color: var(--ozn-main-color);
                }

                .shops-wb:hover {
                    background-color: var(--wb-main-color);
                }

                .shops-yndx:hover {
                    background-color: var(--yndx-main-color);
                }

                .shops-ali:hover {
                    background-color: var(--ali-main-color);
                }

                .shops-ozn:hover svg, .shops-wb:hover svg, .shops-ali:hover svg, .shops-yndx:hover svg {
                    fill: white;
                }

                .shops-yndx #yndx-logo-letter {
                    fill: var(--main-gray-color);
                }

                .shops-yndx:hover #yndx-logo-letter {
                    fill: var(--yndx-main-color);
                }

                .shops-yndx #yndx-logo-pattern {
                    fill: var(--main-gray-color);
                }

                .shops-yndx:hover #yndx-logo-pattern {
                    fill: var(--yndx-main-color);
                }

                .shops-yndx:hover circle {
                    fill: white;
                }

                .shops-yndx:hover #yellow-circle {
                    fill: var(--yndx-yellow-color);
                }
            }

            @media screen and (max-width: 640px) {

                .mp-shops-list svg {
                    fill: white;
                }

                .shops-ozn {
                    background-color: var(--ozn-main-color);
                }

                .shops-wb {
                    background-color: var(--wb-main-color);
                }

                .shops-yndx {
                    background-color: var(--yndx-main-color);
                }

                .shops-ali {
                    background-color: var(--ali-main-color);
                }


                .shops-yndx #yndx-logo-letter {
                    fill: var(--yndx-main-color);
                }

                .shops-yndx #yndx-logo-pattern {
                    fill: var(--yndx-main-color);
                }

                .shops-yndx circle {
                    fill: white;
                }

                .shops-yndx #yellow-circle {
                    fill: var(--yndx-yellow-color);
                }
            }

          

    /*Форма обратной связи внизу*/

        /*Контейнер*/

            .callback-form {
                width: 100%;
            }

        /*Тело формы*/
            
            .callback-form-body {
                background-color: var(--main-black-color);
                border-radius: var(--main-border-radius);
                padding: 100px 0;
                box-sizing: border-box;
            }

            @media screen and (min-width: 640px) {
                .callback-form-body {
                    padding: 100px 0;
                }
            }

            @media screen and (max-width: 640px) {
                .callback-form-body {
                    padding: 50px 0;
                }
            }

        /*Заголовок формы*/

            .callback-form-body .form-title {
                color: #FFF;
                font-family: var(--second-font-family);
                font-style: normal;
                font-weight: 700;
                line-height: 1.2;
                margin: 0 0 75px 0;
                grid-column: 2 / 12;
                grid-row: 1 / 2;
            }

            .callback-form-body .form-res {
                color: #FFF;
                font-family: var(--second-font-family);
                font-style: normal;
                font-weight: 700;
                line-height: 1.2;
                text-align: center;
                grid-column: 2 / 12;
                grid-row: 1 / 2;
            }

            .callback-form-body .form-title * {
                font-family: inherit;
            }

            @media screen and (min-width: 640px) {
                .callback-form-body .form-title {
                    font-size: 48px;
                }
                .callback-form-body .form-res {
                    font-size: 34px;
                }
            }

            @media screen and (max-width: 640px) {
                .callback-form-body .form-title {
                    font-size: 32px;
                }
                .callback-form-body .form-res {
                    font-size: 24px;
                }
            }
    
        /*Группа полей в форме*/

            .callback-form-body .form-title strong {
                color: inherit;
                background-color: var(--main-lavr-red-color);
                padding: 5px 15px;
                box-sizing: border-box;
                border-radius: 12px;
                width: min-content;
                white-space: nowrap;
                display: block;
            }

            .callback-form-body fieldset {
                display: flex;
                flex-wrap: wrap;
                align-items: flex-end;
                column-gap: var(--grid-column-gap);
                row-gap: 25px;
                grid-row: 2 / 3;
                grid-column: 2 / 12;
            }

            @media screen and (min-width: 640px) {
                .callback-form-body fieldset {
                    justify-content: space-between;
                }
            }

            @media screen and (max-width: 640px) {
                .callback-form-body fieldset {
                    justify-content: center;
                }
            }

        /*Лэйбл в форме сбора контактных данных*/

            .callback-form-body label {
                color: #FFF;
                font-size: 20px;
                font-style: normal;
                font-weight: 700;
                line-height: 1;
                margin: 0;
                min-width: 275px;
                display: block;
                position: relative;
            }

            @media screen and (min-width: 640px) {
                .callback-form-body label {
                    width: 33%;
                }
            }

            @media screen and (max-width: 640px) {
                .callback-form-body label {
                    width: 100%;
                }
            }

        /*Поле ввода в форме*/

            .callback-form-body input {
                color: var(--main-black-color);
                font-family: var(--common-font-family);
                font-size: 20px;
                font-weight: 700;
                line-height: 1;
                margin: 28px 0 0 0;
                background-color: transparent;
                transition-duration: var(--animation-transition-duration);
                padding: 13px 16px;
                border-radius: 8px;
                border: 1px solid var(--gray-border-color);
            }

        /*Поле ввода в фокусе*/

            .callback-form-body input:focus {
                background-color: white;
            }

        /*Общие стили маркера при проверке валидности полей*/

            .callback-form-body label::after {
                content: '';
                width: 24px;
                height: 24px;
                position: absolute;
                right: 16px;
                bottom: 13px;
                background-repeat: no-repeat;
                background-size: contain;
                background-position: center center;
                transition-duration: var(--animation-transition-duration);
            }

        /*Валидное поле*/

            .callback-form-body .valid input {
                border: 1px solid var(--input-valid-color);
                background-color: white;
                box-shadow: 0px 0px 10px 0px var(--input-valid-color);
            }

        /*НЕвалидное поле*/

            .callback-form-body .invalid input {
                border: 1px solid var(--input-invalid-color);
                background-color: white;
                box-shadow: 0px 0px 10px 0px var(--input-invalid-color);
            }

        /*Маркер валидного поля*/

            .valid::after {
                display: block;
                background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 0.998047C5.925 0.998047 1 5.92305 1 11.998C1 18.073 5.925 22.998 12 22.998C18.075 22.998 23 18.073 23 11.998C23 5.92305 18.075 0.998047 12 0.998047ZM16.768 10.138C16.8558 10.0377 16.9226 9.92079 16.9646 9.79422C17.0065 9.66764 17.0227 9.53396 17.0123 9.40103C17.0018 9.2681 16.9648 9.13861 16.9036 9.02017C16.8423 8.90174 16.758 8.79675 16.6555 8.71139C16.5531 8.62603 16.4346 8.56201 16.3071 8.52311C16.1796 8.48421 16.0455 8.47121 15.9129 8.48487C15.7802 8.49854 15.6517 8.53859 15.5347 8.60268C15.4178 8.66677 15.3149 8.75359 15.232 8.85805L10.932 14.017L8.707 11.791C8.5184 11.6089 8.2658 11.5081 8.0036 11.5104C7.7414 11.5127 7.49059 11.6178 7.30518 11.8032C7.11977 11.9886 7.0146 12.2394 7.01233 12.5016C7.01005 12.7638 7.11084 13.0164 7.293 13.205L10.293 16.205C10.3913 16.3032 10.5089 16.3799 10.6384 16.4301C10.7679 16.4803 10.9065 16.503 11.0453 16.4967C11.184 16.4904 11.32 16.4552 11.4444 16.3935C11.5688 16.3317 11.6791 16.2447 11.768 16.138L16.768 10.138Z' fill='%238BFF97'/%3e%3c/svg%3e");
            }

        /*Маркер НЕвалидного поля*/

            .invalid::after {
                display: block;
                background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3e%3cpath d='M12 1.49805C6.15 1.49805 1.5 6.14805 1.5 11.998C1.5 17.848 6.15 22.498 12 22.498C17.85 22.498 22.5 17.848 22.5 11.998C22.5 6.14805 17.85 1.49805 12 1.49805ZM16.05 17.248L12 13.198L7.95 17.248L6.75 16.048L10.8 11.998L6.75 7.94805L7.95 6.74805L12 10.798L16.05 6.74805L17.25 7.94805L13.2 11.998L17.25 16.048L16.05 17.248Z' fill='%23FF7C89'/%3e%3c/svg%3e");
            }

            .callback-form-button {
                border-radius: 12px;
            }

    /* Поп-ап с информацией о типах тары */

        /*Подложка*/

            .popup-background {
                position: fixed;
                top: 0;
                left: 0;
                justify-content: center;
                align-items: center;
                width: 100%;
                height: 100%;
                background: rgba(242, 242, 242, 0.7);
                z-index: 500;
                padding: 0 15px;
                overflow: hidden;
            }
        
        /*Контейнер*/
 
            .tare-info-popup {
                position: fixed;
                top: 0;
                display: flex;
                flex-direction: column;
                row-gap: 30px;
                box-sizing: border-box;
                border-radius: var(--main-border-radius);
                background-color: white;
                z-index: 501;
                max-width: 1000px;
                height: 100%;
                box-shadow: 0 25px 50px 0 rgba(0, 0, 0, 0.15);
                overflow-y: scroll;
            }

            /*Скрываем скроллбар*/

                .tare-info-popup::-webkit-scrollbar {
                    display: none;
                }

            @media screen and (min-width: 640px) {
                .tare-info-popup {
                    padding: 30px 50px;
                }
            }

            @media screen and (min-width: 640px) and (max-width: 980px) {
                .tare-info-popup {
                    padding: 30px;
                }
            }

            @media screen and (max-width: 640px) {
                .tare-info-popup {
                    padding: 30px 20px;
                }
            }

            .tare-info-wrapper {
                display: grid;
                grid-template-columns: repeat(12, 1fr);
                column-gap: var(--grid-column-gap);
            }

        /*Название типа тары*/

            .tare-type-name {
                color: var(--main-font-color);
                font-family: var(--common-font-family);
                font-weight: 700;
                line-height: 1.2;
                margin: 0 0 30px 0;
            }

            @media screen and (min-width: 980px) {
                .tare-type-name {
                    grid-column: 1 / 7;
                    grid-row: 1 / 2;
                    font-size: 48px;
                }
            }

            @media screen and (min-width: 640px) and (max-width: 980px) {
                .tare-type-name {
                    grid-column: 1 / -1;
                    grid-row: 1 / 2;
                    font-size: 40px;
                }
            }

            @media screen and (max-width: 640px) {
                .tare-type-name {
                    grid-column: 1 / -1;
                    grid-row: 2 / 3;
                    font-size: 32px;
                }
            }

        /*Описание типа тары*/

            .tare-type-descr {
                color: var(--main-font-color);
                font-family: var(--common-font-family);
                font-weight: 500;
                line-height: 1.2;
            }

            @media screen and (min-width: 980px) {
                .tare-type-descr {
                    grid-column: 1 / 7;
                    grid-row: 2 / 3;
                    font-size: 18px;
                    margin: 0 0 45px 0;
                }
            }

            @media screen and (min-width: 640px) and (max-width: 980px) {
                .tare-type-descr {
                    grid-column: 1 / 7;
                    grid-row: 2 / 3;
                    font-size: 16px;
                    margin: 0 0 30px 0;
                }
            }

            @media screen and (max-width: 640px) {
                .tare-type-descr {
                    grid-column: 1 / -1;
                    grid-row: 3 / 4;
                    font-size: 16px;
                    margin: 0 0 30px 0;
                }
            }

        /*Описание типа тары*/

            .tare-type-image {
                border-radius: var(--main-border-radius);
                object-fit: cover;
                width: 100%;
                height: -webkit-fill-available;
                height: -moz-fill-available;
            }

            @media screen and (min-width: 980px) {
                .tare-type-image {
                    grid-column: 7 / 12;
                    grid-row: 1 / 5;
                }
            }

            @media screen and (min-width: 640px) and (max-width: 980px) {
                .tare-type-image {
                    grid-column: 7 / 13;
                    grid-row: 2 / 3;
                }
            }

            @media screen and (max-width: 640px) {
                .tare-type-image {
                    grid-column: 1 / -1;
                    grid-row: 1 / 2;
                    margin-bottom: 30px;
                }
            }

        /*приписка о том что можно выбрать*/

            .tare-components-list-prefix {
                grid-column: 1 / 7;
                grid-row: 3 / 4;
                color: var(--main-font-color);
                font-family: var(--common-font-family);
                font-size: 18px;
                font-weight: 700;
                line-height: 1.2;
                margin: 0 0 20px 0;
            }

            @media screen and (min-width: 980px) {
                .tare-components-list-prefix {
                    grid-column: 1 / 7;
                    grid-row: 3 / 4;
                }
            }

            @media screen and (max-width: 980px) {
                .tare-components-list-prefix {
                    grid-column: 1 / -1;
                    grid-row: 4 / 5;
                }
            }

        /*Список компонентов тары*/

            .tare-components-list {
                grid-column: 1 / 7;
                grid-row: 4 / 5;
                margin: 0;
                padding: 0;
                display: flex;
                gap: 12px;
                list-style-type: none;
                height: min-content;
                white-space: nowrap;
            }

            .tare-components-list::-webkit-scrollbar {
                display: none;
            }

            @media screen and (min-width: 980px) {
                .tare-components-list {
                    grid-column: 1 / 7;
                    grid-row: 4 / 5;
                    flex-wrap: wrap;
                }
            }

            @media screen and (max-width: 980px) {
                .tare-components-list {
                    grid-column: 1 / -1;
                    grid-row: 5 / 6;
                    overflow-x: scroll;
                }
            }

        /*Элемент списка компонентов тары*/

            .tare-components-list li {
                border-radius: 15px;
                display: flex;
                padding: 14px 22px;
                box-sizing: border-box;
                justify-content: center;
                align-items: center;
                font-family: var(--common-font-family);
                font-size: 16px;
                font-weight: 700;
                line-height: 1;
                margin: 0;
                height: min-content;
            }

            @media screen and (min-width: 980px) {
                .tare-components-list li {
                    border: 1px solid #D6D6D6;
                    background-color: transparent;
                    color: var(--main-font-color);
                }
            }

            @media screen and (max-width: 980px) {
                .tare-components-list li {
                    border: none;
                    background-color: rgba(43, 43, 43, 0.79);
                    color: white;
                }
            }

        /*Кнопка закрытия окна на десктопе*/

            .modal-window-close {
                margin: 0 0 auto auto;
                appearance: none;
                display: flex;
                align-items: center;
                justify-content: center;
                width: 100%;
                max-width: 52px;
                height: auto;
                background-color: var(--main-gray-color);
                border-radius: 50%;
                border: none;
                padding: 15px;
                transition-duration: var(--animation-transition-duration);
            }

            .modal-window-close:hover, .modal-window-close:focus, .modal-window-close:focus-visible {
                -webkit-box-shadow: 0px 0px 10px 4px rgba(34, 60, 80, 0.1);
                -moz-box-shadow: 0px 0px 10px 4px rgba(34, 60, 80, 0.1);
                box-shadow: 0px 0px 10px 4px rgba(34, 60, 80, 0.2);
            }

            .modal-window-close:active {
                background-color: #D3D3D3;
            }

            @media screen and (min-width: 980px) {
                .modal-window-close {
                    grid-column: 12 / -1;
                    grid-row: 1 / 2;
                }
            }

            @media screen and (max-width: 980px) {
                .modal-window-close {
                    display: none;
                }
            }

            button.modal-window-close svg.window-close-ico {
                fill: var(--main-black-color);
                width: 100%;
            }

        /*Кнопка закрытия окна на лэптоп и мобайл*/

            .modal-window-goback-button {
                appearance: none;
                border: none;
                padding: 10px 30px;
                margin: 0 auto;
                width: min-content;
                white-space: nowrap;
                background-color: transparent;
            }

            @media screen and (min-width: 980px) {
                .modal-window-goback-button {
                    display: none;
                }
            }

            .modal-window-goback-button p {
                display: flex;
                align-items: center;
                column-gap: 10px;
                /*---*/
                color: #1D252C;
                font-family: var(--common-font-family);
                font-size: 20px;
                font-weight: 600;
                line-height: 1;
                margin: 0;
            }

            .modal-window-goback-button p::before {
                content: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='25' height='24' viewBox='0 0 25 24' fill='none'%3e%3cpath d='M11.526 6.01733L5.5 12.0432M5.5 12.0432L11.4403 17.9835M5.5 12.0432L19.5 12.0432' stroke='%231D252C' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e");
                display: block;
                width: 24px;
                height: 24px;
            }

        /*Блок с тарой*/

            /*Блок с продуктами*/

                .tare-box {
                    display: flex;
                    justify-content: space-evenly;
                    width: 100%;
                    margin: auto;
                    padding: 0;
                    user-select: none;
                    /*overflow-x: scroll;*/
                }

            /*Индивидуальный контейнер для тары и подписей*/

                .product-tare {
                    display: flex;
                    flex-direction: column;
                    justify-content: flex-end;
                    position: relative;
                    max-width: 25%;
                }

            /*Компоненты тары*/

                .product-tare .cap,
                .product-tare .spray,
                .product-tare .nozzle {
                    transition-duration: var(--tare-components-transition-duration);
                    display: flex; /*Важное свойство, значение не менять*/
                }

            /*Блок для изображения тары*/

                .product-tare .ballon {
                    z-index: 40;
                }

                @media screen and (min-width: 640px) {
                    .product-tare .ballon {
                        margin-bottom: 30px;
                    }
                }

                @media screen and (max-width: 640px) {
                    .product-tare .ballon {
                        margin-bottom: 15px;
                    }
                }

            /*Крышка баллона*/

                .product-tare .cap {
                    z-index: 50;
                    width: 100%;
                }

            /*Распылитель баллона*/

                .product-tare .spray {
                    margin: 0 auto;
                    z-index: 30;
                    transform: translateY(85%);
                }

            /*Форсунка
            баллона*/

                .product-tare .nozzle {
                    margin: 0 auto;
                    z-index: 20;
                    transform: translateY(100%);
                }

            /*Картинки компонентов тары*/

                .ballon img,
                .cap img,
                .nozzle img,
                .spray img {
                    width: 100%;
                    height: auto;
                }

            /*Объем баллона*/

                .volume {
                    font-weight: bold;
                    text-align: center;
                    font-family: var(--common-font-family);
                    color: #000;
                    margin: 0 auto;
                    white-space: nowrap;
                }

                @media screen and (min-width: 640px) {
                    .volume {
                        font-size: 18px;
                        line-height: 24px;
                    }
                }

                @media screen and (max-width: 640px) {
                    .volume {
                        font-size: 12px;
                        line-height: 18px;
                    }
                }