/* Optional custom styling for the carousel height */
        .carousel-item {
            height: 60vh; /* Viewport height for a noticeable carousel */
            min-height: 300px;
            background: #495057; /* Dark gray fallback background for slides */
        }
        .carousel-caption {
            background-color: rgba(0, 0, 0, 0.5);
            padding: 10px;
            border-radius: 5px;
        }
        .carousel-img {
            object-fit: cover;
            height: 100%;
            width: 100%;
        }
/* Style for the image inside the modal */
    .modal-product-img {
    max-width: 100%;
    height: auto; /* This line is key, but let's ensure it's in the final code */
    border-radius: 5px;
    margin-bottom: 1rem; 
    }