/**
 * Apply the system brand yellow only to WooCommerce product category cards.
 */
.woocommerce ul.products li.product-category,
.woocommerce-page ul.products li.product-category {
    background-color: var(--e-global-color-a0fa52d, #EEFF00) !important;
    border-radius: 15px;
    padding: 15px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.woocommerce ul.products li.product-category:hover,
.woocommerce-page ul.products li.product-category:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
}