.sg-lightbox{
position:fixed;
inset:0;
display:none;
align-items:center;
justify-content:center;
background:rgba(0,0,0,.92);
z-index:999999;
}

.sg-lightbox.open{
display:flex;
}

.sg-lightbox img{
max-width:90%;
max-height:90%;
border-radius:10px;
box-shadow:0 10px 40px rgba(0,0,0,.45);
}

.sg-prev,
.sg-next{
position:absolute;
top:50%;
transform:translateY(-50%);
font-size:48px;
color:#fff;
cursor:pointer;
padding:15px;
user-select:none;
font-weight:bold;
}

.sg-prev{
left:20px;
}

.sg-next{
right:20px;
}

.sg-counter{
position:absolute;
top:20px;
left:50%;
transform:translateX(-50%);
color:#fff;
padding:8px 15px;
border-radius:30px;
background:rgba(255,255,255,.12);
font-size:14px;
backdrop-filter:blur(6px);
}