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

    .item-title {
        font-size: var(--font-body-size);
        color: var(--color-primary-black)
    }

    .list_item-catalog {
        position: relative;
        min-height: 230px;
        white-space: normal;
        border: 1px solid var(--color-secondary-gray);
        border-radius: 10px;
        width: 100%;
        display: grid;
        grid-template-columns: 170px auto 200px;
        padding: 20px;
        align-items: start;
        gap: 20px;
        border-color ease-out 0.2s;
        &:hover {
            box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.10);
            border-color: #fff;
        }

        .preview_text {
            position: relative;
            line-height: var(--font-caption-line);
            font-size: var(--font-caption-size);
            color: var(--color-primary-gray-dark);
        }

        .description {
            display: flex;
            flex-direction: column;
            gap: 16px;

            .item-stock {

                .icon_text {
                    color: var(--color-secondary-gray-dark);
                }

                .value {
                    text-transform: capitalize !important;
                }

                span {
                    padding: 0;
                    font-size: var(--font-caption-size);

                }
            }
        }

        .dostavka_block_second {
            display: flex;
            gap: 20px;
            align-items: flex-start;
            img {
                width: 16px;
                height: 16px;
                margin: 0;
            }
        }

        .dost_izvoz {
            display: flex;
            gap: 4px;
            align-items: center;

            span {
                font-size: var(--font-caption-size);
                color: var(--color-secondary-gray-dark);
                padding: 0;
            }

            .dost-date {
                color: var(--color-primary-black)
            }
        }
    }
    .information {
        display: flex;
        flex-direction: column;
        gap:20px;
    }
    .counter_wrapp{
        margin-bottom: 0px;
        padding-top: 0px;
        white-space: nowrap;
        gap:20px;
        display: flex;
        flex-direction: column;
    }
    .total_summ{
        margin-top: 0;
        white-space: break-spaces;
    }
    .cost.prices{
        display: flex;
        text-align: left;
        gap: 10px;
        align-items: flex-start;
        .price{
            font-size: var(--font-body-size)!important;
        }
    }
    .counter_block {
        flex: 1;
        height: auto;
        gap: 4px;
        align-items: center;

        input {
            width: 30px !important;
            height: 30px !important;
            border:1px solid var(--color-primary-gray)!important;
            padding: 0 !important;
            margin: 0 !important;
            color: var(--color-primary-black) !important;
            border-right: 10px;
            font-size: var(--font-body-size) !important;
            &.not-changed{
                color:var(--color-secondary-gray-dark)!important;
            }
        }

        .plus, .minus {
            width: 30px;
            border-radius: 100%;
            border: 1px solid var(--color-primary-black);
            height: 30px;
            transition: transform 0.18s ease, box-shadow 0.18s ease, opacity 0.18s ease;
            will-change: transform;
            flex-shrink: 0;
            cursor: pointer;

            &._disabled {
                opacity: 0.4;
                cursor: not-allowed;
                transform: none;
            }
        }

        .minus {
            background: url(/local/templates/new_design/images/elements.svg) center no-repeat;


        }

        .plus {
            background: url(/local/templates/new_design/images/add-01.svg) center no-repeat;
        }


        .minus:hover:not(._disabled),
        .plus:hover:not(._disabled) {
            transform: translateY(-1px) scale(1.05);
        }

        .minus:active:not(._disabled),
        .plus:active:not(._disabled) {
            transform: translateY(0) scale(0.94);
        }


        .minus:focus-visible,
        .plus:focus-visible {
            box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.25);
        }


    }
    .image_block {
        position: relative;
        display: flex;
        align-items: center;
        align-self: center;
        justify-content: center;
    }

    .description_wrapp {
        display: flex;
        flex-direction: column;
        gap: 16px;
    }


    .information_wrapp {
        position: relative;
        padding: 0;
    }



    .price_list {
        flex-direction: column;
    }
}





/*.preview_text--collapsed {*/
/*    display: -webkit-box;*/
/*    -webkit-box-orient: vertical;*/
/*    -webkit-line-clamp: 6;*/
/*    overflow: hidden;*/
/*}*/

/*.preview_text--collapsed::after {*/
/*    content: "";*/
/*    position: absolute;*/
/*    left: 0;*/
/*    right: 0;*/
/*    bottom: 0;*/


/*    height: 100px;*/

/*    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 45%, rgba(255, 255, 255, 1) 85%, rgba(255, 255, 255, 1) 100%);*/
/*    pointer-events: none;*/
/*}*/

/*.preview_text__toggle {*/
/*    position: relative;*/
/*    margin-top: -1.7em;*/
/*    left: 50%;*/
/*    transform: translateX(-50%);*/
/*    z-index: 2;*/

/*    padding: 8px 14px;*/
/*    border-radius: 999px;*/
/*    border: 1px solid rgba(0, 0, 0, .12);*/
/*    background: #fff;*/
/*    cursor: pointer;*/
/*    font-size: 14px;*/
/*    line-height: 1;*/
/*    transition: .2s ease;*/
/*}*/

/*.preview_text__toggle:hover {*/
/*    transform: translateX(-50%) translateY(-1px);*/
/*}*/

/*.preview_text--expanded::after {*/
/*    display: none;*/
/*}*/

/*.preview_text_3 {*/
/*    -webkit-box-orient: vertical;*/
/*    -webkit-line-clamp: 3;*/
/*    overflow: hidden;*/

/*    position: relative;*/
/*    line-height: 1.45 !important;*/
/*    max-height: calc(1.45em * 5);*/
/*}*/

/*.preview_text_3::after {*/
/*    content: "";*/
/*    position: absolute;*/
/*    left: 0;*/
/*    right: 0;*/
/*    bottom: 0;*/
/*    height: 1.6em;*/

/*    background: linear-gradient(*/
/*            to bottom,*/
/*            rgba(255, 255, 255, 0),*/
/*            rgba(255, 255, 255, 1)*/
/*    );*/
/*}*/

@media (max-width: 991px) {

    .display_list{
        .information_wrapp {
            border-top:1px solid var(--color-secondary-gray);
            padding-top: 10px;
            grid-column: 1 / -1;
        }
        .description_wrapp{
            grid-area: 1 / 2 / 2 / 4;
        }
        .information {
            width: 200px;
            margin-inline: auto;
        }
    }



}

@media (max-width: 600px) {


    .display_list {
        .information_wrapp {
            padding-top: 0;
            border-top: none;
        }
        .list_item-catalog{
            display: flex;
            flex-direction: column;        align-items: center;
        }

        .preview_text {
            display: none;
        }
        .image_block{
            min-height: 107px
        }
        .description{
            align-items: center;
        }
        .dostavka_block_second{
            flex-direction: row;
            justify-content: center;
            flex-wrap: wrap;
        }
    }

}

.bottom_nav:empty{
    display: none!important;
}