.products{
    display:grid;
    /*grid-template-columns:repeat(auto-fill,minmax(240px,1fr));*/
    grid-template-columns:repeat(4,1fr);
    gap:22px;
    list-style:none;
    margin:0;
    padding:0;
    scroll-margin-top: var(--header-height);
}
.products .product-card{
    border:1px solid #eee;
    border-radius:6px;
    padding:5px;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
}
.products .product-card .product-thumb{
    display:block;
    text-align:center;
    margin-bottom:12px;
    max-width: 246px;
    max-height: 246px;
}
.products.by-search .product-card .product-thumb{
    max-width: 280px;
    max-height: 280px;
}
.products .product-card .product-thumb img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.products .product-card .product-title{
    font-size:16px;
    margin:0 0 8px;
    color: #000000;
    word-break: break-word;
}
.products .product-card .product-price{
    margin-bottom:12px;
    font-weight:600;
    color: #f05e00;
}
@media (max-width: 1200px) {
    .products:not(.by-search){
        grid-template-columns: repeat(3, 1fr);
    }
    .products .product-card .product-thumb img{
        object-fit: cover;
    }
}
@media (max-width: 900px) {
    .products.by-search{
        grid-template-columns: repeat(3, 1fr);
    }
}
@media (max-width: 600px) {
    .products,
    .products.by-search{
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (max-width: 530px) {
    .products:not(.by-search){
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (max-width: 450px) {
    .products,
    .products.by-search{
        display: flex;
        flex-direction: column;
    }
    .products .product-card,
    .products.by-search .product-card{
        width: 100%;
    }
    .products .product-card .product-thumb,
    .products.by-search .product-card .product-thumb {
        max-width: 400px;
        max-height: 400px;
    }
}