.mm-pop[hidden]{display:none}
.mm-pop{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:16px}
.mm-pop__backdrop{position:absolute;inset:0;background:rgba(20,20,20,.62);animation:mm-pop-fade .3s ease}
.mm-pop__panel{position:relative;display:grid;grid-template-columns:1fr 1fr;width:min(880px,100%);max-height:calc(100svh - 32px);overflow:auto;background:#F6F5F3;box-shadow:0 24px 70px #0006;animation:mm-pop-in .35s ease}
.mm-pop__close{position:absolute;top:12px;right:12px;z-index:3;width:40px;height:40px;border:0;border-radius:50%;background:#F6F5F3;color:#141414;font-size:26px;line-height:1;cursor:pointer;box-shadow:0 2px 8px #0003}
.mm-pop__close:hover{background:#fff}
.mm-pop__media{position:relative;min-height:100%;background:#141414;overflow:hidden}
.mm-pop__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.mm-pop__fallback{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#fff;background:linear-gradient(160deg,#2a2a2a,#0e0e0e)}
.mm-pop__fallback strong{font:400 120px/1 'Bodoni Moda',serif;color:#d9d7d3}
.mm-pop__fallback span{font:700 12px Manrope,sans-serif;letter-spacing:.34em;color:#9a9893}
.mm-pop__body{padding:44px 36px 30px;display:flex;flex-direction:column;justify-content:center}
.mm-pop__form{display:flex;flex-direction:column;gap:12px}
.mm-pop__title{margin:0;font:400 34px/1.12 'Bodoni Moda',serif;color:#141414;text-align:center;text-wrap:balance}
.mm-pop__text{margin:0 0 6px;font:500 15px/1.55 Manrope,sans-serif;color:#3D3D3D;text-align:center}
.mm-pop__text p{margin:0}
.mm-pop__input{width:100%;min-height:52px;padding:0 16px;border:1px solid #cfccc7;background:#fff;font:500 15px Manrope,sans-serif;color:#141414;border-radius:6px;box-sizing:border-box}
.mm-pop__input:focus{outline:2px solid #141414;outline-offset:1px}
.mm-pop__button{display:flex;align-items:center;justify-content:center;min-height:54px;margin-top:4px;padding:0 20px;border:0;border-radius:6px;background:#141414;color:#fff;font:700 13px Manrope,sans-serif;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;cursor:pointer;transition:background .2s}
.mm-pop__button:hover{background:#3d3d3d;color:#fff}
.mm-pop__note{margin:2px 0 0;text-align:center;font:500 12px/1.5 Manrope,sans-serif;color:#6B6966}
.mm-pop__note a{color:#6B6966;text-decoration:underline}
.mm-pop__error{margin:0;padding:10px 12px;background:#fdecea;color:#8a1f17;font:500 13px Manrope,sans-serif;border-radius:6px}
.mm-pop__error ul{margin:0;padding-left:16px}
.mm-pop__code{display:flex;align-items:stretch;border:2px dashed #141414;background:#fff}
.mm-pop__code span{flex:1;padding:14px;text-align:center;font:800 24px Manrope,sans-serif;letter-spacing:.12em;color:#141414}
.mm-pop__code button{border:0;border-left:2px dashed #141414;background:#141414;color:#fff;padding:0 18px;font:700 12px Manrope,sans-serif;letter-spacing:.1em;cursor:pointer}
html.mm-pop-open{overflow:hidden}
@keyframes mm-pop-fade{from{opacity:0}to{opacity:1}}
@keyframes mm-pop-in{from{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:none}}
@media(max-width:749px){
  .mm-pop{padding:12px}
  .mm-pop__panel{grid-template-columns:1fr;width:min(440px,100%)}
  .mm-pop__media{min-height:0;aspect-ratio:1/.85}
  .mm-pop__body{padding:26px 22px 22px}
  .mm-pop__title{font-size:28px}
  .mm-pop__fallback strong{font-size:84px}
}
@media(prefers-reduced-motion:reduce){.mm-pop__backdrop,.mm-pop__panel{animation:none}}