.lightbox{
    position:fixed;
    inset:0;

    background:rgba(15,15,15,.92);

    display:flex;
    justify-content:center;
    align-items:center;

    opacity:0;
    visibility:hidden;

    transition:.4s;

    z-index:9999;
}

.lightbox.active{
    opacity:1;
    visibility:visible;
}

.lightbox-image{

    max-width:min(90vw,1200px);
    max-height:90vh;

    width:auto;
    height:auto;

    object-fit:contain;

    display:block;

    border-radius:16px;

    box-shadow:0 30px 80px rgba(0,0,0,.4);

}

.lightbox-close{
    position:absolute;

    top:40px;
    right:60px;

    color:white;

    font-size:50px;

    cursor:pointer;
}

.lightbox-prev,
.lightbox-next{

    position:absolute;

    top:50%;

    transform:translateY(-50%);

    background:none;

    border:none;

    color:white;

    font-size:55px;

    cursor:pointer;

    padding:20px;
}

.lightbox-prev{
    left:40px;
}

.lightbox-next{
    right:40px;
}

.lightbox-prev:hover,
.lightbox-next:hover,
.lightbox-close:hover{

    color:#d4b08a;
}