.woocommerce .products .product {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    overflow: ;
}

.woocommerce .products .product a img {
    width: 100%; /* Ensures all images fill the container */
    height: 230px; /* Fixed height for consistency */
    object-fit: contain; /* Ensures the whole image fits without cropping */
    transition: transform 0.3s ease-in-out;
}

/* Zoom-out effect like Rehub theme */
.woocommerce .products .product:hover a img {
    transform: scale(0.9); /* Adjust zoom-out effect */
    opacity: 0.9; /* Optional: Slight transparency effect */
}