/* Lightbox Overlay */
    .lightbox-overlay {
        display: none;
        /* Hidden by default */
        position: fixed;
        z-index: 9999;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        overflow: auto;
        background-color: rgba(255, 255, 255, 0.9);
        /* Dark background */
        backdrop-filter: blur(5px);
        opacity: 0;
        transition: opacity 0.3s ease;
    }

    /* Show state */
    .lightbox-overlay.active {
        display: flex;
        justify-content: center;
        align-items: center;
        opacity: 1;
    }

    /* The Image inside Lightbox */
    #lightbox-img {
        max-width: 90%;
        max-height: 90%;
        object-fit: contain;
    }

    /* Close Button */
    .lightbox-close {
        position: absolute;
        top: 20px;
        right: 35px;
        color: #fff;
        font-size: 40px;
        font-weight: bold;
        cursor: pointer;
        transition: 0.3s;
        line-height: 1;
        z-index: 10000;
    }

    .lightbox-close:hover {
        color: #da291c;
        /* Your brand color */
    }

    /* Mobile adjustments */
    @media (max-width: 768px) {
        #lightbox-img {
            max-width: 95%;
            max-height: 85vh;
        }

        .lightbox-close {
            top: 10px;
            right: 15px;
            font-size: 30px;
        }
    }