.shop-grid ul.products {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 25px;
}

.woocommerce ul.products li.product {
    border: none;
    text-align: center;
}

.woocommerce ul.products li.product img {
    border-radius: 8px;
}

@media (max-width: 768px) {
    .shop-grid ul.products {
        grid-template-columns: repeat(2, 1fr);
    }
}