.pay-hero{padding:clamp(26px,5vw,52px);border:1px solid #4c5b85;border-radius:24px;background:radial-gradient(circle at 90% 20%,#513b8166,transparent 45%),linear-gradient(135deg,#171f39,#102e3d)}
.pay-hero h1{max-width:19ch;margin:0 0 18px;font-size:clamp(32px,5vw,58px);line-height:1.14;text-wrap:balance}.pay-hero h1 span{color:#fbbf24}.pay-hero>p:not(.eyebrow){max-width:62ch;color:#d6dff2;line-height:1.8}.pay-hero .button{margin-top:12px}
.pay-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:22px;align-items:start;margin-block:30px 58px}.qr-panel,.pay-guide{min-width:0;padding:clamp(20px,3vw,30px);border:1px solid #364263;border-radius:20px;background:#141a2d}.qr-panel h2,.pay-guide h2{margin:0 0 18px;font-size:clamp(22px,3vw,30px);line-height:1.3}.qr-image-link{display:block;width:min(100%,420px);margin-inline:auto;border-radius:16px;overflow:hidden;background:#fff}.qr-image-link img{display:block;width:100%;height:auto}.qr-hint{margin:14px 0;color:#bfcce4;font-size:13px;line-height:1.7;text-align:center}.qr-warning{margin:18px 0 0;padding:16px;border-left:4px solid #fbbf24;border-radius:9px;background:#212a40;color:#e0e7f5;line-height:1.75}.qr-warning strong{display:block;color:#ffe49b}
.pay-guide ol{display:grid;gap:12px;margin:0;padding:0;list-style:none;counter-reset:pay-step}.pay-guide li{counter-increment:pay-step;display:grid;grid-template-columns:34px minmax(0,1fr);column-gap:12px;padding:14px;border:1px solid #3a4666;border-radius:12px;background:#101728}.pay-guide li::before{content:counter(pay-step,decimal-leading-zero);grid-row:span 2;color:#fbbf24;font-weight:800}.pay-guide li strong{line-height:1.5}.pay-guide li span{grid-column:2;color:#c5d0e4;font-size:14px;line-height:1.7}.pay-note{margin:18px 0;padding:18px;border:1px solid #61739d;border-radius:12px;background:#1c2942}.pay-note strong{color:#ffe49b}.pay-note p{margin:8px 0 0;color:#d6dff2;line-height:1.75;font-size:14px}
.item-loading .pay-layout{display:none}.selected-product{display:grid;grid-template-columns:96px minmax(0,1fr) auto;align-items:center;gap:18px;margin-top:22px;padding:16px;border:1px solid #b98a31;border-radius:18px;background:#1e2638}.selected-product[hidden],.invalid-product[hidden],.direct-message[hidden],#direct-steps[hidden],#standard-steps[hidden]{display:none}.selected-product img{display:block;width:96px;height:96px;object-fit:cover;border-radius:12px}.selected-product h2{margin:0 0 4px;font-size:clamp(20px,3vw,28px);overflow-wrap:anywhere}.selected-product p{margin:4px 0;color:#d2ddf0;font-size:13px}.selected-product strong{color:#ffc84d;font-size:clamp(26px,3vw,38px);white-space:nowrap}.invalid-product{margin-block:24px}.invalid-product .button{margin-top:14px}.direct-message{display:grid;gap:10px;margin:18px 0}.direct-message label{font-weight:700}.direct-message textarea{width:100%;min-height:125px;resize:vertical;padding:14px;border:1px solid #61739d;border-radius:12px;background:#0d1424;color:#e7eefc;font:inherit;line-height:1.7}.direct-message .button{justify-self:start}.direct-message p{margin:0;color:#c5d0e4;font-size:13px}
@media(max-width:780px){.pay-layout{grid-template-columns:1fr}.qr-image-link{width:min(100%,400px)}}
.pay-layout[hidden]{display:none}
@media(max-width:520px){.selected-product{grid-template-columns:72px minmax(0,1fr);gap:12px}.selected-product img{width:72px;height:72px}.selected-product strong{grid-column:1/-1;padding-top:8px;border-top:1px solid #ffffff20}}
@media(max-width:400px){.pay-hero{padding:24px}.qr-panel,.pay-guide{padding:18px}.header-inner{align-items:flex-start}.site-header nav{justify-content:flex-end}}
.cart-panel{min-width:0;margin-top:22px;padding:clamp(18px,3vw,28px);border:1px solid #b98a31;border-radius:20px;background:#1a2336}.cart-panel[hidden],.cart-error[hidden]{display:none}.cart-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.cart-heading h2{margin:0 0 14px;font-size:clamp(23px,3vw,32px)}.cart-text-button{border:0;background:none;color:#a9c9ff;text-decoration:underline;cursor:pointer;font:inherit;white-space:nowrap}.cart-items{display:grid;gap:12px}.cart-item{display:grid;grid-template-columns:72px minmax(0,1fr) auto;align-items:center;gap:14px;padding:14px;border:1px solid #394968;border-radius:14px;background:#101728;min-width:0}.cart-item img{display:block;width:72px;height:72px;border-radius:10px;object-fit:cover}.cart-item-details{display:grid;gap:3px;min-width:0;overflow-wrap:anywhere}.cart-item-name{font-size:17px}.cart-item-meta,.cart-item-code{color:#c5d0e4;font-size:13px;line-height:1.5}.cart-item-controls{display:flex;align-items:center;gap:10px}.cart-quantity-label{font-size:13px;color:#d6dff2}.cart-item-controls input{width:64px;padding:9px 5px;border:1px solid #7990ba;border-radius:8px;background:#0b1324;color:#fff;font:inherit;text-align:center}.cart-line-total{min-width:75px;color:#ffc84d;text-align:right}.cart-error{color:#ffd399;font-weight:700}.cart-add,.cart-recipient{display:grid;gap:8px;margin-top:22px}.cart-add label,.cart-recipient label{font-weight:700}.cart-add input,.cart-add select,.cart-recipient input{box-sizing:border-box;width:100%;min-width:0;padding:12px;border:1px solid #7184a8;border-radius:10px;background:#0d1424;color:#fff;font:inherit}.cart-add select{max-width:100%;text-overflow:ellipsis}.cart-add .button{justify-self:start}.cart-total{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-top:24px;padding:18px;border-radius:12px;background:#27334b}.cart-total strong{color:#ffc84d;font-size:clamp(26px,4vw,38px);white-space:nowrap}.cart-hint{margin:12px 0 0;color:#d6dff2;line-height:1.7}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
@media(max-width:700px){.cart-item{grid-template-columns:64px minmax(0,1fr)}.cart-item img{width:64px;height:64px}.cart-item-controls{grid-column:1/-1;justify-content:flex-end;flex-wrap:wrap;padding-top:8px;border-top:1px solid #ffffff20}.cart-line-total{margin-left:auto}.cart-total{align-items:flex-start;flex-direction:column}}
@media(max-width:360px){.cart-heading{align-items:flex-start}.cart-item{padding:11px;gap:10px}.cart-item-controls{gap:7px}.cart-line-total{min-width:0}}
.cart-checkout{margin-top:20px;width:100%;min-height:52px;justify-content:center;font-size:16px}.cart-checkout:disabled{opacity:.5;cursor:not-allowed}
.cart-add-more{display:inline-flex;margin-top:20px;min-height:48px;align-items:center}
#hero-contact[hidden]{display:none}
.qr-amount{display:inline-block;white-space:nowrap;color:#ffd43b;animation:qr-amount-blink 1.4s ease-in-out infinite}
@keyframes qr-amount-blink{0%,100%{opacity:1;text-shadow:0 0 2px #fbbf24}50%{opacity:.58;text-shadow:0 0 14px #fbbf24}}
@media(prefers-reduced-motion:reduce){.qr-amount{animation:none}}
.payment-header .header-inner{gap:24px;padding-block:20px}
.payment-header .brand{gap:12px;flex-shrink:0;font-size:26px;line-height:1.1;letter-spacing:.02em}
.payment-header .brand img{width:54px;height:54px;border-radius:16px}
.payment-header .brand small{display:block;margin-top:5px;font-size:12px;letter-spacing:.2em;color:#bca5ff}
.payment-header nav{gap:10px;align-items:center;justify-content:flex-end}
.payment-header nav a{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:48px;padding:11px 16px;border:1px solid #35415e;border-radius:15px;background:#172033;color:#e9edff;font-size:14px;font-weight:700;line-height:1.4;text-decoration:none;transition:background .15s,border-color .15s}
.payment-header nav a:hover{background:#27314a;border-color:#9d87d7;text-decoration:none}
.payment-header nav a:focus-visible{outline:3px solid #ffd65a;outline-offset:4px}
.payment-header nav a::before{content:"";width:20px;height:20px;flex-shrink:0;background:currentColor;mask:var(--payment-nav-icon) center/contain no-repeat;-webkit-mask:var(--payment-nav-icon) center/contain no-repeat}
.payment-header nav a[href^="/gamepass"]{background:#33264e;border-color:#68508f;color:#dfceff;--payment-nav-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 7h14l1 14H4L5 7Z M8 7V5a4 4 0 0 1 8 0v2 M9 11a3 3 0 0 0 6 0'/%3E%3C/svg%3E")}
.payment-header nav a[href^="/security"]{--payment-nav-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m12 2 8 3v6c0 5-4 9-8 11-4-2-8-6-8-11V5l8-3Z m-4 10 3 3 5-6'/%3E%3C/svg%3E")}
.payment-header nav a[href^="/customer/requests"]{--payment-nav-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 8a9 9 0 1 1-1 8 M4 3v5h5 M12 7v5l4 2'/%3E%3C/svg%3E")}
.payment-header nav a[data-member-menu]{--payment-nav-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3Cpath d='M4 21v-2a8 8 0 0 1 16 0v2'/%3E%3C/svg%3E")}
.payment-header nav a[data-member-menu][href*="signup"]{background:#ffd65a;border-color:#ffd65a;color:#211700}
.payment-header nav a[hidden]{display:none!important}
@media(max-width:900px){.payment-header .header-inner{flex-wrap:wrap;gap:16px}.payment-header nav{width:100%;justify-content:flex-start}}
@media(max-width:540px){.payment-header .header-inner{padding-block:16px}.payment-header .brand{font-size:24px}.payment-header nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.payment-header nav a{padding:11px 8px;min-width:0;font-size:13px;gap:7px}}