/* MM Simple Login v2.0.0 */
.mmsl-box{--mmsl-accent:#C2410C;--mmsl-accent-d:#9A3412;--mmsl-text:#2b2e33;--mmsl-muted:#55595e;--mmsl-line:#e3e5e8;
  direction:rtl;text-align:right;max-width:400px;margin:0 auto;background:#fff;border-radius:20px;padding:24px 20px;box-shadow:0 10px 32px rgba(0,0,0,.08);color:var(--mmsl-text);font-family:inherit;}
.mmsl-title{font-size:19px;font-weight:800;margin:0 0 18px;color:var(--mmsl-text);text-align:center;}
.mmsl-step{display:none;}
.mmsl-step.is-active{display:block;}
.mmsl-field{display:block;margin:0 0 14px;}
.mmsl-field[hidden]{display:none!important;}
.mmsl-field>span{display:block;font-size:13.5px;font-weight:600;color:var(--mmsl-text);margin-bottom:6px;}
.mmsl-field input{width:100%;box-sizing:border-box;height:50px;border:1.5px solid var(--mmsl-line);border-radius:12px;padding:0 14px;font:inherit;font-size:16px;color:var(--mmsl-text);background:#fff;transition:border-color .15s,box-shadow .15s;}
.mmsl-field input:focus{outline:0;border-color:var(--mmsl-accent);box-shadow:0 0 0 3px rgba(194,65,12,.15);}
.mmsl-field input[name=mobile]{direction:ltr;text-align:center;letter-spacing:1px;font-size:18px;}
.mmsl-code{direction:ltr;text-align:center;letter-spacing:10px;font-size:22px!important;font-weight:700;}
.mmsl-btn{position:relative;width:100%;height:50px;border:0;border-radius:14px;background:var(--mmsl-accent);color:#fff!important;font:inherit;font-size:16px;font-weight:700;cursor:pointer;transition:background .15s;}
.mmsl-btn:hover{background:var(--mmsl-accent-d);}
.mmsl-btn:disabled{opacity:.75;cursor:wait;}
.mmsl-btn.is-loading::after{content:"";position:absolute;left:18px;top:50%;width:18px;height:18px;margin-top:-9px;border:2px solid rgba(255,255,255,.5);border-top-color:#fff;border-radius:50%;animation:mmsl-spin .7s linear infinite;}
@keyframes mmsl-spin{to{transform:rotate(360deg);}}
.mmsl-hint{margin:10px 0 0;font-size:12.5px;color:var(--mmsl-muted);text-align:center;}
.mmsl-sent{margin:0 0 14px;font-size:13.5px;color:var(--mmsl-muted);text-align:center;background:#f6f7f8;border-radius:10px;padding:8px 10px;}
.mmsl-row{display:flex;justify-content:space-between;gap:10px;margin-top:12px;}
.mmsl-link{border:0;background:none;padding:4px 0;font:inherit;font-size:13px;font-weight:600;color:var(--mmsl-accent);cursor:pointer;}
.mmsl-link:disabled{color:#6b7075;cursor:default;}
.mmsl-msg{min-height:20px;margin:10px 0 0;font-size:13.5px;line-height:1.7;text-align:center;}
.mmsl-msg.is-err{color:#b42318;}
.mmsl-msg.is-ok{color:#0A7055;}
.mmsl-logged{text-align:center;}

/* My Account page */
.mmsl-page{max-width:440px;margin:10px auto 30px;}

/* Modal */
html.mmsl-lock{overflow:hidden;}
.mmsl-modal[hidden]{display:none!important;}
.mmsl-modal{position:fixed;inset:0;z-index:999999;display:flex;align-items:center;justify-content:center;padding:16px;}
.mmsl-modal__backdrop{position:absolute;inset:0;background:rgba(20,22,26,.55);}
.mmsl-modal__dialog{position:relative;width:100%;max-width:400px;max-height:calc(100vh - 32px);overflow:auto;border-radius:20px;}
.mmsl-modal__dialog .mmsl-box{box-shadow:none;}
.mmsl-modal__close{position:absolute;top:10px;left:10px;z-index:2;width:34px;height:34px;border:0;border-radius:50%;background:#f3f4f6;color:#2b2e33;font-size:22px;line-height:1;cursor:pointer;}
@media (max-width:480px){
  .mmsl-modal{align-items:flex-end;padding:0;}
  .mmsl-modal__dialog{max-width:none;border-radius:22px 22px 0 0;max-height:92vh;}
  .mmsl-modal__dialog .mmsl-box{border-radius:22px 22px 0 0;padding:26px 18px 28px;}
}