.ml-instant-hero{justify-content:flex-start;background:linear-gradient(90deg,rgba(0,0,0,.18),rgba(0,0,0,.82)),url('images/ml-wallpaper.webp') center/cover}
.instant-validation-result{margin-top:12px;padding:11px;border-radius:10px;font-size:10px;font-weight:800}.instant-validation-result.success{border:1px solid rgba(74,222,128,.45);background:rgba(22,101,52,.22);color:#86efac}.instant-validation-result.error{border:1px solid rgba(248,113,113,.45);background:rgba(127,29,29,.22);color:#fca5a5}.instant-empty{padding:25px;border:1px dashed #334155;border-radius:14px;color:#94a3b8;text-align:center;font-size:11px}
.instant-packages{display:grid!important;grid-template-columns:1fr!important;gap:24px!important}.instant-package-group>header{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:11px;padding:0 2px}.instant-package-group>header small{color:#22d3ee;font-size:7px;font-weight:900;letter-spacing:.16em}.instant-package-group>header h3{margin:4px 0 0;font-size:16px}.instant-package-group>header>span{padding:6px 8px;border:1px solid #20364b;border-radius:99px;color:#7890a4;font-size:7px;font-weight:900}.instant-package-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.instant-nav-account{display:flex;align-items:center;gap:9px;margin-left:auto}.instant-nav-wallet{min-width:116px;height:40px;display:flex;align-items:center;justify-content:center;gap:8px;padding:0 13px;border:1px solid #28506b;border-radius:99px;background:linear-gradient(90deg,rgba(8,145,178,.15),rgba(37,99,235,.12));color:#fff;text-decoration:none}.instant-nav-wallet span{color:#7dd3fc;font-size:7px;font-weight:1000}.instant-nav-wallet strong{font-size:12px}.instant-profile-link{width:40px!important;height:40px!important;display:grid!important;place-items:center!important;margin:0!important;padding:0!important;border-radius:50%!important;background:#0d2538}.instant-profile-link svg{width:18px;height:18px;fill:none;stroke:#67e8f9;stroke-width:1.8}
.instant-payment{margin-top:17px;padding-top:16px;border-top:1px solid #1b3043}.instant-payment-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.instant-payment-head div{display:grid;gap:3px}.instant-payment-head small{color:#22d3ee;font-size:7px;font-weight:1000}.instant-payment-head strong{font-size:14px}.instant-payment-head>span,.instant-payment-badge{padding:5px 7px;border-radius:99px;font-size:6px;font-weight:1000;white-space:nowrap}.instant-payment-head>span{border:1px solid #164e63;color:#67e8f9}.instant-payment-options{display:grid;gap:8px}.instant-payment-option{min-height:53px!important;display:flex!important;align-items:center;gap:10px;width:100%;margin-top:0!important;padding:9px 10px!important;border:1px solid #22394d!important;border-radius:12px!important;background:#07121d!important;color:#fff!important;text-align:left}.instant-payment-option.active{border-color:#22d3ee!important;background:linear-gradient(90deg,rgba(8,145,178,.2),rgba(37,99,235,.13))!important}.instant-payment-option:disabled{opacity:.68}.instant-payment-icon{width:35px;height:35px;display:grid;place-items:center;flex:0 0 auto;border-radius:10px;background:#10263a;color:#67e8f9;font-size:9px;font-weight:1000}.instant-payment-copy{min-width:0;display:grid;gap:3px}.instant-payment-copy strong{font-size:10px}.instant-payment-copy small{color:#7890a4;font-size:7px}.instant-payment-badge{margin-left:auto;background:rgba(245,158,11,.14);color:#fbbf24}.instant-payment-option.active .instant-payment-badge{background:rgba(74,222,128,.14);color:#86efac}
.instant-receipt-modal[hidden]{display:none!important}.instant-receipt-modal{position:fixed;z-index:100;inset:0;display:grid;place-items:center;padding:18px;background:rgba(1,4,10,.82);backdrop-filter:blur(9px)}.instant-receipt-card{position:relative;width:min(430px,100%);padding:30px 24px 22px;border:1px solid rgba(34,211,238,.45);border-radius:25px;background:linear-gradient(155deg,#0b1d2c,#050911 65%);color:#fff}.instant-receipt-close{position:absolute;top:15px;right:15px;width:34px!important;height:34px!important;min-height:0!important;margin:0!important;border:1px solid #284157!important;border-radius:50%!important;background:#07111c!important;color:#94a3b8!important;font-size:20px!important}.instant-receipt-check{width:68px;height:68px;display:grid;place-items:center;margin:0 auto 15px;border:1px solid #4ade80;border-radius:50%;color:#4ade80;font-size:34px}.instant-receipt-card>small{display:block;color:#67e8f9;text-align:center;font-size:8px}.instant-receipt-card h2,.instant-receipt-card>p{text-align:center}.instant-receipt-card h2{margin:7px 0 5px}.instant-receipt-card>p{color:#94a3b8;font-size:10px}.instant-receipt-details{overflow:hidden;border:1px solid #1f3549;border-radius:15px}.instant-receipt-row{display:flex;justify-content:space-between;gap:15px;padding:12px 14px;background:#07111c;border-bottom:1px solid #1f3549}.instant-receipt-row:last-child{border-bottom:0}.instant-receipt-row span{color:#7890a4;font-size:8px}.instant-receipt-row strong{font-size:11px;text-align:right}.instant-receipt-row.status strong{color:#4ade80}.instant-receipt-done{width:100%;height:48px;margin-top:18px;border:0;border-radius:13px;background:linear-gradient(90deg,#0891b2,#2563eb);color:#fff;font-weight:1000}
@media(max-width:760px){.instant-package-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:480px){.instant-nav-wallet{min-width:91px;padding:0 10px}.instant-nav-wallet span{display:none}.instant-brand{font-size:13px}}

.ml-player-fields{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:12px}.instant-summary strong{overflow-wrap:anywhere;min-width:0;text-align:right}@media(max-width:380px){.ml-player-fields{grid-template-columns:1fr}}

.ml-package-tabs{display:flex;gap:8px;margin:0 0 16px}
.ml-package-tabs button{flex:1;min-width:0;min-height:44px;padding:10px 8px;border:1px solid #28445c;border-radius:12px;background:#091726;color:#95adc0;font:inherit;font-size:12px;font-weight:800;cursor:pointer}
.ml-package-tabs button[aria-pressed="true"]{border-color:#22d3ee;background:linear-gradient(110deg,#1269e9,#1bb8e5);color:#fff;box-shadow:0 4px 16px #0891b226}
.ml-package-tabs button:focus-visible{outline:2px solid #67e8f9;outline-offset:3px}
#instantPackages .instant-package-group[hidden]{display:none!important}

/* ML categories; package cards inherit the shared Free Fire design. */
.ml-wallet-page .ml-package-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:6px;border:1px solid #1d334b;border-radius:17px;background:#060f1c;gap:6px}
.ml-wallet-page .ml-package-tabs button{min-height:36px;padding:7px 4px;font-size:clamp(8px,2.3vw,10px);line-height:1.3;white-space:nowrap;border-radius:8px;border-color:transparent;background:transparent}
.ml-wallet-page .ml-package-tabs button[aria-pressed="true"]{background:linear-gradient(110deg,#1269e9,#1bb8e5);border-color:#22d3ee}
.ml-wallet-page .instant-game-info{line-height:1.7}
.ml-wallet-page .instant-section-head{margin-bottom:16px}
.ml-wallet-page .instant-package-group>header{align-items:center;margin-bottom:14px}
.ml-wallet-page .instant-package-group>header small{font-size:9px;letter-spacing:.1em}
.ml-wallet-page .instant-package-group>header h3{font:800 18px/1.4 Inter,sans-serif!important;text-transform:none}
.ml-wallet-page .instant-package-group>header>span{font-size:9px;white-space:nowrap}
.ml-wallet-page .instant-checkout{border-radius:20px}
@media(max-width:760px){
 .ml-wallet-page .ml-package-tabs{grid-template-columns:1.1fr 1.1fr .8fr 1.4fr;padding:4px;gap:3px;border-radius:12px}
}

/* Keep payment wordmarks fully visible inside their badges. */
.ml-wallet-page .instant-payment-option[data-method="fpx"] .instant-payment-icon{padding:3px;background:#fff!important}
.ml-wallet-page .instant-payment-option[data-method="fpx"] .instant-payment-icon img{object-fit:contain}

.ml-wallet-page[data-payment-source=topup]:not([data-region=ID]) .ml-package-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}