:root{--orb-bg:#0b1020;--orb-panel:#11182b;--orb-panel2:#0d1425;--orb-line:#26314f;--orb-text:#eef2ff;--orb-muted:#95a2bf;--orb-purple:#7c5cff;--orb-mint:#38e0bd;--orb-yellow:#ffd166;--orb-red:#ff6b7a}
body.orbit-page{margin:0;background:radial-gradient(circle at 80% 0,#18264a 0,#0b1020 34%);color:var(--orb-text);font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;min-height:100vh}
.orbit-page *{box-sizing:border-box}.orbit-page a{text-decoration:none;color:inherit}.orb-shell{min-height:100vh;display:grid;grid-template-columns:88px 1fr}.orb-rail{border-right:1px solid var(--orb-line);background:rgba(8,12,23,.9);backdrop-filter:blur(14px);padding:18px 10px;display:flex;flex-direction:column;align-items:center;gap:14px;position:sticky;top:0;height:100vh;z-index:40}.orb-logo{width:52px;height:52px;border-radius:18px;background:linear-gradient(135deg,var(--orb-purple),var(--orb-mint));display:grid;place-items:center;font-weight:1000;box-shadow:0 10px 30px rgba(124,92,255,.25)}.orb-nav{width:48px;height:48px;border:1px solid #24304e;border-radius:16px;display:grid;place-items:center;color:#96a4c3;position:relative}.orb-nav:hover,.orb-nav.active{background:#171f37;color:#fff;border-color:#3a4770}.orb-spacer{flex:1}.orb-main{padding:18px 24px 48px;max-width:1320px;width:100%;margin:auto;min-width:0}.orb-top{display:flex;gap:12px;align-items:center;position:sticky;top:0;z-index:30;padding:2px 0 14px;background:linear-gradient(#0b1020 70%,rgba(11,16,32,0))}.orb-search{flex:1;display:flex}.orb-search input{width:100%;background:#11182b;border:1px solid var(--orb-line);color:#fff;padding:13px 15px;border-radius:14px;outline:none}.orb-topbtn{padding:11px 14px;border-radius:14px;background:#11182b;border:1px solid var(--orb-line);font-weight:800;white-space:nowrap}.orb-crumb{font-size:12px;color:#7f8baa;margin:4px 0 14px}.orb-hero{display:grid;grid-template-columns:1.25fr .75fr;gap:14px}.orb-hero-main{background:linear-gradient(135deg,#211b50,#11313b);border:1px solid #30406a;border-radius:28px;padding:32px;min-height:335px;position:relative;overflow:hidden}.orb-hero-main:after{content:"";position:absolute;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,#50f0cb,transparent 65%);right:-85px;top:-95px;opacity:.33}.orb-eyebrow{font-size:12px;letter-spacing:.15em;font-weight:900;color:#72f2d5}.orb-hero h1{font-size:48px;line-height:1.02;margin:11px 0 14px;max-width:700px}.orb-hero p{font-size:16px;color:#b2bdd3;max-width:650px;line-height:1.55}.orb-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.orb-btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:13px;padding:12px 16px;font-weight:900;cursor:pointer}.orb-btn.primary{background:var(--orb-purple);color:#fff}.orb-btn.mint{background:var(--orb-mint);color:#071511}.orb-btn.ghost{background:#11182b;color:#fff;border:1px solid var(--orb-line)}.orb-side{display:grid;gap:14px}.orb-info{background:#11182b;border:1px solid var(--orb-line);border-radius:24px;padding:22px}.orb-info strong{font-size:29px;display:block}.orb-info small{color:#8e9ab6}.orb-quick{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:18px 0}.orb-quick-card{background:#11182b;border:1px solid var(--orb-line);border-radius:18px;padding:18px;min-height:120px}.orb-quick-card:hover{border-color:#3c4b77;transform:translateY(-1px)}.orb-quick-card span{font-size:30px}.orb-quick-card b{display:block;margin-top:10px;font-size:16px}.orb-quick-card small{color:#8e9ab6}.orb-grid2{display:grid;grid-template-columns:1.05fr .95fr;gap:14px}.orb-panel{background:#11182b;border:1px solid var(--orb-line);border-radius:22px;padding:18px}.orb-section{margin-top:18px}.orb-section-head{display:flex;justify-content:space-between;align-items:end;gap:12px;margin-bottom:12px}.orb-section-head h1,.orb-section-head h2{margin:0}.orb-section-head p{color:#8e9ab6;margin:4px 0 0;font-size:13px}.orb-game-list{display:grid;gap:10px}.orb-game-row{display:grid;grid-template-columns:50px 1fr auto;gap:12px;align-items:center;background:#0d1425;border:1px solid #202a46;border-radius:14px;padding:12px}.orb-game-row:hover{border-color:#3b4b77}.orb-ico{font-size:26px}.orb-sub{font-size:12px;color:#8895b3;margin-top:3px}.orb-price{font-weight:900;white-space:nowrap}.orb-filter{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.orb-chip{padding:9px 12px;border-radius:999px;background:#11182b;border:1px solid var(--orb-line);font-size:12px;font-weight:800}.orb-chip.active{background:#24204c;border-color:#554aa0}.orb-products{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.orb-product{background:#11182b;border:1px solid var(--orb-line);border-radius:18px;padding:14px;min-width:0}.orb-cover{height:128px;border-radius:14px;background:linear-gradient(135deg,#142b42,#211b4a);display:grid;place-items:center;margin-bottom:12px;overflow:hidden}.orb-cover img{width:100%;height:100%;object-fit:cover}.orb-cover .fallback{font-size:42px}.orb-badge{display:inline-flex;padding:5px 8px;border-radius:999px;background:#1b2a42;color:#9ddfd2;font-size:10px;font-weight:900}.orb-product h3{font-size:14px;line-height:1.4;margin:9px 0 5px;min-height:40px}.orb-product p{font-size:12px;color:#8d99b5}.orb-product-bottom{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:12px}.orb-empty{padding:28px;text-align:center;border:1px dashed #35415f;border-radius:18px;color:#8f9bb7;background:#0d1425}.orb-pay{margin-top:20px;border-radius:24px;overflow:hidden;border:1px solid #25304d;background:#0e1424}.orb-pay-zone{padding:22px;background:linear-gradient(135deg,#111a2f,#0f1929)}.orb-pay-logos{display:flex;gap:9px;flex-wrap:wrap;margin-top:14px}.orb-pay-logo{min-width:76px;height:44px;padding:0 12px;border-radius:11px;background:#f7f9fc;color:#1c2534;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:950}.orb-assurance{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#202a45;border-top:1px solid #202a45}.orb-assurance>div{background:#0e1627;padding:17px 20px;display:flex;align-items:center;gap:12px}.orb-assurance span{font-size:24px}.orb-assurance b{display:block;font-size:13px}.orb-assurance small{color:#7f8da8}.orb-footer{display:grid;grid-template-columns:1.25fr .8fr .8fr .8fr;gap:26px;padding:30px 24px}.orb-footer h4{margin:0 0 12px;font-size:13px}.orb-footer a,.orb-footer p{display:block;color:#8795b2;font-size:12px;margin:9px 0;line-height:1.6}.orb-footer-brand{font-size:22px;font-weight:1000}.orb-footer-bottom{border-top:1px solid #202a45;padding:15px 24px;color:#6f7d9b;font-size:11px}.orb-mobile-nav{display:none}
/* Account center Orbit overrides */
body.orbit-account{background:radial-gradient(circle at 80% 0,#18264a 0,#0b1020 34%)!important;color:var(--orb-text)!important}.orbit-account .header{background:#0d1425!important;border-color:#26314f!important}.orbit-account .card,.orbit-account .side{background:#11182b!important;border-color:#26314f!important;color:#eef2ff!important;box-shadow:none!important}.orbit-account .pagehead h1,.orbit-account .order-product-title,.orbit-account b{color:#eef2ff}.orbit-account .small,.orbit-account .muted,.orbit-account .pagehead p{color:#8f9bb8!important}.orbit-account .menu a:hover,.orbit-account .menu a.active{background:#24204c!important;color:#fff!important}.orbit-account .topbtn,.orbit-account .head-icon,.orbit-account .buyer-profile-pill,.orbit-account .btn.outline,.orbit-account input,.orbit-account textarea,.orbit-account select{background:#0d1425!important;color:#fff!important;border-color:#26314f!important}.orbit-account .order-row{border-color:#26314f!important}.orbit-account .tabs .tab{background:#11182b!important;color:#aeb9d2!important;border-color:#26314f!important}.orbit-account .tabs .tab.active{background:#7c5cff!important;color:#fff!important}.orbit-account .profile,.orbit-account .side-bottom{border-color:#26314f!important}
/* Add a dark coat to standalone legacy Stage-1 screens without altering logic */
body.orbit-standalone{background:radial-gradient(circle at 80% 0,#18264a 0,#0b1020 34%)!important;color:#eef2ff!important}body.orbit-standalone .card,body.orbit-standalone .panel{background:#11182b!important;border-color:#26314f!important;color:#eef2ff!important}body.orbit-standalone input,body.orbit-standalone textarea,body.orbit-standalone select{background:#0d1425!important;border-color:#26314f!important;color:#fff!important}
@media(max-width:900px){.orb-shell{grid-template-columns:1fr}.orb-rail{display:none}.orb-main{padding:14px 14px 82px}.orb-hero,.orb-grid2{grid-template-columns:1fr}.orb-hero h1{font-size:37px}.orb-quick{grid-template-columns:repeat(2,1fr)}.orb-products{grid-template-columns:repeat(2,1fr)}.orb-footer{grid-template-columns:1fr 1fr}.orb-assurance{grid-template-columns:1fr}.orb-mobile-nav{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;bottom:0;left:0;right:0;background:#0b1120;border-top:1px solid #26314f;z-index:100;padding:7px 6px calc(7px + env(safe-area-inset-bottom))}.orb-mobile-nav a{display:flex;flex-direction:column;align-items:center;gap:3px;color:#8996b3;font-size:9px;font-weight:800}.orb-mobile-nav a b{font-size:18px;color:#b9c3d8}.orb-mobile-nav a.active,.orb-mobile-nav a.active b{color:#6fe6ca}}
@media(max-width:560px){.orb-products{grid-template-columns:1fr 1fr}.orb-product{padding:10px}.orb-cover{height:105px}.orb-topbtn.hide-sm{display:none}.orb-footer{grid-template-columns:1fr}.orb-game-row{grid-template-columns:42px 1fr}.orb-game-row .orb-price{grid-column:2}.orb-hero-main{padding:24px;min-height:300px}.orb-hero h1{font-size:34px}}


/* ===== Buyer Stage 1 V2 refinements ===== */
.orb-nav::after{
  content:attr(data-label);position:absolute;left:58px;top:50%;transform:translateY(-50%) translateX(-4px);
  opacity:0;pointer-events:none;background:#151d31;border:1px solid #30405f;color:#fff;padding:7px 9px;
  border-radius:9px;white-space:nowrap;font-size:11px;font-weight:800;transition:.15s;box-shadow:0 10px 30px rgba(0,0,0,.25)
}
.orb-nav:hover::after{opacity:1;transform:translateY(-50%) translateX(0)}
.orb-worlds{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.orb-world{position:relative;overflow:hidden;min-height:190px;border:1px solid var(--orb-line);border-radius:22px;padding:20px;background:#11182b}
.orb-world:after{content:"";position:absolute;width:150px;height:150px;border-radius:50%;right:-55px;bottom:-70px;background:radial-gradient(circle,rgba(124,92,255,.34),transparent 68%)}
.orb-world:nth-child(2):after{background:radial-gradient(circle,rgba(56,224,189,.28),transparent 68%)}
.orb-world:nth-child(3):after{background:radial-gradient(circle,rgba(255,209,102,.24),transparent 68%)}
.orb-world .orb-world-icon{font-size:34px}.orb-world h3{margin:14px 0 7px;font-size:20px}.orb-world p{color:#8d99b5;font-size:13px;line-height:1.5;max-width:300px}.orb-world .orb-world-links{display:flex;gap:7px;flex-wrap:wrap;margin-top:13px;position:relative;z-index:2}
.orb-mini{font-size:11px;padding:7px 9px;border:1px solid #33415f;border-radius:999px;background:#0e1628;color:#b7c2da;font-weight:800}
.orb-topup-games{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.orb-topup-game{background:#11182b;border:1px solid var(--orb-line);border-radius:20px;padding:17px;display:grid;grid-template-columns:52px 1fr auto;gap:12px;align-items:center}
.orb-topup-game:hover{border-color:#40527e}.orb-topup-game .game-icon{width:52px;height:52px;border-radius:15px;background:#0d1425;display:grid;place-items:center;font-size:28px}
.orb-topup-game strong{display:block;font-size:14px}.orb-topup-game small{color:#8d99b5}.orb-arrow{font-size:18px;color:#7f8db0}
.orb-featured{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.orb-featured .orb-product h3{min-height:auto}
.orb-search-games{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 15px}.orb-game-chip{padding:9px 11px;border-radius:12px;background:#161e33;border:1px solid #2b3859;font-size:12px;font-weight:850}
.orb-az{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:16px}.orb-az a{width:32px;height:32px;border-radius:10px;background:#11182b;border:1px solid var(--orb-line);display:grid;place-items:center;font-size:11px;font-weight:900;color:#aebad3}.orb-az a.active,.orb-az a:hover{background:#7c5cff;color:#fff}
.orb-game-directory{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.orb-game-directory a{padding:13px;border-radius:14px;background:#11182b;border:1px solid var(--orb-line);display:flex;align-items:center;gap:10px}.orb-game-directory a:hover{border-color:#465981}
.orb-game-directory .i{font-size:24px}.orb-game-directory small{display:block;color:#7f8eaa;margin-top:3px}
.orb-empty-cta{margin-top:12px}.orb-empty-cta .orb-btn{font-size:12px}
.orb-help-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.orb-help-card{background:#11182b;border:1px solid var(--orb-line);border-radius:20px;padding:20px}.orb-help-card span{font-size:30px}.orb-help-card h3{margin:12px 0 6px}.orb-help-card p{color:#8d99b5;font-size:13px;line-height:1.55}.orb-help-card a{display:inline-block;margin-top:10px;color:#72f2d5;font-weight:900;font-size:12px}
.orb-legal{max-width:900px}.orb-legal h1{font-size:34px}.orb-legal h2{margin-top:24px}.orb-legal p,.orb-legal li{color:#a7b2c9;line-height:1.7}
.orb-sticky-buy{display:none}
.orb-sharebar{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}.orb-sharebtn{border:1px solid #2f3d5f;background:#11182b;color:#dce5f6;border-radius:10px;padding:9px 11px;font-weight:850;cursor:pointer}
.orb-product .orb-cover img{loading:lazy}
.orb-price-meta{font-size:11px;color:#8090af;margin-top:4px}
@media(max-width:1050px){
  .orb-topup-games,.orb-featured{grid-template-columns:repeat(2,1fr)}
  .orb-game-directory{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:900px){
  .orb-worlds{grid-template-columns:1fr}
  .orb-help-grid{grid-template-columns:1fr}
  .orb-game-directory{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:560px){
  .orb-topup-games,.orb-featured{grid-template-columns:1fr}
  .orb-game-directory{grid-template-columns:1fr 1fr}
  .orb-topup-game{grid-template-columns:44px 1fr auto}
  .orb-topup-game .game-icon{width:44px;height:44px}
  .orb-sticky-buy{display:flex;position:fixed;left:0;right:0;bottom:62px;z-index:85;padding:8px 12px;background:rgba(11,16,32,.96);border-top:1px solid #26314f;backdrop-filter:blur(12px);gap:8px}
  .orb-sticky-buy a,.orb-sticky-buy button{flex:1}
}

/* ===== Buyer Stage 1 V3 Final polish ===== */
.orb-section.is-empty{display:none!important}
.orb-topup-games.single{grid-template-columns:minmax(320px,640px)}
.orb-topup-games.single .orb-topup-game{min-height:92px}
.orb-dynamic-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px}
.orb-stat{background:#0d1425;border:1px solid #25304d;border-radius:14px;padding:12px}
.orb-stat b{display:block;font-size:18px}.orb-stat small{color:#8592ad;font-size:11px}
.orb-pay-logo{gap:6px}.orb-pay-logo .dot{width:8px;height:8px;border-radius:50%;background:#111}
.orb-footer a:hover{color:#fff}
.orb-legal-links{display:flex;gap:12px;flex-wrap:wrap}
.orb-legal-links a{color:#7f8ba7}
.orb-legal-links a:hover{color:#fff}
.orb-top{backdrop-filter:blur(14px)}
.orb-product .orb-cover img{transition:.2s}
.orb-product:hover .orb-cover img{transform:scale(1.02)}
.orb-empty-inline{padding:14px 16px;border:1px dashed #2d3b5c;border-radius:14px;color:#8390ab;background:#0d1425}
.orb-skeleton{position:relative;overflow:hidden;background:#11182b;border:1px solid #26314f;border-radius:16px;min-height:120px}
.orb-skeleton:after{content:"";position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.04),transparent);animation:orbShimmer 1.3s infinite}
@keyframes orbShimmer{100%{transform:translateX(100%)}}
@media(max-width:760px){
  .orb-top{gap:8px}
  .orb-search input{font-size:13px}
  .orb-topbtn{padding:10px 11px;font-size:12px}
  .orb-dynamic-stats{grid-template-columns:1fr}
  .orb-hero-main{padding:24px}
  .orb-hero h1,.orb-hero-main h1{font-size:34px!important}
  .orb-pay-logos{display:grid;grid-template-columns:repeat(2,1fr)}
  .orb-pay-logo{min-width:0}
  .orb-footer{grid-template-columns:1fr!important}
}

/* ===== Stage 1 V3.1 HOTFIX: portrait/tablet layout ===== */
@media (orientation:portrait) and (max-width:1280px){
  .orb-shell{grid-template-columns:1fr!important}
  .orb-rail{display:none!important}
  .orb-main{padding:14px 14px 88px!important;max-width:100%!important}
  .orb-mobile-nav{display:grid!important;grid-template-columns:repeat(5,1fr);position:fixed;bottom:0;left:0;right:0;background:rgba(11,17,32,.98);border-top:1px solid #26314f;z-index:100;padding:7px 6px calc(7px + env(safe-area-inset-bottom));backdrop-filter:blur(14px)}
  .orb-mobile-nav a{display:flex;flex-direction:column;align-items:center;gap:3px;color:#8996b3;font-size:9px;font-weight:800}
  .orb-mobile-nav a b{font-size:18px;color:#b9c3d8}
  .orb-mobile-nav a.active,.orb-mobile-nav a.active b{color:#6fe6ca}
  .orb-hero,.orb-grid2{grid-template-columns:1fr!important}
  .orb-worlds{grid-template-columns:1fr!important}
  .orb-quick{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .orb-topup-games,.orb-featured{grid-template-columns:1fr!important}
  .orb-products{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .orb-footer{grid-template-columns:1fr 1fr!important}
  .orb-main>*{min-width:0}
}
@media (orientation:portrait) and (max-width:640px){
  .orb-products{grid-template-columns:1fr!important}
  .orb-footer{grid-template-columns:1fr!important}
  .orb-top{position:relative!important}
  .hide-sm{display:none!important}
}

/* ===== V3.2 COMPLETE FIX ===== */
.game-icon 
.orb-game-directory .i 
.orbit-account .header{background:#0b1020!important;border-color:#25304d!important}
.orbit-account .topbtn,.orbit-account .head-icon,.orbit-account .buyer-profile-pill{background:#11182b!important;border-color:#283552!important;color:#fff!important}
.orbit-account .brandcopy .headtitle{color:#fff!important}
.orbit-account .side,.orbit-account .card{background:#11182b!important;border-color:#26314f!important;color:#eef2ff!important}
.orbit-account .menu a{color:#d5def0}.orbit-account .menu a:hover,.orbit-account .menu a.active{background:#24204c!important;color:#fff!important}
.orbit-account .small,.orbit-account .muted,.orbit-account .pagehead p{color:#91a0bd!important}
.orbit-account .logout-link{background:#17111a!important}

/* ===== V3.2.1 HOMEPAGE IMAGE SAFETY ===== */
.orb-game-row,.orb-topup-game,.orb-game-directory a,.orb-panel,.orb-pay,.orb-footer{
  overflow:hidden;
}
.orb-game-row img,.orb-topup-game img,.orb-game-directory a img{
  max-width:48px!important;
  max-height:48px!important;
  width:48px!important;
  height:48px!important;
  object-fit:cover!important;
  border-radius:10px!important;
}
.orb-topup-game{min-width:0}
.orb-topup-game>div,.orb-game-row>div{min-width:0}
.orb-main{overflow-x:hidden}
body.orbit-page{overflow-x:hidden}

/* ===== V3.2.2 ALL TOP UP GAME FLOW ===== */
.topup-game-layout{align-items:start}
.topup-search{width:100%;color:#fff;margin-bottom:12px;border-radius:14px}
.topup-variant-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.topup-variant-grid .orb-product{cursor:pointer;text-align:left;color:#fff;padding:13px;min-height:92px}
.topup-variant-grid .orb-product.active{border-color:#6fe6ca;box-shadow:0 0 0 1px rgba(111,230,202,.15) inset;background:#10211f}
.topup-variant-name{display:flex;gap:10px;align-items:center;min-width:0}
.topup-variant-name b{font-size:13px;line-height:1.35;overflow-wrap:anywhere}
.topup-variant-icon{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;background:#eef3f8;color:#111;font-size:18px;flex:0 0 auto}
.topup-checkout-panel{position:sticky;top:76px}
.topup-input{width:100%;color:#fff;margin:6px 0 12px;border-radius:14px}
.topup-save{display:flex;gap:8px;align-items:center;color:#9aa6c0;font-size:12px}
.topup-selected{margin-top:14px;border-radius:16px}
.topup-selected strong{font-size:18px}
.topup-total{margin-top:15px}
.topup-buy{width:100%;margin-top:12px}
@media(max-width:900px){
  .topup-checkout-panel{position:static}
  .topup-variant-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:560px){
  .topup-variant-grid{grid-template-columns:1fr!important}
}

/* ===== V3.2.3 CHECKOUT + QTY + CONTRAST FIX ===== */
.group-btn{
  background:#0d1425!important;
  border:1px solid #364563!important;
  color:#dce5f7!important;
  font-weight:800!important;
}
.group-btn:hover{
  background:#18213a!important;
  border-color:#6175a0!important;
  color:#fff!important;
}
.group-btn.active{
  background:#4737a8!important;
  border-color:#8a79ff!important;
  color:#fff!important;
  box-shadow:0 0 0 1px rgba(138,121,255,.15) inset!important;
}
.topup-qty-wrap{
  display:flex;
  justify-content:space-between;
  align-items:end;
  gap:14px;
  margin-top:16px;
  padding:14px;
  border:1px solid #26314f;
  border-radius:14px;
  background:#0d1425;
}
.topup-qty-wrap small{color:#93a1bd}
.topup-qty-control{
  display:grid;
  grid-template-columns:42px 72px 42px;
  gap:7px;
  margin-top:7px;
}
.topup-qty-control button,
.topup-qty-control input{
  height:40px;
  border-radius:10px;
  border:1px solid #34425f;
  background:#11182b;
  color:#fff;
  font-weight:900;
  text-align:center;
}
.topup-qty-control button{cursor:pointer;font-size:20px}
.topup-qty-control button:hover{border-color:#6fe6ca;background:#102823}
.topup-qty-control input{-moz-appearance:textfield}
.topup-qty-control input::-webkit-outer-spin-button,
.topup-qty-control input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.topup-total strong{font-size:18px}
@media(max-width:560px){
  .topup-qty-wrap{align-items:start;flex-direction:column}
}

/* V3.2.4 WORK REVIEW FIX */
.topup-variant-icon img{width:24px;height:24px;object-fit:contain;display:block}.topup-delivery-note,.topup-help-note,.topup-checkout-help{margin-top:13px;padding:12px 13px;border-radius:12px;border:1px solid #2d3b5c;background:#0d1425;color:#b6c2da;font-size:12px;line-height:1.55}.topup-delivery-note{display:flex;flex-direction:column;gap:3px;border-color:#275a51;background:#0e201d}.topup-delivery-note b{color:#83efd5}.topup-help-note b,.topup-checkout-help b{color:#fff}.topup-help-note a,.topup-checkout-help a{color:#83efd5;text-decoration:underline}.checkout-final-total{margin-top:13px;padding:15px;border:1px solid #4a3f72;background:#161326;border-radius:14px;display:grid;grid-template-columns:1fr auto;gap:4px 12px;align-items:end}.checkout-final-total span{font-weight:900;letter-spacing:.04em;color:#d9e2f3}.checkout-final-total b{font-size:25px;color:#83efd5}.checkout-final-total small{grid-column:1/-1;color:#8f9bb4;font-size:11px}.checkout-product-icon{object-fit:contain!important;background:#eef3f8!important;padding:10px!important}@media(max-width:760px){.checkout-final-total b{font-size:21px}.orderitem{grid-template-columns:58px 1fr auto!important}.orderitem .thumb{width:58px!important;height:58px!important}.topup-qty-wrap{width:100%}}

/* ===== V3.2.5 MOBILE POLISH ===== */
.orb-ico,.game-icon,.orb-game-directory .i{
  font-weight:950;
  letter-spacing:-.03em;
  font-size:14px;
  color:#eef2ff;
  overflow:hidden;
}
.orb-ico,.game-icon{
  display:grid;
  place-items:center;
  background:#171e34;
  border:1px solid #2c3958;
}
.orb-game-directory .i{
  display:grid;
  place-items:center;
  background:#171e34;
  border:1px solid #2c3958;
}

@media(max-width:1280px) and (orientation:portrait){
  .orb-main{
    padding-bottom:150px!important;
  }
  .orb-page,
  body.orbit-page{
    padding-bottom:72px!important;
  }
  .orb-footer{
    margin-bottom:22px!important;
  }
  .orb-section:last-child,
  .orb-panel:last-child{
    margin-bottom:28px!important;
  }
}

@media(max-width:760px){
  .orb-main{
    padding:12px 12px 165px!important;
  }
  .orb-mobile-nav{
    min-height:64px;
    padding:8px 5px calc(10px + env(safe-area-inset-bottom))!important;
  }
  .orb-mobile-nav a{
    font-size:10px!important;
    line-height:1.1;
  }
  .orb-mobile-nav a b{
    font-size:19px!important;
  }
  .orb-search input{
    min-width:0!important;
    width:100%!important;
    font-size:13px!important;
    text-overflow:ellipsis;
  }
  .orb-top{
    grid-template-columns:minmax(0,1fr) auto!important;
  }
  .orb-search{
    min-width:0!important;
  }
}

@media(max-width:430px){
  .orb-main{
    padding-bottom:175px!important;
  }
  .orb-search input{
    font-size:12px!important;
  }
}

/* ===== V3.2.6 TRUST + UX FINAL ===== */
.orb-btn.primary,
.orb-btn.mint{
  background:var(--orb-mint)!important;
  color:#061410!important;
  box-shadow:0 8px 24px rgba(56,224,189,.14);
}
.orb-btn.primary:hover,.orb-btn.mint:hover{filter:brightness(1.05)}
.orb-chip.active,.group-btn.active{background:#15372f!important;border-color:#4fd7b7!important;color:#fff!important}

.orb-proof-bar{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
  margin:14px 0 18px;
}
.orb-proof-bar>div{
  background:#0f1729;
  border:1px solid #26314f;
  border-radius:16px;
  padding:15px;
  min-width:0;
}
.orb-proof-bar small{display:block;color:#8290ad;font-size:10px;font-weight:900;letter-spacing:.08em}
.orb-proof-bar strong{display:block;margin-top:4px;font-size:24px;color:#fff}
.orb-proof-bar span{display:block;margin-top:3px;color:#8391ae;font-size:11px;line-height:1.35}

.variant{position:relative}
.variant.active{
  border-color:#59e3c2!important;
  background:#10251f!important;
  box-shadow:0 0 0 1px rgba(89,227,194,.16) inset!important;
}
.variant-state{font-weight:900;color:#8f9bb4}
.variant.active .variant-state{color:#75edcf}

.rd-policy-box{
  margin:14px 0;
  padding:13px 14px;
  background:#0d1425;
  border:1px solid #31405f;
  border-radius:13px;
  color:#b4c0d7;
  font-size:12px;
  line-height:1.55;
}
.rd-policy-box b,.rd-policy-box span,.rd-policy-box a{display:block}
.rd-policy-box b{color:#fff;margin-bottom:4px}
.rd-policy-box a{color:#7debd1;margin-top:6px;text-decoration:underline}

.orb-nav::after{z-index:999}

@media(max-width:900px){
  .orb-proof-bar{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:520px){
  .orb-proof-bar{grid-template-columns:1fr 1fr}
  .orb-proof-bar strong{font-size:20px}
}

/* ===== V3.2.7 CATALOG POLISH ===== */
.orb-ico,.game-icon,.orb-game-directory .i{
  min-width:42px;
  min-height:42px;
  font-size:12px!important;
  padding:0 4px;
  text-align:center;
}
.catalog-local-icon{
  width:58px!important;
  height:58px!important;
  object-fit:contain!important;
  padding:12px!important;
  background:#eef3f8!important;
  border-radius:14px!important;
  margin:auto;
}

/* ===== V3.2.8 FINAL BUYER POLISH ===== */
.topup-id-help{
  margin:-6px 0 12px;
  border:1px solid #2c3958;
  border-radius:10px;
  background:#0d1425;
  color:#aebbd3;
  font-size:12px;
}
.topup-id-help summary{
  cursor:pointer;
  padding:9px 11px;
  font-weight:800;
  color:#85edd3;
}
.topup-id-help p{
  margin:0;
  padding:0 11px 11px;
  line-height:1.55;
}
.checkout-review-card{padding:15px!important}
.review-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
}
.review-grid>div{
  background:#0d1425;
  border:1px solid #2c3958;
  border-radius:11px;
  padding:10px 11px;
  min-width:0;
}
.review-grid small{display:block;color:#8795b0;font-size:10px;font-weight:800;margin-bottom:4px}
.review-grid b{display:block;color:#fff;font-size:13px;overflow-wrap:anywhere}
.review-warning{
  margin-top:10px;
  padding:10px 11px;
  border-radius:10px;
  background:#251f12;
  border:1px solid #5a4b24;
  color:#ddc98d;
  font-size:11px;
  line-height:1.5;
}
@media(max-width:760px){
  .review-grid{grid-template-columns:1fr 1fr}
  .checkout-review-card{padding:12px!important}
}
@media(max-width:430px){
  .review-grid{grid-template-columns:1fr}
}

/* ===== V3.3.0 GAME LOGOS + LIVE SEARCH ===== */
.orb-game-mark{
 width:42px;height:42px;border-radius:10px;display:grid;place-items:center;overflow:hidden;
 background:#151e33;border:1px solid #2b3958;position:relative;flex:0 0 auto;
}
.orb-game-mark img{width:100%;height:100%;object-fit:cover;display:block}
.orb-game-fallback{width:100%;height:100%;display:none;place-items:center;font-size:9px;font-weight:950;color:#eef2ff}
.orb-game-mark.no-logo .orb-game-fallback{display:grid}
.logo-cell{padding:0!important;background:transparent!important;border:0!important;width:44px!important;height:44px!important;min-width:44px!important}
.logo-cell .orb-game-mark{width:42px;height:42px}
.orb-game-chip .orb-game-mark{width:28px;height:28px;display:inline-grid;vertical-align:middle}
.orb-game-chip{display:flex!important;align-items:center;gap:7px}

.orb-search{position:relative}
.orb-search-suggest{
 position:absolute;left:0;right:0;top:calc(100% + 8px);z-index:3000;
 background:#0c1324;border:1px solid #2b3958;border-radius:14px;
 box-shadow:0 18px 55px rgba(0,0,0,.45);overflow:hidden;
}
.orb-search-suggest a{
 display:grid;grid-template-columns:38px 1fr auto;gap:10px;align-items:center;
 padding:10px 12px;color:#fff;text-decoration:none;border-bottom:1px solid #1f2a45;
}
.orb-search-suggest a:last-child{border-bottom:0}
.orb-search-suggest a:hover{background:#121c32}
.orb-search-suggest b{display:block;font-size:13px}
.orb-search-suggest small{display:block;color:#8392af;font-size:11px;margin-top:2px}
.orb-suggest-logo{width:34px;height:34px;border-radius:9px;background:#172038;overflow:hidden;display:grid;place-items:center}
.orb-suggest-logo img{width:100%;height:100%;object-fit:cover}
.orb-suggest-fallback{font-size:9px;font-weight:950}
.orb-search-suggest .arr{color:#7ce9d0;font-weight:900}
.orb-suggest-empty{padding:13px;color:#94a2be;font-size:12px}
@media(max-width:760px){
 .orb-search-suggest{position:fixed;left:12px;right:12px;top:64px}
}


/* ===== V3.3.1 HOMEPAGE ONE-ROW LAUNCHER ===== */
.orb-launch-row{
  display:grid;
  grid-template-columns:repeat(7,minmax(0,1fr));
  gap:12px;
  align-items:stretch;
  margin:18px 0 0;
}
.orb-launch-card{
  background:#11182b;
  border:1px solid var(--orb-line);
  border-radius:18px;
  padding:16px 16px 14px;
  min-height:118px;
  display:flex;
  flex-direction:column;
  gap:6px;
  justify-content:flex-start;
  transition:transform .15s ease,border-color .15s ease,background .15s ease;
}
.orb-launch-card:hover{
  border-color:#3c4b77;
  transform:translateY(-1px);
}
.orb-launch-card b{
  display:block;
  font-size:15px;
  line-height:1.25;
}
.orb-launch-card small{
  color:#8e9ab6;
  font-size:12px;
  line-height:1.45;
  display:block;
}
.orb-launch-icon{
  font-size:28px;
  line-height:1;
  display:block;
  margin-bottom:4px;
}
.orb-launch-card.quick{
  min-height:96px;
}
.orb-launch-card.world{
  min-height:128px;
}
.orb-launch-tags{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin-top:auto;
  padding-top:6px;
}
.orb-launch-tags span{
  padding:5px 8px;
  border-radius:999px;
  border:1px solid #33415f;
  background:#0d1425;
  color:#eef2ff;
  font-size:10px;
  font-weight:900;
  white-space:nowrap;
}
@media(max-width:1180px){
  .orb-launch-row{
    display:flex;
    overflow-x:auto;
    gap:12px;
    padding-bottom:6px;
    scroll-snap-type:x proximity;
    -webkit-overflow-scrolling:touch;
  }
  .orb-launch-row::-webkit-scrollbar{height:8px}
  .orb-launch-row::-webkit-scrollbar-thumb{background:#27324f;border-radius:999px}
  .orb-launch-card{
    flex:0 0 220px;
    scroll-snap-align:start;
  }
  .orb-launch-card.world{
    flex-basis:250px;
  }
}
@media(max-width:760px){
  .orb-launch-row{
    margin-top:14px;
    padding-bottom:8px;
  }
  .orb-launch-card{
    flex:0 0 210px;
    min-height:112px;
    padding:14px;
  }
  .orb-launch-card.world{
    flex-basis:238px;
    min-height:124px;
  }
  .orb-launch-card b{font-size:14px}
  .orb-launch-card small{font-size:11px}
  .orb-launch-icon{font-size:24px}
}

/* ===== V3.3.2 MOBILE LAUNCHER COMPACT + EXPLORE LOGO ===== */
@media(max-width:760px){
  .orb-launch-row{
    gap:8px!important;
    scroll-snap-type:x proximity;
    padding-right:14px;
  }
  .orb-launch-card,
  .orb-launch-card.world{
    flex:0 0 142px!important;
    min-height:96px!important;
    padding:12px!important;
    border-radius:14px!important;
  }
  .orb-launch-card b{font-size:13px!important}
  .orb-launch-card small{
    font-size:10px!important;
    line-height:1.3!important;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
  }
  .orb-launch-icon{font-size:22px!important;margin-bottom:2px!important}
  .orb-launch-tags{display:none!important}
}
@media(max-width:390px){
  .orb-launch-card,
  .orb-launch-card.world{flex-basis:132px!important}
}

/* Game logo cells used by Jelajahi / Semua Game */
.orb-game-directory .logo-cell{
  display:grid!important;
  place-items:center!important;
}

/* ===== V3.3.3 CATEGORY SIMPLIFY ===== */
.orb-launch-row-main{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
}
.orb-launch-row-main .orb-launch-card.world{
  min-height:132px;
}
@media(max-width:1180px){
  .orb-launch-row-main{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    overflow:visible!important;
    padding-bottom:0!important;
  }
  .orb-launch-row-main .orb-launch-card.world{
    flex:auto!important;
  }
}
@media(max-width:760px){
  .orb-launch-row-main{
    display:flex!important;
    overflow-x:auto!important;
    gap:8px!important;
    padding-bottom:8px!important;
    scroll-snap-type:x proximity;
    -webkit-overflow-scrolling:touch;
  }
  .orb-launch-row-main .orb-launch-card.world{
    flex:0 0 72%!important;
    min-height:110px!important;
    scroll-snap-align:start;
  }
  .orb-launch-row-main .orb-launch-tags{
    display:flex!important;
  }
}
@media(max-width:420px){
  .orb-launch-row-main .orb-launch-card.world{
    flex-basis:78%!important;
  }
}

/* ===== V3.3.4 HOMEPAGE CATALOG SECTIONS ===== */
.home-catalog-panel{min-height:100%}
.home-mini-products{display:flex;flex-direction:column;gap:9px}
.home-mini-product{
  display:grid;
  grid-template-columns:48px minmax(0,1fr) auto;
  align-items:center;
  gap:11px;
  padding:10px 11px;
  border:1px solid #263454;
  border-radius:13px;
  background:#0e1628;
  text-decoration:none;
  color:#fff;
}
.home-mini-product:hover{border-color:#40517e;background:#111c32}
.home-mini-thumb{
  width:46px;height:46px;border-radius:10px;overflow:hidden;
  display:grid;place-items:center;background:#151e33;
}
.home-mini-thumb img{width:100%;height:100%;object-fit:cover}
.home-mini-thumb .orb-game-mark{width:42px;height:42px}
.home-mini-body{min-width:0}
.home-mini-body b{
  display:block;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.home-mini-body small{display:block;margin-top:3px;color:#8492ad;font-size:11px}
.home-mini-product>strong{font-size:13px;white-space:nowrap}
.home-empty-catalog{
  min-height:118px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;
  gap:5px;padding:16px!important;
}
.home-empty-catalog b{color:#fff}
.home-empty-catalog span{color:#8593ae;font-size:12px;line-height:1.45}
@media(max-width:760px){
  .home-market-grid{grid-template-columns:1fr!important}
  .home-secondary-catalog{gap:12px}
  .home-mini-product{grid-template-columns:44px minmax(0,1fr) auto}
  .home-mini-thumb{width:42px;height:42px}
}

/* ===== V3.3.5 MOBILE 2x2 CATALOG ===== */
@media(max-width:760px){
  /* Keep homepage marketplace sections 2 columns like desktop */
  .home-market-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
    align-items:stretch;
  }
  .home-secondary-catalog{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
  }

  .home-market-grid .orb-panel{
    padding:11px!important;
    border-radius:14px!important;
    min-width:0!important;
  }
  .home-market-grid .orb-section-head{
    gap:5px!important;
    align-items:flex-start!important;
    margin-bottom:8px!important;
  }
  .home-market-grid .orb-section-head h2{
    font-size:15px!important;
    line-height:1.15!important;
  }
  .home-market-grid .orb-section-head p{
    font-size:9px!important;
    line-height:1.3!important;
    margin-top:3px!important;
  }
  .home-market-grid .orb-section-head .orb-chip{
    font-size:8px!important;
    padding:5px 6px!important;
    white-space:nowrap!important;
  }

  /* Top Up Game rows become compact */
  .home-market-grid .orb-game-list{
    gap:6px!important;
  }
  .home-market-grid .orb-game-row{
    grid-template-columns:32px minmax(0,1fr)!important;
    gap:7px!important;
    padding:7px!important;
    border-radius:10px!important;
  }
  .home-market-grid .orb-game-row .orb-price{
    grid-column:2!important;
    font-size:10px!important;
    text-align:left!important;
    margin-top:1px!important;
  }
  .home-market-grid .orb-game-row b{
    font-size:10px!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  .home-market-grid .orb-game-row .orb-sub{
    display:none!important;
  }
  .home-market-grid .orb-game-row .logo-cell,
  .home-market-grid .orb-game-row .orb-game-mark{
    width:30px!important;
    height:30px!important;
    min-width:30px!important;
  }

  /* Show only first 3 top-up games on phone, link "Semua game" stays visible */
  .home-market-grid > .orb-panel:first-child .orb-game-row:nth-child(n+4){
    display:none!important;
  }

  /* Compact catalog product cards */
  .home-mini-products{
    gap:6px!important;
  }
  .home-mini-product{
    grid-template-columns:32px minmax(0,1fr)!important;
    gap:7px!important;
    padding:7px!important;
    border-radius:10px!important;
  }
  .home-mini-thumb{
    width:30px!important;
    height:30px!important;
    border-radius:8px!important;
  }
  .home-mini-thumb .orb-game-mark{
    width:28px!important;
    height:28px!important;
  }
  .home-mini-body b{
    font-size:10px!important;
  }
  .home-mini-body small{
    font-size:9px!important;
    margin-top:1px!important;
  }
  .home-mini-product > strong{
    grid-column:2!important;
    font-size:10px!important;
    margin-top:-2px!important;
  }

  /* On phones show at most 3 items inside each category card */
  .home-mini-products .home-mini-product:nth-child(n+4){
    display:none!important;
  }

  .home-empty-catalog{
    min-height:92px!important;
    padding:10px!important;
    justify-content:center!important;
  }
  .home-empty-catalog b{
    font-size:11px!important;
  }
  .home-empty-catalog span{
    font-size:9px!important;
    line-height:1.35!important;
  }
}

@media(max-width:380px){
  .home-market-grid,
  .home-secondary-catalog{
    gap:6px!important;
  }
  .home-market-grid .orb-panel{
    padding:9px!important;
  }
  .home-market-grid .orb-section-head h2{
    font-size:14px!important;
  }
}

/* ===== V3.3.6 MOBILE TOPUP GAME 2-COLUMN ===== */
@media(max-width:760px){
  /* Top Up Game: 2 cards per row */
  .home-market-grid > .orb-panel:first-child .orb-game-list{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:6px!important;
  }

  .home-market-grid > .orb-panel:first-child .orb-game-row{
    display:grid!important;
    grid-template-columns:28px minmax(0,1fr)!important;
    gap:6px!important;
    padding:7px!important;
    min-height:58px!important;
    align-items:center!important;
  }

  .home-market-grid > .orb-panel:first-child .orb-game-row .logo-cell,
  .home-market-grid > .orb-panel:first-child .orb-game-row .orb-game-mark{
    width:28px!important;
    height:28px!important;
    min-width:28px!important;
  }

  .home-market-grid > .orb-panel:first-child .orb-game-row b{
    font-size:9.5px!important;
    line-height:1.15!important;
    display:block!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  .home-market-grid > .orb-panel:first-child .orb-game-row .orb-sub{
    display:none!important;
  }

  .home-market-grid > .orb-panel:first-child .orb-game-row .orb-price{
    grid-column:2!important;
    font-size:8.5px!important;
    line-height:1.15!important;
    margin-top:1px!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  /* Show 6 games = 3 compact rows */
  .home-market-grid > .orb-panel:first-child .orb-game-row:nth-child(n+7){
    display:none!important;
  }
}

@media(max-width:380px){
  .home-market-grid > .orb-panel:first-child .orb-game-list{
    gap:5px!important;
  }
  .home-market-grid > .orb-panel:first-child .orb-game-row{
    padding:6px!important;
    min-height:54px!important;
  }
}

/* ===== V3.3.7 CATALOG GRID REDESIGN ===== */

/* Desktop: Top Up Game really becomes 2 columns so the panel is shorter */
@media(min-width:761px){
  .home-market-grid > .orb-panel:first-child .orb-game-list{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
  }
  .home-market-grid > .orb-panel:first-child .orb-game-row{
    grid-template-columns:40px minmax(0,1fr)!important;
    gap:9px!important;
    padding:9px 10px!important;
  }
  .home-market-grid > .orb-panel:first-child .orb-game-row .orb-price{
    grid-column:2!important;
    text-align:left!important;
    margin-top:2px!important;
    font-size:11px!important;
  }
  .home-market-grid > .orb-panel:first-child .orb-game-row .orb-sub{
    display:none!important;
  }
}

/* Phone: preserve 2x2 outer layout, but make cards much cleaner */
@media(max-width:760px){
  .home-market-grid,
  .home-secondary-catalog{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
  }

  .home-market-grid .orb-panel,
  .home-secondary-catalog .orb-panel{
    padding:10px!important;
    min-width:0!important;
    border-radius:14px!important;
  }

  .home-market-grid .orb-section-head,
  .home-secondary-catalog .orb-section-head{
    margin-bottom:7px!important;
    align-items:center!important;
    gap:4px!important;
  }

  .home-market-grid .orb-section-head h2,
  .home-secondary-catalog .orb-section-head h2{
    font-size:14px!important;
    line-height:1.05!important;
    margin:0!important;
  }

  /* Hide long descriptions inside the four compact panels */
  .home-market-grid .orb-section-head p,
  .home-secondary-catalog .orb-section-head p{
    display:none!important;
  }

  .home-market-grid .orb-section-head .orb-chip,
  .home-secondary-catalog .orb-section-head .orb-chip{
    font-size:0!important;
    width:28px!important;
    height:28px!important;
    padding:0!important;
    border-radius:9px!important;
    display:grid!important;
    place-items:center!important;
    flex:0 0 28px!important;
  }

  .home-market-grid .orb-section-head .orb-chip::after,
  .home-secondary-catalog .orb-section-head .orb-chip::after{
    content:'→';
    font-size:13px!important;
    color:#fff;
  }

  /* Top Up Game: 2 tiles per row, icon + short game name only */
  .home-market-grid > .orb-panel:first-child .orb-game-list{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:6px!important;
  }

  .home-market-grid > .orb-panel:first-child .orb-game-row{
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    align-items:flex-start!important;
    gap:5px!important;
    min-height:78px!important;
    padding:8px!important;
    border-radius:11px!important;
  }

  .home-market-grid > .orb-panel:first-child .orb-game-row .logo-cell,
  .home-market-grid > .orb-panel:first-child .orb-game-row .orb-game-mark{
    width:34px!important;
    height:34px!important;
    min-width:34px!important;
  }

  .home-market-grid > .orb-panel:first-child .orb-game-row b{
    display:block!important;
    width:100%!important;
    font-size:9px!important;
    line-height:1.15!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  .home-market-grid > .orb-panel:first-child .orb-game-row .orb-sub,
  .home-market-grid > .orb-panel:first-child .orb-game-row .orb-price{
    display:none!important;
  }

  /* 4 visible games = 2 rows only on phone */
  .home-market-grid > .orb-panel:first-child .orb-game-row:nth-child(n+5){
    display:none!important;
  }

  /* Product rows for account/item/key */
  .home-mini-products{
    gap:5px!important;
  }

  .home-mini-product{
    display:grid!important;
    grid-template-columns:32px minmax(0,1fr)!important;
    gap:6px!important;
    padding:7px!important;
    min-height:48px!important;
    border-radius:10px!important;
  }

  .home-mini-thumb{
    width:30px!important;
    height:30px!important;
  }

  .home-mini-body b{
    font-size:9px!important;
    line-height:1.15!important;
  }

  .home-mini-body small{
    display:none!important;
  }

  .home-mini-product>strong{
    grid-column:2!important;
    font-size:9px!important;
    margin-top:-2px!important;
  }

  /* Empty states: no giant dashed box */
  .home-empty-catalog{
    min-height:82px!important;
    border:0!important;
    background:#0e1628!important;
    padding:10px!important;
    border-radius:10px!important;
    display:flex!important;
    align-items:flex-start!important;
    justify-content:center!important;
    flex-direction:column!important;
    gap:4px!important;
  }

  .home-empty-catalog b{
    font-size:10px!important;
    line-height:1.2!important;
  }

  .home-empty-catalog span{
    font-size:8.5px!important;
    line-height:1.35!important;
  }
}

@media(max-width:380px){
  .home-market-grid,
  .home-secondary-catalog{
    gap:6px!important;
  }
  .home-market-grid .orb-panel,
  .home-secondary-catalog .orb-panel{
    padding:8px!important;
  }
  .home-market-grid .orb-section-head h2,
  .home-secondary-catalog .orb-section-head h2{
    font-size:13px!important;
  }
  .home-market-grid > .orb-panel:first-child .orb-game-row{
    min-height:72px!important;
  }
}

/* ===== V3.3.8 COMPACT HOME ===== */

/* Compact homepage hero on every screen */
.home-hero-compact{
  grid-template-columns:1fr!important;
  margin-bottom:12px!important;
}
.home-hero-compact .orb-hero-main{
  min-height:0!important;
  padding:24px 28px!important;
}
.home-hero-compact h1{
  max-width:760px!important;
  margin:7px 0 8px!important;
}
.home-hero-compact p{
  max-width:620px!important;
  margin-bottom:14px!important;
}
.home-hero-compact .orb-actions{
  margin-top:8px!important;
}
.home-hero-compact .orb-btn{
  min-height:40px!important;
  padding:10px 16px!important;
}

/* Kill any old mobile rule that hid the 4th Top Up game */
@media(max-width:760px){
  .home-crumb{display:none!important}

  .home-hero-compact{
    margin-top:8px!important;
    margin-bottom:10px!important;
  }
  .home-hero-compact .orb-hero-main{
    padding:18px!important;
    border-radius:18px!important;
  }
  .home-hero-compact .orb-eyebrow{
    font-size:10px!important;
    margin-bottom:4px!important;
  }
  .home-hero-compact h1{
    font-size:27px!important;
    line-height:1.04!important;
    margin:4px 0 7px!important;
  }
  .home-hero-compact p{
    font-size:12px!important;
    line-height:1.45!important;
    margin:0 0 12px!important;
  }
  .home-hero-compact .orb-actions{
    margin-top:0!important;
  }
  .home-hero-compact .orb-btn{
    min-height:38px!important;
    padding:9px 13px!important;
    font-size:12px!important;
    border-radius:11px!important;
  }

  /* Main category strip sits closer to hero */
  .orb-launch-row-main{
    margin-top:8px!important;
    margin-bottom:12px!important;
  }

  /* Exactly four games on phone = 2 x 2 */
  .home-market-grid > .orb-panel:first-child .orb-game-row:nth-child(4){
    display:flex!important;
  }
  .home-market-grid > .orb-panel:first-child .orb-game-row:nth-child(n+5){
    display:none!important;
  }
}

/* On desktop the compact hero should no longer reserve right-column space */
@media(min-width:761px){
  .home-hero-compact{
    max-width:none!important;
  }
}

/* ===== V3.3.9 BALANCED MARKETPLACE HOME ===== */
.home-category-fallback{
  width:100%;height:100%;display:grid;place-items:center;
  font-size:21px;background:#151e33;
}
.home-broader-market .home-catalog-panel{
  min-height:100%;
}
@media(max-width:760px){
  .home-broader-market{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
  }
  .home-broader-market .orb-panel{
    padding:10px!important;
    min-width:0!important;
  }
  .home-broader-market .home-empty-catalog{
    min-height:82px!important;
  }
}


/* ===== V3.4.0 GAME LOGO CARD FIX ===== */
/* Make Game Populer logos sharper and use the empty space above the title better */
@media(min-width:761px){
  .home-market-grid > .orb-panel:first-child .orb-game-row{
    display:grid!important;
    grid-template-columns:54px minmax(0,1fr)!important;
    gap:10px!important;
    align-items:center!important;
    min-height:72px!important;
  }
  .home-market-grid > .orb-panel:first-child .orb-game-row .logo-cell,
  .home-market-grid > .orb-panel:first-child .orb-game-row .orb-game-mark{
    width:54px!important;
    height:54px!important;
    min-width:54px!important;
  }
  .home-market-grid > .orb-panel:first-child .orb-game-row .orb-game-mark{
    background:transparent!important;
    border:0!important;
    border-radius:14px!important;
    box-shadow:none!important;
  }
  .home-market-grid > .orb-panel:first-child .orb-game-row .orb-game-mark img{
    object-fit:cover!important;
    image-rendering:auto!important;
  }
}

@media(max-width:760px){
  /* More balanced compact hero spacing */
  .home-hero-compact .orb-hero-main{
    padding:16px!important;
  }
  .home-hero-compact h1{
    font-size:25px!important;
    line-height:1.02!important;
  }

  /* Game Populer cards: icon sits properly above text and fills empty box better */
  .home-market-grid > .orb-panel:first-child .orb-game-list{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
  }
  .home-market-grid > .orb-panel:first-child .orb-game-row{
    display:flex!important;
    flex-direction:column!important;
    justify-content:flex-start!important;
    align-items:flex-start!important;
    gap:8px!important;
    min-height:132px!important;
    padding:10px!important;
    border-radius:14px!important;
  }
  .home-market-grid > .orb-panel:first-child .orb-game-row .logo-cell,
  .home-market-grid > .orb-panel:first-child .orb-game-row .orb-game-mark{
    width:56px!important;
    height:56px!important;
    min-width:56px!important;
  }
  .home-market-grid > .orb-panel:first-child .orb-game-row .orb-game-mark{
    background:transparent!important;
    border:0!important;
    border-radius:14px!important;
    box-shadow:none!important;
  }
  .home-market-grid > .orb-panel:first-child .orb-game-row .orb-game-mark img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    display:block!important;
    image-rendering:auto!important;
  }
  .home-market-grid > .orb-panel:first-child .orb-game-row b{
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:unset!important;
    font-size:11px!important;
    line-height:1.2!important;
    min-height:28px!important;
  }
  .home-market-grid > .orb-panel:first-child .orb-game-row .orb-sub,
  .home-market-grid > .orb-panel:first-child .orb-game-row .orb-price{
    display:none!important;
  }

  /* Slightly tighter category launcher strip */
  .orb-launch-row-main{
    margin-top:6px!important;
    margin-bottom:10px!important;
  }
  .orb-launch-card{
    min-height:146px!important;
  }
}

@media(max-width:380px){
  .home-market-grid > .orb-panel:first-child .orb-game-row{
    min-height:124px!important;
    padding:9px!important;
  }
  .home-market-grid > .orb-panel:first-child .orb-game-row .logo-cell,
  .home-market-grid > .orb-panel:first-child .orb-game-row .orb-game-mark{
    width:52px!important;
    height:52px!important;
    min-width:52px!important;
  }
}


/* ===== V3.4.2 TOP UP 4-COLUMN + CATALOG LOGO RULE ===== */
.topup-hub-head{margin-bottom:12px}
.topup-hub-panel{padding:18px}
.topup-game-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
}
.topup-game-tile{
  min-width:0;
  min-height:132px;
  padding:14px 10px;
  border:1px solid #263454;
  border-radius:16px;
  background:#0e1628;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  gap:10px;
  text-align:center;
  transition:.16s ease;
}
.topup-game-tile:hover{
  transform:translateY(-2px);
  border-color:#435484;
  background:#111c32;
}
.topup-game-logo{
  width:72px;
  height:72px;
  display:grid;
  place-items:center;
}
.topup-game-logo .orb-game-mark{
  width:72px!important;
  height:72px!important;
  border-radius:16px!important;
  background:transparent!important;
  border:0!important;
}
.topup-game-logo .orb-game-mark img{
  object-fit:cover!important;
  image-rendering:auto!important;
}
.topup-game-tile b{
  width:100%;
  font-size:13px;
  line-height:1.25;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.topup-grid-empty{grid-column:1/-1}

/* Catalog identity rule: list/search/home cards show logo, not account screenshots */
.home-logo-thumb{
  background:transparent!important;
  border:0!important;
}
.home-logo-thumb .orb-game-mark{
  width:100%!important;
  height:100%!important;
  border-radius:9px!important;
}
.orb-catalog-logo-cover{
  background:#0e1628!important;
}
.orb-catalog-logo-cover .orb-game-mark{
  width:108px!important;
  height:108px!important;
  border-radius:22px!important;
}
.orb-catalog-logo-cover .orb-game-mark img{
  object-fit:contain!important;
  padding:0!important;
}

@media(max-width:760px){
  .topup-hub-head{margin-bottom:9px!important}
  .topup-hub-head h1{font-size:25px!important}
  .topup-hub-head p{font-size:11px!important;line-height:1.4!important}
  .topup-hub-panel{
    padding:12px 8px!important;
    border-radius:16px!important;
  }
  .topup-game-grid{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:8px 5px!important;
  }
  .topup-game-tile{
    min-height:108px!important;
    padding:8px 3px!important;
    gap:7px!important;
    border:0!important;
    background:transparent!important;
    border-radius:12px!important;
  }
  .topup-game-tile:hover{
    transform:none!important;
    background:#10192c!important;
  }
  .topup-game-logo,
  .topup-game-logo .orb-game-mark{
    width:58px!important;
    height:58px!important;
    min-width:58px!important;
  }
  .topup-game-logo .orb-game-mark{
    border-radius:13px!important;
  }
  .topup-game-tile b{
    font-size:10px!important;
    line-height:1.2!important;
    min-height:24px!important;
    -webkit-line-clamp:2!important;
  }
}
@media(max-width:380px){
  .topup-game-grid{gap:7px 3px!important}
  .topup-game-logo,
  .topup-game-logo .orb-game-mark{
    width:52px!important;
    height:52px!important;
    min-width:52px!important;
  }
  .topup-game-tile{min-height:100px!important}
  .topup-game-tile b{font-size:9px!important}
}


/* ===== V3.4.3 COMPACT MARKETPLACE FINAL ===== */

/* Bottom nav is marketplace-first: Beranda / Jelajahi / Pesanan / Akun */
@media(max-width:900px){
  .orb-mobile-nav{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
  }
}

/* Compact directory on desktop too */
.orb-game-directory{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:10px!important;
}
.orb-game-directory a{
  min-width:0;
}

/* Mobile "Semua Game": same visual principle as Top Up Hub */
@media(max-width:760px){
  .orb-main{
    padding-left:12px!important;
    padding-right:12px!important;
  }

  /* Smaller page intro */
  .orb-crumb{
    margin:2px 0 8px!important;
    font-size:10px!important;
  }
  .orb-section-head{
    margin-bottom:9px!important;
  }
  .orb-section-head h1{
    font-size:25px!important;
    line-height:1.05!important;
  }
  .orb-section-head p{
    font-size:11px!important;
    line-height:1.35!important;
  }

  /* Alphabet becomes one compact horizontal row instead of several rows */
  .orb-az{
    display:flex!important;
    flex-wrap:nowrap!important;
    overflow-x:auto!important;
    gap:5px!important;
    padding:2px 0 7px!important;
    margin-bottom:10px!important;
    scrollbar-width:none;
    -webkit-overflow-scrolling:touch;
  }
  .orb-az::-webkit-scrollbar{display:none}
  .orb-az a{
    flex:0 0 34px!important;
    width:34px!important;
    height:34px!important;
    min-width:34px!important;
    padding:0!important;
    display:grid!important;
    place-items:center!important;
    border-radius:10px!important;
    font-size:10px!important;
  }
  .orb-az a:first-child{
    flex-basis:44px!important;
    width:44px!important;
    min-width:44px!important;
  }

  .orb-game-directory{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:9px 5px!important;
  }
  .orb-game-directory a{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:7px!important;
    min-width:0!important;
    min-height:106px!important;
    padding:7px 2px!important;
    border:0!important;
    background:transparent!important;
    border-radius:12px!important;
    text-align:center!important;
  }
  .orb-game-directory a:hover{
    transform:none!important;
    background:#10192c!important;
  }
  .orb-game-directory .logo-cell,
  .orb-game-directory .logo-cell .orb-game-mark{
    width:58px!important;
    height:58px!important;
    min-width:58px!important;
  }
  .orb-game-directory .logo-cell .orb-game-mark{
    border:0!important;
    background:transparent!important;
    border-radius:13px!important;
  }
  .orb-game-directory .logo-cell .orb-game-mark img{
    object-fit:cover!important;
    image-rendering:auto!important;
  }
  .orb-game-directory a>div{
    min-width:0!important;
    width:100%!important;
  }
  .orb-game-directory a b{
    display:-webkit-box!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:2!important;
    overflow:hidden!important;
    width:100%!important;
    font-size:10px!important;
    line-height:1.18!important;
    min-height:24px!important;
  }
  .orb-game-directory a small{
    display:none!important;
  }

  /* General density: less wasted vertical space */
  .orb-section{
    margin-top:12px!important;
  }
  .orb-panel{
    border-radius:16px!important;
  }
  .orb-pay{
    margin-top:14px!important;
  }

  /* Home category launcher remains rich but less tall */
  .orb-launch-card{
    min-height:132px!important;
    padding-top:12px!important;
    padding-bottom:12px!important;
  }
  .orb-launch-card small{
    line-height:1.35!important;
  }
}

/* Very narrow phones: keep 4 columns but reduce logo slightly */
@media(max-width:380px){
  .orb-game-directory{
    gap:8px 3px!important;
  }
  .orb-game-directory .logo-cell,
  .orb-game-directory .logo-cell .orb-game-mark{
    width:52px!important;
    height:52px!important;
    min-width:52px!important;
  }
  .orb-game-directory a{
    min-height:100px!important;
  }
  .orb-game-directory a b{
    font-size:9px!important;
  }
}


/* ===== V3.4.4 GLOBAL COMPACT 4-COLUMN RULE ===== */
/*
   Global catalog rule:
   - Avoid one-card-per-row catalog/list layouts.
   - Use at least 4 compact cards per row where the content can remain readable.
   - Full-width forms, checkout, chat, order detail, and long-form information are excluded.
*/

/* General product/catalog grids: minimum 4 columns */
.orb-products{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:9px!important;
}

/* Top-up variants: 4 columns on all practical widths */
.topup-variant-grid,
.ml-variant-grid{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:8px!important;
}

/* Compact product card treatment */
.orb-products .orb-product{
  padding:9px!important;
  border-radius:13px!important;
  min-width:0!important;
}
.orb-products .orb-cover{
  height:88px!important;
  margin-bottom:8px!important;
  border-radius:11px!important;
}
.orb-products .orb-cover .orb-game-mark{
  width:62px!important;
  height:62px!important;
  border-radius:14px!important;
}
.orb-products .orb-badge{
  font-size:8px!important;
  padding:4px 6px!important;
}
.orb-products .orb-product h3{
  font-size:11px!important;
  line-height:1.25!important;
  min-height:28px!important;
  margin:7px 0 3px!important;
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:2!important;
  overflow:hidden!important;
}
.orb-products .orb-product p{
  font-size:9px!important;
  margin:2px 0!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.orb-products .orb-product-bottom{
  gap:4px!important;
  margin-top:7px!important;
}
.orb-products .orb-product-bottom strong{
  font-size:11px!important;
}

/* Top Up nominal cards: designed for 4-across selection */
.topup-variant-grid .orb-product.variant,
.ml-variant-grid .orb-product.variant{
  min-height:108px!important;
  padding:8px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:space-between!important;
  text-align:left!important;
}
.topup-variant-grid .topup-variant-name,
.ml-variant-grid .variant > div:first-child{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  gap:5px!important;
  min-width:0!important;
}
.topup-variant-grid .topup-variant-icon,
.ml-variant-grid .variant > div:first-child img{
  width:28px!important;
  height:28px!important;
  min-width:28px!important;
  border-radius:8px!important;
  object-fit:contain!important;
}
.topup-variant-grid .topup-variant-name b,
.ml-variant-grid .variant > div:first-child b{
  width:100%!important;
  font-size:9px!important;
  line-height:1.18!important;
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:2!important;
  overflow:hidden!important;
  min-height:21px!important;
}
.topup-variant-grid .orb-product-bottom,
.ml-variant-grid .orb-product-bottom{
  width:100%!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  gap:2px!important;
  margin-top:6px!important;
}
.topup-variant-grid .orb-product-bottom strong,
.ml-variant-grid .orb-product-bottom strong{
  font-size:10px!important;
  line-height:1.1!important;
}
.topup-variant-grid .variant-state,
.ml-variant-grid .variant-state{
  font-size:8px!important;
  line-height:1!important;
}
.topup-variant-grid .variant.active,
.ml-variant-grid .variant.active{
  box-shadow:0 0 0 1px rgba(111,230,202,.35) inset!important;
}

/* Home teaser product rows: avoid long vertical stacks.
   Each half-width category can show a compact 2-column teaser,
   which visually gives up to 4 items across the page. */
@media(max-width:760px){
  .home-mini-products{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:5px!important;
  }
  .home-mini-product{
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    min-height:88px!important;
    padding:6px!important;
    gap:4px!important;
  }
  .home-mini-thumb{
    width:30px!important;
    height:30px!important;
  }
  .home-mini-body{
    width:100%!important;
  }
  .home-mini-body b{
    font-size:8.5px!important;
    line-height:1.15!important;
    display:-webkit-box!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:2!important;
    overflow:hidden!important;
    white-space:normal!important;
  }
  .home-mini-product>strong{
    font-size:8.5px!important;
    margin:0!important;
  }

  /* Global catalog cards remain 4 across on phones */
  .orb-products{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:6px!important;
  }
  .orb-products .orb-product{
    padding:6px!important;
    border-radius:10px!important;
  }
  .orb-products .orb-cover{
    height:58px!important;
    margin-bottom:5px!important;
    border-radius:9px!important;
  }
  .orb-products .orb-cover .orb-game-mark{
    width:46px!important;
    height:46px!important;
    border-radius:11px!important;
  }
  .orb-products .orb-badge{
    font-size:6.5px!important;
    padding:3px 4px!important;
    max-width:100%!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
  .orb-products .orb-product h3{
    font-size:8.5px!important;
    line-height:1.15!important;
    min-height:20px!important;
    margin:5px 0 2px!important;
  }
  .orb-products .orb-product p{
    display:none!important;
  }
  .orb-products .orb-product-bottom{
    margin-top:4px!important;
    align-items:flex-start!important;
  }
  .orb-products .orb-product-bottom strong{
    font-size:8.5px!important;
    line-height:1.05!important;
  }
  .orb-products .orb-product-bottom>span:not(.variant-state){
    display:none!important;
  }

  .topup-variant-grid,
  .ml-variant-grid{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:6px!important;
  }
  .topup-variant-grid .orb-product.variant,
  .ml-variant-grid .orb-product.variant{
    min-height:96px!important;
    padding:6px!important;
    border-radius:10px!important;
  }
  .topup-variant-grid .topup-variant-icon,
  .ml-variant-grid .variant > div:first-child img{
    width:25px!important;
    height:25px!important;
    min-width:25px!important;
  }
  .topup-variant-grid .topup-variant-name b,
  .ml-variant-grid .variant > div:first-child b{
    font-size:8px!important;
    min-height:19px!important;
  }
  .topup-variant-grid .orb-product-bottom strong,
  .ml-variant-grid .orb-product-bottom strong{
    font-size:8.5px!important;
  }
  .topup-variant-grid .variant-state,
  .ml-variant-grid .variant-state{
    font-size:7px!important;
  }

  /* Search/filter controls can stay full width: they are controls, not catalog items */
  .orb-filter input,
  .orb-filter select,
  .orb-filter button{
    max-width:100%;
  }
}

/* Very small phones still use 4 columns; content compresses rather than reverting to 1 column */
@media(max-width:380px){
  .orb-products,
  .topup-variant-grid,
  .ml-variant-grid{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:4px!important;
  }
  .orb-products .orb-product{
    padding:5px!important;
  }
  .orb-products .orb-cover{
    height:52px!important;
  }
  .orb-products .orb-cover .orb-game-mark{
    width:42px!important;
    height:42px!important;
  }
  .topup-variant-grid .orb-product.variant,
  .ml-variant-grid .orb-product.variant{
    min-height:90px!important;
    padding:5px!important;
  }
}


/* ===== V3.4.5 TOP UP GROUP FILTER FIX ===== */
/* Must come after 4-column compact rules that use display:flex!important. */
.topup-variant-grid .variant.variant-hidden,
.ml-variant-grid .variant.variant-hidden,
.orb-products .variant.variant-hidden{
  display:none!important;
}

/* V3.4.7 — Homepage taxonomy + curated account games */
.home-curated-account-games .home-account-game-card:only-child{
  width:100%;
  min-height:72px;
}
.home-curated-account-games .home-account-game-card:only-child .home-mini-thumb{
  flex:0 0 48px;
  width:48px;
  height:48px;
}
.home-curated-account-games .home-account-game-card:only-child .home-mini-body b{
  font-size:15px;
}

/* V3.4.8 — COC logo + visual on curated Akun Game card */
.home-account-game-card{position:relative;overflow:hidden;isolation:isolate}
.home-account-game-card > *{position:relative;z-index:2}
.home-account-cover{display:none}
.home-account-game-card.is-coc{
  min-height:96px!important;
  padding-right:158px!important;
}
.home-account-game-card.is-coc .home-account-cover{
  display:block;
  position:absolute;
  z-index:0;
  right:0;top:0;
  width:150px;height:100%;
  background:
    linear-gradient(90deg,rgba(15,23,42,1) 0%,rgba(15,23,42,.64) 28%,rgba(15,23,42,.08) 100%),
    var(--coc-cover) center/cover no-repeat;
  opacity:.92;
}
.home-account-game-card.is-coc .home-mini-thumb{
  width:58px!important;height:58px!important;flex:0 0 58px!important;padding:0!important;overflow:hidden
}
.home-account-game-card.is-coc .home-mini-thumb .orb-game-mark,
.home-account-game-card.is-coc .home-mini-thumb .orb-game-mark img{
  width:100%!important;height:100%!important
}
.home-account-game-card.is-coc .home-mini-thumb img{
  object-fit:cover!important;border-radius:14px!important
}
.home-account-game-card.is-coc .home-mini-body b{font-size:16px}
@media(max-width:650px){
 .home-account-game-card.is-coc{padding-right:100px!important}
 .home-account-game-card.is-coc .home-account-cover{width:96px}
}

/* V3.4.9 — Similar offer card contrast */
.similar-card,
.similar-card:visited,
.similar-card:hover{
  color:#0f172a!important;
}
.similar-card .similar-title{
  color:#0f172a!important;
}
.similar-card .similar-meta{
  color:#64748b!important;
}
.similar-card .similar-price{
  color:#ea580c!important;
}


/* ===== V3.4.28 AI & ALAT HOMEPAGE ===== */
@media(min-width:761px){
  .orb-launch-row-main{grid-template-columns:repeat(4,minmax(0,1fr))!important;}
}
.home-ai-panel{min-height:0;}
.home-ai-products{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;}
.home-ai-products .home-mini-product{min-width:0;}
.home-ai-thumb{display:grid;place-items:center;font-weight:900;font-size:13px;letter-spacing:.04em;background:linear-gradient(135deg,rgba(109,94,252,.3),rgba(37,211,185,.22));border:1px solid rgba(128,150,210,.28);border-radius:12px;color:#e8efff;}
@media(max-width:760px){
  .home-ai-products{grid-template-columns:repeat(2,minmax(0,1fr));}
  .home-ai-products .home-mini-product{grid-template-columns:38px minmax(0,1fr);gap:8px;padding:9px;}
  .home-ai-products .home-mini-product strong{grid-column:2;font-size:11px;}
  .home-ai-products .home-mini-thumb{width:38px;height:38px;}
  .home-ai-products .home-mini-body b{font-size:11px;line-height:1.25;}
  .home-ai-products .home-mini-body small{font-size:9px;}
}

/* V3.4.40: brand marks should be visually dominant on catalog cards */
.orb-products .orb-cover.orb-catalog-logo-cover .orb-game-mark{width:100px!important;height:100px!important;border-radius:20px!important}
.orb-products .orb-cover.orb-catalog-logo-cover .orb-game-mark img{object-fit:contain!important;padding:0!important}
@media(max-width:560px){.orb-products .orb-cover.orb-catalog-logo-cover .orb-game-mark{width:78px!important;height:78px!important;border-radius:16px!important}}


/* V3.4.48 — universal hierarchical catalog */
.rd-category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.rd-category-card{min-height:164px;background:#11182b;border:1px solid var(--orb-line);border-radius:20px;padding:17px;display:flex;flex-direction:column;gap:8px;transition:.16s ease}
.rd-category-card:hover,.rd-brand-card:hover{border-color:#455781;transform:translateY(-1px)}
.rd-category-icon{font-size:28px;width:48px;height:48px;border-radius:15px;background:linear-gradient(135deg,#211b50,#12333c);display:grid;place-items:center}
.rd-category-card b{font-size:16px}.rd-category-card small{color:#8e9ab6;line-height:1.45;flex:1}.rd-category-card>span:last-child{font-size:11px;color:#72dcca;font-weight:800}
.rd-brand-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.rd-brand-card{background:#0d1425;border:1px solid #202a46;border-radius:17px;padding:13px;display:grid;grid-template-columns:58px minmax(0,1fr);grid-template-rows:auto auto;gap:8px 11px;align-items:center;min-width:0}
.rd-brand-logo{width:58px;height:58px;border-radius:15px;background:#fff;display:grid;place-items:center;overflow:hidden;grid-row:1/3}.rd-brand-logo img{width:100%;height:100%;object-fit:contain;padding:6px}.rd-brand-body{min-width:0}.rd-brand-body b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px}.rd-brand-body small{display:block;color:#8290ae;margin-top:4px;font-size:11px}.rd-brand-card strong{font-size:12px;color:#fff;white-space:nowrap}.rd-home-section{padding:18px}.rd-home-brand-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.rd-product-grid{margin-top:8px}
@media(max-width:900px){.rd-category-grid,.rd-brand-grid,.rd-home-brand-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.rd-category-card{min-height:148px}}
@media(max-width:560px){.rd-category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.rd-category-card{padding:12px;min-height:136px;border-radius:16px}.rd-category-icon{width:40px;height:40px;font-size:22px}.rd-category-card b{font-size:13px}.rd-category-card small{font-size:10px}.rd-brand-grid,.rd-home-brand-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.rd-brand-card{grid-template-columns:46px minmax(0,1fr);padding:10px;gap:6px 8px}.rd-brand-logo{width:46px;height:46px;border-radius:12px}.rd-brand-body b{font-size:12px}.rd-brand-body small,.rd-brand-card strong{font-size:10px}}


/* ===== V3.4.49 DYNAMIC CATALOG UI FIX ===== */
.rd-home-categories,
.rd-category-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:12px!important;
  margin:16px 0!important;
}
.rd-category-card{
  box-sizing:border-box!important;
  min-width:0!important;
  min-height:142px!important;
  background:#10182a!important;
  border:1px solid #26314f!important;
  border-radius:18px!important;
  padding:15px!important;
  display:flex!important;
  flex-direction:column!important;
  gap:7px!important;
  color:#f8fbff!important;
  text-decoration:none!important;
  overflow:hidden!important;
}
.rd-category-card .rd-category-icon{
  flex:0 0 auto!important;
  width:42px!important;
  height:42px!important;
  font-size:22px!important;
  border-radius:12px!important;
}
.rd-category-card b{display:block!important;font-size:15px!important;line-height:1.25!important}
.rd-category-card small{display:block!important;font-size:11px!important;line-height:1.4!important;color:#8fa0bf!important;flex:1!important}
.rd-category-card>span:last-child{display:block!important;font-size:10px!important;color:#67d9c7!important;font-weight:800!important}

.rd-home-section{padding:16px!important;overflow:hidden!important}
.rd-home-section .orb-section-head{margin-bottom:12px!important}
.rd-home-section .orb-section-head h2{margin:0!important}
.rd-home-section .orb-section-head p{margin:4px 0 0!important}
.rd-brand-grid,
.rd-home-brand-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:10px!important;
  width:100%!important;
}
.rd-brand-card{
  box-sizing:border-box!important;
  min-width:0!important;
  min-height:84px!important;
  background:#0d1425!important;
  border:1px solid #25304c!important;
  border-radius:16px!important;
  padding:10px!important;
  display:grid!important;
  grid-template-columns:54px minmax(0,1fr)!important;
  grid-template-rows:auto auto!important;
  column-gap:10px!important;
  row-gap:3px!important;
  align-items:center!important;
  color:#f8fbff!important;
  text-decoration:none!important;
  overflow:hidden!important;
}
.rd-brand-logo{
  grid-column:1!important;
  grid-row:1/3!important;
  width:54px!important;
  height:54px!important;
  max-width:54px!important;
  max-height:54px!important;
  border-radius:13px!important;
  background:#fff!important;
  display:grid!important;
  place-items:center!important;
  overflow:hidden!important;
}
.rd-brand-logo img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:54px!important;
  max-height:54px!important;
  object-fit:contain!important;
  padding:5px!important;
  box-sizing:border-box!important;
}
.rd-brand-body{grid-column:2!important;grid-row:1!important;min-width:0!important;align-self:end!important}
.rd-brand-body b{display:block!important;font-size:13px!important;line-height:1.2!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.rd-brand-body small{display:block!important;margin-top:3px!important;font-size:10px!important;line-height:1.2!important;color:#8493b1!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.rd-brand-card strong{grid-column:2!important;grid-row:2!important;align-self:start!important;font-size:10px!important;line-height:1.2!important;color:#fff!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}

/* Never allow supplier/product artwork to expand a brand card. */
.rd-brand-card img{max-width:54px!important;max-height:54px!important}

@media(max-width:900px){
  .rd-home-categories,.rd-category-grid,.rd-brand-grid,.rd-home-brand-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:7px!important}
  .rd-category-card{min-height:118px!important;padding:9px!important;border-radius:13px!important}
  .rd-category-card .rd-category-icon{width:34px!important;height:34px!important;font-size:18px!important}
  .rd-category-card b{font-size:11px!important}.rd-category-card small{font-size:9px!important}.rd-category-card>span:last-child{font-size:8px!important}
  .rd-brand-card{min-height:72px!important;grid-template-columns:42px minmax(0,1fr)!important;padding:7px!important;column-gap:7px!important;border-radius:12px!important}
  .rd-brand-logo,.rd-brand-logo img{width:42px!important;height:42px!important;max-width:42px!important;max-height:42px!important}
  .rd-brand-body b{font-size:10px!important}.rd-brand-body small,.rd-brand-card strong{font-size:8px!important}
}
@media(max-width:560px){
  .rd-home-categories,.rd-category-grid,.rd-brand-grid,.rd-home-brand-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:5px!important}
  .rd-category-card{min-height:105px!important;padding:7px!important}
  .rd-category-card small{display:none!important}
  .rd-brand-card{display:flex!important;flex-direction:column!important;align-items:stretch!important;min-height:112px!important;padding:6px!important;gap:4px!important}
  .rd-brand-logo{width:100%!important;height:54px!important;max-width:none!important;max-height:54px!important;border-radius:9px!important}
  .rd-brand-logo img{width:100%!important;height:54px!important;max-width:100%!important;max-height:54px!important;padding:4px!important}
  .rd-brand-body b{font-size:9px!important;white-space:normal!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important}
  .rd-brand-body small{font-size:7px!important}.rd-brand-card strong{font-size:8px!important}
}

/* ===== V3.4.69 COMPACT CATEGORY CARDS =====
   Kategori dibuat ringan seperti dashboard: ikon kecil, teks padat, tidak memakai logo besar. */
.rd-home-categories,.rd-category-grid{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:10px!important;
}
.rd-category-card{
  min-height:132px!important;
  padding:14px!important;
  border-radius:16px!important;
  gap:7px!important;
  background:#10182a!important;
  border:1px solid #26314f!important;
  box-shadow:none!important;
}
.rd-category-card .rd-category-icon{
  width:42px!important;
  height:42px!important;
  border-radius:12px!important;
  overflow:hidden!important;
  background:transparent!important;
  display:block!important;
}
.rd-category-card .rd-category-icon img{
  width:42px!important;
  height:42px!important;
  display:block!important;
  object-fit:contain!important;
}
.rd-category-card b{
  font-size:15px!important;
  line-height:1.2!important;
  margin:0!important;
}
.rd-category-card small{
  font-size:10.5px!important;
  line-height:1.35!important;
  color:#8fa0bf!important;
  margin:0!important;
}
.rd-category-card>span:last-child{
  margin-top:auto!important;
  font-size:10px!important;
  line-height:1.2!important;
  color:#67d9c7!important;
}
@media(max-width:900px){
  .rd-home-categories,.rd-category-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:7px!important}
  .rd-category-card{min-height:112px!important;padding:9px!important;border-radius:13px!important;gap:5px!important}
  .rd-category-card .rd-category-icon,.rd-category-card .rd-category-icon img{width:34px!important;height:34px!important}
  .rd-category-card b{font-size:11px!important}
  .rd-category-card small{font-size:8.5px!important;line-height:1.25!important}
  .rd-category-card>span:last-child{font-size:8px!important}
}
@media(max-width:560px){
  .rd-home-categories,.rd-category-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:5px!important}
  .rd-category-card{min-height:98px!important;padding:7px!important;border-radius:12px!important;gap:4px!important}
  .rd-category-card .rd-category-icon,.rd-category-card .rd-category-icon img{width:30px!important;height:30px!important;border-radius:9px!important}
  .rd-category-card b{font-size:9px!important;line-height:1.15!important}
  .rd-category-card small{display:none!important}
  .rd-category-card>span:last-child{font-size:7px!important}
}

/* V3.4.70 - category cards closer to compact reference */
.rd-category-grid{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:12px!important;
  align-items:stretch!important;
}
.rd-category-card{
  min-height:128px!important;
  padding:14px!important;
  border-radius:18px!important;
  gap:6px!important;
  background:#0f1830!important;
  border:1px solid rgba(61,96,165,.58)!important;
  box-shadow:none!important;
}
.rd-category-card .rd-category-icon,
.rd-category-card .rd-category-icon img{
  width:34px!important;
  height:34px!important;
  border-radius:10px!important;
}
.rd-category-card b{
  font-size:13px!important;
  line-height:1.2!important;
  margin-top:2px!important;
}
.rd-category-card small{
  font-size:10px!important;
  line-height:1.35!important;
  color:#9aabc8!important;
}
.rd-category-card>span:last-child{
  font-size:10px!important;
  line-height:1.2!important;
  font-weight:800!important;
  color:#66e0d0!important;
}
@media (max-width: 1100px){
  .rd-category-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important;}
}
@media (max-width: 780px){
  .rd-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important;}
  .rd-category-card{min-height:118px!important;padding:12px!important;border-radius:16px!important;}
  .rd-category-card .rd-category-icon,.rd-category-card .rd-category-icon img{width:32px!important;height:32px!important;}
  .rd-category-card b{font-size:12px!important;}
  .rd-category-card small{font-size:9px!important;}
  .rd-category-card>span:last-child{font-size:9px!important;}
}
@media (max-width: 560px){
  .rd-category-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important;}
  .rd-category-card{min-height:96px!important;padding:8px!important;border-radius:13px!important;gap:4px!important;}
  .rd-category-card .rd-category-icon,.rd-category-card .rd-category-icon img{width:28px!important;height:28px!important;border-radius:8px!important;}
  .rd-category-card b{font-size:10px!important;line-height:1.12!important;}
  .rd-category-card small{display:none!important;}
  .rd-category-card>span:last-child{font-size:7px!important;line-height:1.1!important;}
}

/* V3.4.72 - stronger category icon emphasis */
.rd-category-card{
  min-height:142px!important;
  padding:16px!important;
  gap:7px!important;
}
.rd-category-card .rd-category-icon,
.rd-category-card .rd-category-icon img{
  width:44px!important;
  height:44px!important;
  border-radius:12px!important;
}
.rd-category-card b{
  font-size:14px!important;
  line-height:1.22!important;
}
.rd-category-card small{
  font-size:10px!important;
  line-height:1.35!important;
}
.rd-category-card>span:last-child{
  font-size:10px!important;
}
@media (max-width:1100px){
  .rd-category-card{min-height:136px!important;padding:15px!important;}
  .rd-category-card .rd-category-icon,.rd-category-card .rd-category-icon img{width:42px!important;height:42px!important;}
}
@media (max-width:780px){
  .rd-category-card{min-height:124px!important;padding:12px!important;}
  .rd-category-card .rd-category-icon,.rd-category-card .rd-category-icon img{width:38px!important;height:38px!important;}
}
@media (max-width:560px){
  .rd-category-card{min-height:100px!important;padding:8px!important;gap:4px!important;}
  .rd-category-card .rd-category-icon,.rd-category-card .rd-category-icon img{width:30px!important;height:30px!important;border-radius:9px!important;}
}


/* V3.4.78 — mobile product-card overflow, verified social proof, catalog search */
.rd-catalog-search{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px;margin:0 0 14px;align-items:center}
.rd-catalog-search input{min-width:0;width:100%;height:42px;border:1px solid #2a3655;background:#0d1425;color:#eef2ff;border-radius:12px;padding:0 13px;outline:none;font:inherit}
.rd-catalog-search input:focus{border-color:#65d7c0;box-shadow:0 0 0 2px rgba(101,215,192,.12)}
.rd-catalog-search button,.rd-catalog-search a{height:42px;display:inline-flex;align-items:center;justify-content:center;padding:0 14px;border-radius:12px;border:1px solid #31405f;background:#151f36;color:#fff;font-weight:850;font-size:12px;white-space:nowrap}
.rd-catalog-search button{background:#6b5cf6;border-color:#6b5cf6;cursor:pointer}
.orb-products .orb-product{overflow:hidden;min-width:0;display:flex;flex-direction:column}
.orb-products .orb-product h3{min-width:0;max-width:100%;overflow:hidden;overflow-wrap:anywhere;word-break:break-word;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;min-height:0!important;height:auto!important;max-height:2.8em}
.orb-products .orb-product p.rd-card-meta{min-width:0;max-width:100%;overflow:hidden;overflow-wrap:anywhere;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2}
.rd-card-proof{display:flex;flex-wrap:wrap;gap:5px 8px;margin-top:7px;color:#74dfc8;font-size:10px;font-weight:800;min-width:0}
.rd-card-proof span{min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.orb-products .orb-product-bottom{min-width:0;margin-top:auto;padding-top:10px}
.orb-products .orb-product-bottom strong{min-width:0;max-width:calc(100% - 24px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:560px){
  .rd-catalog-search{grid-template-columns:minmax(0,1fr) auto;gap:6px}
  .rd-catalog-search a{grid-column:1/-1;height:34px}
  .rd-catalog-search input{height:38px;font-size:12px;padding:0 10px}
  .rd-catalog-search button{height:38px;padding:0 11px}
  .orb-products .orb-product{padding:9px!important;border-radius:14px!important}
  .orb-products .orb-product h3{font-size:11px!important;line-height:1.25!important;max-height:2.5em;margin:7px 0 4px!important}
  .orb-products .orb-product p.rd-card-meta{font-size:9px!important;line-height:1.25!important;max-height:2.5em;margin:0!important}
  .rd-card-proof{font-size:8px;gap:3px 6px;margin-top:5px}
  .orb-products .orb-product-bottom strong{font-size:13px!important}
}

/* V3.4.80 — mobile: keep 4-column Popular grid, only reposition text safely */
@media (max-width:560px){
  .rd-popular-id .rd-home-brand-grid,
  .rd-popular-id .rd-brand-grid{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:5px!important;
  }
  .rd-popular-id .rd-brand-card{
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    min-width:0!important;
    min-height:112px!important;
    padding:6px!important;
    gap:4px!important;
    overflow:hidden!important;
  }
  .rd-popular-id .rd-brand-logo{
    width:100%!important;
    height:54px!important;
    max-width:none!important;
    max-height:54px!important;
    margin:0!important;
    flex:none!important;
  }
  .rd-popular-id .rd-brand-logo img{
    width:100%!important;
    height:54px!important;
    max-width:100%!important;
    max-height:54px!important;
  }
  .rd-popular-id .rd-brand-body,
  .rd-popular-id .rd-brand-card>strong{
    width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
    padding-left:4px!important;
    padding-right:2px!important;
    margin:0!important;
    text-align:left!important;
    overflow:hidden!important;
  }
  .rd-popular-id .rd-brand-body b{
    display:block!important;
    width:100%!important;
    margin:0!important;
    font-size:9px!important;
    line-height:1.15!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    -webkit-line-clamp:unset!important;
    -webkit-box-orient:initial!important;
  }
  .rd-popular-id .rd-brand-body small{
    display:block!important;
    width:100%!important;
    margin-top:2px!important;
    font-size:7px!important;
    line-height:1.15!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  .rd-popular-id .rd-brand-card>strong{
    display:block!important;
    font-size:8px!important;
    line-height:1.15!important;
    white-space:nowrap!important;
    text-overflow:ellipsis!important;
  }
}

/* V3.4.83 - Trust & FAQ visual */
.rd-trust-hero{display:grid;grid-template-columns:minmax(0,1fr) 170px;gap:30px;align-items:center;padding:34px!important;background:linear-gradient(135deg,#152340 0%,#112039 58%,#0e3a37 100%)!important;overflow:hidden;position:relative}.rd-trust-hero:after{content:"";position:absolute;width:250px;height:250px;border-radius:50%;right:-80px;top:-120px;background:rgba(45,226,194,.08)}.rd-trust-hero-copy{position:relative;z-index:1;max-width:820px}.rd-trust-kicker{display:block;color:#65ead2;font-size:11px;font-weight:950;letter-spacing:.16em;margin-bottom:8px}.rd-trust-hero h1{font-size:34px;line-height:1.08;margin:0 0 12px;color:#fff;max-width:760px}.rd-trust-hero p{margin:0;color:#aebbd2;line-height:1.65;font-size:14px}.rd-trust-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.rd-trust-primary,.rd-trust-secondary{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 17px;border-radius:12px;font-size:12px;font-weight:950;text-decoration:none}.rd-trust-primary{background:#38dfc3;color:#08131c}.rd-trust-secondary{border:1px solid #385071;color:#eaf3ff;background:#10182a}.rd-trust-shield{width:130px;height:130px;border-radius:32px;display:grid;place-items:center;background:rgba(12,22,38,.62);border:1px solid rgba(100,234,210,.28);color:#67ead4;position:relative;z-index:1}.rd-trust-shield svg{width:76px;height:76px}.rd-trust-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:14px 0}.rd-trust-card{background:#111a2e;border:1px solid #2d3f61;border-radius:18px;padding:19px}.rd-trust-icon{width:42px;height:42px;border-radius:12px;background:#0c2930;border:1px solid #21545a;color:#69ead6;display:grid;place-items:center;margin-bottom:13px}.rd-trust-icon svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.rd-trust-card h2{margin:0 0 6px;font-size:16px;color:#fff}.rd-trust-card p{margin:0;color:#98a8c5;font-size:12px;line-height:1.6}.rd-payment-trust,.rd-process-panel,.rd-faq-panel{margin-top:14px;padding:24px!important}.rd-trust-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:17px}.rd-trust-section-head h2{font-size:22px;margin:0 0 5px;color:#fff}.rd-trust-section-head p{margin:0;color:#95a4be;font-size:12px;line-height:1.5}.rd-secure-chip{white-space:nowrap;border:1px solid #296159;background:#0c2c2b;color:#7df0d8;border-radius:999px;padding:7px 11px;font-size:10px;font-weight:950}.rd-trust-payments{display:flex;gap:9px;flex-wrap:wrap}.rd-trust-payments span{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 15px;border-radius:11px;background:#f5f7fb;color:#111827;border:1px solid #dfe5ee;font-size:12px;font-weight:950;box-shadow:0 4px 14px rgba(0,0,0,.08)}.rd-security-note{margin-top:15px;padding:14px 15px;border:1px solid #4b4330;background:#201b12;border-radius:13px;display:flex;flex-direction:column;gap:4px}.rd-security-note b{font-size:12px;color:#ffd97a}.rd-security-note span{font-size:11px;color:#b9ad91;line-height:1.5}.rd-process-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.rd-process-grid>div{border:1px solid #2b3b59;background:#0d1527;border-radius:14px;padding:14px;min-height:115px}.rd-process-grid>div>span{display:grid;place-items:center;width:29px;height:29px;border-radius:9px;background:#173a40;color:#76ead7;font-size:11px;font-weight:950;margin-bottom:11px}.rd-process-grid b{display:block;color:#fff;font-size:13px;margin-bottom:5px}.rd-process-grid small{display:block;color:#8fa0bb;font-size:10px;line-height:1.45}.rd-faq-list{display:grid;gap:8px}.rd-faq-list details{background:#0d1527;border:1px solid #2b3b59;border-radius:13px;overflow:hidden}.rd-faq-list summary{list-style:none;cursor:pointer;padding:15px 42px 15px 15px;color:#f4f7fb;font-size:12px;font-weight:900;position:relative}.rd-faq-list summary::-webkit-details-marker{display:none}.rd-faq-list summary:after{content:"+";position:absolute;right:16px;top:50%;transform:translateY(-50%);width:22px;height:22px;display:grid;place-items:center;border-radius:7px;border:1px solid #36506e;color:#74ead6}.rd-faq-list details[open] summary:after{content:"−"}.rd-faq-list details p{margin:0;padding:0 15px 15px;color:#9babc5;font-size:11px;line-height:1.65}.rd-faq-list details a{color:#74ead6;font-weight:800}.rd-trust-help-strip{margin:14px 0 4px;border:1px solid #2b4d4c;background:#102425;border-radius:17px;padding:17px 19px;display:flex;align-items:center;justify-content:space-between;gap:18px}.rd-trust-help-strip b{display:block;color:#fff;font-size:14px;margin-bottom:3px}.rd-trust-help-strip span{display:block;color:#94aaa9;font-size:11px}.rd-trust-help-strip a{flex:none;background:#39dfc4;color:#07151a;text-decoration:none;font-size:11px;font-weight:950;border-radius:10px;padding:11px 14px}
@media(max-width:780px){.rd-trust-hero{grid-template-columns:1fr;padding:23px!important}.rd-trust-shield{display:none}.rd-trust-hero h1{font-size:27px}.rd-trust-grid{grid-template-columns:1fr}.rd-payment-trust,.rd-process-panel,.rd-faq-panel{padding:18px!important}.rd-trust-section-head{display:block}.rd-secure-chip{display:inline-flex;margin-top:11px}.rd-process-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.rd-trust-payments{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.rd-trust-payments span{padding:0 7px;font-size:10px}.rd-trust-help-strip{align-items:flex-start;flex-direction:column}.rd-trust-help-strip a{width:100%;text-align:center}}
@media(max-width:430px){.rd-trust-hero h1{font-size:24px}.rd-trust-payments{grid-template-columns:repeat(2,minmax(0,1fr))}.rd-process-grid{grid-template-columns:1fr 1fr}.rd-process-grid>div{min-height:108px}.rd-faq-list summary{font-size:11px;line-height:1.4}}

/* V3.4.87 - comprehensive privacy / PDP page */
.rd-privacy-hero{margin-top:10px;padding:30px!important;display:grid;grid-template-columns:minmax(0,1fr) 120px;gap:24px;align-items:center;background:linear-gradient(135deg,#13213d 0%,#102033 58%,#0d4038 100%)!important}.rd-privacy-hero h1{margin:0 0 10px;color:#fff;font-size:34px;line-height:1.08}.rd-privacy-hero p{margin:0;color:#a7b6cc;font-size:13px;line-height:1.65;max-width:840px}.rd-privacy-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:15px}.rd-privacy-meta span{border:1px solid #31504f;background:#102c2c;color:#75e9d4;border-radius:999px;padding:6px 10px;font-size:9px;font-weight:900}.rd-privacy-shield{width:94px;height:94px;border-radius:26px;display:grid;place-items:center;background:#0a2227;border:1px solid #285c5a;font-size:42px}.rd-privacy-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin:13px 0}.rd-privacy-summary article{border:1px solid #2d4162;background:#111a2e;border-radius:16px;padding:16px}.rd-privacy-summary b{display:block;color:#fff;font-size:13px;margin-bottom:5px}.rd-privacy-summary span{display:block;color:#93a4bf;font-size:10px;line-height:1.55}.rd-privacy-toc{padding:18px!important}.rd-privacy-toc>b{display:block;color:#fff;font-size:14px;margin-bottom:11px}.rd-privacy-toc>div{display:flex;flex-wrap:wrap;gap:7px}.rd-privacy-toc a{text-decoration:none;color:#9fb2cc;border:1px solid #2c3c5a;background:#0d1527;border-radius:9px;padding:7px 9px;font-size:9px;font-weight:800}.rd-privacy-toc a:hover{color:#76ead7;border-color:#3a6f68}.rd-privacy-body{margin-top:13px;padding:5px 24px!important}.rd-privacy-body>section{display:grid;grid-template-columns:46px minmax(0,1fr);gap:15px;padding:22px 0;border-bottom:1px solid #263650;scroll-margin-top:20px}.rd-privacy-body>section:last-child{border-bottom:0}.rd-privacy-num{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:#102f31;border:1px solid #2b5f5d;color:#71ead5;font-size:10px;font-weight:950}.rd-privacy-body h2{margin:2px 0 8px;color:#fff;font-size:18px}.rd-privacy-body p,.rd-privacy-body li{color:#9dacbf;font-size:11px;line-height:1.72}.rd-privacy-body p{margin:7px 0}.rd-privacy-body ul{margin:8px 0 0;padding-left:19px}.rd-privacy-body li+li{margin-top:4px}.rd-privacy-body b{color:#edf5ff}.rd-privacy-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:11px 0}.rd-privacy-cards.two{grid-template-columns:repeat(2,minmax(0,1fr))}.rd-privacy-cards article{border:1px solid #293b59;background:#0d1527;border-radius:12px;padding:13px}.rd-privacy-cards article b{display:block;font-size:11px;margin-bottom:4px}.rd-privacy-cards article p{font-size:9px;line-height:1.55;margin:0;color:#8fa1ba}.rd-privacy-note{padding:11px 12px;border-radius:11px;background:#211c12;border:1px solid #4f4430;color:#c7b993!important}.rd-privacy-contact{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:11px 0}.rd-privacy-contact>div{border:1px solid #2b4c4d;background:#102325;border-radius:12px;padding:13px}.rd-privacy-contact b,.rd-privacy-contact span,.rd-privacy-contact a{display:block}.rd-privacy-contact b{font-size:11px;margin-bottom:4px}.rd-privacy-contact span{font-size:9px;line-height:1.5;color:#91aaa9;margin-bottom:8px}.rd-privacy-contact a{font-size:9px;color:#72ead6;font-weight:900;text-decoration:none}.rd-privacy-legal-note{margin:13px 0 4px;padding:15px 17px;border:1px solid #34465e;background:#10192b;border-radius:15px;display:flex;gap:18px;align-items:center;justify-content:space-between}.rd-privacy-legal-note b,.rd-privacy-legal-note span{display:block}.rd-privacy-legal-note b{color:#fff;font-size:12px;margin-bottom:3px}.rd-privacy-legal-note span{color:#91a2bb;font-size:9px;line-height:1.5}.rd-privacy-legal-note a{flex:none;text-decoration:none;background:#35dcc0;color:#071519;border-radius:10px;padding:10px 12px;font-size:9px;font-weight:950}
@media(max-width:780px){.rd-privacy-hero{grid-template-columns:1fr;padding:22px!important}.rd-privacy-shield{display:none}.rd-privacy-hero h1{font-size:27px}.rd-privacy-summary{grid-template-columns:1fr}.rd-privacy-body{padding:4px 17px!important}.rd-privacy-body>section{grid-template-columns:36px minmax(0,1fr);gap:10px;padding:18px 0}.rd-privacy-num{width:31px;height:31px}.rd-privacy-body h2{font-size:16px}.rd-privacy-cards,.rd-privacy-cards.two,.rd-privacy-contact{grid-template-columns:1fr}.rd-privacy-legal-note{align-items:flex-start;flex-direction:column}.rd-privacy-legal-note a{width:100%;text-align:center}}

/* V3.4.88 - Syarat Penggunaan visual */
.rd-terms-hero{display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center;padding:28px;background:linear-gradient(135deg,rgba(16,185,129,.18),rgba(14,165,233,.08));overflow:hidden}
.rd-terms-hero h1{margin:6px 0 10px;font-size:clamp(28px,4vw,42px);line-height:1.08}
.rd-terms-hero p{max-width:860px;color:var(--muted,#9fb0ca);line-height:1.65;margin:0}
.rd-terms-meta{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.rd-terms-meta span{font-size:12px;padding:7px 10px;border:1px solid rgba(94,234,212,.28);border-radius:999px;background:rgba(15,23,42,.45)}
.rd-terms-mark{width:86px;height:86px;border-radius:24px;display:grid;place-items:center;font-size:42px;font-weight:900;background:linear-gradient(135deg,#20d7bb,#1599d2);color:#07111f;box-shadow:0 16px 48px rgba(20,210,190,.22)}
.rd-terms-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:14px 0}.rd-terms-summary article{border:1px solid #263857;background:#0f1930;border-radius:18px;padding:18px}.rd-terms-summary b{display:block;margin-bottom:7px;font-size:15px}.rd-terms-summary span{font-size:12px;line-height:1.55;color:#9fb0ca}
.rd-terms-toc{padding:20px;margin-bottom:14px}.rd-terms-toc>b{display:block;margin-bottom:12px}.rd-terms-toc>div{display:flex;gap:8px;flex-wrap:wrap}.rd-terms-toc a{font-size:12px;text-decoration:none;color:#8fe7da;border:1px solid #28415d;border-radius:999px;padding:7px 10px;background:#101d31}
.rd-terms-body{padding:10px 24px}.rd-terms-body>section{display:grid;grid-template-columns:48px 1fr;gap:14px;padding:24px 0;border-bottom:1px solid rgba(80,105,145,.24)}.rd-terms-body>section:last-child{border-bottom:0}.rd-terms-num{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:#102b39;color:#64e4d2;font-weight:900;font-size:12px}.rd-terms-body h2{margin:3px 0 10px;font-size:19px}.rd-terms-body p,.rd-terms-body li{color:#b3bfd2;line-height:1.7;font-size:13px}.rd-terms-body a{color:#6fe2d2}.rd-terms-body ul{padding-left:20px}.rd-terms-body li{margin:5px 0}
.rd-terms-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:12px 0}.rd-terms-cards article{padding:14px;border:1px solid #263857;border-radius:14px;background:#0c172a}.rd-terms-cards b{font-size:13px}.rd-terms-cards p{margin:7px 0 0;font-size:12px}
.rd-terms-contact{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px}.rd-terms-contact>div{padding:14px;border:1px solid #28415d;border-radius:14px;background:#0c172a}.rd-terms-contact b,.rd-terms-contact span,.rd-terms-contact a{display:block}.rd-terms-contact span{font-size:12px;color:#9fb0ca;margin:5px 0 9px}.rd-terms-contact a{font-size:12px;color:#66dfcf}
.rd-terms-legal-note{display:flex;align-items:center;justify-content:space-between;gap:18px;border:1px solid #28415d;border-radius:18px;padding:18px;margin-top:14px;background:#0c172a}.rd-terms-legal-note b,.rd-terms-legal-note span{display:block}.rd-terms-legal-note span{font-size:12px;color:#9fb0ca;margin-top:5px;max-width:850px}.rd-terms-links{display:flex;gap:8px;flex-wrap:wrap}.rd-terms-links a{white-space:nowrap;text-decoration:none;border:1px solid #2a5260;border-radius:999px;padding:8px 11px;color:#70e6d6;font-size:12px}
@media(max-width:700px){.rd-terms-hero{grid-template-columns:1fr;padding:20px}.rd-terms-mark{display:none}.rd-terms-summary{grid-template-columns:1fr}.rd-terms-body{padding:6px 16px}.rd-terms-body>section{grid-template-columns:1fr;gap:6px;padding:20px 0}.rd-terms-cards,.rd-terms-contact{grid-template-columns:1fr}.rd-terms-legal-note{align-items:flex-start;flex-direction:column}.rd-terms-toc>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.rd-terms-toc a{text-align:center;padding:7px 6px;font-size:10px}}


/* V3.4.90 - Tentang Kami / trust identity */
.rd-about-hero{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(220px,.65fr);gap:30px;align-items:center;padding:34px!important;overflow:hidden;position:relative;background:linear-gradient(120deg,rgba(31,32,92,.95),rgba(6,111,116,.92))!important}
.rd-about-copy h1{font-size:clamp(30px,4vw,54px);line-height:1.04;margin:10px 0 14px;max-width:920px}.rd-about-copy p{max-width:850px;font-size:15px;line-height:1.7;color:#d3def1}.rd-about-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.rd-about-mark{display:grid;place-items:center;min-height:230px}.rd-about-mark span{display:grid;place-items:center;width:160px;height:160px;border-radius:42px;background:linear-gradient(135deg,#52e2cf,#5a64ea);font-size:54px;font-weight:950;color:white;box-shadow:0 25px 70px rgba(0,0,0,.25)}
.rd-about-values{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:16px 0}.rd-about-values article{border:1px solid #263a60;background:#101a31;border-radius:18px;padding:18px;min-height:168px}.rd-about-values article>span{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#133449;color:#63ead6;font-weight:900;font-size:12px}.rd-about-values b{display:block;font-size:16px;margin:14px 0 7px}.rd-about-values p{margin:0;color:#9fb0cd;line-height:1.55;font-size:12px}
.rd-about-section{padding:26px!important;margin:16px 0}.rd-about-head h2{margin:6px 0 18px;font-size:25px}.rd-about-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.rd-about-flow article{display:flex;gap:12px;padding:15px;border-radius:15px;background:#0d172b;border:1px solid #233756}.rd-about-flow strong{flex:0 0 34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#1c3950;color:#67e7d7}.rd-about-flow b{font-size:13px}.rd-about-flow p{margin:5px 0 0;color:#97aac8;font-size:11px;line-height:1.5}
.rd-about-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:16px 0}.rd-about-grid .orb-panel{padding:24px!important}.rd-about-grid h2{margin:7px 0 12px;font-size:22px}.rd-about-grid p{color:#a6b6d0;line-height:1.65;font-size:13px}.rd-about-checks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.rd-about-checks>div{padding:16px;border:1px solid #28455b;border-radius:14px;background:#0d202a}.rd-about-checks b{display:block;color:#c9fff2;font-size:13px;margin-bottom:6px}.rd-about-checks span{color:#9fb9bd;font-size:11px;line-height:1.5}.rd-about-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:16px 0}.rd-about-links a{display:flex;flex-direction:column;gap:5px;padding:17px;border:1px solid #263b60;border-radius:16px;background:#10192e;text-decoration:none}.rd-about-links a:hover{border-color:#43d9c4;transform:translateY(-1px)}.rd-about-links b{color:#f4f7ff;font-size:13px}.rd-about-links span{color:#7fded1;font-size:10px;line-height:1.4}.rd-about-cta{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:26px!important;margin:16px 0}.rd-about-cta h2{margin:6px 0 8px;font-size:23px}.rd-about-cta p{max-width:780px;color:#a5b5ce;font-size:12px;line-height:1.6}.orb-footer-about{display:inline-block;margin-top:8px;color:#72e7d7!important;font-size:11px;text-decoration:none}
@media(max-width:900px){.rd-about-hero{grid-template-columns:1fr}.rd-about-mark{display:none}.rd-about-values,.rd-about-flow{grid-template-columns:repeat(2,minmax(0,1fr))}.rd-about-links{grid-template-columns:repeat(2,minmax(0,1fr))}.rd-about-checks{grid-template-columns:1fr}.rd-about-cta{align-items:flex-start;flex-direction:column}}
@media(max-width:560px){.rd-about-hero{padding:22px!important}.rd-about-copy h1{font-size:31px}.rd-about-values{grid-template-columns:1fr 1fr;gap:9px}.rd-about-values article{padding:13px;min-height:150px}.rd-about-values b{font-size:13px}.rd-about-values p{font-size:10px}.rd-about-flow{grid-template-columns:1fr}.rd-about-grid{grid-template-columns:1fr}.rd-about-links{grid-template-columns:1fr 1fr;gap:9px}.rd-about-links a{padding:13px}.rd-about-section{padding:18px!important}.rd-about-cta{padding:19px!important}}

/* V3.4.93 SEO/trust visibility */
.rd-thin-note{margin:0 0 12px;padding:12px 14px;border:1px solid #2b3859;border-radius:14px;background:#0d1425;display:flex;gap:8px 14px;align-items:center;flex-wrap:wrap}.rd-thin-note b{color:#fff;font-size:12px}.rd-thin-note span{color:#8f9bb7;font-size:12px}.orb-footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap}.orb-legal-wrap{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.orb-legal-wrap>span{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#aab6cf;font-weight:900}.orb-legal-links a{padding:5px 8px;border-radius:8px}.orb-legal-links a.orb-legal-primary{color:#dfe8ff;background:#141d33;border:1px solid #2d3a5c;font-weight:850}.orb-legal-links a.orb-legal-primary:hover{border-color:#586b9f;background:#1a2540}@media(max-width:700px){.orb-footer-bottom{align-items:flex-start}.orb-legal-wrap{width:100%;display:block}.orb-legal-wrap>span{display:block;margin-bottom:8px}.orb-legal-links{gap:7px}.orb-legal-links a{background:#11182b;border:1px solid #24304e}}


/* ===== V3.4.98 HOME VISUAL POLISH ===== */
/* Desktop rail: keep the shortcuts, but reclaim empty horizontal space. */
@media(min-width:901px){
  .orb-shell{grid-template-columns:76px 1fr}
  .orb-rail{padding:16px 8px;gap:12px}
  .orb-logo{width:46px;height:46px;border-radius:15px;font-size:13px}
  .orb-nav{width:44px;height:44px;border-radius:14px}
  .orb-nav::after{left:51px}
  .orb-main{max-width:1360px}
}

/* Hero now has useful live content instead of decorative filler. */
.rd-home-hero .orb-hero-main{
  display:grid!important;
  grid-template-columns:minmax(0,1.25fr) minmax(270px,.75fr)!important;
  gap:24px!important;
  align-items:center!important;
  background:linear-gradient(135deg,#211b50 0%,#123143 55%,#0d3b38 100%)!important;
}
.rd-home-hero .orb-hero-main:after{
  animation:rdHeroGlow 7s ease-in-out infinite alternate;
}
.rd-home-hero-copy{position:relative;z-index:2;min-width:0}
.rd-hero-featured{position:relative;z-index:2;display:grid;gap:8px;padding:12px;border:1px solid rgba(116,234,214,.2);background:rgba(7,15,28,.34);border-radius:18px;backdrop-filter:blur(8px)}
.rd-hero-featured-label{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#84e9d8;font-weight:950;margin:0 2px 2px}
.rd-hero-mini{display:grid;grid-template-columns:48px minmax(0,1fr) 20px;gap:10px;align-items:center;padding:9px;border-radius:13px;border:1px solid rgba(77,102,139,.42);background:rgba(10,20,36,.72);transition:transform .16s ease,border-color .16s ease,background .16s ease;min-width:0}
.rd-hero-mini:hover{transform:translateY(-1px);border-color:#58d9c4;background:rgba(15,31,48,.92)}
.rd-hero-mini-logo{width:48px;height:48px;border-radius:12px;background:#fff;overflow:hidden;display:grid;place-items:center}
.rd-hero-mini-logo img{width:100%;height:100%;object-fit:contain;padding:4px}
.rd-hero-mini-copy{min-width:0}.rd-hero-mini-copy b,.rd-hero-mini-copy small,.rd-hero-mini-copy strong{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rd-hero-mini-copy b{font-size:12px}.rd-hero-mini-copy small{font-size:9px;color:#9baac2;margin-top:2px}.rd-hero-mini-copy strong{font-size:10px;color:#fff;margin-top:3px}
.rd-hero-mini-arrow{color:#70e5d0;font-weight:950;font-size:15px}
@keyframes rdHeroGlow{from{transform:translate3d(0,0,0) scale(1);opacity:.22}to{transform:translate3d(-18px,16px,0) scale(1.08);opacity:.4}}
@media(prefers-reduced-motion:reduce){.rd-home-hero .orb-hero-main:after{animation:none}.orb-btn.primary,.rd-hero-mini{transition:none!important}}

/* Homepage gets slightly more air on desktop without wasting mobile space. */
@media(min-width:901px){
  .rd-home-block{margin-top:26px!important}
  .rd-home-section{padding:20px!important}
  .rd-home-section .orb-section-head{margin-bottom:15px!important}
}

/* CTA feels interactive but stays restrained. */
.home-hero-compact .orb-btn.primary{background:linear-gradient(135deg,#27d8b8,#14b894)!important;color:#061512!important;box-shadow:0 8px 24px rgba(0,229,160,.12);transition:transform .16s ease,box-shadow .16s ease,filter .16s ease}
.home-hero-compact .orb-btn.primary:hover{transform:translateY(-1px) scale(1.02);box-shadow:0 10px 30px rgba(0,229,160,.25);filter:brightness(1.05)}

/* Bottom navigation: four destinations, identical icon boxes and baseline. */
@media(max-width:900px){
  .orb-mobile-nav{grid-template-columns:repeat(4,1fr)!important}
  .orb-mobile-nav a{justify-content:flex-start;min-height:45px;gap:2px!important}
  .orb-mobile-nav a b{width:24px;height:24px;display:grid;place-items:center;font-size:17px!important;line-height:1!important;font-family:system-ui,-apple-system,"Segoe UI",sans-serif}
}

/* Mobile Popular cards keep the user's 4-column preference, but names get two readable lines. */
@media(max-width:560px){
  .rd-popular-id .rd-brand-card{min-height:122px!important}
  .rd-popular-id .rd-brand-body b{
    display:-webkit-box!important;
    white-space:normal!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:2!important;
    line-clamp:2!important;
    overflow:hidden!important;
    text-overflow:clip!important;
    font-size:8.5px!important;
    line-height:1.12!important;
    min-height:19px!important;
  }
  .rd-popular-id .rd-brand-body small{font-size:6.8px!important}
  .rd-popular-id .rd-brand-card>strong{font-size:8.2px!important;font-weight:950!important;color:#f7fbff!important}
  .rd-category-card small{font-size:8.5px!important;line-height:1.25!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}
  .rd-home-hero .orb-hero-main{grid-template-columns:1fr!important;gap:12px!important}
  .rd-hero-featured{grid-template-columns:1fr 1fr;gap:6px;padding:8px}
  .rd-hero-featured-label{grid-column:1/-1}
  .rd-hero-mini{grid-template-columns:34px minmax(0,1fr);padding:6px;gap:6px}
  .rd-hero-mini-logo{width:34px;height:34px;border-radius:9px}
  .rd-hero-mini-arrow{display:none}
  .rd-hero-mini-copy b{font-size:9px}.rd-hero-mini-copy small{font-size:7px}.rd-hero-mini-copy strong{font-size:8px}
}