.woocommerce ul.products,
.woocommerce-page ul.products {
    display: grid;
    gap: 1.5rem;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    list-style: none;
    margin: 0;
    padding: 0;
}

.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 1rem;
    padding: 1rem;
}

.woocommerce div.product .woocommerce-product-gallery,
.woocommerce-page div.product .woocommerce-product-gallery {
    margin-bottom: 1.5rem;
}