.piv-modal{
display:none;
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
background:rgba(0,0,0,0.95);
backdrop-filter:blur(10px);
justify-content:center;
align-items:center;
flex-direction:column;
z-index:9999;
}

.piv-image-wrapper{
flex:1;
display:flex;
justify-content:center;
align-items:center;
overflow:hidden;
}

.piv-image{
max-width:90%;
max-height:90%;
transition:transform .2s;
cursor:grab;
}

.piv-top{
position:absolute;
top:20px;
right:30px;
color:white;
font-size:28px;
display:flex;
gap:20px;
}

.piv-close,
.piv-full{
cursor:pointer;
}

.piv-prev,
.piv-next{
position:absolute;
top:50%;
transform:translateY(-50%);
font-size:50px;
color:white;
cursor:pointer;
padding:20px;
}

.piv-prev{ left:20px; }
.piv-next{ right:20px; }

.piv-thumbs{
display:flex;
gap:10px;
padding:10px;
overflow-x:auto;
background:rgba(0,0,0,0.6);
}

.piv-thumbs img{
width:70px;
height:70px;
object-fit:cover;
opacity:.6;
cursor:pointer;
border-radius:6px;
}

.piv-thumbs img.active{
opacity:1;
outline:2px solid white;
}