@media screen and (max-width: 2000px) and (min-resolution: 120dpi) {
    html {
        zoom: 0.8;
    }
}

.test-center {
    .content {
        container-type: inline-size;
        display: grid;
        grid-template-columns: 434px 1fr 434px;
        gap: 10px;
        @container (inline-size < 1500px) {
            .description {
                flex-direction: column;
            }

            .left {
                justify-content: flex-start !important;
                gap: 200px !important;
            }

            .right {
                justify-content: flex-end !important;
                gap: 200px !important;
            }
        }

        .column {
            display: flex;
            flex-direction: column;
            gap: 10px;

            &.center {
                justify-content: space-between;
            }
        }

        .left {
            display: flex;
            flex-direction: column;
            justify-content: space-between;
        }

        .experiment {
            background-color: white;
            padding: 20px;
            border-radius: 16px;
            gap: 18px;

            &.with-picture {
                padding: 10px;
                gap: 10px;
            }

            display: flex;
            flex-direction: column;

            .main-image {
                border-radius: 11px;
                filter: grayscale(1);

                &:hover {
                    filter: grayscale(0);
                    transition: filter .5s;
                }
            }

            .name-string {
                display: flex;
                align-items: center;
                gap: 10px;
                font-size: 20px;
            }

            .title {
                font-family: Oswald;
                font-size: 32px;
                color: #17171766;
                font-weight: bold;
                text-transform: uppercase;
            }

            .description {
                display: flex;
                justify-content: space-between;
                gap: 15px;

                b {
                    font-family: Oswald;
                    font-size: 24px;
                }

                span {
                    line-height: 130%;
                    font-family: Roboto;
                    font-size: 20px;
                    color: #959A9F;
                }
            }

            &.other .title {
                display: flex;
                justify-content: space-between;
                align-items: center;

                .button {
                    font-size: 20px;
                    text-transform: none;
                    color: white;
                    background-color: #9FA2B0;
                    text-decoration: none;
                    display: flex;
                    font-weight: 400;
                    align-items: center;
                    font-family: Roboto;
                    padding: 10px 15px;
                    border-radius: 12px;
                }
            }
        }
    }
}

sup {
    vertical-align: super;
    font-size: 0.6em;
}

