/* ============================
   Модал входа/регистрации (палитра casio: #cdad74 акцент, #0e111a текст)
============================ */
.modal__container{position:fixed;inset:0;width:100%;height:100%;background:rgba(0,0,0,.6);overflow:auto;display:flex;padding:20px;z-index:9999999;opacity:0;visibility:hidden;transition:all .4s ease}
.modal__container.show{opacity:1;visibility:visible}
.modal__container::-webkit-scrollbar{display:none}
body:has(.modal__container.show){overflow:hidden}

#modalLoginForm .auth-modal{background:#fff;max-width:600px;width:100%;position:relative;margin:auto;height:auto;padding:30px 20px 40px}
#modalLoginForm .modal-close{position:absolute;top:14px;right:16px;width:22px;height:22px;cursor:pointer;z-index:10}
#modalLoginForm .modal-close::before,#modalLoginForm .modal-close::after{content:'';position:absolute;top:50%;left:0;width:100%;height:2px;background:#0e111a}
#modalLoginForm .modal-close::before{transform:rotate(45deg)}
#modalLoginForm .modal-close::after{transform:rotate(-45deg)}

#modalLoginForm p{margin-bottom:15px}
#modalLoginForm label{font-size:14px;display:inline-block;margin-bottom:5px;color:#888}
#modalLoginForm input[type=text],#modalLoginForm input[type=email],#modalLoginForm input[type=password]{width:100%}
#modalLoginForm .form-links{margin-top:12px}
#modalLoginForm .form-links a{border-bottom:1px solid #989898}
#modalLoginForm .reg-message{font-size:14px;margin-top:10px}
#modalLoginForm .reg-message.error{color:#c0392b}

/* Кнопки — как .button.creamy у casio */
#modalLoginForm .button,#modalLoginForm input[type=submit]{display:block;width:100%;cursor:pointer;padding:14px 20px;border:1px solid #cdad74;background:#cdad74;color:#fff;font-size:16px;transition:all .4s ease}
#modalLoginForm .button:hover,#modalLoginForm input[type=submit]:hover{background:rgba(0,0,0,0);color:#0e111a}

/* Табы */
.auth-tabs{display:flex;margin:0 0 20px;border-bottom:1px solid #e0e0e0}
.auth-tab{flex:1;padding:12px 20px;background:0 0;border:none;cursor:pointer;font-size:16px;font-weight:500;color:#888;transition:all .3s ease;position:relative}
.auth-tab:hover{color:#0e111a}
.auth-tab.active{color:#0e111a}
.auth-tab.active::after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:2px;background:#cdad74}
.tab-content{display:none}
.tab-content.active{display:block}

/* Кнопка Google */
.google-login-wrapper{margin:10px auto 0;max-width:340px}
.google-custom-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:11px 16px;border:1px solid #dadce0;border-radius:4px;background:#fff;color:#3c4043;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease}
.google-custom-btn:hover{background:#f8f9fa;box-shadow:0 1px 3px rgba(0,0,0,.15)}

/* Разделитель */
.login-divider{display:flex;align-items:center;text-align:center;margin:20px 0}
.login-divider::after,.login-divider::before{content:'';flex:1;border-bottom:1px solid #ddd}
.login-divider span{padding:0 10px;color:#888;font-size:14px}

input[type=submit]:disabled{opacity:.6;cursor:not-allowed}

/* Призыв войти на чекауте */
.cs-checkout-login{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:15px;padding:16px 20px;margin-bottom:25px;background:rgba(66,115,207,.08);border:1px solid rgba(66,115,207,.25);border-radius:5px}
.cs-checkout-login p{margin:0;color:#0e111a}
.cs-checkout-login .button{white-space:nowrap}

@media screen and (max-width:576px){
#modalLoginForm .auth-modal{padding:24px 16px 32px}
}