/* Target standard WooCommerce product category cards */
.woocommerce ul.products li.product.product-category,
.woocommerce-page ul.products li.product.product-category {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    border-radius: 8px; /* Optional: adds slightly rounded corners for a softer look */
    overflow: hidden; /* Ensures the shadow respects the border radius */
}

/* Apply the hover effect: subtle lift up and a soft drop shadow */
.woocommerce ul.products li.product.product-category:hover,
.woocommerce-page ul.products li.product.product-category:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}

/* Ensure images inside don't overflow when transformed */
.woocommerce ul.products li.product.product-category img,
.woocommerce-page ul.products li.product.product-category img {
    border-radius: 8px 8px 0 0; /* Match container radius */
}