.modal-open{overflow:hidden}
.customer-modal[hidden]{display:none}
.customer-modal{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:20px}
.modal-backdrop{position:absolute;inset:0;background:rgba(3,12,24,.72);backdrop-filter:blur(3px)}
.modal-card{position:relative;z-index:1;width:min(460px,100%);max-height:calc(100vh - 40px);overflow:auto;background:#fff;border-radius:18px;padding:36px 42px 38px;text-align:center;box-shadow:0 30px 90px rgba(0,0,0,.3);animation:modal-in .2s ease-out}
.modal-close{position:absolute;right:17px;top:12px;border:0;background:none;color:#8a96a4;font-size:30px;line-height:1;cursor:pointer}
.modal-kicker{display:block;color:var(--orange);font-size:12px;font-weight:800;letter-spacing:1.2px}
.modal-card h2{margin:8px 0 10px;color:var(--navy);font-size:24px;line-height:1.45}
.modal-card>p{margin:0 auto 20px;color:var(--muted);font-size:14px;max-width:360px}
.modal-qr{display:grid;place-items:center;width:218px;height:218px;margin:0 auto 16px;background:var(--paper);color:#8591a0;font-size:13px}
.modal-qr img{width:100%;height:100%;object-fit:contain}
.modal-wechat{margin-bottom:14px;color:#556479}
.modal-wechat strong{color:var(--navy);letter-spacing:.5px}
.modal-copy{display:block;min-width:160px;margin:0 auto;background:var(--orange);padding:11px 22px;font-weight:700}
.modal-card>small{display:block;margin-top:13px;color:#94a0ad}
@keyframes modal-in{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}
@media(max-width:620px){.modal-card{padding:32px 20px 27px}.modal-card h2{font-size:21px}.modal-qr{width:190px;height:190px}}