/* Styling for the Catalog Cards */
.product-entry-card {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    cursor: pointer;
    overflow: hidden; /* Keeps the image corners rounded */
}

.product-entry-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 12px 24px rgba(0,0,0,0.15) !important;
}

/* Ensure images in the catalog have a consistent height */
.product-entry-card img {
    height: 180px;
    object-fit: cover;
    border-top-left-radius: calc(0.375rem - 1px); /* Matches Bootstrap's default radius */
    border-top-right-radius: calc(0.375rem - 1px);
}