.mfpop-modal:not(.is-open), .mfpop-modal[hidden] { display: none !important; }
.mfpop-modal.is-open { display: grid !important; }
.mfpop-modal { position: fixed; inset: 0; z-index: 999999; place-items: start center; overflow: auto; padding: 6vh 15px; box-sizing: border-box; }
.mfpop-backdrop { position: fixed; inset: 0; background: rgba(0,0,0,.55); }
.mfpop-dialog { position: relative; display: flex; flex-direction: column; width: min(100%, var(--mfpop-width, 640px)); max-height: 88vh; max-height: 88dvh; background: #fff; border-radius: 18px; box-shadow: 0 18px 60px rgba(0,0,0,.28); overflow: hidden; }
.mfpop-modal .mfpop-close { position: absolute; top: 0; right: 0; z-index: 2; display: grid; place-items: center; width: 44px; height: 44px; padding: 0; border: 0; border-radius: 12px; background: transparent; color: #0090b1; font-size: 28px; cursor: pointer; }
.mfpop-modal .mfpop-close:hover { background: rgba(0,0,0,.06); }
.mfpop-modal .mfpop-close:focus-visible { outline: 2px solid #0090b1; outline-offset: -4px; }
.mfpop-body { min-height: 0; overflow: auto; padding: 36px; overscroll-behavior: contain; -webkit-overflow-scrolling: touch; }
.mfpop-status { padding: 12px; background: #fff3f3; border-left: 3px solid #b32d2e; color: #8a2424; }
.mfpop-status[hidden], .mfpop-modal script[type="text/mf"] { display: none !important; }
body.mfpop-lock { overflow: hidden; }
@media(max-width:480px) { .mfpop-modal { padding: 5vh 12px; } .mfpop-dialog { max-height: 90vh; max-height: 90dvh; } .mfpop-body { padding: 30px 22px; } }