.ig-viewer{
position:fixed;
inset:0;
display:none;
justify-content:center;
align-items:center;
background:rgba(0,0,0,.82);
backdrop-filter:blur(8px);
opacity:0;
transition:.25s;
z-index:999999;
}

.ig-viewer.active{
display:flex;
opacity:1;
}

.ig-viewer-inner{
position:relative;
width:100%;
height:100%;
display:flex;
justify-content:center;
align-items:center;
padding:40px;
box-sizing:border-box;
}

.ig-image-wrap{
position:relative;
display:flex;
justify-content:center;
align-items:center;
}

#igViewerImage{
display:block;
max-width:92vw;
max-height:82vh;
width:auto;
height:auto;
object-fit:contain;
border-radius:18px;
background:#fff;
box-shadow:0 24px 70px rgba(0,0,0,.35);
}

.ig-close{
position:fixed;
top:24px;
right:24px;
width:46px;
height:46px;
display:flex;
justify-content:center;
align-items:center;
padding:0;
border:0;
border-radius:50%;
background:#fff;
color:#222;
font-size:24px;
line-height:1;
cursor:pointer;
transition:.2s;
z-index:100;
}

.ig-close:hover{
transform:scale(1.08);
}

.ig-nav{
position:absolute;
top:50%;
transform:translateY(-50%);
width:54px;
height:54px;
display:flex;
justify-content:center;
align-items:center;
padding:0;
border:0;
border-radius:50%;
background:rgba(255,255,255,.92);
color:#222;
font-size:34px;
line-height:1;
cursor:pointer;
transition:.2s;
z-index:20;
}

.ig-nav:hover{
transform:translateY(-50%) scale(1.08);
}

.ig-prev{
left:-90px;
}

.ig-next{
right:-90px;
}

#igDownload{
position:fixed;
left:50%;
bottom:26px;
transform:translateX(-50%);
display:flex;
align-items:center;
justify-content:center;
height:44px;
padding:0 26px;
border-radius:999px;
background:#222;
color:#fff;
text-decoration:none;
font-size:15px;
font-weight:600;
transition:.2s;
}

#igDownload:hover{
background:#000;
}

@media(max-width:768px){

.ig-viewer-inner{
padding:18px;
}

#igViewerImage{
max-width:95vw;
max-height:72vh;
border-radius:14px;
}

.ig-close{
top:16px;
right:16px;
width:40px;
height:40px;
font-size:20px;
}

.ig-nav{
width:44px;
height:44px;
font-size:26px;
background:rgba(255,255,255,.82);
}

.ig-prev{
left:10px;
}

.ig-next{
right:10px;
}

#igDownload{
bottom:18px;
height:40px;
padding:0 22px;
font-size:14px;
}

}