/* Change WooCommerce product cards background color */
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
    background-color: #778899 !important;
    padding: 15px;
    border-radius: 8px; /* Soften the edges of the background */
    box-sizing: border-box;
}

/* Ensure text inside remains readable, default to dark or let user theme handle it. 
   We will ensure the price and title look okay if needed, but let's stick to the background primarily. */