.secondary-container {
    display: flex;
    flex-direction: column;

    &.grey-block {
        border-radius: 16px;
        background: linear-gradient(281deg, #e9edf2 4%, #a9acbc 88.58%);
    }

    &.dark-grey-block {
        border-radius: 16px;
        background: #505050;
    }

    &.flex-gap {
        display: flex;
        flex-direction: column;
        gap: 60px;
    }
}

.text-place {
    display: block;
    gap: 12px;
    border-radius: 20px;
    background: #fff;
    padding: 30px
}

.project-description-block {
    .content {
        display: grid;
        grid-template-columns: 1fr 580px;
        gap: 10px;

        .description {

        }

        .gallery {
            align-self: start;
            padding: 15px;
            background-color: white;
            border-radius: 20px;
        }
    }
}

.procedure-for-filing-complaints {
    [data-tabs-block] {
        display: flex;
        flex-direction: column;
        gap: 24px;
    }

    [data-panes] {
        display: flex;
        gap: 10px;
        font-family: Roboto;
        font-weight: 400;
        font-size: 20px;
        line-height: 130%;
        color: white;

        [data-pane] {
            padding: 13px 30px 13px 30px;
            border-radius: 12px;
            background-color: #9FA2B0;
        }

        .active {
            background-color: white;
            color: #3D3E3F;
        }
    }

    [data-container] {
        background-color: white;
        border-radius: 16px;
        padding: 30px 90px 30px 30px;

        .title {
            font-size: 30px;
        }
    }

    .block-content {
        container-type: inline-size;
        @container (inline-size < 500px) {
            [data-panes] {
                flex-direction: column;
            }

            [data-show-more-button] {
                width: 100%;
            }
        }
    }
}

.text-content {
    ul {
        padding-inline-start: 20px;
        line-height: 150%;
        list-style-type: none;
        position: relative;

        li::before {
            content: "– "; /* Вставляем тире и пробел */
            position: absolute;
            left: 0; /* Позиционируем тире слева */
        }
    }

    h2 {
        font-weight: 400;
    }

    .show-more {
        border-radius: 13px;
        background-color: white;
        padding: 13px 30px;
        font-family: Roboto;
        font-weight: 400;
        font-size: 20px;
        line-height: 130%;
        border: 1px solid #3D3E3F;
        cursor: pointer;
    }
}

[data-show-more-content] {
    overflow: hidden;
    max-height: 300px;
    transition: max-height 0.3s ease;
    position: relative;
    padding-bottom: 100px;

    [data-show-more-button-place] {
        background: linear-gradient(to bottom, rgb(255, 255, 255, 0) 0%, rgb(255, 255, 255, 1) 20%);
        height: 100px;
        width: 100%;
        position: absolute;
        bottom: 0;
        left: 0;
        display: flex;
        padding: 0 30px;
        justify-content: flex-start;
        align-items: center;

        [data-show-more-button] {

        }
    }
}

h1.site-header {
    margin-top: unset;
    margin-bottom: unset;
}

.new-products_item_characteristic-wrapper {
    height: unset;

    p {
        margin: 0;
    }
}

.new-products_items .new-products_item .new-products_item_characteristic-wrapper {
    -webkit-line-clamp: unset;
}

.product-characteristic .product-characteristic_items-wrapper .product-characteristic_item.active.description {
    p {
        margin: 0;
    }

    display: block;
}

.about-company {
    .block-title {
        grid-area: A;
        align-items: self-start;
        color: rgb(255, 255, 255);
        font-family: Oswald;
        font-size: clamp(31px, 3.7vw, 70px);
        font-weight: 500;
        line-height: 115%;
        text-transform: uppercase;
        justify-self: flex-start;
        margin: 0;
    }
}

.popup-wrapper .popup_header {
    display: flex;
    flex-direction: column;
    gap: 12px;
    font-size: 30px;
    line-height: 130%;
}

.popular-products .popular-products_header-wrapper h2 {
    color: #eaeaea;
    font-size: 30px;
    line-height: 120%;
    margin: 0;
}

.products-catalog .products-catalog_header-wrapper h2 {
    color: #eaeaea;
    font-size: 30px;
    line-height: 120%;
    margin: 0;
}

.submit-application {

    .secondary-container {
        flex-direction: row;
    }

    .submit-application_info .block-title {
        z-index: 2;
        color: #fff;
        font-family: Oswald;
        font-size: clamp(31px, 3.7vw, 70px);
        font-weight: 500;
        line-height: 115%;
        text-transform: uppercase;
    }
}

.company-news .block-title {
    justify-self: flex-start;
    margin: 0;
    color: #fff;
    font-family: Oswald;
    font-size: clamp(31px, 3.7vw, 70px);
    font-weight: 500;
    line-height: 115%;
    text-transform: uppercase;
}

.block-title.white-large {
    justify-self: flex-start;
    margin: 0;
    color: #fff;
    font-family: Oswald;
    font-size: clamp(31px, 3.7vw, 70px);
    font-weight: 500;
    line-height: 115%;
    text-transform: uppercase;
}

.cookie {
    padding: 16px;

    .cookie-container {
        p {
            font-family: Onest;
            font-size: 16px;

            a {
                color: #3D3E3F;
            }
        }
    }
}

.popup-about-company .popup-about-company_text-wrapper {
    gap: 0;
}

.product-characteristic_btn-wrapper {
    .questions:before

!important {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='27' height='27' viewBox='0 0 27 27' fill='none'%3E%3Crect x='0.75' y='0.75' width='25.5' height='25.5' rx='5.25' stroke='%23C3C3C3' stroke-width='1.5'/%3E%3Cpath d='M6 8.5H21' stroke='%23C3C3C3' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6 13.5H21' stroke='%23C3C3C3' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6 18.5H14' stroke='%23C3C3C3' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
}

.pre-line {
    white-space: pre-line;
}

.white-color-font {
    color: #eaeaea;
}

[data-toggleable] {
    &[data-state="collapsed"] {
        [data-toggleable-content] {
            display: none;
        }

        [data-toggleable-button] [data-state-collapsed-tool] {
            display: none;
        }

    }

    &[data-state="expanded"] {
        [data-toggleable-button] [data-state-extended-tool] {
            display: none;
        }
    }
}

.seo-block__header {
    display: flex;
    justify-content: space-between !important;
    align-items: center;
}

.seo-block__content {
    margin-top: 20px;
    font-size: 30px;
    color: white;
}

.seo-block__content.expanded {
    display: block;
}

.seo-block__toggle {
    background: none;
    border: none;
    color: white;
    cursor: pointer;
    font-size: 20px;
    font-weight: bold;
}

@media (max-width: 768px) {
    .seo-block__content {
        margin-top: 10px;
        font-size: 16px;
    }

    .seo-block__toggle {
        font-size: 12px;
    }
}

.secondary-container.column {
    flex-direction: column !important;
}


.social-buttons {
    position: fixed;
    right: 20px;
    bottom: 20px;
    transform: translate(-50%, -50%);
    background: #25D366; /*цвет кнопки*/
    border-radius: 50%;
    width: 55px; /*ширина кнопки*/
    height: 55px; /*высота кнопки*/
    color: #fff;
    text-align: center;
    line-height: 53px; /*центровка иконки в кнопке*/
    font-size: 35px; /*размер иконки*/
    z-index: 9999;
}

.social-buttons a {
    color: #fff;
}

.social-buttons:before,
.social-buttons:after {
    content: " ";
    display: block;
    position: absolute;
    border: 50%;
    border: 1px solid #25D366; /*цвет анимированных волн от кнопки*/
    left: -20px;
    right: -20px;
    top: -20px;
    bottom: -20px;
    border-radius: 50%;
    animation: animate 1.5s linear infinite;
    opacity: 0;
    backface-visibility: hidden;
}

.social-buttons:after {
    animation-delay: .5s;
}

@keyframes animate {
    0% {
        transform: scale(0.5);
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    100% {
        transform: scale(1.2);
        opacity: 0;
    }
}

.projects_items .projects_item {
    .projects_item_title, .projects_item_description {
        color: unset;
        text-decoration: none;
    }
}

.products-grid-block {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
    gap: 10px;

    .product {
        display: grid;
        grid-template-rows: max-content 1fr max-content;
        gap: 12px;
        border-radius: 16px;
        background: #686868;
        padding: 30px;
        position: relative;

        .image {
            border-radius: 10px;
            background: #777;
            margin: -20px -20px 0;
            height: 348px;

            > img {
                width: 100%;
                height: 100%;
                -o-object-fit: contain;
                object-fit: contain
            }
        }

        .title {
            height: 117px;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 3;
            -webkit-box-orient: vertical;
            margin-top: 7px;
            color: #fff;
            font-size: 30px;
            line-height: 130%;
        }

        .properties {
            height: 90px;
            overflow: hidden;
            display: flex;
            flex-direction: column;
            color: #fff;
            font-size: 20px;
            line-height: 130%;
            text-overflow: ellipsis;

            .property {
                line-height: 1.5em;
            }
        }
    }
}

.project-page {
    container-type: inline-size;

    .site-header {
        margin-bottom: 15px;
    }

    .gallery {
        .swiper {
            aspect-ratio: 1 / 1;

            .swiper-slide {
                object-fit: cover;
            }
        }

        .swiper-pagination-wrapper {
            display: flex;
            justify-content: center;

            .swiper-pagination-bullets.swiper-pagination-horizontal {
                left: unset;
                bottom: 15px;
            }

            .swiper-pagination-bullet-active {
                background-color: #A2ACC4;;
            }

            .swiper-pagination {
                display: flex;
                padding: 5px;
                background-color: white;
                border-radius: 30px;
                width: unset;

                .swiper-pagination-bullet {
                    width: 16px;
                    height: 16px;
                }
            }
        }
    }

}

@container (max-width: 1230px) {
    .project-page .content {
        display: flex;
        flex-direction: column;

        .gallery {
            max-width: 100%;

            .swiper-main-image {
                height: unset;
                width: unset;
            }
        }
    }
}

[data-roll-rool-container] {
    [data-roll-content] {
        transition: height 0.3s ease;
    }

    [data-roll-button] {
        margin-top: auto;
    }

    [data-roll-state="useless"] {
        [data-roll-button] {
            display: none;
        }
    }

    [data-roll-state] {
        display: flex;
        flex-direction: column;
    }

    [data-roll-state="folded"] {
        [data-roll-content] {
            height: 380px;
            overflow: hidden;
            position: relative;

            ::after {
                content: '';
                position: absolute;
                bottom: 0;
                left: 0;
                right: 0;
                height: 2em; /* Высота градиента */
                background: linear-gradient(
                        to bottom,
                        transparent,
                        white 80%
                );
                pointer-events: none;
            }
        }

        [data-roll-button] {
            [data-folded-label] {
                display: none;
            }
        }
    }

    [data-roll-state="expanded"] {
        [data-roll-button] {
            [data-expanded-label] {
                display: none;
            }
        }
    }
}

.sitemap-blocks {
    .block {
        ul {
            margin-top: 0;
            padding-left: 1em;

            ol {
                padding-left: 0;
            }
        }
    }
}

.header {
    .header_contacts-wrapper {
        display: grid;
        grid-template-columns: min-content 1fr;
        gap: .5em 1em;

        .btn-search {
            grid-column: 1; /* остаётся в первой колонке */
            grid-row: 1 / span 2; /* занимает строки 1 и 2 */
            align-self: center; /* выравнивание по вертикали */
        }
    }
}

.header_city {
    display: flex;
    align-items: center;
    gap: 7px;
    cursor: pointer;

    &:before {
        display: block;
        content: '';
        width: 16px;
        height: 16px;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M9.83384 14.1444L9.83741 14.1381L9.8408 14.1318L12.7968 8.61034C12.823 8.56619 12.8485 8.52159 12.8733 8.47657C13.2867 7.75312 13.5 6.82825 13.5 6.03448C13.5 3.25762 11.265 1 8.5 1C5.73498 1 3.5 3.25762 3.5 6.03448C3.5 6.77199 3.65781 7.4738 3.94185 8.10642L3.94588 8.11541L3.95027 8.12424L4.10927 8.44399L4.11365 8.45281L4.11838 8.46145C4.14782 8.51523 4.17821 8.56842 4.20952 8.62098L7.15918 14.1317L7.16258 14.1381L7.16617 14.1444C7.46488 14.6657 7.94729 15 8.5 15C9.05271 15 9.53512 14.6657 9.83384 14.1444ZM10.4 6.03504C10.4 7.09837 9.54569 7.95373 8.5 7.95373C7.45431 7.95373 6.6 7.09837 6.6 6.03504C6.6 4.97172 7.45431 4.11635 8.5 4.11635C9.54569 4.11635 10.4 4.97172 10.4 6.03504Z' stroke='%233D3E3F'/%3E%3C/svg%3E");
    }
}

.header_city-wrapper {
    margin-left: auto;
}

.contacts_content {
    gap: 10px;
    font-size: 20px;

    [data-number="02"] {
        grid-column: span 2;
    }

    .item {
        border-radius: 12px;
        padding: 25px;
        line-height: 1.5em;
    }

    .step {
        background-color: white;
        display: flex;
        gap: 20px;
        align-items: center;

        .number {
            margin-left: auto;
            font-size: 53px;
            color: #A2ACC4;
            font-weight: bold;
        }
    }

    .note {
        background-color: #505050;
        color: white;
        grid-column: span 2;
    }

    .contacts_item {
        gap: 60px;

        &.contacts_item_request {
            gap: 60px;
        }

        &.contacts_item-QR {
            display: none;
        }
    }
}

.popup-wrapper .popup-select {
    margin-left: 66%;
}

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

    .popup-wrapper .popup-select {
        margin-left: 0!important;
    }

    .secondary-container {
        padding: 20px;
    }

    .contacts .secondary-container{
        gap: 20px;
    }

    .contacts .contacts_content {
        grid-template-columns: 1fr;
        .item {
            grid-column: unset!important;
        }
    }

    .contacts-block_switch-content .lead-row {
        grid-column: unset!important;
        grid-template-columns: 1fr!important;
    }


    .submit-application {
        .secondary-container {
            .submit-application_info {
                display: none;
            }
        }
    }
}

.contacts-block_switch-btn-wrapper {
    #contacts-panes-button-lead {
        margin-left: auto;
        background-color: #525252;
        &:hover {
            color: white;
        }
    }

}

.contacts-block_switch-content {
    .lead-row {
        grid-column: span 4;
        display: grid;
        gap: 10px;
        grid-template-columns: 1fr 1fr 1fr;

        .lead {
            border-radius: 12px;
            background-color: white;
            padding: 30px;
            line-height: 1.2em;
            gap: 30px;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            .contact {
                a {
                    line-height: 1em;
                    font-size: 57px;
                    color: #A2ACC4;
                    text-decoration: none;
                    text-transform: uppercase;
                    font-weight: 500;
                    font-family: Oswald;
                }
            }
            &.phone {
                background-color: #505050;
                color: white;
                .contact {
                    display: flex;
                    justify-content: space-between;
                    align-items: flex-end;
                }
            }
        }
    }
}

.footer {
    .btn-go-to-header {
        margin-left: auto!important;
    }
}

.product-characteristic .secondary-container {
    flex-direction: row;
}

.download-icon {
    display: block;
    width: 16px;
    height: 22px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='22' viewBox='0 0 16 22' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.97932 0C7.7141 0 7.45975 0.103853 7.27221 0.288717C7.08468 0.473581 6.97932 0.724312 6.97932 0.985748L6.97932 14.5676L1.69932 9.10261C1.51343 8.92334 1.26401 8.82251 1.00396 8.82149C0.743905 8.82048 0.493681 8.91937 0.306359 9.09718C0.119037 9.27499 0.00935256 9.51775 0.000570907 9.77395C-0.00821075 10.0301 0.0846014 10.2796 0.259321 10.4695L7.25932 17.6983C7.3526 17.7937 7.46444 17.8696 7.58815 17.9215C7.71186 17.9733 7.8449 18 7.97932 18C8.11374 18 8.24678 17.9733 8.37049 17.9215C8.4942 17.8696 8.60604 17.7937 8.69932 17.6983L15.6993 10.4695C15.795 10.3773 15.8709 10.267 15.9225 10.1453C15.9742 10.0236 16.0005 9.89292 16 9.76099C15.9995 9.62907 15.9721 9.4986 15.9195 9.3773C15.8668 9.256 15.79 9.14635 15.6936 9.05484C15.5972 8.96333 15.4832 8.89183 15.3582 8.84457C15.2333 8.79731 15.1 8.77525 14.9662 8.77971C14.8325 8.78416 14.701 8.81504 14.5796 8.87051C14.4581 8.92597 14.3492 9.0049 14.2593 9.10261L8.97932 14.5676L8.97932 0.985748C8.97932 0.724312 8.87396 0.473581 8.68643 0.288717C8.49889 0.103853 8.24454 0 7.97932 0Z' fill='white'/%3E%3Crect y='20' width='16' height='2' rx='1' fill='white'/%3E%3C/svg%3E")
}

.product-characteristic_item .params-item {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    padding: 20px;
    justify-content: space-between;
    align-items: center;
    border-radius: 12px;
    background: #777;
}

.download-links-wrapper {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 20px;
}

.product-characteristic {
    .secondary-container {
        min-height: 810px;
        display: flex;
        gap: 10px;
        border-radius: 16px;
        background: #505050;
    }

    .product-characteristic_btn-wrapper-bg {
        max-width: 432px;
        width: 100%;
        padding: 40px;
        border-radius: 16px;
        background: #686868;

        .animation_dot {
            display: none;
        }

        .product-characteristic_btn-wrapper {
            width: 100%;
            display: flex;
            flex-direction: column;
            gap: 39px;

            button {
                display: flex;
                align-items: center;
                gap: 8px;
                border: none;
                padding: 0;
                background-color: unset;
                cursor: pointer;
                color: #C3C3C3;
                font-size: 20px;
                line-height: 130%;

                &:before {
                    display: block;
                    content: '';
                    width: 27px;
                    height: 27px;
                }

                &.description:before, &.questions:before {
                    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='27' height='27' viewBox='0 0 27 27' fill='none'%3E%3Crect x='0.75' y='0.75' width='25.5' height='25.5' rx='5.25' stroke='%23C3C3C3' stroke-width='1.5'/%3E%3Cpath d='M6 8.5H21' stroke='%23C3C3C3' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6 13.5H21' stroke='%23C3C3C3' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6 18.5H14' stroke='%23C3C3C3' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
                }

                &.characteristics:before {
                    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='27' height='27' viewBox='0 0 27 27' fill='none'%3E%3Crect x='0.75' y='0.75' width='25.5' height='25.5' rx='5.25' stroke='%23C3C3C3' stroke-width='1.5'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.4811 8.62631C11.2136 8.73711 10.9062 8.4856 10.2914 7.98258L9.9352 7.69114C9.61306 7.42757 9.45199 7.29578 9.26578 7.30507C9.07957 7.31436 8.93241 7.46152 8.63809 7.75583L7.75533 8.63859C7.46102 8.93291 7.31386 9.08007 7.30457 9.26628C7.29528 9.45249 7.42707 9.61356 7.69064 9.9357L7.98166 10.2914C8.48468 10.9062 8.73619 11.2136 8.62539 11.4811C8.51459 11.7486 8.11938 11.7881 7.32896 11.8671L6.87152 11.9129C6.45736 11.9543 6.25028 11.975 6.12518 12.1132C6.00007 12.2515 6.00007 12.4596 6.00007 12.8758V14.1242C6.00007 14.5405 6.00007 14.7486 6.12518 14.8868C6.25028 15.0251 6.45736 15.0458 6.87152 15.0872L7.32963 15.133C8.12006 15.212 8.51527 15.2515 8.62606 15.519C8.73686 15.7865 8.48535 16.0939 7.98234 16.7087L7.69037 17.0656C7.4268 17.3877 7.29501 17.5488 7.3043 17.735C7.31359 17.9212 7.46075 18.0684 7.75506 18.3627L8.63782 19.2454C8.93214 19.5398 9.0793 19.6869 9.26551 19.6962C9.45171 19.7055 9.61278 19.5737 9.93491 19.3102L9.93492 19.3102L10.2915 19.0184C10.9063 18.5154 11.2137 18.2639 11.4812 18.3747C11.7487 18.4855 11.7882 18.8807 11.8672 19.6711L11.913 20.1286C11.9544 20.5428 11.9751 20.7499 12.1134 20.875C12.2516 21.0001 12.4597 21.0001 12.8759 21.0001H14.1243C14.5406 21.0001 14.7487 21.0001 14.8869 20.875C15.0252 20.7499 15.0459 20.5428 15.0873 20.1286L15.133 19.6713C15.2121 18.8808 15.2516 18.4856 15.5191 18.3748C15.7866 18.264 16.094 18.5155 16.7088 19.0186L17.0648 19.3099L17.0648 19.3099C17.387 19.5735 17.548 19.7052 17.7342 19.696C17.9205 19.6867 18.0676 19.5395 18.3619 19.2452L19.2447 18.3624C19.539 18.0681 19.6862 17.921 19.6955 17.7347C19.7047 17.5485 19.573 17.3875 19.3094 17.0653L19.0176 16.7088C18.5146 16.094 18.2631 15.7865 18.3739 15.5191C18.4847 15.2516 18.8799 15.212 19.6703 15.133L20.1286 15.0872C20.5428 15.0458 20.7499 15.0251 20.875 14.8868C21.0001 14.7486 21.0001 14.5405 21.0001 14.1242V12.8758C21.0001 12.4596 21.0001 12.2515 20.875 12.1132C20.7499 11.975 20.5428 11.9543 20.1286 11.9129L19.671 11.8671C18.8806 11.7881 18.4854 11.7486 18.3746 11.4811C18.2638 11.2136 18.5153 10.9062 19.0183 10.2914L19.3091 9.93595C19.5727 9.61381 19.7045 9.45274 19.6952 9.26653C19.6859 9.08032 19.5387 8.93316 19.2444 8.63885L18.3617 7.75609C18.0673 7.46177 17.9202 7.31461 17.734 7.30532C17.5478 7.29604 17.3867 7.42782 17.0646 7.69139L16.7089 7.98242C16.094 8.48544 15.7866 8.73695 15.5192 8.62615C15.2517 8.51536 15.2121 8.12014 15.1331 7.32972L15.0873 6.87152C15.0459 6.45736 15.0252 6.25028 14.8869 6.12518C14.7487 6.00007 14.5406 6.00007 14.1243 6.00007H12.8759C12.4597 6.00007 12.2516 6.00007 12.1134 6.12518C11.9751 6.25028 11.9544 6.45736 11.913 6.87152L11.8672 7.32988C11.7881 8.12031 11.7486 8.51552 11.4811 8.62631ZM6.05114 16.4845C6.10481 16.497 6.16024 16.5078 6.21581 16.5174C6.18312 16.5636 6.15146 16.6107 6.12218 16.6576C5.9718 16.8988 5.7804 17.2931 5.80616 17.8097C5.83193 18.3263 6.06162 18.6997 6.23526 18.9247C6.37148 19.1012 6.54643 19.2757 6.66596 19.395L6.66597 19.395L6.6944 19.4233L7.57716 20.3061L7.60554 20.3345C7.72477 20.4541 7.89929 20.629 8.07582 20.7653C8.30083 20.9389 8.67417 21.1686 9.19079 21.1943C9.7074 21.2201 10.1017 21.0287 10.3429 20.8783C10.3898 20.8491 10.4367 20.8175 10.4829 20.7849C10.4924 20.8403 10.5032 20.8955 10.5156 20.949C10.5798 21.2259 10.7233 21.6401 11.1068 21.9871C11.4904 22.3342 11.9168 22.4358 12.1987 22.4721C12.4198 22.5006 12.6669 22.5003 12.8358 22.5001L12.8759 22.5001H14.1243L14.1645 22.5001C14.3333 22.5003 14.5805 22.5006 14.8016 22.4721C15.0835 22.4358 15.5099 22.3342 15.8934 21.9871C16.277 21.6401 16.4204 21.2259 16.4846 20.949C16.497 20.8955 16.5079 20.8403 16.5174 20.785C16.5633 20.8175 16.6101 20.849 16.6568 20.8781C16.898 21.0285 17.2924 21.2199 17.809 21.1941C18.3256 21.1683 18.6989 20.9386 18.9239 20.765C19.1005 20.6288 19.275 20.4538 19.3942 20.3343L19.4226 20.3059L20.3054 19.4231L20.3338 19.3947L20.3338 19.3947C20.4533 19.2755 20.6283 19.101 20.7645 18.9244C20.9381 18.6994 21.1678 18.3261 21.1936 17.8095C21.2194 17.2929 21.028 16.8985 20.8776 16.6573C20.8484 16.6105 20.8168 16.5635 20.7841 16.5174C20.8398 16.5079 20.8953 16.497 20.949 16.4845C21.2259 16.4203 21.6401 16.2768 21.9871 15.8933C22.3342 15.5098 22.4358 15.0834 22.4721 14.8015C22.5006 14.5803 22.5003 14.3332 22.5001 14.1644L22.5001 14.1242V12.8758L22.5001 12.8357C22.5003 12.6668 22.5006 12.4197 22.4721 12.1986C22.4358 11.9167 22.3342 11.4903 21.9871 11.1067C21.6401 10.7232 21.2259 10.5797 20.949 10.5155C20.8954 10.5031 20.8401 10.4923 20.7847 10.4827C20.817 10.437 20.8483 10.3904 20.8773 10.3439C21.0277 10.1028 21.2191 9.70843 21.1933 9.19181C21.1676 8.67519 20.9379 8.30186 20.7642 8.07685C20.628 7.90031 20.453 7.72579 20.3335 7.60656L20.3051 7.57819L19.4223 6.69543L19.3939 6.667C19.2747 6.54747 19.1002 6.37251 18.9237 6.23628C18.6986 6.06264 18.3253 5.83295 17.8087 5.80719C17.2921 5.78142 16.8977 5.97282 16.6566 6.12321C16.61 6.15224 16.5634 6.18361 16.5175 6.21601C16.508 6.16037 16.4971 6.10488 16.4846 6.05114C16.4204 5.77426 16.2769 5.36008 15.8934 5.013C15.5099 4.66592 15.0835 4.56435 14.8016 4.52802C14.5805 4.49951 14.3333 4.49983 14.1645 4.50004L14.1243 4.50007H12.8759L12.8358 4.50004C12.6669 4.49983 12.4198 4.49951 12.1987 4.52802C11.9168 4.56435 11.4904 4.66592 11.1068 5.013C10.7233 5.36008 10.5798 5.77426 10.5156 6.05114C10.5032 6.10491 10.4923 6.16044 10.4827 6.21611C10.4367 6.18358 10.3899 6.15209 10.3432 6.12296C10.102 5.97257 9.70767 5.78117 9.19106 5.80693C8.67444 5.8327 8.30111 6.06239 8.07609 6.23603C7.89955 6.37226 7.72504 6.54721 7.60581 6.66675L7.57743 6.69517L6.69467 7.57793L6.66625 7.60631C6.54671 7.72554 6.37176 7.90006 6.23553 8.07659C6.06189 8.30161 5.8322 8.67494 5.80643 9.19156C5.78067 9.70817 5.97207 10.1025 6.12245 10.3437C6.15149 10.3902 6.18287 10.4369 6.21528 10.4828C6.15989 10.4923 6.10464 10.5031 6.05114 10.5155C5.77426 10.5797 5.36008 10.7232 5.013 11.1067C4.66592 11.4903 4.56435 11.9167 4.52802 12.1986C4.49951 12.4197 4.49983 12.6668 4.50004 12.8357L4.50007 12.8758V14.1242L4.50004 14.1644C4.49983 14.3332 4.49951 14.5803 4.52802 14.8015C4.56435 15.0834 4.66592 15.5098 5.013 15.8933C5.36008 16.2768 5.77426 16.4203 6.05114 16.4845ZM11.7501 13.5001C11.7501 12.5336 12.5336 11.7501 13.5001 11.7501C14.4666 11.7501 15.2501 12.5336 15.2501 13.5001C15.2501 14.4666 14.4666 15.2501 13.5001 15.2501C12.5336 15.2501 11.7501 14.4666 11.7501 13.5001ZM13.5001 10.2501C11.7052 10.2501 10.2501 11.7052 10.2501 13.5001C10.2501 15.295 11.7052 16.7501 13.5001 16.7501C15.295 16.7501 16.7501 15.295 16.7501 13.5001C16.7501 11.7052 15.295 10.2501 13.5001 10.2501Z' fill='%23C3C3C3'/%3E%3C/svg%3E");
                }

                &.dimensions:before {
                    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='27' height='27' viewBox='0 0 27 27' fill='none'%3E%3Crect x='0.75' y='0.75' width='25.5' height='25.5' rx='5.25' stroke='%23C3C3C3' stroke-width='1.5'/%3E%3Cpath d='M8 13L15.04 6M15.04 6H11M15.04 6V10' stroke='%23C3C3C3' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M20.0391 14L12.9991 21M12.9991 21H17.0391M12.9991 21V17' stroke='%23C3C3C3' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
                }

                &.structure:before {
                    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='27' height='27' viewBox='0 0 27 27' fill='none'%3E%3Crect x='0.75' y='0.75' width='25.5' height='25.5' rx='5.25' stroke='%23C3C3C3' stroke-width='1.5'/%3E%3Cpath d='M8 19.5L19.5003 8' stroke='%23C3C3C3' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M19.5 19.5L7.99969 8' stroke='%23C3C3C3' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
                }

                &.sapr:before, &.documents:before {
                    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='27' height='27' viewBox='0 0 27 27' fill='none'%3E%3Cpath d='M0.75 6C0.75 3.10051 3.1005 0.750001 6 0.750001L21 0.75C23.8995 0.75 26.25 3.1005 26.25 6V21C26.25 23.8995 23.8995 26.25 21 26.25L6 26.25C3.1005 26.25 0.75 23.8995 0.75 21V6Z' stroke='%23C3C3C3' stroke-width='1.5'/%3E%3Cpath d='M18.1615 1.45182L18.1615 5.77661C18.1615 6.88146 19.0573 7.77701 20.1622 7.77661L25.388 7.7747' stroke='%23C3C3C3' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
                }

                &.replacements:before {
                    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='27' height='27' viewBox='0 0 27 27' fill='none'%3E%3Crect x='0.75' y='0.75' width='25.5' height='25.5' rx='5.25' stroke='%23C3C3C3' stroke-width='1.5'/%3E%3Cpath d='M9 19L9 9M9 9L6.12103 11.8555M9 9L11.8062 11.8273' stroke='%23C3C3C3' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M18 9L18 19M18 19L20.8054 16.0715M18 19L15.1203 16.0998' stroke='%23C3C3C3' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
                }

/*                &:nth-child(7):before {
                    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='27' height='27' viewBox='0 0 27 27' fill='none'%3E%3Crect x='0.75' y='0.75' width='25.5' height='25.5' rx='5.25' stroke='%23C3C3C3' stroke-width='1.5'/%3E%3Cpath d='M9 19L9 9M9 9L6.12103 11.8555M9 9L11.8062 11.8273' stroke='%23C3C3C3' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M18 9L18 19M18 19L20.8054 16.0715M18 19L15.1203 16.0998' stroke='%23C3C3C3' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
                }

                &:nth-child(8):before {
                    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='27' height='27' viewBox='0 0 27 27' fill='none'%3E%3Crect x='0.75' y='0.75' width='25.5' height='25.5' rx='5.25' stroke='%23C3C3C3' stroke-width='1.5'/%3E%3Cpath d='M9 19L9 9M9 9L6.12103 11.8555M9 9L11.8062 11.8273' stroke='%23C3C3C3' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M18 9L18 19M18 19L20.8054 16.0715M18 19L15.1203 16.0998' stroke='%23C3C3C3' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
                }*/

                &:hover {
                    filter: brightness(2);
                    transition: filter 0.3s ease-in-out;
                }

                &.active {
                    filter: brightness(2);
                    cursor: default;
                }
            }
        }
    }

    .product-characteristic_items-wrapper {
        max-width: 1318px;
        width: 100%;
        padding: 40px;
        border-radius: 16px;
        background: #686868;
        overflow-x: hidden;

        .product-characteristic_item {
            position: relative;
            display: none;
            flex-direction: column;

            &.hidden {
                max-height: 810px;
                overflow-y: hidden;
                margin-bottom: -40px;
            }

            &.active {
                display: flex;
            }

            button {

                display: none;
                position: absolute;
                z-index: 3;
                right: 0;
                bottom: 10px;
                left: 0;
                margin-right: auto;
                margin-left: auto;


                &.active {
                    display: flex;
                }

                &.open {
                    position: initial;
                }
            }

            &.description {
                font-size: 20px;
                line-height: 1.5em;
                color: #FFF;

                span {
                    font-size: 30px;
                    line-height: 130%;
                }

                div {
                    display: flex;
                    flex-direction: column;
                    gap: 8px;

                    ul {
                        display: flex;
                        flex-direction: column;
                        gap: 4px;
                        list-style-type: disc;
                        padding-left: 28px;

                        li {
                            font-size: 20px;
                            line-height: 130%;
                        }
                    }

                    p {
                        font-size: 20px;
                        line-height: 130%;
                    }
                }
            }

            &.characteristic {
                flex-direction: column;
                gap: 30px;

                img {
                    border-radius: 12px;
                    width: 100%;

                    &.active {
                        height: 100%;
                    }
                }
            }

            &.guarantee {
                .slider-section {
                    position: relative;
                    width: 100%;

                    .slider-section_swiper {
                        border-radius: 12px;
                        max-width: 1258px;

                        img {
                            width: 100%;
                        }
                    }

                    .slider-section_btn-prev,
                    .slider-section_btn-next {
                        position: absolute;
                        top: 0;
                        bottom: 0;
                        margin-top: auto;
                        margin-bottom: auto;
                        z-index: 2;
                    }

                    .slider-section_btn-prev {
                        left: -26px;
                    }

                    .slider-section_btn-next {
                        right: -26px;
                    }
                }
            }

            &.designation-structures {
                img {
                    border-radius: 12px;
                    max-width: 797px;
                    width: 100%;
                }
            }

            &.download-documents {
                .download-links-wrapper {
                    display: flex;
                    align-items: center;
                    justify-content: flex-end;
                    gap: 20px;

                    a {
                        display: block;
                        content: '';
                        cursor: pointer;

                        &.eye-icon {
                            width: 28px;
                            height: 14px;
                            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='14' viewBox='0 0 28 14' fill='none'%3E%3Ccircle cx='14' cy='7' r='5' stroke='white' stroke-width='2'/%3E%3Cpath d='M1.33735 7.62316C1.22787 7.41789 1.14773 7.24036 1.09076 7.10036C1.18716 6.94326 1.32155 6.73776 1.49766 6.49761C1.93604 5.89982 2.6303 5.09087 3.63775 4.27841C5.63916 2.66437 8.91998 1 14 1C19.08 1 22.3608 2.66437 24.3622 4.27841C25.3697 5.09087 26.064 5.89982 26.5023 6.49761C26.6658 6.72049 26.7933 6.91352 26.8878 7.06572C26.82 7.20586 26.7284 7.37989 26.6088 7.57925C26.2622 8.15692 25.6808 8.94625 24.7571 9.74259C22.9267 11.3205 19.6653 13 14 13C8.04084 13 4.79186 11.3128 3.04602 9.75406C2.16456 8.96704 1.63924 8.1892 1.33735 7.62316ZM27.0496 6.68885C27.0498 6.68836 27.0494 6.68948 27.0485 6.69217L27.049 6.6908L27.0496 6.68885Z' stroke='white' stroke-width='2'/%3E%3C/svg%3E");
                        }

                        &.download-icon {
                            width: 16px;
                            height: 22px;
                            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='22' viewBox='0 0 16 22' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.97932 0C7.7141 0 7.45975 0.103853 7.27221 0.288717C7.08468 0.473581 6.97932 0.724312 6.97932 0.985748L6.97932 14.5676L1.69932 9.10261C1.51343 8.92334 1.26401 8.82251 1.00396 8.82149C0.743905 8.82048 0.493681 8.91937 0.306359 9.09718C0.119037 9.27499 0.00935256 9.51775 0.000570907 9.77395C-0.00821075 10.0301 0.0846014 10.2796 0.259321 10.4695L7.25932 17.6983C7.3526 17.7937 7.46444 17.8696 7.58815 17.9215C7.71186 17.9733 7.8449 18 7.97932 18C8.11374 18 8.24678 17.9733 8.37049 17.9215C8.4942 17.8696 8.60604 17.7937 8.69932 17.6983L15.6993 10.4695C15.795 10.3773 15.8709 10.267 15.9225 10.1453C15.9742 10.0236 16.0005 9.89292 16 9.76099C15.9995 9.62907 15.9721 9.4986 15.9195 9.3773C15.8668 9.256 15.79 9.14635 15.6936 9.05484C15.5972 8.96333 15.4832 8.89183 15.3582 8.84457C15.2333 8.79731 15.1 8.77525 14.9662 8.77971C14.8325 8.78416 14.701 8.81504 14.5796 8.87051C14.4581 8.92597 14.3492 9.0049 14.2593 9.10261L8.97932 14.5676L8.97932 0.985748C8.97932 0.724312 8.87396 0.473581 8.68643 0.288717C8.49889 0.103853 8.24454 0 7.97932 0Z' fill='white'/%3E%3Crect y='20' width='16' height='2' rx='1' fill='white'/%3E%3C/svg%3E");
                        }
                    }
                }
            }

            &.replacements {
                p {
                    color: #FFF;
                    font-size: 20px;
                    line-height: 130%;
                }
            }

            .params-item-wrapper {
                width: 100%;
                display: flex;
                flex-direction: column;
                gap: 10px;

                .params-item {
                    width: 100%;
                    display: grid;
                    grid-template-columns: 1fr 1fr;
                    gap: 20px;
                    padding: 20px;
                    justify-content: space-between;
                    align-items: center;
                    border-radius: 12px;
                    background: #777;

                    span {
                        color: #FFF;
                        font-size: 20px;
                        line-height: 130%;

                        &:last-child {
                            text-align: end;
                        }
                    }
                }
            }
        }
    }
}


.appbar li{
    list-style: none;
}

nav li {
    list-style: none;
}

.product-filter {
    color: white;

    .products-counter {
        font-size: 20px;
        .product-count {
            color: #A2ACC4;
        }
    }

    .fields {
        display: flex;
        gap: 30px;
        flex-wrap: wrap;
    }

    .field {
        display: flex;
        flex-direction: column;
        gap: 20px;
    }

    .buttons {
        display: flex;
        padding: 14px 0;
        gap: 10px;
        align-items: center;
    }

    .ss-main {
        border-radius: 12px;
        background-color: #686868;
        border-color: transparent;
        padding: 11px 10px;

        .ss-values .ss-placeholder {
            color: white;
            padding: 0!important;
        }

        .ss-arrow {
            path {
                stroke: white;
            }
        }
    }

    .landing-pages {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
        .landing-page {
            background-color: #686868;
            padding: 13px 20px;
            color: white;
        }
    }
}

.ss-content {
    background-color: #686868;
    border-color: #686868;
    .ss-list .ss-option {
        border-color: transparent;
        color: white;
        background-color: #686868;
    }
}

.button {
    &.white {
        background-color: white;
        color: #3D3E3F;
        border: 1px solid white;
    }

    &.transparent {
        background-color: transparent;
        color: white;
        border: 1px solid white;
    }
}

.edit-page-tools {
    position: fixed;
    top: 100px;
    right: 100px;
    z-index: 25;
    display: flex;
    flex-direction: column;
    gap: 10px;
    .button {
        text-decoration: none;
        font-size: 22px;
        padding: 1em;
        border-radius: 17px;
        opacity: 0.7;
        cursor: pointer;
        border: none;
        &:hover {
            opacity: 1;
        }
    }
    .to-edit-page {
        background-color: red;
        color: white;
    }

    .make-filter-page {
        background-color: blanchedalmond;
        color: black;
    }
}