/* Game top-up checkout (inside a game): panels with step headers, tiles, compact header (test, 2026-10-01) */
.topup-page{--gt-panel:#141030;--gt-head:#1b1640;--gt-line:#2b2458;--gt-text:#f3f1ff;--gt-muted:#a9a3d4;--gt-accent:#7c5cff;--gt-accent-2:#ff5a7a;--gt-gold:#ffc04d}

/* One column, game header bar on top */
.topup-page .shop-purchase-layout{display:flex!important;flex-direction:column;gap:14px;max-width:860px;margin:18px auto 0!important}
.topup-page .shop-purchase-layout>:is(.ff-topup-hero,.id-game-hero,.game-detail-hero,.roblox-topup-hero),.topup-page :is(.ff-topup-hero,.id-game-hero,.game-detail-hero,.roblox-topup-hero){order:-1;min-height:0!important;display:flex!important;flex-direction:row-reverse;justify-content:flex-end;align-items:center;gap:14px!important;padding:12px 14px!important;border-radius:18px!important;background:linear-gradient(#141030,#141030) padding-box,linear-gradient(135deg,rgba(124,92,255,.7),rgba(255,90,122,.4) 60%,rgba(124,92,255,.2)) border-box!important;border:1px solid transparent!important;box-shadow:none!important;position:static!important}
.topup-page :is(.ff-topup-hero,.id-game-hero,.game-detail-hero,.roblox-topup-hero) img{width:56px!important;height:56px!important;border-radius:14px!important;box-shadow:0 6px 16px rgba(0,0,0,.4)!important;flex:0 0 56px}
.topup-page :is(.ff-topup-hero,.id-game-hero,.game-detail-hero,.roblox-topup-hero)>div>span{display:block;color:#ff8a6b!important;font-size:.6rem!important;letter-spacing:.12em!important}
.topup-page :is(.ff-topup-hero,.id-game-hero,.game-detail-hero,.roblox-topup-hero) h1{margin:2px 0 1px!important;font-size:1.2rem!important;font-weight:900;color:#fff}
.topup-page :is(.ff-topup-hero,.id-game-hero,.game-detail-hero,.roblox-topup-hero) p{margin:0!important;font-size:.76rem;color:var(--gt-muted)!important}
.topup-page .shop-checkout-content{display:flex!important;flex-direction:column;gap:14px;grid-template-columns:none!important;min-width:0}
.topup-page .freefire-topup{display:flex;flex-direction:column;gap:14px}
.topup-page .freefire-topup[hidden]{display:none}

/* Panel shell shared by all steps */
.topup-page .topup-checkout,.topup-page .gt-panel,.topup-page .shop-payment-flow{margin:0!important;padding:0!important;border:1px solid var(--gt-line)!important;border-radius:16px!important;background:var(--gt-panel)!important;overflow:hidden;box-shadow:none!important}
.topup-page .shop-payment-flow[hidden]{display:none!important}

/* Step 1: player ID */
.topup-page .topup-checkout{display:block!important}
.topup-page .topup-checkout>div{display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--gt-head);border-bottom:1px solid var(--gt-line)}
.topup-page .topup-checkout>div>span,.topup-page .gt-step,.topup-page .shop-step-head>b{width:22px!important;height:22px!important;flex:0 0 22px;display:grid!important;place-items:center;border-radius:50%!important;background:linear-gradient(135deg,var(--gt-accent),var(--gt-accent-2))!important;color:#fff!important;font:800 .7rem/1 Inter,sans-serif!important;margin:0!important}
.topup-page .topup-checkout h2{margin:0!important;font-size:.9rem!important;font-weight:800;color:var(--gt-text)}
.topup-page .topup-checkout>div>p{display:none}
.topup-page .topup-checkout form{display:grid;gap:10px;padding:14px}
.topup-page .topup-checkout label{gap:7px!important;font-size:.82rem;color:var(--gt-text)}
.topup-page .topup-checkout input{height:44px;padding:0 14px!important;border-radius:11px!important;border:1px solid var(--gt-line)!important;background:#0d0a1f!important;color:#fff!important;font:700 .95rem Inter,Cairo,sans-serif!important;letter-spacing:.04em;direction:ltr;text-align:left}
.topup-page .topup-checkout input::placeholder{color:#6f6a93;font-weight:600;letter-spacing:0}
.topup-page .topup-checkout input:focus{outline:none;border-color:var(--gt-accent)!important;box-shadow:0 0 0 3px rgba(124,92,255,.2)}
.topup-page .selected-offer{display:flex;justify-content:space-between;align-items:center;padding:8px 12px!important;border-radius:10px!important;background:rgba(124,92,255,.1)!important;border:1px dashed rgba(124,92,255,.35);font-size:.78rem;color:var(--gt-muted)}
.topup-page .selected-offer b,.topup-page .selected-offer strong{color:#fff;direction:ltr;unicode-bidi:isolate}

/* Step 2: product tiles */
.topup-page .gt-panel>.topup-section-title{margin:0!important;padding:10px 14px;gap:10px!important;background:var(--gt-head);border-bottom:1px solid var(--gt-line)}
.topup-page .gt-panel>.topup-section-title h2{font-size:.9rem!important}
.topup-page .gt-panel .topup-offers{padding:14px}
.topup-page .topup-offers.active{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important}
.topup-page .topup-offer{position:relative;display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:4px!important;min-height:84px;padding:12px 8px!important;border-radius:12px!important;border:1px solid var(--gt-line)!important;background:#1c1742!important;text-align:center!important;transition:border-color .15s,background .15s,transform .15s}
.topup-page .topup-offer:hover{border-color:rgba(124,92,255,.6)!important;transform:translateY(-1px)}
.topup-page .topup-offer .diamond-mark{width:auto!important;height:auto!important;background:none!important;color:#6fb7ff;font-size:.95rem;line-height:1;box-shadow:none!important}
.topup-page .topup-offer>span:nth-child(2){align-items:center}
.topup-page .topup-offer strong{direction:ltr;unicode-bidi:isolate;font-size:.86rem;font-weight:800;color:#fff;line-height:1.25}
.topup-page .topup-offer small{display:none}
.topup-page .topup-offer>b{color:var(--gt-gold)!important;font:800 .8rem Inter,Cairo,sans-serif;direction:ltr}
.topup-page .topup-offer.selected{border-color:var(--gt-accent)!important;background:linear-gradient(160deg,rgba(124,92,255,.28),rgba(255,90,122,.1)),#1c1742!important;box-shadow:0 0 0 1px var(--gt-accent) inset!important}
.topup-page .topup-offer.selected::after,.topup-page .shop-methods>.active::after{content:"✓";position:absolute;top:-1px;inset-inline-start:-1px;width:22px;height:20px;display:grid;place-items:center;border-start-start-radius:12px;border-end-end-radius:10px;background:var(--gt-accent);color:#fff;font:800 .7rem/1 Inter,sans-serif}
.topup-page .topup-offer.is-unavailable{opacity:.45}

/* Step 3/4: payment + review */
.topup-page .shop-step-head{display:flex!important;align-items:center;gap:10px!important;margin:0!important;padding:10px 14px!important;background:var(--gt-head);border-bottom:1px solid var(--gt-line)}
.topup-page .shop-step-head h2{margin:0!important;font-size:.9rem!important;font-weight:800;color:var(--gt-text)}
.topup-page .shop-step-head p{display:none}
.topup-page .shop-methods{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;margin:0!important;padding:14px!important}
.topup-page .shop-methods>button,.topup-page .shop-methods>a{position:relative;display:flex!important;align-items:center;gap:10px;min-height:50px;padding:10px 12px!important;border-radius:12px!important;border:1px solid var(--gt-line)!important;background:#1c1742!important;color:var(--gt-text)!important;font:inherit;font-size:.84rem;font-weight:700;text-align:start;text-decoration:none;box-shadow:none!important;cursor:pointer}
.topup-page .shop-methods>[hidden]{display:none!important}
.topup-page .shop-methods>*>b{width:30px!important;height:30px!important;flex:0 0 30px;display:grid!important;place-items:center;border-radius:9px!important;background:rgba(124,92,255,.18)!important;color:#cfc3ff!important;font-size:.85rem!important;margin:0!important}
.topup-page .shop-methods>[data-shop-method="wallet"]>b::before{content:"💳"}
.topup-page .shop-methods>[data-shop-method="bank"]>b::before{content:"🏦"}
.topup-page .shop-methods>[data-shop-method="orange"]>b::before{content:"📱"}
.topup-page .shop-methods>a>b::before{content:"💬"}
.topup-page .shop-methods>*>b{font-size:0!important}
.topup-page .shop-methods>*>b::before{font-size:.95rem}
.topup-page .shop-methods>button:hover,.topup-page .shop-methods>a:hover{border-color:rgba(124,92,255,.6)!important}
.topup-page .shop-methods>.active{border-color:var(--gt-accent)!important;background:linear-gradient(160deg,rgba(124,92,255,.24),rgba(255,90,122,.08)),#1c1742!important;box-shadow:0 0 0 1px var(--gt-accent) inset!important}
.topup-page .shop-payment-form{display:flex;flex-direction:column;gap:12px;padding:0 14px 14px!important;margin:0!important}
.topup-page .shop-payment-form .inline-wallet-summary,.topup-page .shop-payment-form .direct-orange-summary{padding:6px 12px!important;border-radius:12px!important;border:1px solid var(--gt-line)!important;background:#1c1742!important}
.topup-page .shop-payment-form .payment-summary-row{display:flex;justify-content:space-between;margin:0;padding:6px 0;border-bottom:1px dashed var(--gt-line);font-size:.8rem;color:var(--gt-muted)}
.topup-page .shop-payment-form .payment-summary-row:last-of-type{border-bottom:0}
.topup-page .shop-payment-form .payment-summary-row bdi{color:#fff;font-weight:800}
.topup-page .shop-payment-form .wallet-missing bdi{color:#ff8a9b}
.topup-page .shop-payment-form .payment-add-funds{display:inline-block;margin:4px 0 6px;padding:5px 12px;border-radius:9px;background:rgba(124,92,255,.18);border:1px solid rgba(124,92,255,.5);color:#cfc3ff!important;font-size:.76rem;font-weight:800}
.topup-page .shop-payment-form .direct-bank-list{display:flex;flex-direction:column;gap:6px}
.topup-page .shop-payment-form .direct-bank-card{border:1px solid var(--gt-line)!important;border-radius:11px!important;background:#1c1742!important;overflow:hidden}
.topup-page .shop-payment-form .direct-bank-card.is-open{border-color:rgba(124,92,255,.65)!important}
.topup-page .shop-payment-form .direct-bank-toggle{width:100%;display:flex;justify-content:space-between;align-items:center;padding:9px 12px!important;min-height:0!important;border:0!important;background:transparent!important;color:#fff!important;font:inherit;font-size:.82rem;font-weight:800;cursor:pointer}
.topup-page .shop-payment-form .direct-bank-content{padding:0 10px 10px}
.topup-page .shop-payment-form .payment-copy-row{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:6px;padding:7px 10px;border:1px solid rgba(169,163,212,.28);border-radius:9px;background:rgba(0,0,0,.18)}
.topup-page .shop-payment-form .payment-copy-row small{display:block;font-size:.64rem;color:var(--gt-muted)}
.topup-page .shop-payment-form .payment-copy-row b,.topup-page .shop-payment-form .payment-identifier{color:#fff;font:700 .84rem Inter,Cairo,sans-serif}
.topup-page .shop-payment-form .payment-copy-button{min-height:0!important;padding:3px 10px;border-radius:7px;border:1px solid rgba(124,92,255,.45);background:transparent;color:#cfc3ff;font:inherit;font-size:.68rem;font-weight:800;cursor:pointer}
.topup-page .shop-proof{display:flex;flex-direction:column;gap:6px;font-size:.84rem;font-weight:800;color:#fff}
.topup-page .shop-proof[hidden]{display:none}
.topup-page .shop-proof input[type=file]{padding:10px;border-radius:12px;border:2px dashed rgba(124,92,255,.45);background:rgba(124,92,255,.07);color:var(--gt-muted);font:inherit;font-size:.76rem;cursor:pointer}
.topup-page .shop-review{margin:2px -14px 0;border-top:1px solid var(--gt-line)}
.topup-page .shop-review dl{margin:12px 14px 0!important;border:1px solid var(--gt-line);border-radius:12px;overflow:hidden}
.topup-page .shop-review dl>div{display:flex;justify-content:space-between;gap:10px;padding:8px 12px;border-bottom:1px solid var(--gt-line);font-size:.8rem;background:transparent!important}
.topup-page .shop-review dl>div:last-child{border-bottom:0;background:rgba(124,92,255,.1)!important}
.topup-page .shop-review dt{color:var(--gt-muted);font-weight:700}
.topup-page .shop-review dd{margin:0;color:#fff;font-weight:800;direction:ltr;unicode-bidi:isolate}
.topup-page .shop-review dl>div:last-child dd{color:var(--gt-gold)}
.topup-page .shop-payment-form button[type=submit]{width:calc(100% - 0px);min-height:46px;margin-top:2px;border:0!important;border-radius:12px!important;background:linear-gradient(135deg,var(--gt-accent),var(--gt-accent-2))!important;color:#fff!important;font:800 .92rem Cairo,Inter,sans-serif;cursor:pointer;box-shadow:0 10px 24px rgba(124,92,255,.3)}
.topup-page .shop-payment-form button[type=submit]:disabled{background:#1c1742!important;color:var(--gt-muted)!important;box-shadow:none;border:1px dashed var(--gt-line)!important;cursor:not-allowed}

@media(max-width:600px){
  .topup-page .topup-offers.active{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .topup-page .shop-methods{grid-template-columns:1fr!important}
}
/* Step 2 panel built from title + grid (no wrapper in markup) */
.topup-page .freefire-topup>.topup-section-title{margin:0!important;padding:10px 14px;gap:10px!important;background:var(--gt-head);border:1px solid var(--gt-line);border-radius:16px 16px 0 0}
.topup-page .freefire-topup>.topup-section-title>span{width:22px!important;height:22px!important;border-radius:50%!important;background:linear-gradient(135deg,var(--gt-accent),var(--gt-accent-2))!important;color:#fff!important;font:800 .7rem/1 Inter,sans-serif!important}
.topup-page .freefire-topup>.topup-section-title h2{font-size:.9rem!important}
.topup-page .freefire-topup>.topup-offers{margin-top:-14px!important;padding:14px;border:1px solid var(--gt-line);border-top:0;border-radius:0 0 16px 16px;background:var(--gt-panel)}
.topup-page .shop-purchase-layout{width:100%!important;align-items:stretch!important}
.topup-page .shop-purchase-layout>*,.topup-page .shop-checkout-content,.topup-page .shop-checkout-content>*{width:auto!important;max-width:none!important;margin-inline:0!important}
@media(max-width:600px){.topup-page .topup-offers.active{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important}.topup-page .topup-offer{min-height:74px;padding:10px 4px!important}.topup-page .topup-offer strong{font-size:.74rem}.topup-page .topup-offer>b{font-size:.72rem}}

/* Two columns: game card on the side, steps beside it (2026-10-01) */
.topup-page .shop-purchase-layout{display:grid!important;grid-template-columns:290px minmax(0,1fr)!important;align-items:start!important;gap:18px!important;max-width:1100px!important}
.topup-page .shop-purchase-layout>:is(.ff-topup-hero,.id-game-hero,.game-detail-hero,.roblox-topup-hero){order:0;position:sticky!important;top:88px;flex-direction:column!important;justify-content:flex-start!important;align-items:center!important;text-align:center;gap:12px!important;padding:22px 18px!important;border-radius:20px!important}
.topup-page .shop-purchase-layout>:is(.ff-topup-hero,.id-game-hero,.game-detail-hero,.roblox-topup-hero) img{width:112px!important;height:112px!important;flex:0 0 auto;border-radius:26px!important;box-shadow:0 14px 34px rgba(0,0,0,.5)!important;order:-1}
.topup-page .shop-purchase-layout>:is(.ff-topup-hero,.id-game-hero,.game-detail-hero,.roblox-topup-hero)>div{display:flex;flex-direction:column;align-items:center}
.topup-page .shop-purchase-layout>:is(.ff-topup-hero,.id-game-hero,.game-detail-hero,.roblox-topup-hero) h1{font-size:1.35rem!important;margin:4px 0 4px!important}
.topup-page .shop-purchase-layout>:is(.ff-topup-hero,.id-game-hero,.game-detail-hero,.roblox-topup-hero) p{font-size:.8rem;line-height:1.6;max-width:30ch}
.gt-howto{list-style:none;margin:6px 0 0;padding:12px 0 0;width:100%;border-top:1px solid #2b2458;display:flex;flex-direction:column;gap:8px;text-align:start;counter-reset:gt}
.gt-howto li{counter-increment:gt;display:flex;align-items:center;gap:9px;font-size:.78rem;color:#ddd8ff}
.gt-howto li::before{content:counter(gt);width:20px;height:20px;flex:0 0 20px;display:grid;place-items:center;border-radius:50%;background:rgba(124,92,255,.2);color:#cfc3ff;font:800 .66rem/1 Inter,sans-serif}
.gt-howto-title{width:100%;margin:6px 0 0;padding-top:12px;border-top:1px solid #2b2458;font-size:.78rem;font-weight:800;color:#fff;text-align:start}
.gt-howto-title+.gt-howto{border-top:0;padding-top:0}
@media(max-width:860px){
  .topup-page .shop-purchase-layout{grid-template-columns:1fr!important}
  .topup-page .shop-purchase-layout>:is(.ff-topup-hero,.id-game-hero,.game-detail-hero,.roblox-topup-hero){position:static!important;flex-direction:row!important;text-align:start;padding:12px 14px!important;gap:12px!important;align-items:center!important}
  .topup-page .shop-purchase-layout>:is(.ff-topup-hero,.id-game-hero,.game-detail-hero,.roblox-topup-hero) img{width:56px!important;height:56px!important;border-radius:14px!important}
  .topup-page .shop-purchase-layout>:is(.ff-topup-hero,.id-game-hero,.game-detail-hero,.roblox-topup-hero)>div{align-items:flex-start}
  .topup-page .shop-purchase-layout>:is(.ff-topup-hero,.id-game-hero,.game-detail-hero,.roblox-topup-hero) h1{font-size:1.1rem!important;margin:1px 0!important}
  .gt-howto,.gt-howto-title{display:none}
}
/* "العرض المختار" box duplicated the review step: hidden (2026-10-01) */
.topup-page .topup-checkout .selected-offer{display:none!important}
.topup-page .topup-offer .diamond-mark{font-size:1.55rem!important;line-height:1!important;color:#7cc4ff!important;text-shadow:0 0 14px rgba(111,183,255,.55);margin-bottom:2px}
.topup-page .topup-offer{min-height:96px}
@media(max-width:600px){.topup-page .topup-offer .diamond-mark{font-size:1.3rem!important}.topup-page .topup-offer{min-height:84px}}

/* Pack tiles v2: quantity on one side, price facing it (2026-10-01) */
.topup-page .topup-offers.active{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.topup-page .topup-offer{flex-direction:row!important;justify-content:space-between!important;align-items:center!important;gap:10px!important;min-height:64px!important;padding:10px 12px!important;text-align:start!important}
.topup-page .topup-offer .diamond-mark{flex:0 0 36px;width:36px!important;height:36px!important;display:grid!important;place-items:center;margin:0!important;border-radius:10px!important;background:rgba(111,183,255,.12)!important;font-size:1.15rem!important}
.topup-page .topup-offer>span:nth-child(2){flex:1;min-width:0;align-items:flex-start!important;display:flex;flex-direction:column}
.topup-page .topup-offer strong{font-size:.9rem!important;white-space:nowrap}
.topup-page .topup-offer small{display:block!important;font-size:.64rem;color:var(--gt-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.topup-page .topup-offer>b{flex:0 0 auto;font-size:.95rem!important;white-space:nowrap}
@media(max-width:860px){.topup-page .topup-offers.active{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:600px){.topup-page .topup-offers.active{grid-template-columns:1fr!important;gap:8px!important}.topup-page .topup-offer{min-height:58px!important}.topup-page .topup-offer .diamond-mark{font-size:1.05rem!important}.topup-page .topup-offer strong{font-size:.86rem!important}}
/* Balance quantity vs price (2026-10-01) */
.topup-page .topup-offer small{display:none!important}
.topup-page .topup-offer strong{font:800 .98rem/1.2 Inter,Cairo,sans-serif!important;letter-spacing:.01em}
.topup-page .topup-offer>b{font:800 .98rem/1.2 Inter,Cairo,sans-serif!important;padding:5px 10px;border-radius:9px;background:rgba(255,192,77,.1);border:1px solid rgba(255,192,77,.22)}
.topup-page .topup-offer.selected>b{background:rgba(255,192,77,.16);border-color:rgba(255,192,77,.4)}
.topup-page .topup-offers.active{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.topup-page .topup-offer>span:nth-child(2){overflow:hidden}
.topup-page .topup-offer strong{overflow:hidden;text-overflow:ellipsis;max-width:100%}
@media(max-width:600px){.topup-page .topup-offers.active{grid-template-columns:1fr!important}}
/* Real currency icons per game (2026-10-01) */
.topup-page .topup-offer .diamond-mark.rp-currency-mark{background:rgba(255,255,255,.06)!important;padding:3px!important;text-shadow:none}
.topup-page .topup-offer .diamond-mark img{width:26px!important;height:26px!important;display:block;object-fit:contain;filter:drop-shadow(0 2px 6px rgba(0,0,0,.35))}
/* Account-mode pages (hero outside the 2-column layout): keep the compact bar */
main.topup-page>:is(.ff-topup-hero,.id-game-hero,.game-detail-hero,.roblox-topup-hero) .gt-howto,main.topup-page>:is(.ff-topup-hero,.id-game-hero,.game-detail-hero,.roblox-topup-hero) .gt-howto-title{display:none!important}

/* Account-based shops (eFootball, Flex City, Roblox) (2026-10-01) */
main.topup-page>:is(.game-detail-hero,.roblox-topup-hero){max-width:860px;margin:18px auto 0!important}
main.topup-page>:is(.game-detail-hero,.roblox-topup-hero) .roblox-hero-mark{width:56px!important;height:56px!important;flex:0 0 56px;border-radius:14px!important;font-size:1rem!important;order:-1}
.topup-page .standalone-topup{display:flex;flex-direction:column;gap:14px;max-width:860px;margin:14px auto 0!important;padding:0!important;background:none!important;border:0!important;box-shadow:none!important}
.topup-page .standalone-topup>.game-offer-groups{margin-top:-14px!important;padding:14px;border:1px solid var(--gt-line);border-top:0;border-radius:0 0 16px 16px;background:var(--gt-panel);display:flex;flex-direction:column;gap:14px}
.topup-page .standalone-topup>.game-offer-groups:not(.active){display:none}
.topup-page .currency-group{margin:0!important;padding:0!important;border:0!important;background:none!important}
.topup-page .currency-group>h3{margin:0 0 8px!important;font-size:.82rem!important;font-weight:800;color:#cfc3ff!important;display:flex;align-items:center;gap:6px}
.topup-page .currency-group .topup-offers{padding:0!important;border:0!important;background:none!important;margin:0!important}
.topup-page .topup-offer.pass-offer{flex-direction:column!important;align-items:stretch!important;padding:0 0 10px!important;overflow:hidden}
.topup-page .topup-offer.pass-offer img{width:100%;display:block;border-radius:11px 11px 0 0}
.topup-page .topup-offer.pass-offer>span,.topup-page .topup-offer.pass-offer>b{margin-inline:12px}
.topup-page .standalone-topup .account-safety-note{margin:0!important;padding:10px 14px!important;border-radius:12px!important;border:1px solid rgba(255,192,77,.3)!important;background:rgba(255,192,77,.07)!important;color:#ffe2a6!important;font-size:.8rem}
.topup-page .standalone-topup .topup-checkout form>button{min-height:44px;border-radius:12px!important;font-weight:800}
.topup-page .topup-offer .robux-mark{font:900 .8rem/1 Inter,sans-serif!important;color:#fff!important;background:linear-gradient(135deg,#3ddc84,#0b8f55)!important;text-shadow:none!important}
/* Currency icons for account shops by section */
.topup-page :is(.section-coins,.section-diamonds,.section-gold,.section-cash) .topup-offer .diamond-mark{font-size:0!important;color:transparent!important;background-repeat:no-repeat!important;background-position:center!important;background-size:26px 26px!important;background-color:rgba(255,255,255,.06)!important}
.topup-page .section-coins .topup-offer .diamond-mark{background-image:url(currency/ef-coin.svg?v=2)!important}
.topup-page .section-diamonds .topup-offer .diamond-mark{background-image:url(currency/ff-diamond.svg)!important}
.topup-page .section-gold .topup-offer .diamond-mark{background-image:url(currency/bs-gold.svg)!important}
.topup-page .section-cash .topup-offer .diamond-mark{background-image:url(currency/cash.svg)!important}
/* Flex City hero mark + jump nav */
main.topup-page>.game-detail-hero>:not(div):not(img),main.topup-page>.game-detail-hero .flex-hero-mark,main.topup-page>.game-detail-hero>div:last-child:not(:first-child){width:56px!important;height:56px!important;min-height:0!important;flex:0 0 56px;border-radius:14px!important;font-size:1rem!important;display:grid;place-items:center;padding:0!important}
.topup-page .standalone-topup>nav{margin:-14px 0 0!important;padding:10px 14px 0!important;border:1px solid var(--gt-line);border-top:0;border-bottom:0;border-radius:0!important;background:var(--gt-panel)!important;box-shadow:none!important;display:flex;flex-wrap:wrap;gap:6px}
.topup-page .standalone-topup>nav button{flex:0 0 auto!important;padding:5px 12px!important;border-radius:999px!important;font-size:.76rem!important;min-height:0!important}
.topup-page .topup-offer .robux-mark{font-size:0!important;color:transparent!important;background:rgba(255,255,255,.06) url(currency/robux.svg?v=2) center/26px 26px no-repeat!important}
main.topup-page>.roblox-topup-hero .roblox-hero-mark{order:1!important}
/* gt18: ID-game pages fill the space next to the game card (like Free Fire) */
.topup-page .shop-checkout-content>.standalone-topup{width:100%!important;max-width:none!important;margin:0!important;align-self:stretch}