.mjp-popup{display:none;position:fixed;inset:0;z-index:99999;overflow-y:auto;padding:20px;background:rgba(0,0,0,.6)}
.mjp-popup.is-open{display:flex}
.mjp-popup .mjp-box{position:relative;width:100%;max-width:600px;margin:auto}
.mjp-popup .mjp-close{position:absolute;top:-14px;right:-14px;z-index:5;width:36px;height:36px;padding:0;border:0;border-radius:50%;background:#fff;color:#000;font-size:24px;line-height:36px;text-align:center;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.3)}
.mjp-popup .mjp-close:hover,.mjp-popup .mjp-close:focus{background:#f2f2f2;color:#000}
body.mjp-lock{overflow:hidden}
@media (max-width:767px){
  .mjp-popup{padding:12px}
  .mjp-popup .mjp-close{top:6px;right:6px}
}