.product-card {
    border-radius: 15px; /* Make the card corners rounded */
    overflow: hidden; /* Hide content that overflows the rounded corners */
    display: flex;
    flex-direction: column;
    height: 100%; /* Ensure card takes full height of its grid column */
}

.product-card .product-card-image {
    border-radius: 15px; /* Apply border-radius to the image as well */
    object-fit: cover; /* Ensure the image covers the area without distortion */
    width: 100%; /* Make the image take full width */
    max-height: 200px; /* Set a max height for consistency */
    min-height: 150px; /* Ensure a minimum height */
}

.product-card .card-body {
    background-color: #f8f9fa; /* Light gray background for the info section */
    flex-grow: 1; /* Allow card-body to take remaining space */
    padding: 10px; /* Adjust padding as needed */
    font-size: 0.85em; /* Decrease font size for all text within card-body */
    display: flex;
    flex-direction: column;
    justify-content: space-between; /* Distribute content vertically */
}

.product-card .card-body .card-title {
    font-size: 1em; /* Adjust title font size */
    margin-bottom: 5px;
}

.product-card .card-body .card-text {
    font-size: 0.9em; /* Adjust text font size */
    margin-bottom: 5px;
}

.product-card .card-body .btn {
    font-size: 0.8em; /* Adjust button font size */
    padding: 5px 8px;
}