/* Native checkout shell; solid-first colors support Microsoft Edge 100. */
/* Release the global stable scrollbar gutter while this viewport-fixed modal is open. */
html.membership-pay-open{scrollbar-gutter:auto!important;overflow:hidden!important}
body.plan-gallery-active .membership-pay-mask{background:rgba(8,8,8,.8);color:#f0eee7;z-index:2147483000}
body.plan-gallery-active .membership-pay-dialog{box-sizing:border-box;width:820px;max-width:calc(100vw - 24px);max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);border:1px solid #474238;border-radius:22px;background:#171717;color:#f0eee7;box-shadow:0 32px 100px rgba(0,0,0,.6)}
body.plan-gallery-active .membership-pay-head{flex:none;min-height:0;padding:20px 26px 18px;background:#1b1b1b;border-bottom:1px solid #34312c}
body.plan-gallery-active .membership-pay-eyebrow{margin-bottom:9px;color:#bda77a;font-size:10px;letter-spacing:.18em}
body.plan-gallery-active .membership-pay-head h2{font-size:23px;font-weight:500;color:#f0eee7}
body.plan-gallery-active .membership-pay-head p{margin-top:8px;color:#94918a;font-size:12px}
body.plan-gallery-active .membership-pay-close{width:34px;height:34px;border:1px solid #46433c;background:#242424;color:#c5c0b5;flex-shrink:0}
body.plan-gallery-active .membership-pay-close:hover{background:#37332c;color:#e6ce9a}
body.plan-gallery-active .membership-pay-body{box-sizing:border-box;display:flex;flex-direction:column;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding:16px 24px;background:#171717}
body.plan-gallery-active .membership-pay-channel-switch{flex:none;align-self:flex-start;width:auto;margin:0 0 10px;padding:0;background:transparent;border:0}
body.plan-gallery-active .membership-pay-channel.is-active{flex:none;min-height:32px;padding:0 13px;border:1px solid #65573f;border-radius:7px;background:#29251f;color:#ddc99f;font-size:12px;font-weight:500;cursor:default}
body.plan-gallery-active .membership-pay-channel-status{display:none}
body.plan-gallery-active .membership-pay-frame{flex:none;min-height:0;order:2;height:365px;border:0;border-radius:0;background:#171717}
body.plan-gallery-active .membership-pay-expiry{flex:none;order:3;margin:14px 0 0;padding-top:17px;border-top:1px solid #34312c;font-size:12px;color:#c6ad7b}
body.plan-gallery-active .membership-pay-tip{flex:none;order:4;margin:6px 0 0;font-size:12px;color:#929087}
body.payment-native-page{margin:0;background:#171717;color:#f0eee7;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif}
.payment-native-page .tac-sd{padding:0;height:auto;min-height:0;display:block;overflow:visible;background:#171717}
.payment-native-page .wihe-ee{width:100%;max-width:none;height:auto;min-height:0;max-height:none;display:block;overflow:visible;font-family:inherit;padding:0;margin:0;background:transparent;border:0;border-radius:0;box-shadow:none;box-sizing:border-box}
.payment-native-page .pay-page-title,.payment-native-page .pay-channel-switch,.payment-native-page .pay-amount{display:none}
.payment-native-page .payment-qr-stage{display:block;min-height:0!important;margin:0!important;padding:0!important;background:transparent;border:0;box-shadow:none}
.payment-native-page .pay-status-tip:empty{display:none}
.payment-native-page .pay-status-tip{min-height:0;margin-top:10px;color:#a79b85;font-size:12px;line-height:1.5}
.payment-native-page .pay-status-tip.is-error{color:#edb2a3}
.payment-native-page .wihe-ee .pay-native-summary p{text-align:left}
.payment-native-page .wihe-ee .pay-native-scan-hint{text-align:center}
body.payment-native-page:not(.payment-page-embedded){box-sizing:border-box;padding:24px 16px}
body.payment-native-page:not(.payment-page-embedded) .tac-sd{max-width:820px;margin:0 auto}
body.plan-gallery-active .membership-pay-tip.is-error,body.plan-gallery-active .membership-pay-expiry.is-expired{color:#edb2a3}
.pay-native-card{display:flex;align-items:stretch;gap:28px;min-height:330px;text-align:left;box-sizing:border-box;color:#f0eee7;background:#171717}
.pay-native-card *{box-sizing:border-box}
.pay-native-summary{display:flex;flex:1 1 0;min-width:0;flex-direction:column;padding:20px 0 14px}
.pay-native-kicker{margin:0 0 15px;color:#89867f;font-size:10px;letter-spacing:.18em}
.pay-native-product{margin:0;font-size:18px;font-weight:500;line-height:1.55;overflow-wrap:break-word}
.pay-native-price{display:flex;align-items:baseline;flex-wrap:wrap;gap:7px;margin:19px 0 7px;color:#e3cd9e;font-variant-numeric:tabular-nums}
.pay-native-price .currency{font-size:23px;font-weight:400}
.pay-native-price strong{max-width:100%;overflow-wrap:anywhere;font-size:53px;line-height:1.1;font-weight:500;letter-spacing:-2px}
.pay-native-price .unit{margin-left:3px;color:#8e897d;font-size:11px;letter-spacing:.08em}
.pay-native-price-note{margin:0;color:#8c8880;font-size:12px}
.pay-native-details{display:grid;grid-template-columns:64px minmax(0,1fr);gap:12px;margin:28px 0 20px;padding-top:20px;border-top:1px solid #34312c;font-size:12px;line-height:1.65}
.pay-native-details dt{color:#8e8b83}
.pay-native-details dd{margin:0;text-align:right;color:#ccc5b7;word-break:break-all}
.pay-native-assurance{display:flex;gap:8px;align-items:center;margin-top:auto;color:#8e897e;font-size:11px;line-height:1.6}
.pay-native-assurance svg{width:15px;height:17px;flex:none;color:#b9a47a}
.pay-native-scan{flex:0 0 286px;padding:16px 18px 14px;border:1px solid #756343;border-radius:16px;background:#24211c;background:linear-gradient(145deg,#302b21 0%,#201f1c 60%,#24221d 100%);box-shadow:inset 0 1px 0 rgba(231,207,157,.10),0 10px 28px rgba(0,0,0,.16);text-align:center}
.pay-native-scan-title{display:flex;align-items:center;justify-content:center;gap:8px;margin:0 0 20px;color:#e0c997;font-size:13px;font-weight:500}
.pay-native-scan-title svg{width:18px;height:18px;flex:none;color:#c8ab70}
/* Decoration stays outside the official 248px white QR viewport. */
.pay-native-qr-trim{position:relative;width:248px;height:248px;margin:0 auto;outline:1px solid #76613e;outline-offset:4px;border-radius:10px}
.pay-native-qr-trim i{position:absolute;width:16px;height:16px;border:solid #d4b779;pointer-events:none}
.pay-native-qr-trim .tl{left:-6px;top:-6px;border-width:2px 0 0 2px;border-radius:6px 0 0 0}
.pay-native-qr-trim .tr{right:-6px;top:-6px;border-width:2px 2px 0 0;border-radius:0 6px 0 0}
.pay-native-qr-trim .bl{left:-6px;bottom:-6px;border-width:0 0 2px 2px;border-radius:0 0 0 6px}
.pay-native-qr-trim .br{right:-6px;bottom:-6px;border-width:0 2px 2px 0;border-radius:0 0 6px 0}
.pay-native-qr-surface{width:248px;height:248px;margin:0 auto;border-radius:10px;background:#fff;overflow:auto}
.pay-native-qr-frame{display:block;width:248px;height:248px;margin:0;border:0;background:#fff}
.pay-native-scan-hint{margin:18px 0 0;color:#b7a88b;font-size:11px;line-height:1.6}
.pay-native-card form{margin:0}
@media(max-width:600px){
 body.plan-gallery-active .membership-pay-head{padding:20px}
 body.plan-gallery-active .membership-pay-head h2{font-size:20px}
 body.plan-gallery-active .membership-pay-body{padding:15px 18px}
 body.plan-gallery-active .membership-pay-frame{height:620px;flex:none}
 .pay-native-card{flex-direction:column;gap:16px;min-height:0}
 .pay-native-summary{padding:9px 0 0;flex:none}
 .pay-native-kicker{margin-bottom:9px}
 .pay-native-price{margin-top:12px}
 .pay-native-price strong{font-size:44px}
 .pay-native-details{margin:16px 0 14px;padding-top:12px;gap:7px}
 .pay-native-scan{flex:none;align-self:center;width:286px;max-width:100%}
}
@media(max-width:360px){.pay-native-scan{padding-left:8px;padding-right:8px}body.plan-gallery-active .membership-pay-body{padding-left:12px;padding-right:12px}}

@media(max-height:700px){
 body.plan-gallery-active .membership-pay-head{padding:14px 22px 12px}
 body.plan-gallery-active .membership-pay-eyebrow{margin-bottom:6px}
 body.plan-gallery-active .membership-pay-head h2{font-size:20px}
 body.plan-gallery-active .membership-pay-body{padding-top:12px;padding-bottom:12px}
 body.plan-gallery-active .membership-pay-expiry{margin-top:10px;padding-top:10px}
}