.payment-products{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px;margin:18px 0}
.payment-product{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:18px;border:1px solid var(--border,#3b414a);border-radius:14px;background:var(--surface,#22262d)}
.payment-product strong{font-size:18px}
.payment-product span{font-size:24px;font-weight:700;color:var(--accent,#58a6ff)}
.payment-product small{color:var(--muted,#aeb7c3);line-height:1.5}
.payment-product button{margin-top:auto}
.mp-page [data-payment-panel]{margin:34px 0 0;padding:26px;border:1px solid #ffffff20;border-radius:20px;background:#1c1e22;color:#f5f6f8}
.mp-page [data-payment-panel] .panel-head{display:flex;align-items:center;justify-content:space-between;gap:16px}
.mp-page [data-payment-panel] .panel-head h2{margin:0;font-size:24px}
.payment-intro{margin:12px 0;color:#aab3c1;line-height:1.6}
.mp-page .payment-products{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:22px 0}
.mp-page .payment-product{min-width:0;min-height:128px;align-items:flex-start;justify-content:center;text-align:left;cursor:default;color:inherit;background:#25282e;border-color:#404650}
.mp-page button.payment-product.is-available{cursor:pointer}
.mp-page button.payment-product.is-available:hover,.mp-page button.payment-product.is-available:focus-visible{border-color:#4b94ff;box-shadow:0 0 0 2px #2878eb55}
.mp-page .payment-product:disabled{opacity:.62}
.mp-page .payment-product-amount{font-size:30px;line-height:1.1;color:#fff}
.mp-page .payment-product strong{font-size:16px}
.mp-page .payment-custom{border-top:1px solid #ffffff1c;padding-top:20px}
.mp-page .payment-custom label{display:block;margin-bottom:10px;font-weight:650}
.payment-custom-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.payment-custom-row input{width:220px;max-width:100%;height:44px;padding:0 12px;border:1px solid #596474;border-radius:10px;background:#171a20;color:#fff;font:inherit}
.payment-custom-row small{color:#aab3c1}
.payment-checkout{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:18px;padding:15px 0;border-top:1px solid #ffffff1c}
.payment-checkout .primary{min-height:44px}
html[data-theme=light] .mp-page [data-payment-panel]{background:#fff;color:#232832;border-color:#d6dce5}
html[data-theme=light] .mp-page .payment-product{background:#f4f6f9;border-color:#d5dce6}
html[data-theme=light] .mp-page .payment-product-amount{color:#1c2532}
html[data-theme=light] .payment-custom-row input{background:#fff;color:#1c2532}
@media(max-width:760px){.mp-page .payment-products{grid-template-columns:repeat(2,minmax(0,1fr))}.payment-checkout{align-items:stretch;flex-direction:column}}
[data-payment-panel]>.notice{margin-top:18px}
.mp-storefront [data-payment-panel]{position:relative;overflow:hidden}
.mp-storefront [data-payment-panel] .panel-head p{margin:6px 0 0;color:#aab5c1;font-size:13px}
.mp-storefront .payment-product{position:relative;overflow:hidden;min-height:158px;justify-content:space-between;cursor:pointer;background:linear-gradient(145deg,#313b4c,#222935 58%,#1d222a);border-color:#64758b60;transition:transform .18s,border-color .18s,box-shadow .18s}
.mp-storefront .payment-product:hover,.mp-storefront .payment-product.is-selected{transform:translateY(-2px);border-color:#8cb8ff;box-shadow:0 10px 24px #0003}
.mp-storefront .payment-product-decoration{position:absolute;right:-4px;top:-42px;font-size:140px;line-height:1;color:#ffffff0c;pointer-events:none}
.mp-storefront .payment-tier-1{background:linear-gradient(145deg,#2d3d50,#1e2935)}
.mp-storefront .payment-tier-2{background:linear-gradient(145deg,#324661,#202b3e)}
.mp-storefront .payment-tier-3{background:linear-gradient(145deg,#4b3b4c,#282433)}
.mp-storefront .payment-product-amount,.mp-storefront .payment-product strong,.mp-storefront .payment-product small{position:relative;z-index:1}
.mp-storefront .payment-product-amount{font-size:33px;font-weight:760;color:#fff}
.mp-storefront .payment-product strong{font-size:18px;color:#f3f7ff}
.mp-storefront .payment-product-badge{position:absolute;right:12px;top:12px;z-index:2;padding:3px 7px;border-radius:999px;background:#ffffff24;color:#e8f2ff;font-size:11px}
.mp-storefront .payment-loading{height:190px;margin-top:20px;border-radius:14px;background:linear-gradient(105deg,#ffffff09 10%,#ffffff17 30%,#ffffff09 50%);background-size:200% 100%;animation:payment-shimmer 1.5s linear infinite}
@keyframes payment-shimmer{to{background-position-x:-200%}}
html[data-theme=light] .mp-storefront .payment-product{background:linear-gradient(145deg,#f5f9ff,#e8eef7);border-color:#bdcfe7}
html[data-theme=light] .mp-storefront .payment-tier-3{background:linear-gradient(145deg,#fcf5fc,#eee8f0)}
html[data-theme=light] .mp-storefront .payment-product-amount,html[data-theme=light] .mp-storefront .payment-product strong{color:#253750}
html[data-theme=light] .mp-storefront .payment-product-decoration{color:#3c6eaa0b}
html[data-theme=light] .mp-storefront .payment-product-badge{background:#e1eaf7;color:#325b90}
.mp-storefront [data-payment-panel]{margin-top:26px;padding:22px 24px}
.mp-storefront .payment-products{margin:16px 0}
.mp-storefront .payment-product{min-height:128px;gap:5px}
.mp-storefront .payment-product small{font-size:11px}
.mp-storefront .payment-purchase-row{display:flex;align-items:center;gap:12px;padding-top:16px;border-top:1px solid #ffffff1c}
.mp-storefront .payment-purchase-row>label{white-space:nowrap;font-size:13px;font-weight:650}
.mp-storefront .payment-custom-row{flex-wrap:nowrap;gap:6px;height:42px;padding:0 12px;border:1px solid #596474;border-radius:10px;background:#171a20}
.mp-storefront .payment-custom-row span{color:#cdd8e8}
.mp-storefront .payment-custom-row input{width:145px;height:auto;padding:0;border:0;outline:0;background:transparent}
.mp-storefront .payment-purchase-summary{margin-left:auto;color:#b5c4d4;font-size:12px;white-space:nowrap}
.mp-storefront .payment-purchase-row .primary{min-height:42px;white-space:nowrap}
.mp-storefront .payment-footnote{margin:10px 0 0;color:#9eacbd;font-size:11px}
html[data-theme=light] .mp-storefront .payment-custom-row{background:#fff}
html[data-theme=light] .mp-storefront .payment-custom-row span{color:#4a5b70}
@media(max-width:760px){.mp-storefront .payment-purchase-row{flex-wrap:wrap}.mp-storefront .payment-purchase-summary{margin-left:0}.mp-storefront .payment-purchase-row .primary{margin-left:auto}}
.mp-upgrade-dialog{width:min(480px,calc(100vw - 32px));max-height:calc(100vh - 32px);padding:26px;border:1px solid #5d6c82;border-radius:22px;background:#20252e;color:#f5f7fa;box-shadow:0 24px 70px #0008}
.mp-upgrade-dialog::backdrop{background:#050a11b8;backdrop-filter:blur(3px)}
.mp-upgrade-dialog form{margin:0}
.mp-upgrade-eyebrow{color:#a9caff;font-size:12px;letter-spacing:.12em}
.mp-upgrade-dialog h2{margin:8px 0;font-size:23px}
.mp-upgrade-dialog p{color:#b3c0cf;font-size:13px;line-height:1.65}
.mp-upgrade-dialog dl{margin:20px 0;padding:12px 17px;border:1px solid #ffffff1c;border-radius:14px;background:#ffffff07}
.mp-upgrade-dialog dl>div{display:flex;justify-content:space-between;gap:16px;padding:9px 0}
.mp-upgrade-dialog dt{color:#b3c0cf}.mp-upgrade-dialog dd{margin:0;font-weight:700;font-variant-numeric:tabular-nums}
.mp-upgrade-dialog .mp-upgrade-credit{color:#94c8ff}
.mp-upgrade-dialog .mp-upgrade-total{margin-top:8px;padding-top:15px;border-top:1px solid #ffffff24;font-size:18px}
.mp-upgrade-dialog .mp-upgrade-total dd{color:#fff;font-size:24px}
.mp-upgrade-dialog .mp-upgrade-note{font-size:12px}
.mp-upgrade-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}
.mp-upgrade-actions button{min-height:42px;padding:0 16px;border:1px solid #617085;border-radius:10px;background:#303846;color:#fff;font:inherit;cursor:pointer}
.mp-upgrade-actions button.primary{border-color:#4b84e8;background:#2868d2}
html[data-theme=light] .mp-upgrade-dialog{background:#fff;color:#243044;border-color:#d6dfeb}
html[data-theme=light] .mp-upgrade-dialog dl{background:#f3f7fd;border-color:#dbe4f0}
html[data-theme=light] .mp-upgrade-dialog p,html[data-theme=light] .mp-upgrade-dialog dt{color:#607086}
html[data-theme=light] .mp-upgrade-dialog .mp-upgrade-total dd{color:#243044}