.ListItem-main-container {
    display: grid;
    grid-template-columns: 400px auto;
    grid-template-rows: 50px auto;
}
.ListItem-item {
    display: inline-block;
    position: relative;
    text-align: center;
    vertical-align: top;
    border: 1px solid #cacaca;
    border-radius: 5px;
    margin: 5px;
}

.ListItem-item div{
    width: 300px;
}

.ListItem-item-colors {
    font-size: var(--font-size-small);
    min-height: 100px;
}

.ListItem-item-prices {
    font-size: var(--font-size-big);
    color: var(--polimerlist-color);
}

.ListItem-item-img-container {
    min-height: 300px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ListItem-item-img {
    vertical-align: middle;
    max-width: 180px;
}

.ListItem {
    position: relative;
    grid-column: 2 / 3;
    grid-row: 2 / 3;
    margin: 0 0 50px 0;
}

.ListItem-full-text-container {
    grid-column: 2 / 3;
    grid-row: 1 / 2;
}

.ListItem-filter-container {
    padding: 0 10px;
    grid-column: 1 / 2;
    grid-row: 2 / 3;
}

.ProductCard-no-price {
    color: #ba0000;
}
.ProductCard-no-price:before {
    color: #ba0000;
    content: "\f00d";
    font-family: FontAwesome, sans-serif;
    font-size: 14px;
    margin-right: 5px;
}

.Order-button-container{
    position: absolute;
    bottom: 5px;
    margin: 5px 0 0 0;
}

.Order-button {
    display: inline-block;
    margin: 5px 0 0 0;
    padding: 5px 50px;
    border: 1px solid var(--polimerlist-color);
    background-color: var(--polimerlist-color);
    color: #ffffff;
    cursor: pointer;
    border-radius: 5px;
    transition: 0.3s;
    font-size: 100%;
    user-select: none;
}

.Order-button:hover {
    opacity: 0.8;
}

.ListItem-item-name {
    min-height: 80px;
    position: relative;
}

.color-container{
    height: 20px;
}

.seckond-block {
    background-color: #f1f1f1;
    height: 100px;
    padding: 5px 0 0 0;
}

.ProductCard-no-price-container{
    padding: 5px 0 0 0;
}

.ListItem-filter-container-price-close{
    display: none;
}

.ListItem-item-prop {
    font-size: var(--font-size-small);
    position: absolute;
    bottom: 4px;
    margin: 5px 0;
}

@media (max-width: 1040px) {
    .ListItem-main-container {
        display: block;
        grid-template-columns: auto;
        grid-template-rows: 50px auto;
    }

    .page-link {
        padding: 0;
    }

    .ListItem {
        text-align: center;
    }

    .ListItem-filter-container {
        display: none;
    }

    .ListItem-filter-container-open {
        display: block;
        position: fixed;
        top: 140px;
        background-color: #ffffff;
        overflow-y: auto;
        z-index: 1000;
        max-height: calc(100vh - 150px); /* 100% высоты экрана минус top */
        height: auto;
    }

    .ListItem-open-close-filter-open {
        background-color: var(--polimerlist-color) !important;
    }

    .ListItem-filter-container-price-close {
        display: inline-block;
        color: #aaa;
        float: right;
        font-size: 30px;
        font-weight: bold;
        cursor: pointer;
        position: absolute;
        right: 25px;
        top: 10px;
    }

        .ListItem-filter-container-price-close:hover,
        .ListItem-filter-container-price-close:focus {
            color: black;
            text-decoration: none;
        }
}