.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;

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

width:46px !important;
height:46px !important;

min-width:46px !important;
min-height:46px !important;

padding:0 !important;
margin:0 !important;

border:none;
border-radius:50% !important;

appearance:none;
-webkit-appearance:none;

background:#fff;

font-size:24px;

line-height:1;

box-sizing:border-box;

overflow:hidden;

cursor:pointer;

z-index:100;

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

.ig-nav{

position:absolute;
top:50%;
transform:translateY(-50%);

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

width:54px !important;
height:54px !important;

min-width:54px !important;
min-height:54px !important;
max-width:54px !important;
max-height:54px !important;

padding:0 !important;
margin:0 !important;

border:none;
border-radius:50% !important;

appearance:none;
-webkit-appearance:none;

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

color:#222;

font-size:30px;
font-weight:700;
line-height:1;

cursor:pointer;

box-sizing:border-box;

flex:0 0 54px;

overflow:hidden;

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 !important;
height:40px !important;

min-width:40px !important;
min-height:40px !important;
max-width:40px !important;
max-height:40px !important;

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;
}

}