/* SALDOKUY-TOPUP-HOME-01B. These rules are deliberately limited to the home body. */
body.saldokuy-home-v2 {
    --home-navy: #031b36;
    --home-ink: #061734;
    --home-blue: #008fee;
    --home-cyan: #08c8f5;
    --home-muted: #58759c;
    --home-border: #dcecf6;
    background: #f2f9fd;
    color: var(--home-ink);
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
    line-height: 1.5;
    overflow-x: clip;
}
body.saldokuy-home-v2 .container {
    width: min(100% - 48px, 1344px);
    max-width: 1344px;
    margin-inline: auto;
    padding-inline: 0;
}
body.saldokuy-home-v2 :where(a, button, input, summary):focus-visible {
    outline: 3px solid #18bff2;
    outline-offset: 4px;
}
body.saldokuy-home-v2 .btn { gap: 9px; font-family: inherit; }
body.saldokuy-home-v2 [hidden] { display: none !important; }
body.saldokuy-home-v2 .service-alert-bar {
    padding: 0;
    background: linear-gradient(90deg, #0a3c87, #096ab6 68%, #08418b) !important;
    border-bottom: 1px solid #126cb2 !important;
    color: #e7f7ff !important;
    font-size: 11px;
    line-height: 1.35;
    letter-spacing: 0;
    box-shadow: none;
}
body.saldokuy-home-v2 .service-alert-bar .container {
    position: relative;
    width: min(100% - 48px, 1180px);
    min-height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-block: 6px;
    padding-right: 32px;
}
body.saldokuy-home-v2 .service-alert-bar i { color: #0ad2ff !important; }
body.saldokuy-home-v2 .home-announcement-content { display: block; }
body.saldokuy-home-v2 .home-announcement-close {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    display: grid;
    place-items: center;
    width: 28px;
    height: 28px;
    padding: 0;
    border: 0;
    border-radius: 6px;
    background: transparent;
    color: #ffffff;
    font: inherit;
    font-size: 19px;
    cursor: pointer;
}
body.saldokuy-home-v2 .home-announcement-close:hover { background: #ffffff1a; }
body.saldokuy-home-v2 .main-header {
    position: relative;
    top: auto;
    z-index: 100;
    background: linear-gradient(100deg, #03162b, #041d3e 65%, #021831) !important;
    border-bottom: 1px solid #0a4270 !important;
    box-shadow: none;
    backdrop-filter: none;
}
body.saldokuy-home-v2 .navbar-container {
    width: min(100% - 48px, 1180px);
    max-width: 1180px;
    height: 84px;
    min-height: 84px;
    display: grid;
    grid-template-columns: minmax(220px, 1.4fr) repeat(5, max-content) minmax(16px, .6fr) 46px 164px;
    align-items: center;
    gap: 12px;
}
body.saldokuy-home-v2 .main-header .brand-logo { gap: 10px; grid-column: 1; }
body.saldokuy-home-v2 .brand-logo-img {
    height: 50px !important;
    max-width: 170px !important;
    width: auto !important;
    object-fit: contain !important;
}
body.saldokuy-home-v2 .brand-product-badge {
    display: inline-flex;
    min-height: 22px;
    padding: 4px 7px;
    border-radius: 6px;
    background: #0a3558 !important;
    border: 1px solid #18638a !important;
    color: #8ae8ff !important;
    font-size: 10px;
    font-weight: 700;
}
body.saldokuy-home-v2 .nav-toggle { display: none; }
body.saldokuy-home-v2 .nav-menu {
    display: contents;
    position: static;
    width: auto;
    max-height: none;
    padding: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
    overflow: visible;
}
body.saldokuy-home-v2 .nav-link {
    color: #eef6ff;
    font-size: 13px;
    font-weight: 700;
    padding: 12px 6px;
    border-radius: 8px;
    width: auto;
}
body.saldokuy-home-v2 .nav-link:nth-child(1) { grid-column: 2; }
body.saldokuy-home-v2 .nav-link:nth-child(2) { grid-column: 3; }
body.saldokuy-home-v2 .nav-link:nth-child(3) { grid-column: 4; }
body.saldokuy-home-v2 .nav-link:nth-child(4) { grid-column: 5; }
body.saldokuy-home-v2 .nav-link:nth-child(5) { grid-column: 6; }
body.saldokuy-home-v2 .nav-link:hover { color: #45d3ff; background: #04b8ef12; }
body.saldokuy-home-v2 .header-search-shortcut {
    grid-column: 8;
    grid-row: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    margin: 0;
    border: 1px solid #0876ad;
    border-radius: 50%;
    background: #031a35;
    color: white;
    font-size: 18px;
}
body.saldokuy-home-v2 .header-search-shortcut:hover { background: #07416b; }
body.saldokuy-home-v2 .nav-cta {
    grid-column: 9;
    grid-row: 1;
    width: 164px;
    min-height: 46px;
    margin: 0;
    padding: 11px 18px;
    border: 1px solid #16beee;
    border-radius: 999px;
    background: linear-gradient(120deg, #00beee, #009df0);
    color: #ffffff;
    font-size: 13px;
    font-weight: 750;
    box-shadow: 0 5px 22px #00b7ee30;
}
body.saldokuy-home-v2 .nav-cta:hover { color: white; background: #048bda; }

body.saldokuy-home-v2 .topup-home-page {
    min-height: auto;
    background: linear-gradient(180deg, #f1f9fd, #f6fbfe 58%, #f1f8fc);
    color: var(--home-ink);
}
body.saldokuy-home-v2 .topup-home-page .container {
    width: min(100% - 48px, 1344px);
    max-width: 1344px;
    padding-inline: 0;
}
body.saldokuy-home-v2 .topup-home-page .home-hero-section {
    position: relative;
    min-height: 608px;
    padding: 34px 0 68px;
    overflow: clip;
    border-bottom: 1px solid #0b5682;
    background:
        radial-gradient(ellipse at 77% 49%, #0064a861 0, transparent 48%),
        radial-gradient(ellipse at 3% 83%, #0087d338 0, transparent 35%),
        radial-gradient(ellipse at 87% 91%, #007cb853 0, transparent 42%),
        linear-gradient(115deg, #03172d 0%, #03274d 64%, #021b34 100%);
}
body.saldokuy-home-v2 .topup-home-page .home-hero-section::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    opacity: .16;
    background-image: radial-gradient(#51caff 1px, transparent 1px);
    background-size: 43px 37px;
    mask-image: linear-gradient(180deg, #000, transparent 75%);
}
body.saldokuy-home-v2 .topup-home-page .home-hero-section::after {
    content: "";
    height: 50px;
    background: linear-gradient(180deg, transparent, #06315255);
    pointer-events: none;
}
body.saldokuy-home-v2 .topup-home-page .home-hero-section .container {
    position: relative;
    z-index: 3;
    width: min(100% - 48px, 1180px);
    max-width: 1180px;
}
body.saldokuy-home-v2 .topup-home-page .home-hero-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.06fr) minmax(0, .94fr);
    align-items: center;
    min-height: 506px;
    gap: 24px;
}
body.saldokuy-home-v2 .topup-home-page .home-hero-left {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    text-align: left;
    transform: none;
    z-index: 5;
}
body.saldokuy-home-v2 .topup-home-page .home-hero-badge {
    gap: 9px;
    width: fit-content;
    margin: 0 0 19px;
    padding: 6px 12px;
    border: 1px solid #49d6fc;
    border-radius: 999px;
    background: linear-gradient(90deg, #057895, #008fc0);
    color: #ffffff;
    font-size: 12px;
    font-weight: 750;
    line-height: 1.2;
    letter-spacing: .35px;
    box-shadow: inset 0 1px 1px #ffffff33;
}
body.saldokuy-home-v2 .topup-home-page .home-hero-title {
    margin: 0 0 20px;
    color: #ffffff;
    font-size: clamp(40px, 3.65vw, 52px);
    font-weight: 850;
    letter-spacing: -.9px;
    line-height: 1.12;
}
body.saldokuy-home-v2 .topup-home-page .hero-highlight {
    color: #06c5ef;
    background: none;
    -webkit-text-fill-color: currentColor;
}
body.saldokuy-home-v2 .topup-home-page .home-hero-desc {
    max-width: 530px;
    margin: 0 0 23px;
    color: #c1d8ed;
    font-size: 17px;
    line-height: 1.48;
}
body.saldokuy-home-v2 .topup-home-page .home-hero-actions {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    gap: 16px;
    margin: 0 0 27px;
    flex-wrap: nowrap;
}
body.saldokuy-home-v2 .topup-home-page .btn-hero-primary,
body.saldokuy-home-v2 .topup-home-page .btn-hero-secondary {
    min-height: 60px;
    padding: 14px 25px;
    border-radius: 14px;
    color: #ffffff;
    font-size: 15px;
    font-weight: 750;
    line-height: 1.2;
    text-decoration: none;
    transition: background .2s ease, box-shadow .2s ease;
}
body.saldokuy-home-v2 .topup-home-page .btn-hero-primary {
    border: 1px solid #23cbef;
    background: linear-gradient(130deg, #08b7eb, #00a3ed);
    box-shadow: 0 8px 28px #00b4ef29, inset 0 1px 0 #ffffff33;
}
body.saldokuy-home-v2 .topup-home-page .btn-hero-secondary {
    border: 1px solid #12c7f1;
    background: #041b35b3;
    box-shadow: none;
    backdrop-filter: none;
}
body.saldokuy-home-v2 .topup-home-page .btn-hero-primary:hover { background: #078fdb; transform: none; }
body.saldokuy-home-v2 .topup-home-page .btn-hero-secondary:hover { background: #084567; }
body.saldokuy-home-v2 .topup-home-page .home-hero-search-box { width: 100%; max-width: 570px; margin: 0; }
body.saldokuy-home-v2 .topup-home-page .hero-search-input-wrap {
    display: flex;
    align-items: center;
    min-height: 66px;
    padding: 7px 13px;
    border: 6px solid #e7f5fb;
    border-radius: 18px;
    background: #ffffff;
    box-shadow: 0 3px 22px #04172926;
}
body.saldokuy-home-v2 .topup-home-page .hero-search-input-wrap:focus-within {
    border-color: #b4edff;
    box-shadow: 0 0 0 3px #22c9f440;
}
body.saldokuy-home-v2 .topup-home-page .hero-search-icon { margin-right: 13px; color: #009aee; font-size: 19px; }
body.saldokuy-home-v2 .topup-home-page .hero-search-input {
    flex: 1;
    width: 100%;
    min-width: 0;
    margin: 0;
    padding: 8px 0;
    border: 0;
    background: transparent;
    color: #183f65;
    font-family: inherit;
    font-size: 14px;
    line-height: 1.4;
    outline: 0;
    box-shadow: none;
}
body.saldokuy-home-v2 .topup-home-page .hero-search-input::placeholder { color: #7796b7; opacity: 1; }
body.saldokuy-home-v2 .topup-home-page .hero-search-clear {
    flex: 0 0 32px;
    display: grid;
    place-items: center;
    width: 32px;
    height: 32px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: #eaf8ff;
    color: #029fee;
    font-size: 14px;
    cursor: pointer;
}
body.saldokuy-home-v2 .topup-home-page .hero-search-clear:hover { background: #caf0ff; }
body.saldokuy-home-v2 .topup-home-page .home-hero-stats {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 16px;
    margin: 20px 0 0 14px;
    color: #deeeff;
    font-size: 13px;
    line-height: 1.5;
}
body.saldokuy-home-v2 .topup-home-page .stat-item { display: inline-flex; align-items: center; gap: 7px; }
body.saldokuy-home-v2 .topup-home-page .stat-item i { color: #e4f5ff; font-size: 17px; }
body.saldokuy-home-v2 .topup-home-page .stat-item strong { color: inherit; font-weight: 700; }
body.saldokuy-home-v2 .topup-home-page .stat-divider { color: #bce8ff; opacity: .7; }

/* Existing game artwork and canonical brand create the reference composition. */
body.saldokuy-home-v2 .topup-home-page .home-hero-right { width: 100%; min-width: 0; display: flex; justify-content: center; }
body.saldokuy-home-v2 .topup-home-page .hero-merch-wrapper.hero-composition-wrapper {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 548px;
    height: 500px;
    transform: none;
    perspective: 1100px;
}
body.saldokuy-home-v2 .topup-home-page .hero-ambient-glow {
    position: absolute;
    inset: 15% -18% -2%;
    width: auto;
    height: auto;
    border-radius: 50%;
    background: radial-gradient(ellipse, #00acff55, #007cb826 55%, transparent 75%);
    filter: blur(18px);
    transform: none;
    opacity: .9;
}
body.saldokuy-home-v2 .topup-home-page .hero-ambient-glow::before,
body.saldokuy-home-v2 .topup-home-page .hero-ambient-glow::after { opacity: .25; }
body.saldokuy-home-v2 .topup-home-page .hero-light-trail {
    position: absolute;
    width: 116%;
    height: 220px;
    left: -11%;
    top: 46%;
    border: 3px solid #07bbf7a6;
    border-left-color: #2ad8ff;
    border-right-color: #20c9fa;
    border-top-color: transparent;
    border-radius: 50%;
    background: none;
    transform: rotate(-16deg);
    box-shadow: 0 5px 20px #02b8ff55, inset 0 -4px 17px #03bcff44;
    filter: none;
    opacity: .7;
    z-index: 1;
}
body.saldokuy-home-v2 .topup-home-page .hero-light-trail::before,
body.saldokuy-home-v2 .topup-home-page .hero-light-trail::after { opacity: .25; }
body.saldokuy-home-v2 .topup-home-page .hero-glow-particle {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #ddfbff;
    box-shadow: 0 0 9px #43e5ff, 0 0 22px #00bfff;
    opacity: .9;
}
body.saldokuy-home-v2 .topup-home-page .hero-reference-callout {
    top: 18px;
    right: -38px;
    transform: rotate(-8deg);
    z-index: 6;
}
body.saldokuy-home-v2 .topup-home-page .hero-reference-callout .callout-text {
    font-family: "Segoe Print", "Bradley Hand", "Comic Sans MS", cursive;
    color: #9adfff;
    font-size: 19px;
    font-weight: 500;
    line-height: 1.45;
    text-shadow: 0 0 10px #00b7ff4d;
}
body.saldokuy-home-v2 .topup-home-page .hero-reference-callout .callout-highlight { color: #9adfff; font-weight: 500; }
body.saldokuy-home-v2 .topup-home-page .hero-reference-callout .callout-arrow { margin: 8px 10px 0 0; transform: rotate(35deg) scale(1.7); }
body.saldokuy-home-v2 .topup-home-page .hero-phone-mockup {
    position: absolute;
    top: 8px;
    left: 29%;
    width: 260px;
    height: 480px;
    margin: 0;
    z-index: 4;
    transform: rotate(8deg) rotateY(-8deg);
    transform-style: preserve-3d;
    pointer-events: none;
}
body.saldokuy-home-v2 .topup-home-page .phone-frame {
    width: 100%;
    height: 100%;
    padding: 6px;
    border: 2px solid #41b8e5;
    border-right: 5px solid #12689c;
    border-bottom: 4px solid #075683;
    border-radius: 38px;
    overflow: hidden;
    background: #020d1d;
    box-shadow: 4px 5px 0 #022e4d, 12px 20px 22px #010917b3, 0 0 35px #04bfff3b, inset 0 0 5px #a2e5ff;
}
body.saldokuy-home-v2 .topup-home-page .phone-frame::after { opacity: .4; }
body.saldokuy-home-v2 .topup-home-page .phone-speaker {
    top: 8px;
    width: 99px;
    height: 17px;
    background: #010815;
    border: 0;
    border-radius: 0 0 15px 15px;
}
body.saldokuy-home-v2 .topup-home-page .phone-screen {
    padding: 16px 15px 17px;
    border-radius: 29px;
    gap: 17px;
    background: radial-gradient(ellipse at 30% 18%, #04386e, transparent 58%), linear-gradient(150deg, #032650, #01172e);
    box-shadow: inset 0 0 9px #001326;
}
body.saldokuy-home-v2 .topup-home-page .phone-status-bar { padding: 0 2px; font-size: 9px; color: #89b9df; }
body.saldokuy-home-v2 .topup-home-page .phone-status-bar .status-icons { font-size: 7px; gap: 4px; }
body.saldokuy-home-v2 .topup-home-page .phone-app-header { padding: 0; border: 0; min-height: 29px; }
body.saldokuy-home-v2 .topup-home-page .phone-brand-logo { width: auto; height: 27px; max-width: 108px; }
body.saldokuy-home-v2 .topup-home-page .phone-header-badge { font-size: 9px; padding: 4px 5px; }
body.saldokuy-home-v2 .topup-home-page .phone-promo-banner {
    position: relative;
    min-height: 107px;
    padding: 14px 52px 13px 12px;
    border: 1px solid #0c6099;
    border-radius: 15px;
    background: radial-gradient(circle at 91% 45%, #02c1f580, transparent 46%), linear-gradient(110deg, #064582, #0066ae);
    box-shadow: inset 0 0 12px #03bff026, 0 5px 12px #00112966;
}
body.saldokuy-home-v2 .topup-home-page .phone-promo-banner::after {
    content: "\f0e7";
    position: absolute;
    top: 22px;
    right: 13px;
    color: #9af2ff;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 47px;
    line-height: 1;
    text-shadow: 0 0 7px #29d2ff, 0 0 18px #4bd8ff;
}
body.saldokuy-home-v2 .topup-home-page .phone-promo-tag { margin: 0 0 5px; font-size: 8px; color: #a4e5ff; letter-spacing: .2px; }
body.saldokuy-home-v2 .topup-home-page .phone-promo-title { margin: 0; font-size: 16px; line-height: 1.28; font-weight: 750; }
body.saldokuy-home-v2 .topup-home-page .phone-promo-sub { margin: 6px 0 0; font-size: 8px; line-height: 1.35; color: #b2def6; }
body.saldokuy-home-v2 .topup-home-page .phone-category-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 17px 7px; padding: 0; }
body.saldokuy-home-v2 .topup-home-page .phone-cat-item { gap: 8px; padding: 0; border: 0; background: transparent; }
body.saldokuy-home-v2 .topup-home-page .phone-cat-icon {
    width: 47px;
    height: 47px;
    border: 1px solid #1e80c7;
    border-radius: 12px;
    background: linear-gradient(145deg, #098ed0, #064b98);
    color: #eafaff;
    font-size: 24px;
    box-shadow: inset 1px 2px 4px #48cfff40, 0 4px 5px #00112873;
}
body.saldokuy-home-v2 .topup-home-page .phone-cat-label { font-size: 9px; color: white; line-height: 1.15; }
body.saldokuy-home-v2 .topup-home-page .phone-quick-highlight { margin-top: auto; padding-top: 0; }
body.saldokuy-home-v2 .topup-home-page .phone-highlight-pill { padding: 4px 6px; font-size: 8px; color: #82dfff; border-color: #1576aa; }
body.saldokuy-home-v2 .topup-home-page .hero-game-artwork {
    position: absolute;
    width: 148px;
    height: 163px;
    border: 2px solid #7cddff;
    border-radius: 20px;
    padding: 0;
    background: #032447;
    box-shadow: 0 0 9px #46cfff88, 0 0 24px #00aafa42, 6px 14px 22px #00102775;
    pointer-events: none;
}
body.saldokuy-home-v2 .topup-home-page .hero-game-artwork .artwork-img { display: block; width: 100%; height: 100%; border-radius: 0; object-fit: cover; }
body.saldokuy-home-v2 .topup-home-page .hero-game-artwork .artwork-overlay { background: linear-gradient(180deg, transparent 66%, #03132150); }
body.saldokuy-home-v2 .topup-home-page .hero-game-artwork .artwork-label {
    bottom: 8px;
    left: 7px;
    right: 7px;
    text-align: center;
    font-size: 11px;
    font-weight: 800;
    text-shadow: 0 1px 5px #000;
}
body.saldokuy-home-v2 .topup-home-page .hero-game-artwork.artwork-ml { top: 62px; left: 0; z-index: 3; transform: rotate(-13deg); }
body.saldokuy-home-v2 .topup-home-page .hero-game-artwork.artwork-ff { top: 241px; left: -12px; z-index: 5; transform: rotate(-17deg); }
body.saldokuy-home-v2 .topup-home-page .hero-game-artwork.artwork-codm { top: 195px; right: -30px; z-index: 5; transform: rotate(12deg); }
body.saldokuy-home-v2 .topup-home-page .hero-game-artwork.artwork-garena { top: auto; bottom: -1px; right: -20px; z-index: 5; transform: rotate(12deg); }

body.saldokuy-home-v2 .topup-home-page .home-category-strip-section { position: relative; z-index: 20; margin: -44px 0 23px; }
body.saldokuy-home-v2 .topup-home-page .home-category-strip-section .container { width: min(100% - 48px, 1392px); max-width: 1392px; }
body.saldokuy-home-v2 .topup-home-page .home-floating-category-strip {
    min-width: 0;
    padding: 24px 28px;
    border: 1px solid #e5f1f8;
    border-radius: 30px;
    background: #ffffffed;
    box-shadow: 0 9px 32px #0085bc0b;
}
body.saldokuy-home-v2 .topup-home-page .catalog-category-nav {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 12px;
    padding: 3px 1px;
    margin: 0;
    min-width: 0;
    width: 100%;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    scrollbar-width: thin;
    scrollbar-color: #b3ddee transparent;
    -webkit-overflow-scrolling: touch;
}
body.saldokuy-home-v2 .topup-home-page .catalog-category-nav::-webkit-scrollbar { display: block; height: 4px; }
body.saldokuy-home-v2 .topup-home-page .catalog-category-nav::-webkit-scrollbar-thumb { background: #b3ddee; border-radius: 4px; }
body.saldokuy-home-v2 .topup-home-page .filter-btn {
    flex: 1 0 auto;
    justify-content: center;
    gap: 10px;
    min-height: 51px;
    padding: 12px 15px;
    border: 1px solid #d3e9f7;
    border-radius: 15px;
    background: linear-gradient(180deg, #fff, #fbfdff);
    color: #103465;
    font-size: 13px;
    font-weight: 650;
    line-height: 1.25;
    box-shadow: 0 3px 8px #2489c407;
    white-space: nowrap;
}
body.saldokuy-home-v2 .topup-home-page .filter-btn i { color: #063b72; font-size: 20px; }
body.saldokuy-home-v2 .topup-home-page .filter-btn.active {
    background: linear-gradient(125deg, #00b6ee, #008de8);
    border-color: #14bbf0;
    color: white;
    box-shadow: 0 4px 14px #01a9ef2e;
}
body.saldokuy-home-v2 .topup-home-page .filter-btn.active i { color: white; }
body.saldokuy-home-v2 .topup-home-page .filter-btn:hover:not(.active):not(.is-disabled) { background: #eef9ff; color: #0063a5; border-color: #8fd6f1; }
body.saldokuy-home-v2 .topup-home-page .filter-btn.is-disabled { opacity: 1; color: #70869e; border-color: #e3ebf2; background: #f5f8fb; box-shadow: none; cursor: not-allowed; }
body.saldokuy-home-v2 .topup-home-page .filter-btn.is-disabled i { color: #8c9cad; }
body.saldokuy-home-v2 .topup-home-page .badge-upcoming-small { padding: 2px 5px; border-radius: 5px; color: #657991; background: #e9eff5; font-size: 9px; margin-left: 0; }

body.saldokuy-home-v2 .topup-home-page .home-featured-section { padding: 0 0 24px; margin: 0; }
body.saldokuy-home-v2 .topup-home-page .home-featured-card,
body.saldokuy-home-v2 .topup-home-page .transaction-steps-card,
body.saldokuy-home-v2 .topup-home-page .home-help-card,
body.saldokuy-home-v2 .topup-home-page .home-faq-card {
    border: 1px solid #e7f1f7;
    border-radius: 20px;
    background: #ffffffed;
    box-shadow: 0 5px 20px #005a9804;
}
body.saldokuy-home-v2 .topup-home-page .home-featured-card { padding: 25px 22px 22px; }
body.saldokuy-home-v2 .topup-home-page .home-section-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
    flex-wrap: nowrap;
    margin: 0 0 19px;
    text-align: left;
}
body.saldokuy-home-v2 .topup-home-page .section-eyebrow {
    display: block;
    margin: 0 0 7px;
    color: #0095eb;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .65px;
    line-height: 1.3;
}
body.saldokuy-home-v2 .topup-home-page .section-title {
    margin: 0 0 7px;
    color: var(--home-ink);
    font-size: 32px;
    font-weight: 850;
    line-height: 1.2;
    letter-spacing: -.6px;
}
body.saldokuy-home-v2 .topup-home-page .section-subtitle { max-width: none; margin: 0; color: var(--home-muted); font-size: 15px; line-height: 1.5; }
body.saldokuy-home-v2 .topup-home-page .link-all-products,
body.saldokuy-home-v2 .topup-home-page .btn-outline-all-products,
body.saldokuy-home-v2 .topup-home-page .link-transaction-guide,
body.saldokuy-home-v2 .topup-home-page .link-all-faqs {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    flex-shrink: 0;
    min-height: 36px;
    padding: 4px 0;
    border: 0;
    border-radius: 6px;
    background: transparent;
    color: #0089e7;
    font-size: 12px;
    font-weight: 750;
    text-decoration: none;
    white-space: nowrap;
    margin-top: 0;
}
body.saldokuy-home-v2 .topup-home-page .link-all-products:hover,
body.saldokuy-home-v2 .topup-home-page .link-transaction-guide:hover,
body.saldokuy-home-v2 .topup-home-page .link-all-faqs:hover { color: #0066b0; background: transparent; text-decoration: underline; }
body.saldokuy-home-v2 .topup-home-page .products-grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 16px; margin: 0; }
body.saldokuy-home-v2 .topup-home-page .catalog-card {
    min-width: 0;
    min-height: 100%;
    height: 100%;
    padding: 12px;
    overflow: hidden;
    border: 1px solid #dfeef7;
    border-radius: 17px;
    background: linear-gradient(160deg, #ffffff, #f9fdff);
    color: var(--home-ink);
    box-shadow: 0 5px 16px #107aaa04;
    text-align: left;
    transition: border-color .2s ease, box-shadow .2s ease;
}
body.saldokuy-home-v2 .topup-home-page .catalog-card:hover,
body.saldokuy-home-v2 .topup-home-page .catalog-card:focus-within { transform: none; border-color: #80cced; box-shadow: 0 6px 16px #107aaa12; }
body.saldokuy-home-v2 .topup-home-page .catalog-card-link { display: flex; flex-direction: column; height: 100%; min-height: 100%; color: inherit; text-decoration: none; }
body.saldokuy-home-v2 .topup-home-page .catalog-card-art {
    display: grid;
    place-items: center;
    width: 100%;
    height: auto;
    aspect-ratio: 5 / 4;
    padding: 0;
    border-radius: 12px;
    overflow: hidden;
    background: #082744;
}
body.saldokuy-home-v2 .topup-home-page .catalog-card-art img { display: block; width: 100%; height: 100%; object-fit: contain; background: #06152d; border-radius: 0; transform: none; }
body.saldokuy-home-v2 .topup-home-page .catalog-card--operator .catalog-card-art { background: #f0f8fd; }
body.saldokuy-home-v2 .topup-home-page .catalog-card--operator .catalog-card-art img { object-fit: contain; padding: 12px; }
body.saldokuy-home-v2 .topup-home-page .catalog-card:hover .catalog-card-art img { transform: none; }
body.saldokuy-home-v2 .topup-home-page .catalog-card-body { display: flex; flex-direction: column; flex: 1; padding: 13px 7px 5px; }
body.saldokuy-home-v2 .topup-home-page .catalog-card-meta { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 6px; margin-bottom: 12px; }
body.saldokuy-home-v2 .topup-home-page .product-category-badge { padding: 3px 9px; border: 0; border-radius: 999px; background: #e0f4ff; color: #008ae6; font-size: 11px; font-weight: 800; line-height: 1.3; letter-spacing: 0; }
body.saldokuy-home-v2 .topup-home-page .product-status-badge { padding: 3px 8px; border-radius: 999px; font-size: 10px; font-weight: 700; line-height: 1.3; gap: 5px; }
body.saldokuy-home-v2 .topup-home-page .product-status-badge.available { color: #008d6b; background: #dcf5ec; }
body.saldokuy-home-v2 .topup-home-page .product-status-badge.available::before { width: 5px; height: 5px; background: #00b284; }
body.saldokuy-home-v2 .topup-home-page .product-status-badge.staged { color: #657b91; background: #edf2f6; }
body.saldokuy-home-v2 .topup-home-page .product-title-multipage { margin: 0 0 7px; color: var(--home-ink); font-size: 18px; font-weight: 800; line-height: 1.25; white-space: normal; text-overflow: clip; overflow: visible; letter-spacing: -.2px; }
body.saldokuy-home-v2 .topup-home-page .product-price-multipage { max-height: none; overflow: visible; margin: 0 0 17px; color: #527498; font-size: 13px; font-weight: 650; line-height: 1.45; }
body.saldokuy-home-v2 .topup-home-page .product-price-multipage span { display: inline-block; margin-top: 2px; color: #55769b; font-size: 13px; font-weight: 400; }
body.saldokuy-home-v2 .topup-home-page .catalog-card-cta { display: flex; align-items: center; justify-content: center; gap: 8px; width: 100%; min-height: 44px; padding: 10px 8px; margin-top: auto; border: 1px solid #009ceb; border-radius: 9px; background: linear-gradient(130deg, #00a9ee, #008be6); color: #fff; font-size: 13px; font-weight: 750; line-height: 1.3; }
body.saldokuy-home-v2 .topup-home-page .catalog-card:hover .catalog-card-cta { border-color: #007ecc; background: #0080d6; color: #fff; }
body.saldokuy-home-v2 .topup-home-page .empty-state { grid-column: 1 / -1; }
body.saldokuy-home-v2 .topup-home-page .no-products-message { padding: 28px 16px; color: var(--home-muted); font-size: 15px; }

body.saldokuy-home-v2 .topup-home-page .home-trust-strip { margin: 0 0 24px; padding: 0; border: 0; background: transparent; }
body.saldokuy-home-v2 .topup-home-page .home-trust-card {
    display: flex;
    align-items: center;
    gap: 34px;
    min-height: 148px;
    padding: 26px 39px;
    border: 1px solid #0a8bd6;
    border-radius: 20px;
    background: radial-gradient(ellipse at 1% 5%, #007ebcbb, transparent 32%), radial-gradient(ellipse at 99% 98%, #006eb8, transparent 33%), linear-gradient(110deg, #05294e, #031c38 58%, #053262);
    color: #fff;
    box-shadow: none;
}
body.saldokuy-home-v2 .topup-home-page .trust-strip-left { display: flex; align-items: center; gap: 23px; width: 435px; flex: 0 0 35%; }
body.saldokuy-home-v2 .topup-home-page .trust-strip-icon-circle { width: 94px; height: 94px; flex: 0 0 94px; display: grid; place-items: center; border: 2px solid #10c6f2; border-radius: 30px; background: linear-gradient(135deg, #02c8f5, #008cec); color: white; font-size: 59px; box-shadow: 0 0 25px #00bcf23b, inset 0 0 15px #cbf7ff4d; }
body.saldokuy-home-v2 .topup-home-page .trust-headline-sub { margin: 0 0 6px; color: #b7ddf2; font-size: 12px; font-weight: 500; letter-spacing: 0; text-transform: none; }
body.saldokuy-home-v2 .topup-home-page .trust-headline-title { margin: 0; color: #fff; font-size: 26px; font-weight: 800; line-height: 1.16; }
body.saldokuy-home-v2 .topup-home-page .trust-card-separator { width: 1px; height: 85px; flex: 0 0 1px; background: #007bbd80; }
body.saldokuy-home-v2 .topup-home-page .trust-strip-right { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); flex: 1; gap: 22px; }
body.saldokuy-home-v2 .topup-home-page .trust-benefit-item { display: flex; align-items: center; gap: 15px; min-width: 0; }
body.saldokuy-home-v2 .topup-home-page .benefit-icon-box { display: grid; place-items: center; width: 63px; height: 63px; flex: 0 0 63px; margin: 0; border: 1px solid #20c5fb; border-radius: 50%; background: radial-gradient(circle at 35% 30%, #11c4f6, #0089e9); color: #fff; font-size: 31px; box-shadow: 0 0 16px #00b5f244, inset 0 0 10px #a4f1ff33; }
body.saldokuy-home-v2 .topup-home-page .benefit-title { margin: 0 0 5px; color: #00cefc; font-size: 13px; font-weight: 750; line-height: 1.35; }
body.saldokuy-home-v2 .topup-home-page .benefit-desc { margin: 0; color: #c0d7ed; font-size: 12px; line-height: 1.4; }

body.saldokuy-home-v2 .topup-home-page .home-transaction-steps-section { margin: 0 0 24px; padding: 0; }
body.saldokuy-home-v2 .topup-home-page .transaction-steps-card { padding: 23px 24px 20px; }
body.saldokuy-home-v2 .topup-home-page .transaction-steps-header { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; margin-bottom: 22px; text-align: left; }
body.saldokuy-home-v2 .topup-home-page .transaction-steps-header-left .section-eyebrow { margin: 0 0 5px; font-size: 12px; color: #0095eb; }
body.saldokuy-home-v2 .topup-home-page .transaction-steps-header-left .section-title { margin: 0 0 5px; font-size: 25px; color: var(--home-ink); font-weight: 850; }
body.saldokuy-home-v2 .topup-home-page .transaction-steps-header-left .section-subtitle { margin: 0; font-size: 14px; color: var(--home-muted); }
body.saldokuy-home-v2 .topup-home-page .transaction-steps-grid { display: flex; align-items: center; justify-content: space-between; gap: 9px; }
body.saldokuy-home-v2 .topup-home-page .transaction-step-card { display: flex; flex-direction: column; align-self: stretch; flex: 1 1 0; min-width: 0; min-height: 162px; padding: 15px 22px; border: 1px solid #e0edf6; border-radius: 15px; background: linear-gradient(145deg, #fcfeff, #f8fcff); color: var(--home-ink); box-shadow: none; text-align: left; }
body.saldokuy-home-v2 .topup-home-page .transaction-step-card:hover { transform: none; box-shadow: none; border-color: #b8dcef; }
body.saldokuy-home-v2 .topup-home-page .step-card-top { display: flex; align-items: center; justify-content: flex-start; gap: 30px; margin-bottom: 15px; }
body.saldokuy-home-v2 .topup-home-page .step-card-num { display: grid; place-items: center; width: 38px; height: 38px; flex: 0 0 38px; border-radius: 50%; background: linear-gradient(140deg, #00adee, #008cea); color: #fff; font-size: 18px; font-weight: 750; }
body.saldokuy-home-v2 .topup-home-page .step-card-icon { display: grid; place-items: center; width: 42px; height: 42px; border: 0; border-radius: 0; background: transparent; color: #0097ec; font-size: 32px; }
body.saldokuy-home-v2 .topup-home-page .step-card-title { margin: 0 0 6px; color: var(--home-ink); font-size: 15px; font-weight: 750; line-height: 1.3; }
body.saldokuy-home-v2 .topup-home-page .step-card-desc { margin: 0; color: var(--home-muted); font-size: 12px; line-height: 1.45; }
body.saldokuy-home-v2 .topup-home-page .step-card-connector { display: flex; align-items: center; justify-content: center; flex: 0 0 11px; width: 11px; color: #437fb8; font-size: 12px; transform: none; }

body.saldokuy-home-v2 .topup-home-page .home-help-faq-section { margin: 0 0 24px; padding: 0; }
body.saldokuy-home-v2 .topup-home-page .help-faq-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 22px; align-items: stretch; }
body.saldokuy-home-v2 .topup-home-page .home-help-card,
body.saldokuy-home-v2 .topup-home-page .home-faq-card { padding: 23px 23px 20px; min-width: 0; }
body.saldokuy-home-v2 .topup-home-page .help-card-header { margin-bottom: 0; }
body.saldokuy-home-v2 .topup-home-page .help-card-title,
body.saldokuy-home-v2 .topup-home-page .faq-card-title { margin: 0 0 8px; color: var(--home-ink); font-size: 20px; font-weight: 800; line-height: 1.3; letter-spacing: -.3px; }
body.saldokuy-home-v2 .topup-home-page .help-card-desc,
body.saldokuy-home-v2 .topup-home-page .faq-card-subtitle { margin: 0; color: var(--home-muted); font-size: 14px; line-height: 1.5; }
body.saldokuy-home-v2 .topup-home-page .help-card-actions { display: flex; align-items: center; justify-content: flex-end; gap: 12px; margin: 13px 0 19px; flex-wrap: nowrap; }
body.saldokuy-home-v2 .topup-home-page .btn-help-primary,
body.saldokuy-home-v2 .topup-home-page .btn-help-secondary { min-height: 44px; padding: 10px 22px; border-radius: 8px; font-size: 12px; font-weight: 750; text-decoration: none; line-height: 1.2; }
body.saldokuy-home-v2 .topup-home-page .btn-help-primary { border: 1px solid #009def; background: linear-gradient(120deg, #00aeef, #008de8); color: white; box-shadow: 0 5px 10px #0099e51a; }
body.saldokuy-home-v2 .topup-home-page .btn-help-primary:hover { background: #007ed1; color: white; }
body.saldokuy-home-v2 .topup-home-page .btn-help-secondary { border: 1px solid #0098ed; background: #fff; color: #008cea; box-shadow: none; }
body.saldokuy-home-v2 .topup-home-page .btn-help-secondary:hover { background: #eef9ff; color: #0075c5; }
body.saldokuy-home-v2 .topup-home-page .help-card-security-note { display: flex; align-items: center; gap: 9px; margin: 0; padding: 0; border: 0; color: #4d719a; font-size: 12px; font-weight: 650; line-height: 1.4; }
body.saldokuy-home-v2 .topup-home-page .help-card-security-note i { color: #517faa; font-size: 21px; }
body.saldokuy-home-v2 .topup-home-page .faq-card-header { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; margin-bottom: 12px; }
body.saldokuy-home-v2 .topup-home-page .home-faq-list { display: flex; flex-direction: column; gap: 6px; }
body.saldokuy-home-v2 .topup-home-page .home-faq-item { overflow: hidden; border: 1px solid #e0ebf3; border-radius: 7px; background: #fafcff; box-shadow: none; }
body.saldokuy-home-v2 .topup-home-page .home-faq-item[open] { background: #f5fbff; border-color: #99d8f2; box-shadow: none; }
body.saldokuy-home-v2 .topup-home-page .home-faq-summary { display: flex; align-items: center; justify-content: space-between; gap: 10px; min-height: 37px; padding: 8px 12px; color: #122b4f; font-size: 12px; font-weight: 650; line-height: 1.4; list-style: none; cursor: pointer; }
body.saldokuy-home-v2 .topup-home-page .home-faq-summary::-webkit-details-marker { display: none; }
body.saldokuy-home-v2 .topup-home-page .home-faq-summary-left { display: flex; align-items: center; gap: 11px; }
body.saldokuy-home-v2 .topup-home-page .faq-q-icon { color: #4474a4; font-size: 14px; }
body.saldokuy-home-v2 .topup-home-page .faq-arrow { color: #4474a4; font-size: 11px; }
body.saldokuy-home-v2 .topup-home-page .home-faq-body { padding: 4px 15px 13px 37px; color: #496888; font-size: 13px; line-height: 1.55; }
body.saldokuy-home-v2 .topup-home-page .home-faq-body p { margin: 0; }

body.saldokuy-home-v2 .topup-home-page .home-final-cta-section { margin: 0; padding: 0; }
body.saldokuy-home-v2 .topup-home-page .final-cta-banner {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    min-height: 114px;
    padding: 25px 27px 26px 124px;
    overflow: hidden;
    border: 1px solid #08a6f0;
    border-radius: 20px 20px 0 0;
    background: radial-gradient(ellipse at 7% 30%, #08c8f870, transparent 29%), radial-gradient(ellipse at 56% 88%, #007ff99e, transparent 30%), linear-gradient(110deg, #029ae4, #0054b5 73%, #034795);
    color: #ffffff;
    box-shadow: none;
}
body.saldokuy-home-v2 .topup-home-page .final-cta-content { position: relative; flex: 1 1 auto; max-width: 500px; z-index: 2; }
body.saldokuy-home-v2 .topup-home-page .final-cta-title { margin: 0 0 7px; color: #ffffff; font-size: 26px; font-weight: 800; line-height: 1.2; }
body.saldokuy-home-v2 .topup-home-page .final-cta-desc { margin: 0; color: #e1f4ff; font-size: 14px; line-height: 1.5; }
body.saldokuy-home-v2 .topup-home-page .final-cta-decor { position: absolute; inset: 0; display: block; pointer-events: none; z-index: 1; opacity: .95; }
body.saldokuy-home-v2 .topup-home-page .decor-bubble { position: absolute; top: 25px; left: 30px; width: 66px; height: 66px; border: 1px solid #b4f5ff6e; border-radius: 15px; background: linear-gradient(140deg, #4ddeffa6, #008bef40); color: #dcfaff; font-size: 33px; transform: rotate(16deg); box-shadow: 0 0 15px #28d9ff75, inset 0 0 15px #65e6ff66; }
body.saldokuy-home-v2 .topup-home-page .decor-bubble.bubble-2 { top: 24px; left: 56%; width: 48px; height: 58px; border-radius: 10px; background: #16b9f955; font-size: 29px; transform: rotate(19deg); }
body.saldokuy-home-v2 .topup-home-page .decor-bubble.bubble-3 { top: 11px; left: 52%; width: 28px; height: 35px; border: 0; background: transparent; font-size: 31px; box-shadow: none; transform: rotate(12deg); }
body.saldokuy-home-v2 .topup-home-page .final-cta-actions { position: relative; display: flex; align-items: center; flex: 0 0 auto; gap: 18px; z-index: 2; }
body.saldokuy-home-v2 .topup-home-page .btn-cta-primary,
body.saldokuy-home-v2 .topup-home-page .btn-cta-secondary { min-height: 54px; padding: 12px 24px; border-radius: 12px; font-size: 13px; font-weight: 750; line-height: 1.3; white-space: nowrap; }
body.saldokuy-home-v2 .topup-home-page .btn-cta-primary { border: 1px solid #bfeeff; background: #ffffff; color: #0087e8; box-shadow: 0 3px 9px #0023551f; }
body.saldokuy-home-v2 .topup-home-page .btn-cta-primary:hover { background: #eaf9ff; color: #006cbc; transform: none; }
body.saldokuy-home-v2 .topup-home-page .btn-cta-secondary { border: 1px solid #00c4f4; background: #003a87; color: #ffffff; box-shadow: inset 0 0 8px #007bd61a; }
body.saldokuy-home-v2 .topup-home-page .btn-cta-secondary:hover { background: #07559f; color: #ffffff; }

body.saldokuy-home-v2 .main-footer.home-footer {
    padding: 29px 0 0;
    border: 0;
    background: linear-gradient(105deg, #06203c, #031831 70%);
    color: #c3d7eb;
    font-size: 12px;
    content-visibility: visible;
    contain-intrinsic-size: none;
}
body.saldokuy-home-v2 .home-footer .container { width: min(100% - 72px, 1296px); max-width: 1296px; }
body.saldokuy-home-v2 .home-footer-grid {
    display: grid;
    grid-template-columns: minmax(270px, 1.8fr) minmax(128px, .78fr) minmax(110px, .68fr) minmax(183px, 1.06fr) minmax(191px, 1.2fr);
    gap: 28px;
    align-items: start;
    padding-bottom: 26px;
}
body.saldokuy-home-v2 .home-footer-company,
body.saldokuy-home-v2 .home-footer-links,
body.saldokuy-home-v2 .home-footer-contact { min-width: 0; }
body.saldokuy-home-v2 .home-footer-logo { margin-bottom: 15px; }
body.saldokuy-home-v2 .home-footer .brand-logo { display: inline-flex; gap: 9px; }
body.saldokuy-home-v2 .home-footer .brand-logo-img { height: 44px !important; max-width: 164px !important; }
body.saldokuy-home-v2 .home-footer-description { max-width: 370px; margin: 0 0 12px; color: #a7c2dd; font-size: 12px; line-height: 1.5; }
body.saldokuy-home-v2 .home-footer-identity { display: flex; flex-direction: column; gap: 3px; max-width: 380px; color: #a7c2dd; font-size: 10px; line-height: 1.55; }
body.saldokuy-home-v2 .home-footer-identity strong { display: block; margin: 2px 0 3px; color: #cee5f6; font-size: 12px; letter-spacing: .3px; }
body.saldokuy-home-v2 .home-footer h2,
body.saldokuy-home-v2 .home-footer h2,
body.saldokuy-home-v2 .home-footer h4,
body.saldokuy-home-v2 .home-footer .footer-title { margin: 0 0 13px; color: #ffffff; font-size: 13px; font-weight: 700; line-height: 1.4; }
body.saldokuy-home-v2 .home-footer-links { padding-top: 4px; }
body.saldokuy-home-v2 .home-footer ul { display: flex; flex-direction: column; gap: 7px; list-style: none; padding: 0; margin: 0; }
body.saldokuy-home-v2 .home-footer a { color: #b4cce4; font-size: 12px; line-height: 1.5; text-decoration: none; }
body.saldokuy-home-v2 .home-footer a:hover { color: #40d1ff; text-decoration: underline; }
body.saldokuy-home-v2 .home-footer-contact { padding-top: 4px; }
body.saldokuy-home-v2 .home-footer-contact-list { display: flex; flex-direction: column; gap: 13px; }
body.saldokuy-home-v2 .home-footer-contact-list li { display: flex; align-items: flex-start; gap: 12px; color: #b4cce4; line-height: 1.5; }
body.saldokuy-home-v2 .home-footer-contact-list i { flex: 0 0 21px; width: 21px; margin-top: 2px; color: #ffffff; font-size: 18px; line-height: 1.2; }
body.saldokuy-home-v2 .home-footer-contact-list .fa-whatsapp { color: #40df7c; }
body.saldokuy-home-v2 .home-footer-contact-list a,
body.saldokuy-home-v2 .home-footer-contact-list span { overflow-wrap: anywhere; }
body.saldokuy-home-v2 .home-footer-bottom { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); align-items: start; gap: 35px; padding: 20px 0; border-top: 1px solid #124064; color: #9dbbd8; }
body.saldokuy-home-v2 .home-footer-copyright { margin: 0; font-size: 11px; line-height: 1.55; }
body.saldokuy-home-v2 .home-footer-disclaimer { display: flex; align-items: flex-start; gap: 10px; margin: 0; color: #9dbbd8; font-size: 10px; line-height: 1.55; }
body.saldokuy-home-v2 .home-footer-disclaimer strong { color: #b7d2e9; }

@media (max-width: 1199px) {
    body.saldokuy-home-v2 .navbar-container { gap: 10px; grid-template-columns: minmax(190px, 1fr) repeat(5, max-content) minmax(0, .3fr) 42px 144px; }
    body.saldokuy-home-v2 .nav-link { padding-inline: 4px; font-size: 12px; }
    body.saldokuy-home-v2 .nav-cta { width: 144px; }
    body.saldokuy-home-v2 .header-search-shortcut { width: 42px; height: 42px; }
    body.saldokuy-home-v2 .brand-logo-img { height: 43px !important; max-width: 148px !important; }
    body.saldokuy-home-v2 .topup-home-page .home-hero-title { font-size: 42px; }
    body.saldokuy-home-v2 .topup-home-page .home-hero-desc { font-size: 16px; }
    body.saldokuy-home-v2 .topup-home-page .hero-merch-wrapper.hero-composition-wrapper { width: 460px; max-width: none; flex: 0 0 460px; transform: scale(.91); transform-origin: center; }
    body.saldokuy-home-v2 .topup-home-page .hero-phone-mockup { left: 24%; }
    body.saldokuy-home-v2 .topup-home-page .hero-reference-callout { right: -4px; }
    body.saldokuy-home-v2 .topup-home-page .home-trust-card { gap: 22px; padding: 24px; }
    body.saldokuy-home-v2 .topup-home-page .trust-strip-left { flex-basis: 31%; gap: 16px; }
    body.saldokuy-home-v2 .topup-home-page .trust-strip-icon-circle { width: 70px; height: 70px; flex-basis: 70px; font-size: 44px; border-radius: 23px; }
    body.saldokuy-home-v2 .topup-home-page .trust-headline-title { font-size: 22px; }
    body.saldokuy-home-v2 .topup-home-page .trust-strip-right { gap: 16px; }
    body.saldokuy-home-v2 .topup-home-page .trust-benefit-item { gap: 10px; }
    body.saldokuy-home-v2 .topup-home-page .benefit-icon-box { width: 48px; height: 48px; flex-basis: 48px; font-size: 25px; }
    body.saldokuy-home-v2 .topup-home-page .transaction-step-card { padding-inline: 15px; }
    body.saldokuy-home-v2 .topup-home-page .step-card-top { gap: 15px; }
    body.saldokuy-home-v2 .home-footer-grid { grid-template-columns: minmax(240px, 1.5fr) 1fr 1fr 1.2fr; gap: 25px; }
    body.saldokuy-home-v2 .home-footer-contact { grid-column: 1 / -1; }
    body.saldokuy-home-v2 .home-footer-contact-list { flex-direction: row; flex-wrap: wrap; gap: 28px; }
}
@media (max-width: 991px) {
    body.saldokuy-home-v2 .navbar-container { display: flex; justify-content: flex-start; gap: 14px; height: 74px; min-height: 74px; }
    body.saldokuy-home-v2 .main-header .brand-logo { margin-right: auto; }
    body.saldokuy-home-v2 .header-search-shortcut { order: 2; flex: 0 0 42px; }
    body.saldokuy-home-v2 .nav-toggle { order: 3; display: inline-flex; width: 44px; height: 44px; border: 1px solid #126591; background: #03284b; color: white; border-radius: 11px; }
    body.saldokuy-home-v2 .nav-menu { display: none; position: absolute; top: calc(100% - 1px); left: 24px; right: 24px; width: auto; max-height: calc(100dvh - 120px); padding: 14px; border: 1px solid #125b85; border-radius: 0 0 15px 15px; background: #032342; box-shadow: 0 15px 24px #0012254d; overflow-y: auto; }
    body.saldokuy-home-v2 .nav-menu.open { display: flex; flex-direction: column; align-items: stretch; gap: 4px; }
    body.saldokuy-home-v2 .nav-link { display: flex; align-items: center; width: 100%; min-height: 44px; padding: 12px 16px; font-size: 14px; border-radius: 8px; }
    body.saldokuy-home-v2 .nav-cta { width: 100%; min-height: 46px; margin-top: 8px; }
    body.saldokuy-home-v2 .topup-home-page .home-hero-section { padding: 40px 0 73px; }
    body.saldokuy-home-v2 .topup-home-page .home-hero-grid { grid-template-columns: 1fr; min-height: 0; gap: 14px; }
    body.saldokuy-home-v2 .topup-home-page .home-hero-left { max-width: 650px; margin: 0 auto; align-items: flex-start; }
    body.saldokuy-home-v2 .topup-home-page .home-hero-title { font-size: 48px; }
    body.saldokuy-home-v2 .topup-home-page .home-hero-desc { max-width: 600px; }
    body.saldokuy-home-v2 .topup-home-page .home-hero-search-box { max-width: 620px; }
    body.saldokuy-home-v2 .topup-home-page .home-hero-right { height: 430px; }
    body.saldokuy-home-v2 .topup-home-page .hero-merch-wrapper.hero-composition-wrapper { width: 548px; flex-basis: 548px; transform: scale(.84); }
    body.saldokuy-home-v2 .topup-home-page .hero-phone-mockup { left: 29%; }
    body.saldokuy-home-v2 .topup-home-page .hero-reference-callout { display: flex; right: -14px; }
    body.saldokuy-home-v2 .topup-home-page .products-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    body.saldokuy-home-v2 .topup-home-page .home-trust-card { flex-wrap: wrap; gap: 24px; }
    body.saldokuy-home-v2 .topup-home-page .trust-strip-left { width: auto; flex-basis: 100%; }
    body.saldokuy-home-v2 .topup-home-page .trust-card-separator { display: none; }
    body.saldokuy-home-v2 .topup-home-page .trust-strip-right { flex-basis: 100%; }
    body.saldokuy-home-v2 .topup-home-page .transaction-steps-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 15px; }
    body.saldokuy-home-v2 .topup-home-page .step-card-connector { display: none; }
    body.saldokuy-home-v2 .topup-home-page .transaction-step-card { min-height: 174px; }
    body.saldokuy-home-v2 .topup-home-page .help-faq-grid { grid-template-columns: 1fr; }
    body.saldokuy-home-v2 .topup-home-page .final-cta-banner { flex-wrap: wrap; padding-left: 110px; }
    body.saldokuy-home-v2 .topup-home-page .final-cta-content { flex-basis: 100%; max-width: none; }
    body.saldokuy-home-v2 .topup-home-page .final-cta-actions { flex-wrap: wrap; }
    body.saldokuy-home-v2 .home-footer-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    body.saldokuy-home-v2 .home-footer-company { grid-column: 1 / -1; }
    body.saldokuy-home-v2 .home-footer-description { max-width: 620px; }
    body.saldokuy-home-v2 .home-footer-identity { max-width: 650px; }
}
@media (max-width: 599px) {
    body.saldokuy-home-v2 .container,
    body.saldokuy-home-v2 .topup-home-page .container,
    body.saldokuy-home-v2 .topup-home-page .home-hero-section .container,
    body.saldokuy-home-v2 .topup-home-page .home-category-strip-section .container { width: calc(100% - 32px); }
    body.saldokuy-home-v2 .service-alert-bar { text-align: left; font-size: 10px; }
    body.saldokuy-home-v2 .service-alert-bar .container { width: calc(100% - 32px); min-height: 51px; padding: 9px 41px 9px 0; }
    body.saldokuy-home-v2 .home-announcement-close { width: 36px; height: 36px; }
    body.saldokuy-home-v2 .navbar-container { width: calc(100% - 32px); height: 72px; min-height: 72px; gap: 10px; }
    body.saldokuy-home-v2 .brand-logo-img { height: 39px !important; max-width: 132px !important; }
    body.saldokuy-home-v2 .main-header .brand-logo { gap: 6px; }
    body.saldokuy-home-v2 .brand-product-badge { min-height: 19px; padding: 3px 5px; font-size: 9px; }
    body.saldokuy-home-v2 .header-search-shortcut { width: 40px; height: 40px; flex-basis: 40px; font-size: 16px; }
    body.saldokuy-home-v2 .nav-toggle { width: 40px; height: 40px; font-size: 17px; }
    body.saldokuy-home-v2 .nav-menu { left: 16px; right: 16px; }
    body.saldokuy-home-v2 .topup-home-page .home-hero-section { min-height: 0; padding: 30px 0 51px; }
    body.saldokuy-home-v2 .topup-home-page .home-hero-grid { gap: 4px; }
    body.saldokuy-home-v2 .topup-home-page .home-hero-left { width: 100%; }
    body.saldokuy-home-v2 .topup-home-page .home-hero-badge { max-width: 100%; margin-bottom: 18px; padding: 6px 10px; font-size: 9px; letter-spacing: .2px; gap: 7px; }
    body.saldokuy-home-v2 .topup-home-page .home-hero-title { margin-bottom: 17px; font-size: clamp(31px, 8.4vw, 46px); line-height: 1.15; letter-spacing: -.6px; }
    body.saldokuy-home-v2 .topup-home-page .hero-title-break { display: none; }
    body.saldokuy-home-v2 .topup-home-page .home-hero-desc { margin-bottom: 21px; font-size: 14px; line-height: 1.6; }
    body.saldokuy-home-v2 .topup-home-page .home-hero-actions { width: 100%; gap: 10px; margin-bottom: 20px; }
    body.saldokuy-home-v2 .topup-home-page .btn-hero-primary,
    body.saldokuy-home-v2 .topup-home-page .btn-hero-secondary { flex: 1; min-height: 48px; padding: 11px 9px; border-radius: 10px; font-size: 12px; gap: 6px; }
    body.saldokuy-home-v2 .topup-home-page .hero-search-input-wrap { min-height: 58px; padding: 4px 9px; border-width: 5px; border-radius: 14px; }
    body.saldokuy-home-v2 .topup-home-page .hero-search-input { font-size: 12px; padding: 7px 0; }
    body.saldokuy-home-v2 .topup-home-page .hero-search-icon { margin-right: 9px; font-size: 16px; }
    body.saldokuy-home-v2 .topup-home-page .hero-search-clear { width: 32px; height: 32px; flex-basis: 32px; }
    body.saldokuy-home-v2 .topup-home-page .home-hero-stats { gap: 10px; margin: 15px 0 0 3px; font-size: 10px; }
    body.saldokuy-home-v2 .topup-home-page .stat-item { gap: 4px; }
    body.saldokuy-home-v2 .topup-home-page .stat-item i { font-size: 13px; }
    body.saldokuy-home-v2 .topup-home-page .home-hero-right { height: 324px; }
    body.saldokuy-home-v2 .topup-home-page .hero-merch-wrapper.hero-composition-wrapper { width: 548px; height: 500px; flex: 0 0 548px; max-width: none; transform: scale(.6); transform-origin: center; }
    body.saldokuy-home-v2 .topup-home-page .hero-reference-callout { display: none; }
    body.saldokuy-home-v2 .topup-home-page .hero-game-artwork .artwork-label { font-size: 12px; }
    body.saldokuy-home-v2 .topup-home-page .home-category-strip-section { margin: -27px 0 18px; }
    body.saldokuy-home-v2 .topup-home-page .home-floating-category-strip { padding: 13px 10px 9px; border-radius: 20px; }
    body.saldokuy-home-v2 .topup-home-page .catalog-category-nav { gap: 8px; padding: 3px 2px 7px; }
    body.saldokuy-home-v2 .topup-home-page .filter-btn { flex: 0 0 auto; min-height: 44px; gap: 8px; padding: 9px 12px; border-radius: 10px; font-size: 12px; }
    body.saldokuy-home-v2 .topup-home-page .filter-btn i { font-size: 17px; }
    body.saldokuy-home-v2 .topup-home-page .home-featured-section { padding-bottom: 18px; }
    body.saldokuy-home-v2 .topup-home-page .home-featured-card { padding: 18px 12px 13px; border-radius: 17px; }
    body.saldokuy-home-v2 .topup-home-page .home-section-header { flex-direction: column; align-items: flex-start; gap: 7px; margin-bottom: 14px; }
    body.saldokuy-home-v2 .topup-home-page .section-eyebrow { margin-bottom: 6px; font-size: 10px; }
    body.saldokuy-home-v2 .topup-home-page .section-title { font-size: 24px; line-height: 1.25; margin-bottom: 8px; letter-spacing: -.45px; }
    body.saldokuy-home-v2 .topup-home-page .section-subtitle { font-size: 12px; line-height: 1.5; }
    body.saldokuy-home-v2 .topup-home-page .link-all-products,
    body.saldokuy-home-v2 .topup-home-page .link-transaction-guide,
    body.saldokuy-home-v2 .topup-home-page .link-all-faqs { min-height: 32px; font-size: 11px; }
    body.saldokuy-home-v2 .topup-home-page .products-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
    body.saldokuy-home-v2 .topup-home-page .catalog-card { padding: 8px; border-radius: 12px; }
    body.saldokuy-home-v2 .topup-home-page .catalog-card-art { aspect-ratio: 5 / 4; border-radius: 9px; }
    body.saldokuy-home-v2 .topup-home-page .catalog-card-body { padding: 10px 0 1px; }
    body.saldokuy-home-v2 .topup-home-page .catalog-card-meta { gap: 5px; margin-bottom: 10px; }
    body.saldokuy-home-v2 .topup-home-page .product-category-badge { font-size: 8px; padding: 3px 6px; }
    body.saldokuy-home-v2 .topup-home-page .product-status-badge { font-size: 8px; padding: 3px 5px; gap: 3px; }
    body.saldokuy-home-v2 .topup-home-page .product-title-multipage { margin-bottom: 7px; font-size: 14px; line-height: 1.3; }
    body.saldokuy-home-v2 .topup-home-page .product-price-multipage { margin-bottom: 13px; font-size: 11px; line-height: 1.5; }
    body.saldokuy-home-v2 .topup-home-page .product-price-multipage span { font-size: 11px; }
    body.saldokuy-home-v2 .topup-home-page .catalog-card-cta { min-height: 40px; padding: 9px 5px; gap: 5px; border-radius: 7px; font-size: 11px; }
    body.saldokuy-home-v2 .topup-home-page .home-trust-strip { margin-bottom: 18px; }
    body.saldokuy-home-v2 .topup-home-page .home-trust-card { padding: 23px 21px; gap: 23px; border-radius: 17px; }
    body.saldokuy-home-v2 .topup-home-page .trust-strip-left { gap: 18px; }
    body.saldokuy-home-v2 .topup-home-page .trust-strip-icon-circle { width: 67px; height: 67px; flex-basis: 67px; font-size: 43px; border-radius: 22px; }
    body.saldokuy-home-v2 .topup-home-page .trust-headline-sub { font-size: 11px; }
    body.saldokuy-home-v2 .topup-home-page .trust-headline-title { font-size: 23px; }
    body.saldokuy-home-v2 .topup-home-page .trust-strip-right { grid-template-columns: 1fr; gap: 18px; }
    body.saldokuy-home-v2 .topup-home-page .trust-benefit-item { gap: 15px; }
    body.saldokuy-home-v2 .topup-home-page .benefit-icon-box { width: 45px; height: 45px; flex-basis: 45px; font-size: 24px; }
    body.saldokuy-home-v2 .topup-home-page .benefit-title { margin-bottom: 3px; font-size: 14px; }
    body.saldokuy-home-v2 .topup-home-page .benefit-desc { font-size: 12px; }
    body.saldokuy-home-v2 .topup-home-page .home-transaction-steps-section { margin-bottom: 18px; }
    body.saldokuy-home-v2 .topup-home-page .transaction-steps-card { padding: 19px 16px 16px; border-radius: 17px; }
    body.saldokuy-home-v2 .topup-home-page .transaction-steps-header { flex-direction: column; align-items: flex-start; gap: 6px; margin-bottom: 14px; }
    body.saldokuy-home-v2 .topup-home-page .transaction-steps-header-left .section-eyebrow { font-size: 10px; }
    body.saldokuy-home-v2 .topup-home-page .transaction-steps-header-left .section-title { font-size: 22px; }
    body.saldokuy-home-v2 .topup-home-page .transaction-steps-header-left .section-subtitle { font-size: 12px; }
    body.saldokuy-home-v2 .topup-home-page .transaction-steps-grid { grid-template-columns: 1fr; gap: 10px; }
    body.saldokuy-home-v2 .topup-home-page .transaction-step-card { position: relative; display: grid; grid-template-columns: 46px minmax(0, 1fr); column-gap: 13px; min-height: 105px; padding: 16px; border-radius: 12px; }
    body.saldokuy-home-v2 .topup-home-page .step-card-top { display: contents; margin: 0; }
    body.saldokuy-home-v2 .topup-home-page .step-card-num { grid-column: 1; grid-row: 1 / span 2; align-self: center; width: 37px; height: 37px; flex-basis: 37px; font-size: 17px; }
    body.saldokuy-home-v2 .topup-home-page .step-card-icon { position: absolute; right: 15px; top: 14px; width: 26px; height: 26px; font-size: 21px; opacity: .55; }
    body.saldokuy-home-v2 .topup-home-page .step-card-title { grid-column: 2; grid-row: 1; align-self: end; margin: 0 27px 6px 0; font-size: 15px; }
    body.saldokuy-home-v2 .topup-home-page .step-card-desc { grid-column: 2; grid-row: 2; margin: 0; font-size: 12px; line-height: 1.5; }
    body.saldokuy-home-v2 .topup-home-page .home-help-faq-section { margin-bottom: 18px; }
    body.saldokuy-home-v2 .topup-home-page .help-faq-grid { gap: 18px; }
    body.saldokuy-home-v2 .topup-home-page .home-help-card,
    body.saldokuy-home-v2 .topup-home-page .home-faq-card { padding: 21px 18px; border-radius: 17px; }
    body.saldokuy-home-v2 .topup-home-page .help-card-title,
    body.saldokuy-home-v2 .topup-home-page .faq-card-title { font-size: 20px; margin-bottom: 9px; }
    body.saldokuy-home-v2 .topup-home-page .help-card-desc,
    body.saldokuy-home-v2 .topup-home-page .faq-card-subtitle { font-size: 13px; }
    body.saldokuy-home-v2 .topup-home-page .help-card-actions { justify-content: flex-start; gap: 10px; margin: 17px 0 21px; }
    body.saldokuy-home-v2 .topup-home-page .btn-help-primary,
    body.saldokuy-home-v2 .topup-home-page .btn-help-secondary { flex: 1; min-height: 44px; padding: 10px 8px; font-size: 12px; }
    body.saldokuy-home-v2 .topup-home-page .help-card-security-note { align-items: flex-start; font-size: 11px; }
    body.saldokuy-home-v2 .topup-home-page .faq-card-header { flex-direction: column; align-items: flex-start; gap: 5px; margin-bottom: 11px; }
    body.saldokuy-home-v2 .topup-home-page .home-faq-summary { min-height: 48px; padding: 11px 10px; font-size: 12px; }
    body.saldokuy-home-v2 .topup-home-page .home-faq-summary-left { gap: 8px; }
    body.saldokuy-home-v2 .topup-home-page .home-faq-body { padding: 5px 13px 14px 31px; font-size: 12px; }
    body.saldokuy-home-v2 .topup-home-page .final-cta-banner { display: flex; flex-direction: column; align-items: flex-start; gap: 18px; padding: 25px 19px; border-radius: 17px 17px 0 0; }
    body.saldokuy-home-v2 .topup-home-page .final-cta-content { flex: auto; max-width: 260px; }
    body.saldokuy-home-v2 .topup-home-page .final-cta-title { font-size: 24px; margin-bottom: 9px; }
    body.saldokuy-home-v2 .topup-home-page .final-cta-desc { font-size: 13px; }
    body.saldokuy-home-v2 .topup-home-page .decor-bubble.bubble-1 { left: auto; right: -10px; top: 16px; opacity: .35; }
    body.saldokuy-home-v2 .topup-home-page .decor-bubble.bubble-2,
    body.saldokuy-home-v2 .topup-home-page .decor-bubble.bubble-3 { display: none; }
    body.saldokuy-home-v2 .topup-home-page .final-cta-actions { flex-direction: column; align-items: stretch; width: 100%; gap: 10px; }
    body.saldokuy-home-v2 .topup-home-page .btn-cta-primary,
    body.saldokuy-home-v2 .topup-home-page .btn-cta-secondary { min-height: 47px; width: 100%; padding: 12px 10px; border-radius: 9px; font-size: 13px; }
    body.saldokuy-home-v2 .main-footer.home-footer { padding-top: 27px; }
    body.saldokuy-home-v2 .home-footer .container { width: calc(100% - 40px); }
    body.saldokuy-home-v2 .home-footer-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 27px 18px; padding-bottom: 27px; }
    body.saldokuy-home-v2 .home-footer-company { grid-column: 1 / -1; }
    body.saldokuy-home-v2 .home-footer .brand-logo-img { height: 44px !important; max-width: 152px !important; }
    body.saldokuy-home-v2 .home-footer-description { font-size: 12px; margin-bottom: 14px; }
    body.saldokuy-home-v2 .home-footer-identity { font-size: 11px; gap: 4px; }
    body.saldokuy-home-v2 .home-footer h2,
    body.saldokuy-home-v2 .home-footer h2,
    body.saldokuy-home-v2 .home-footer h4,
    body.saldokuy-home-v2 .home-footer .footer-title { font-size: 14px; margin-bottom: 11px; }
    body.saldokuy-home-v2 .home-footer ul { gap: 8px; }
    body.saldokuy-home-v2 .home-footer a { font-size: 12px; }
    body.saldokuy-home-v2 .home-footer-contact { grid-column: 1 / -1; }
    body.saldokuy-home-v2 .home-footer-contact-list { flex-direction: column; gap: 15px; }
    body.saldokuy-home-v2 .home-footer-bottom { grid-template-columns: 1fr; gap: 14px; padding: 20px 0 25px; }
    body.saldokuy-home-v2 .home-footer-copyright { font-size: 11px; }
    body.saldokuy-home-v2 .home-footer-disclaimer { font-size: 10px; }
}
@media (max-width: 359px) {
    body.saldokuy-home-v2 .brand-logo-img { height: 34px !important; max-width: 114px !important; }
    body.saldokuy-home-v2 .main-header .brand-product-badge { display: none; }
    body.saldokuy-home-v2 .topup-home-page .home-hero-title { font-size: 29px; }
    body.saldokuy-home-v2 .topup-home-page .home-hero-right { height: 295px; }
    body.saldokuy-home-v2 .topup-home-page .hero-merch-wrapper.hero-composition-wrapper { transform: scale(.54); }
    body.saldokuy-home-v2 .topup-home-page .products-grid { grid-template-columns: 1fr; }
    body.saldokuy-home-v2 .topup-home-page .product-title-multipage { font-size: 17px; }
    body.saldokuy-home-v2 .topup-home-page .product-category-badge,
    body.saldokuy-home-v2 .topup-home-page .product-status-badge { font-size: 10px; }
}
@media (prefers-reduced-motion: reduce) {
    body.saldokuy-home-v2 *,
    body.saldokuy-home-v2 *::before,
    body.saldokuy-home-v2 *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
}