.lightbox-overlay {
display: none;
position: fixed;
z-index: 9999;
top: 0;
left: 0;
width: 100%;
height: 100dvh;
background-color: #111;
align-items: center;
justify-content: center;
cursor: zoom-out;
}

.lightbox-content {
    max-width: 90%;
    max-height: 80vh;
    object-fit: contain;
    animation: zoomIn 0.3s ease;
}

#lightbox-caption {
position: absolute;
color: #fff;
text-align: center;
width: 100%;
bottom: 20px;
}

@keyframes zoomIn {
    from { opacity: 0; transform: scale(0.9); }
    to { opacity: 1; transform: scale(1); }
}