.content-grid--catalog {
    .to-cart, .in-cart {
        display: flex;
        align-items: center;
        padding: 0 20px !important;
        font-weight: 400 !important;
        line-height: var(--font-body-line-height) !important;

        background-image: none !important;
        text-transform: none !important;
        border-radius: 10px !important;


        i {
            position: relative;
            top: -1px;
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 0 !important;
            background-position: center !important;

        }

        span {
            font-weight: 400 !important;

        }

        &.small {
            height: 32px !important;
            font-size: var(--font-body-secondary-size) !important;

            span {
                font-size: var(--font-body-secondary-size) !important;
            }

            i {
                width: 16px !important;
                height: 16px !important;
                background-repeat: no-repeat !important;
                background-size: 16px 16px !important;
            }
        }

        &.big_btn {
            height: 48px !important;
            min-width: 200px;
            font-weight: 400 !important;
            font-size: var(--font-body-size) !important;

            span {
                font-size: var(--font-body-size) !important;
            }

            i {
                width: 24px !important;
                height: 24px !important;
                background-repeat: no-repeat !important;
                background-size: 24px 24px !important;
            }
        }
    }

    .to-cart {
        flex: 1;

        i {

            background-image: url("/local/templates/new_design/images/svg/cart.svg");
        }


    }

    .in-cart {
        i {
            background: url("/local/templates/new_design/images/svg/agree-black.svg") no-repeat !important;
        }

    }

    .counter_wrapp {
        padding: 0;
    }

    .counter_block {
        margin: 0 !important;
    }

    .button_block {
        margin-bottom: 0 !important;
    }

    .wrapp_stockers {
        .button:hover, span.compare_item.added:hover, span.wish_item.added:hover, .all_map:hover {
            background: none;
        }

        span:not([class*="ya-share2"]) {
            opacity: 1;
            display: flex;
            visibility: visible;
            align-items: center;
            justify-content: center;
        }

        .like_icons {
            display: flex;
            gap: 10px;
            align-items: center;
        }
    }


    .item-stock {
        display: flex !important;
        gap: 4px;

        justify-items: center;
    }

    .item-stock .icon {
        display: block;
        width: 16px;
        margin: 0;
        height: 16px;
        padding: 0;
    }

    .item-stock .icon.stock {
        background: url("/local/templates/new_design/images/svg/agree-green.svg") no-repeat !important;
    }

    .item-stock .icon.order {
        background: url("/local/templates/new_design/images/svg/agree-red.svg") no-repeat !important;
    }

    /*    блок-таблица-сетка*/
    /*sort catalog*/

    .sort_header {
        height: 24px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 20px;

        .sort_filter {
            display: flex;
            align-items: center;
            gap: 30px;

            .sort_btn {
                display: flex !important;
                gap: 4px;
                align-items: center;
                color: var(--color-secondary-gray-dark);
                font-size: var(--font-caption-size);
                line-height: 1.1;

                &.current, &:hover {
                    color: var(--color-primary-gray-dark);
                }
            }

            .arr {
                display: block;
                width: 12px;
                height: 12px;
                background: url("/local/templates/new_design/images/arrow-gray-top.svg") center no-repeat !important;

                &.current.desc {
                    transform: rotate(-180deg);
                }
            }
        }

        .sort_display {
            display: flex;
            gap: 10px;

            a {
                display: flex;
                align-items: center;
                justify-content: center;
                width: 24px;
                height: 24px;

                i {
                    display: block;
                    width: 24px;
                    height: 24px;
                    opacity: 40%;
                }
            }
        }

        .sort_display a.block i {
            background: url(/local/templates/new_design/images/layout-block.svg) no-repeat;

        }

        .sort_display a.block.current i, .sort_display a.block:hover i {
            opacity: 1;
        }

        .sort_display a.list i {
            background: url(/local/templates/new_design/images/layout-list.svg) no-repeat;

        }

        .sort_display a.list.current i, .sort_display a.list:hover i {
            opacity: 1;
        }

        .sort_display a.table i {
            background: url(/local/templates/new_design/images/layout-table.svg) no-repeat;

        }

        .sort_display a.table.current i, .sort_display a.table:hover i {
            opacity: 1;
        }


    }

    .adaptive_filter {
        display: none !important;
    }

    @media (max-width: 600px) {
        .to-cart, .in-cart {


            &.big_btn {
                height: 40px !important;

                i {
                    width: 16px !important;
                    height: 16px !important;
                    background-repeat: no-repeat !important;
                    background-size: 16px 16px !important;
                }
            }
        }

        .sort_header {
            .sort_filter a span {
                display: none;
            }
        }
    }


    @media (max-width: 767px) {
        .с-consult-box {
            flex-direction: column;
            align-items: flex-start;
            gap: 16px;
            padding: 20px 16px;
            border-radius: 10px;
        }

        .с-consult-box__content {
            max-width: none;
        }

        .с-consult-box__title {
            font-size: 18px;
        }

        .с-consult-box__text {
            font-size: 13px;
        }

        .с-consult-box__btn {
            min-width: 0;
            min-height: 38px;
            padding: 10px 16px;
            font-size: 14px;
            border-radius: 6px;
        }
    }

    @media (max-width: 600px) {
        .sort_header {
            .sort_filter {
                gap: 20px;

                a {
                    margin-right: 0 !important;

                }

                .icon {
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    width: 16px;
                    height: 16px;
                    font-size: var(--font-body-size) !important;
                    color: var(--color-secondary-gray);
                    font-style: normal;
                }

                .icon--SHOWS {
                    background: url(/local/templates/new_design/images/svg/star.svg) center no-repeat !important;
                }

                .icon--NAME:after {
                    content: 'A';
                }

                .icon--PRICE:after {
                    content: '₽';
                }

                .arr {
                    width: 16px !important;
                    height: 16px !important;
                }
            }

        }

    }


}


