body.pp-popup-open{overflow:hidden}
.pp-site-popup{position:fixed;inset:0;z-index:10050;display:grid;place-items:center;padding:20px;opacity:0;pointer-events:none;transition:opacity .2s ease}
.pp-site-popup.is-open{opacity:1;pointer-events:auto}
.pp-site-popup__backdrop{position:absolute;inset:0;background:rgba(0,0,0,.62);backdrop-filter:blur(2px);transition:background .2s ease}
.pp-site-popup__dialog{--pp-popup-width:780px;position:relative;z-index:1;width:min(var(--pp-popup-width),calc(100vw - 40px));max-height:calc(100vh - 40px);background:transparent;box-shadow:0 26px 80px rgba(0,0,0,.34);transform:translateY(12px) scale(.985);transition:transform .2s ease;border-radius:8px;overflow:visible}
.pp-site-popup.is-open .pp-site-popup__dialog{transform:none}
.pp-site-popup__image-link,.pp-site-popup__media{display:block;width:100%;border-radius:8px;overflow:hidden}
.pp-site-popup__media img{display:block;width:100%;height:auto;max-height:calc(100vh - 40px);object-fit:contain;background:transparent}
.pp-site-popup__image-link{cursor:pointer;text-decoration:none}
.pp-site-popup__close{position:absolute;top:-14px;right:-14px;z-index:3;width:38px;height:38px;border:2px solid #fff;border-radius:50%;background:#111;color:#fff;font-size:25px;line-height:1;cursor:pointer;box-shadow:0 4px 18px rgba(0,0,0,.3)}
.pp-site-popup__close:hover{background:#ff0a91}
@media(max-width:720px){
  .pp-site-popup{padding:14px}
  .pp-site-popup__dialog{width:min(var(--pp-popup-width),calc(100vw - 28px));max-height:calc(100vh - 28px)}
  .pp-site-popup__media img{max-height:calc(100vh - 28px)}
  .pp-site-popup__close{top:-11px;right:-8px;width:34px;height:34px;font-size:22px}
}