.products-container {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(25rem, 1fr));
    gap: 20px;
    width: 100%;
}

.product-item {
    display: flex;
    /*flex: 1 1 20%;*/
    flex-direction: column;
    background-color: #F9F9F9;
    gap: 5vh;
    padding: 20px;
    border: 1px solid transparent;
    transition: border-color 0.2s ease;
}

    .product-item > img {
        width: 100%;
        max-width: 250px;
        max-height: 250px;
        object-fit: contain;
        margin: auto;
    }


    .product-item:hover {
        background-color: white;
        border-color: #7D7D7D;
    }



@media (max-width: 600px) {
    .products-and-categories-content {
        flex-direction: column;
        gap: 2rem;
    }

        /*        .products-and-categories-content > div:nth-of-type(1) {
            width: 100%;
        }*/

        .products-and-categories-content > div:nth-of-type(2) {
            width: 100% !important;            
        }

    .products-container {
        grid-template-columns: repeat(auto-fill, minmax(20rem, 1fr));
    }
}