.product-recommendations.page-width{
    .grid{
        gap: 10px;
        justify-content: center;

        .grid__item{
            max-width: 30% !important;

            .card.card--product.card--outline{
                border: none;
            }
        }
    }
    @media screen and (max-width: 600px){
        .grid .grid__item{
            max-width: 45% !important;
        }
    }
    @media screen and (max-width: 425px){
        .grid .grid__item{
            max-width: 100% !important;
        }
    }
}