#lightbox{
    position:fixed;
    inset:0;
    display:none;
    background:rgba(0,0,0,.95);
    z-index:9999;
}

#lightbox.active{
    display:block;
}

.lightboxSwiper{
    width:100%;
    height:100%;
}

.swiper-slide{
    display:flex;
    justify-content:center;
    align-items:center;
}

.swiper-zoom-container{
    width:100%;
    height:100%;
}

.swiper-zoom-container img{
    max-width:100%;
    max-height:100%;
    object-fit:contain;
}

img[data-lightbox] {
    cursor: pointer;
}

.close{
    position:absolute;
    top:15px;
    right:20px;
    color:white;
    font-size:42px;
    cursor:pointer;
    z-index:10000;
}

.swiper-button-prev,
.swiper-button-next{
    color:white;
}