.szp-zoom-overlay{
  position:fixed; inset:0; z-index:999999;
  display:block; font-family:inherit;
}
.szp-zoom-backdrop{
  position:absolute; inset:0; background:rgba(0,0,0,.87);
}
.szp-zoom-stage{
  position:absolute; inset:0; display:flex; align-items:center; justify-content:center;
}
.szp-zoom-img{
  max-width:92vw; max-height:82vh; box-shadow:0 8px 40px rgba(0,0,0,.5);
  border-radius:10px;
}
.szp-zoom-close, .szp-zoom-prev, .szp-zoom-next{
  position:absolute; top:16px; background:rgba(11,42,132,.95); color:#fff; border:0; cursor:pointer;
  width:40px; height:40px; border-radius:50%; font-size:20px; line-height:40px; text-align:center;
}
.szp-zoom-close{ right:16px; }
.szp-zoom-prev{ left:16px; top:50%; transform:translateY(-50%); }
.szp-zoom-next{ right:16px; top:50%; transform:translateY(-50%); }
.szp-zoom-exit{
  position:absolute; bottom:18px; left:50%; transform:translateX(-50%);
  background:#ffd21e; color:#0b2a84; padding:10px 14px; border-radius:12px; font-weight:700; text-decoration:none;
}
.szp-zoom-exit:hover{ filter:brightness(.95); }
@media (max-width:640px){
  .szp-zoom-img{ max-width:94vw; max-height:70vh; }
  .szp-zoom-close, .szp-zoom-prev, .szp-zoom-next{ width:36px; height:36px; font-size:18px; line-height:36px; }
  .szp-zoom-exit{ bottom:14px; padding:8px 12px; }
}