/* Make all panels the same height and flex layout */
#wc-cat-grid .panel {
    display: flex;
    flex-direction: column;
    height: 100%;
}

/* Panel body flex layout */
#wc-cat-grid .panel-body {
    display: flex;
    flex-direction: column;
    flex: 1; /* take remaining height */
}

/* Push the Shop Now button to the bottom */
#wc-cat-grid .panel-body .btn {
    margin-top: auto;
}

/* Optional: add some hover effect on the image */
#wc-cat-grid .panel-heading img {
    transition: transform 0.3s ease;
    height: 300px !importantportant;
    object-fit: cover;
}

#wc-cat-grid .panel-heading img:hover {
    transform: scale(1.05); /* slight zoom on hover */
}

/* Optional: spacing between rows */
#wc-cat-grid .col-md-4,
#wc-cat-grid .col-sm-6 {
    margin-bottom: 30px;
}

/* Pagination buttons styling */
#wc-cat-pagination .btn {
    margin: 0 3px;
}

#wc-cat-pagination .btn.active {
    background-color: #009fdb;
    border-color: #009fdb;
    color: #fff;
}