body.mm-auth-fullscreen-page{margin:0!important;overflow:auto!important;background:#f2f2f4!important}
body.mm-auth-fullscreen-page header,
body.mm-auth-fullscreen-page footer,
body.mm-auth-fullscreen-page .site-header,
body.mm-auth-fullscreen-page .site-footer,
body.mm-auth-fullscreen-page .page-header,
body.mm-auth-fullscreen-page .page-title,
body.mm-auth-fullscreen-page .woocommerce-breadcrumb,
body.mm-auth-fullscreen-page .bottom-nav,
body.mm-auth-fullscreen-page .mobile-bottom-menu,
body.mm-auth-fullscreen-page .sticky-bottom-menu,
body.mm-auth-fullscreen-page #preloader{display:none!important}
.mm-auth-wrap{
  position:fixed;inset:0;z-index:999999;margin:0;padding:24px 16px;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  background:#f2f2f4 center center / cover no-repeat;font-family:inherit;box-sizing:border-box;overflow:auto
}
.mm-auth-close{position:absolute;top:16px;right:16px;width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.92);color:#20242d;text-decoration:none;font-size:28px;line-height:40px;text-align:center;z-index:99;box-shadow:0 8px 18px rgba(0,0,0,.10)}
.mm-auth-card{width:100%;max-width:390px;background:#fff;border-radius:18px;box-shadow:0 14px 34px rgba(0,0,0,.08);overflow:visible}
.mm-auth-head{min-height:136px;background:linear-gradient(180deg,#fe6a00 0%,#ffffff 100%);position:relative;overflow:hidden;border-radius: 17px;}
.mm-auth-decor{position:absolute;display:block;background:rgba(255,255,255,.16);border-radius:24px;transform:rotate(32deg)}
.mm-auth-decor--one{width:58px;height:118px;left:-10px;top:-12px}
.mm-auth-decor--two{width:18px;height:18px;left:96px;top:24px;border-radius:50%}
.mm-auth-decor--three{width:12px;height:12px;right:36px;top:32px;border-radius:50%}
.mm-auth-brand{position:absolute;left:24px;bottom:18px;max-height:30px}
.mm-auth-body{padding:20px 18px 24px}
.mm-auth-pane{display:none}
.mm-auth-pane.is-active{display:block}
.mm-auth-form{background:#fff center/cover no-repeat;border:1px solid #f0edf0;border-radius:16px;padding:18px 16px 16px;box-shadow:0 8px 24px rgba(0,0,0,.05)}
.mm-auth-title{margin:0 0 16px;color:#181d29;font-size:22px;line-height:1.05;font-weight:800}
.mm-auth-form label{display:block;margin:0 0 6px;color:#5e626d;font-size:12px;font-weight:600}
.mm-auth-form input{display:block;width:100%;height:42px;border:1px solid #dddce3;border-radius:10px;padding:0 12px;background:rgba(255,255,255,.92);color:#21242c;font-size:14px;margin:0 0 12px;box-sizing:border-box;transition:border-color .2s ease, box-shadow .2s ease}
.mm-auth-form input:focus{border-color:#ff4a7f;box-shadow:0 0 0 3px rgba(255,74,127,.12);outline:none}
.mm-auth-note{display:block;margin:-2px 0 14px;color:#9a8f96;font-size:12px}
.mm-auth-btn{appearance:none;border:0;width:100%;min-height:42px;border-radius:999px;background:#ff730f;color:#fff;font-size:16px;font-weight:700;cursor:pointer;transition:transform .15s ease,filter .2s ease,box-shadow .2s ease;box-shadow:0 8px 18px rgba(255,47,109,.22)}
.mm-auth-btn:hover,.mm-auth-btn:focus{filter:brightness(.97);transform:translateY(-1px);outline:none}
.mm-auth-btn[disabled]{opacity:.72;cursor:not-allowed;transform:none}
.mm-auth-bottom-note{margin-top:12px;text-align:center;color:#5c6270;font-size:12px}
.mm-auth-message{margin:12px auto 0;max-width:390px;text-align:center;font-size:14px;font-weight:600}
.mm-auth-message.is-error{color:#00000}
.mm-auth-message.is-success{color:#118047}
.mm-inline-otp{display:none;margin:10px 0 6px;padding:16px 14px;border:1px solid #ffd4e0;background:#fff8fa center/cover no-repeat;border-radius:16px}
.mm-inline-otp.is-open{display:block}
.mm-inline-otp-head{display:flex;align-items:center;gap:10px;margin-bottom:12px}
.mm-inline-otp-icon{width:38px;height:38px;border-radius:10px;background:#ffe6ee;color:#ff2f6d;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800}
.mm-inline-otp-head h3{margin:0;color:#26222a;font-size:18px;line-height:1.05}
.mm-inline-otp-head p{margin:4px 0 0;color:#7b7278;font-size:13px}
.mm-otp-boxes{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:12px}
.mm-otp-input{margin:0!important;text-align:center;font-size:20px;font-weight:700;padding:0!important}
.mm-auth-timer{margin-bottom:12px;padding:10px 12px;border-radius:10px;background:#ffeef3;color:#6e666b;text-align:center;font-size:13px}
.mm-auth-btn--verify{margin-bottom:8px}
.mm-auth-link{display:block;width:100%;border:0;background:transparent;color:#ff2f6d;font-size:14px;font-weight:700;cursor:pointer;padding:8px 0}
.mm-auth-dev-otp{margin-top:8px;text-align:center;color:#7d7479;font-size:12px}
.mm-auth-bottom-note--signup{display:none}
@media (max-width:480px){.mm-auth-wrap{padding:20px 12px}.mm-auth-card{max-width:100%}}






.mm-auth-brand {
    position: absolute;
    left: 50%;
    bottom: 18px;
    transform: translateX(-50%);
    text-align: center;
}

.mm-auth-brand img {
    display: block;
    max-height: 40px;
    width: auto;
    margin: 0 auto;
}








.mm-auth-bottom-note a, .mm-auth-switch {
    color: #ff730f;
    font-weight: 700;
    text-decoration: none;
    font-size: medium;
}  






.mm-otp-boxes {
    display: grid;
    grid-template-columns: repeat(4, 55px);
    grid-auto-rows: 45px;   /* 👈 height yaha se control hogi */
    justify-content: center;
    gap: 10px;
    margin-bottom: 20px;
}

.mm-otp-input {
    width: 55px;      /* same rehne do ya adjust karo */
    height: 65px;     /* 👈 height badha di */
    font-size: 24px;  /* text bhi bada */
    font-weight: 700;
    text-align: center;
    border-radius: 12px;
    border: 1px solid #ddd;
}