.lightbox-image{cursor:pointer;transition:transform .3s ease,box-shadow .3s ease}
.lightbox-image:hover{transform:scale(1.02);box-shadow:0 4px 12px #00000026}
.lightbox-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000e6;z-index:99999;justify-content:center;align-items:center}
.lightbox-overlay.active{display:flex}
.lightbox-container{position:relative;max-width:90%;max-height:90%}
.lightbox-container img{max-width:100%;max-height:90vh;object-fit:contain;border-radius:4px}
.lightbox-close{position:absolute;top:-50px;right:0;background:transparent;border:none;color:#fff;font-size:40px;cursor:pointer;padding:10px;line-height:1;transition:opacity .3s ease}
.lightbox-close:hover{opacity:.7}
@media (max-width: 768px) {
.lightbox-container{max-width:95%;max-height:95%}
.lightbox-close{top:-40px;font-size:32px}
}