.member-store-dialog{box-sizing:border-box;width:min(94vw,520px);max-height:90dvh;overflow:auto;border:1px solid #d9d0bc;border-radius:22px;padding:28px;background:#f7f3e8;color:#20251d;box-shadow:0 20px 80px #0005}.member-store-dialog::backdrop{background:#141a16a8}.member-store-dialog h2{font-family:inherit;font-size:26px;margin:0 40px 18px 0}.member-store-dialog .dialog-close{float:right;border:0;background:none;font-size:24px;cursor:pointer}.member-store-dialog label{display:block;margin:16px 0 6px;font-weight:600}.member-store-dialog input{box-sizing:border-box;width:100%;font:inherit;padding:13px;border:1px solid #bfb8a7;border-radius:10px;background:#fffdf7}.member-store-dialog button{font:inherit;cursor:pointer}.member-store-dialog .store-primary{display:block;width:100%;margin-top:16px;padding:14px;border:0;border-radius:12px;background:#bd491b;color:white;font-weight:700}.member-store-dialog .store-secondary{padding:11px 16px;border:1px solid #bfb8a7;border-radius:10px;background:transparent;margin-top:12px}.member-store-dialog img{display:block;width:min(100%,280px);height:auto;margin:12px auto}.member-store-dialog .member-code{font-size:42px;letter-spacing:8px;font-weight:700;text-align:center;margin:20px 0}.member-store-dialog .store-summary{padding:16px;border-radius:12px;background:#e6eadb;line-height:1.6}.member-store-dialog [role=status]{min-height:24px;line-height:1.5}.member-store-dialog ul{padding-left:0;list-style:none}.member-store-dialog li{border-top:1px solid #d9d0bc;padding:12px 0}.member-store-dialog :focus-visible{outline:3px solid #bd491b;outline-offset:3px}.store-register-button{margin:12px 0}.member-card-open{margin-top:14px}@media(max-width:480px){.member-store-dialog{padding:20px}.member-store-dialog .member-code{font-size:36px;letter-spacing:5px}}
.member-store-dialog [hidden]{display:none!important}
.customer-member-dialog{width:min(92vw,430px);padding:0;border-radius:24px;overflow:auto;font-family:inherit}.member-pass-head{position:relative;background:#20251d;color:#fffaf0;padding:28px 28px 25px}.customer-member-dialog .member-pass-logo{width:150px;height:auto;margin:0 0 22px}.customer-member-dialog .dialog-close{position:absolute;right:18px;top:18px;width:36px;height:36px;border:1px solid #ffffff40;border-radius:50%;color:#fffaf0;float:none}.customer-member-dialog h2{font-family:var(--serif,Georgia,serif);font-size:38px;font-weight:400;line-height:1.1;margin:0 0 12px}.member-pass-head p{margin:0;font-size:15px;color:#dce0d1}.member-pass-body{padding:24px 28px 20px}.member-pass-switch{display:flex;gap:4px;padding:4px;border-radius:12px;background:#e8e5da}.member-pass-switch button{flex:1;padding:11px 8px;border:0;border-radius:9px;background:transparent;color:#32372c;font-size:14px;font-weight:600}.member-pass-switch button[aria-pressed=true]{background:#fffdf6;box-shadow:0 2px 7px #20251d12;color:#a53d13}.member-pass-instruction{text-align:center;font-size:14px;line-height:1.5;margin:19px 0 14px}.member-pass-display{min-height:190px;display:grid;place-items:center}.customer-member-dialog .member-pass-display img{width:210px;margin:0;border:10px solid #f2eee2;border-radius:16px}.member-pass-digits{display:flex;gap:9px;justify-content:center}.member-pass-digits span{display:grid;place-items:center;width:58px;height:78px;border:1px solid #d4d1c2;border-radius:12px;background:#fffdf6;color:#20251d;font-family:inherit;font-size:40px;font-weight:500;line-height:1;font-variant-numeric:tabular-nums;box-shadow:0 4px 0 #e8e5da}.member-pass-expiry{text-align:center;font-size:12px;color:#64705b;margin:16px 0 8px}.member-pass-refresh{display:block;margin:0 auto;border:0;background:none;text-decoration:underline;text-underline-offset:4px;padding:10px;color:#a53d13;font-size:13px}.member-pass-note{border-top:1px solid #dedacd;padding-top:17px;margin:13px 0 0;font-size:13px;line-height:1.6;color:#64695d}.customer-member-dialog [role=status]{font-size:13px;margin:8px 0 0;min-height:0}.customer-member-dialog [role=status]:empty{display:none}@media(max-width:480px){.member-pass-head{padding:24px}.member-pass-body{padding:20px 24px}.customer-member-dialog h2{font-size:34px}.member-pass-digits span{width:54px;height:74px;font-size:38px}}
