.customer-modal-open{overflow:hidden}.customer-login-modal{position:fixed;inset:0;z-index:4000;display:grid;place-items:center;padding:18px;opacity:0;pointer-events:none;transition:opacity .2s ease}.customer-login-modal.is-open{opacity:1;pointer-events:auto}.customer-login-modal__backdrop{position:absolute;inset:0;background:rgba(15,23,42,.58);backdrop-filter:blur(3px)}.customer-login-modal__card{position:relative;width:min(430px,100%);background:#fff;border:1px solid #e7eaf0;border-radius:24px;padding:28px;box-shadow:0 24px 70px rgba(15,23,42,.22);box-sizing:border-box}.customer-login-modal__close{position:absolute;top:14px;left:14px;width:40px;height:40px;border:0;border-radius:50%;background:#f3f4f6;cursor:pointer;font-size:20px}.customer-login__head{text-align:center;padding:5px 25px 20px}.customer-login__head h2{margin:0 0 8px;font-size:22px}.customer-login__head p{margin:0;color:#64748b;font-size:13px;line-height:1.8}.customer-login__icon{width:58px;height:58px;margin:0 auto 14px;border-radius:18px;display:grid;place-items:center;background:#f1f5f9}.customer-login__icon img{width:30px;height:30px}.customer-login__field{display:block;margin-bottom:10px}.customer-login__field span{display:block;margin-bottom:7px;font-size:13px;font-weight:700}.customer-login__field input{width:100%;box-sizing:border-box;padding:13px 14px;border:1px solid #d8dee8;border-radius:12px;font:inherit;outline:none}.customer-login__field input:focus{border-color:#2563eb;box-shadow:0 0 0 3px rgba(37,99,235,.1)}.customer-login__button{width:100%;border:0;border-radius:12px;background:#111827;color:#fff;padding:13px;font:inherit;font-weight:700;cursor:pointer;margin-top:5px}.customer-login__message{min-height:22px;margin:8px 0 0;color:#dc2626;font-size:12px;line-height:1.7}.customer-login__message--success{color:#15803d}.customer-login__back{border:0;background:transparent;color:#2563eb;font:inherit;cursor:pointer;margin-top:8px}.customer-login__hint{text-align:center;color:#94a3b8;font-size:11px;margin:18px 0 0}@media(max-width:430px){.customer-login-modal{padding:10px}.customer-login-modal__card{border-radius:20px;padding:22px 18px}.customer-login__head h2{font-size:20px}}