.с-consult-box {
    margin-top: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    padding: 30px 40px;
    border-radius: 10px;
    background: var(--color-primary-gray-light);
}

.с-consult-box__content {
    max-width: 785px;
}

.с-consult-box__title {
    margin: 0 0 10px;
    color: var(--color-primary-black);
    font-size: var(--font-h2-size);
    line-height: 1;
    font-weight: 500;
}

.с-consult-box__text {
    color: var(--color-primary-black);
    font-size: var(--font-body-size);
    line-height: 1.2;
}

.с-consult-box__action {
    flex-shrink: 0;
}

.с-consult-box__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 48px;
    padding: 0 20px;
    font-size: var(--font-body-size);
}


.с-consult-box__btn-icon {
    flex-shrink: 0;
}

@media (max-width: 767px) {
    .с-consult-box {
        padding: 30px;
        gap: 20px;
        align-items: flex-start;
        flex-direction: column;
    }

    .с-consult-box__btn {
        height: 40px;

        img {
            width: 16px;
            height: 16px;
        }
    }
}

@media (max-width: 600px) {
    .с-consult-box__action {
        width: 100%;

        button {
            width: 100%;
        }
    }
}


/*текст раздела*/
.opis_shtorka{
    margin-top:40px;
}
.opis_shtorka.is-short .skew_text {
    max-height: 10rem;
    background: -webkit-gradient(linear, left top, left bottom, from(#000000), to(rgba(0, 0, 0, 0)));
    background: -webkit-linear-gradient(top, #000000 0%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(180deg, #000000 0%, rgba(0, 0, 0, 0) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    margin-bottom: 10px;
    overflow: hidden;
}

.seo__teis.open .skew_text {
    max-height: 40000px;
    background: transparent;
    -webkit-background-clip: text;
    -webkit-text-fill-color: var(--text-main-color);
    background-clip: text;
    text-fill-color: var(--text-main-color);
}

.js-seo-expand-trigger {
    height: 48px;
    display: flex;
    align-items: center;
    text-decoration: underline;
    margin-inline: auto;
    background: transparent;
    width: 260px;
}