/* SMS-логин модалка */
.modal-auth-backdrop{
    position:fixed;inset:0;z-index:1000;
    background:rgba(31,31,31,.5);
    -webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);
    display:none;align-items:center;justify-content:center;
    padding:1rem;
}
.modal-auth-backdrop[data-open="true"]{display:flex;}

.modal-panel{
    position:relative;
    width:100%;max-width:26rem;
    background:#fff;border-radius:1.25rem;
    padding:2.5rem 1.75rem 1.75rem;
    box-shadow:0 1.25rem 3rem rgba(0,0,0,.18);
    font-family:'Inter',system-ui,sans-serif;
}
.modal-close{
    position:absolute;top:.85rem;right:.85rem;
    width:2.25rem;height:2.25rem;
    background:transparent;border:0;cursor:pointer;
    color:#1f1f1f;display:flex;align-items:center;justify-content:center;
    border-radius:50%;transition:background .15s;
}
.modal-close:hover{background:#f4f1e6;}
.modal-close svg{width:1rem;height:1rem;}

.modal-title{
    font-family:'Moula',serif;
    font-size:1.6rem;font-weight:500;
    margin:0 0 .6rem;color:#1f1f1f;
    text-align:center;
}
.modal-desc{
    font-size:.95rem;line-height:1.4;
    margin:0 0 1.4rem;color:#5a5a5a;
    text-align:center;
}

.input-group{margin-bottom:1rem;}
.modal-input{
    width:100%;box-sizing:border-box;
    height:3rem;padding:0 1rem;
    background:#f6f2e6;border:1px solid #e3ddc8;border-radius:.75rem;
    --autofill-bg:#f6f2e6;
    font-size:1rem;color:#1f1f1f;
    transition:border-color .15s;
    -webkit-appearance:none;appearance:none;
}
.modal-input:focus{outline:0;border-color:#647d19;}
.modal-input--code{letter-spacing:.4rem;text-align:center;font-size:1.3rem;font-weight:500;}

.modal-error{
    color:#b94036;font-size:.85rem;margin:.4rem 0 .8rem;text-align:center;min-height:1rem;
}

.submit-btn{
    width:100%;height:3rem;
    background:#647d19;color:#fff;border:0;border-radius:.75rem;
    font-size:1rem;font-weight:500;cursor:pointer;
    transition:background .15s,opacity .15s;
}
.submit-btn:hover:not(:disabled){background:#506415;}
.submit-btn:disabled{opacity:.55;cursor:not-allowed;}

.policy-text{
    margin:1rem 0 0;font-size:.78rem;line-height:1.4;
    color:#7a7a7a;text-align:center;
}
.policy-text a{color:#647d19;text-decoration:underline;}

.modal-consent{
    display:flex;gap:.55rem;align-items:flex-start;
    margin:.9rem 0 .2rem;font-size:.82rem;line-height:1.4;color:#3a3a3a;
}
.modal-consent input{flex:none;margin-top:.2rem;width:1rem;height:1rem;accent-color:#647d19;}
.modal-consent a{color:#647d19;text-decoration:underline;}

.modal-resend{
    display:block;margin:.7rem auto 0;background:transparent;border:0;
    color:#647d19;font-size:.85rem;cursor:pointer;text-decoration:underline;
}
.modal-resend:disabled{color:#9a9a9a;cursor:not-allowed;text-decoration:none;}

@media (min-width:992px){
    .modal-panel{padding:3rem 2.5rem 2.25rem;max-width:28rem;}
    .modal-title{font-size:1.85rem;}
}