/* main.css */
/* ===== Font ala GADUN ===== */
@font-face { font-family: 'digital_sans_ef_medium'; font-display: swap; src: url('/assets/fonts/digital_sans_ef_medium.woff2') format('woff2'); }
@font-face { font-family: 'gilroybold'; font-display: swap; src: url('/assets/fonts/Gilroy-Bold.woff2') format('woff2'); }
@font-face { font-family: 'Open24DisplaySt'; font-display: swap; src: url('/assets/fonts/Open24DisplaySt.woff2') format('woff2'); }
    body { font-family: 'digital_sans_ef_medium', Arial, Helvetica, sans-serif !important; }
    h1, h2, h3, h4, h5, h6, .vc-banner, .btn-neon, .x2, .vc-chip, .x8,
    .jp-label, .gp-title, .gtype-prev .gp-item span, .xj h4, .vc-footer h4 {
        font-family: 'gilroybold', 'digital_sans_ef_medium', Arial, sans-serif !important;
    }
    #jackpot-number { font-family: 'Open24DisplaySt', 'Orbitron', 'Segoe UI', sans-serif !important; }

@keyframes blink {
            0% {
                color: red;
            }

            50% {
                color: transparent;
            }

            100% {
                color: red;
            }
        }

        @keyframes blink-green {
            0% {
                color: green;
            }

            50% {
                color: transparent;
            }

            100% {
                color: green;
            }
        }

        .bank_offline::before {
            content: '•';
            color: red;
            font-size: 20px;
            animation: blink 1s linear infinite;
        }

        .bank_online::before {
            content: '•';
            color: green;
            font-size: 20px;
            animation: blink-green 1s linear infinite;
        }

@keyframes bonusHotBlink {
            0%, 100% { opacity: 1; box-shadow: 0 0 6px rgba(233,69,96,.8); }
            50% { opacity: .5; box-shadow: 0 0 12px rgba(233,69,96,1); }
        }
        .bonus-hot-blink {
            animation: bonusHotBlink .8s ease-in-out infinite;
        }
        .bonus-hot-link { position: relative; }
        .bonus-hot-badge {
            background: #e94560;
            color: #fff;
            font-size: 9px;
            font-weight: 700;
            padding: 2px 6px;
            border-radius: 4px;
            margin-left: 4px;
            animation: bonusHotBlink .8s ease-in-out infinite;
            text-transform: uppercase;
            letter-spacing: .5px;
        }

.vc-topbar { display: none; }
@media (min-width: 769px) {
  .vc-topbar { display: flex; align-items: center; gap: 9px; padding: 7px 26px; background: #0c0c0c; border-bottom: 1px solid rgba(255,255,255,.06); }
  .vc-topbar .tb-left { display: flex; align-items: center; gap: 9px; margin: 0 auto 0 22%; }
  .vc-tbtn { display: inline-flex; align-items: center; justify-content: center; width: 34px; height: 34px; border-radius: 8px; background: #1d1d1d; border: 1px solid rgba(255,255,255,.10); color: #ddd; font-size: 15px; text-decoration: none; }
  .vc-tbtn:hover { border-color: rgba(255,212,90,.5); color: #ffd45a; }
  .vc-tg { display: inline-flex; align-items: center; gap: 7px; height: 34px; padding: 0 14px; border-radius: 8px; background: linear-gradient(180deg, #3aa9e0, #2380b8); color: #fff; font-size: 12.5px; font-weight: 700; text-decoration: none; font-family: 'gilroybold', Arial, sans-serif; }
  .vc-tg:hover { color: #fff; filter: brightness(1.08); }
  .vc-tsep { width: 1px; height: 20px; background: rgba(255,255,255,.12); }
  .vc-tbtn img { width: 16px; height: 16px; object-fit: contain; }
  .vc-tg img { width: 14px; height: 14px; }
  .vc-tbtn-flag { width: auto; padding: 0 9px; gap: 5px; }
  .vc-flag { width: 18px; height: 18px; border-radius: 50%; background: linear-gradient(180deg, #d80027 0 50%, #f5f5f5 50% 100%); border: 1px solid rgba(255,255,255,.25); display: inline-block; }
  .vc-caret { width: 9px !important; height: 9px !important; opacity: .7; }
  .vc-topbar .tb-right { display: flex; align-items: center; gap: 11px; margin-left: auto; }
  .vc-pill { display: inline-flex; align-items: center; justify-content: center; height: 36px; padding: 0 30px; border-radius: 20px; font-size: 13px; font-weight: 800; letter-spacing: 1.2px; text-transform: uppercase; text-decoration: none; font-family: 'gilroybold', Arial, sans-serif; }
  .vc-pill.masuk { background: #3a3a3a; color: #fff; border: 1px solid rgba(255,255,255,.12); }
  .vc-pill.masuk:hover { background: #4a4a4a; color: #fff; }
  .vc-pill.daftar { background: transparent; color: #ffd45a; border: 1.5px solid rgba(255,212,90,.8); box-shadow: 0 0 9px rgba(255,190,60,.25); }
  .vc-pill.daftar:hover { background: rgba(255,190,60,.08); color: #ffd45a; }
  /* ----- member (logged-in) topbar ----- */
  .vc-user-mini { display: inline-flex; align-items: center; gap: 7px; height: 36px; padding: 0 14px; border-radius: 20px; background: #1d1d1d; border: 1px solid rgba(255,255,255,.12); color: #eee; font-size: 12.5px; font-weight: 700; text-decoration: none; }
  .vc-user-mini:hover { color: #ffd45a; border-color: rgba(255,212,90,.5); }
  .vc-balance-pill { display: inline-flex; align-items: center; gap: 7px; height: 36px; padding: 0 16px; border-radius: 20px; border: 1.5px solid rgba(255,212,90,.8); color: #ffd45a; font-family: 'gilroybold', Arial, sans-serif; font-weight: 800; font-size: 13px; box-shadow: 0 0 9px rgba(255,190,60,.25); }
  .vc-balance-pill .vc-bal-refresh { cursor: pointer; opacity: .75; font-size: 13px; line-height: 1; margin-left: 2px; }
  .vc-balance-pill .vc-bal-refresh:hover { opacity: 1; }
  .vc-pill.deposit { background: linear-gradient(170deg, #ffe08a 0%, #ffd45a 30%, #f5b93f 65%, #e69f26 100%); color: #1a1200; box-shadow: 0 4px 14px rgba(240,169,46,.35); }
  .vc-pill.deposit:hover { color: #1a1200; filter: brightness(1.06); }
  .vc-pill.keluar { background: #3a3a3a; color: #fff; border: 1px solid rgba(255,255,255,.12); }
  .vc-pill.keluar:hover { background: #4a4a4a; color: #fff; }
}

@media (max-width: 768px) {
        /* ===== Header ala GADUN: logo kiri + hamburger kanan + bg dekoratif ===== */
        .as-header-top {
            padding-top: 8px !important; padding-bottom: 8px !important;
            background:
                radial-gradient(90% 130% at 12% 50%, rgba(245,205,95,.10), transparent 55%),
                repeating-linear-gradient(135deg, rgba(214,218,228,.04) 0 1px, transparent 1px 14px),
                #101010 !important;
            border-style: solid; border-width: 1px 0 2px 0; border-image: linear-gradient(90deg,#8a6a1e 0%,#f2d488 22%,#d7dae2 50%,#f2d488 78%,#8a6a1e 100%) 1;
            box-shadow: 0 2px 16px rgba(0,0,0,.55), 0 1px 10px rgba(255,190,60,.10);
        }
        .as-header-top .row > .col-12.d-flex.flex-row {
            position: relative;
            justify-content: center;
            align-items: center;
        }
        .as-header-top .row > .col-12.d-flex.flex-row > a { margin: 0; }
        .as-header-top .as-toggle-button {
            position: absolute; right: 0; top: 50%; transform: translateY(-50%);
            display: flex !important; align-items: center; justify-content: center;
            width: 36px; height: 36px; margin: 0 !important; padding: 0;
            border: 1px solid rgba(255,206,92,.45); border-radius: 9px;
            background: rgba(24,24,24,.85); box-shadow: 0 0 8px rgba(0,0,0,.5);
        }
        .as-header-top .as-toggle-button::before {
            content: "\2630"; color: #f4c667; font-size: 17px; line-height: 1;
        }
        /* logo kiri, ringkas */
        .as-header-top .row > .col-12.d-flex.flex-row > a img {
            width: 140px !important; height: auto !important; margin-top: 0 !important;
            filter: drop-shadow(0 0 9px rgba(255,190,60,.35));
        }
    }
    /* ===== Strip benefit tipis pengisi celah logo -> banner (mobile) ===== */
    .vc-trust {
        display: flex !important; align-items: center; justify-content: center;
        gap: 9px; flex-wrap: nowrap; padding: 3px 8px 5px;
        border-bottom: 1px solid rgba(255,190,60,.10);
    }
    /* mobile-only: flex!important di atas mengalahkan .d-md-none — matikan lagi di desktop */
    @media (min-width: 768px) {
        .vc-trust { display: none !important; }
    }
    .vc-chip {
        display: inline-flex; align-items: center; gap: 4px;
        font-size: 9.5px; font-weight: 700; letter-spacing: .3px;
        color: #e9e0c8; white-space: nowrap; text-transform: uppercase;
    }
    .vc-chip .vc-ic { font-size: 11px; line-height: 1; }
    .vc-dot { width: 3px; height: 3px; border-radius: 50%; background: rgba(255,190,60,.55); flex-shrink: 0; }

.menu-wrapper {
    position: relative;
    padding: 30px 0;
}

.menu-list {
    display: flex;
    justify-content: center;
    gap: 40px;
    list-style: none;
    padding: 0;
    margin: 0;
}

.menu-item {
    text-align: center;
    cursor: pointer;
    color: white;
    font-weight: bold;
}

.menu-item img {
    width: 50px;
    height: 50px;
    display: block;
    margin: 0 auto 5px;
}

.menu-dropdown {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background: rgba(59, 59, 59, 0.85);
    padding: 30px 0;
    border-radius: 12px;
    display: none;
    z-index: 100;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.5);
}

.menu-dropdown.active {
    display: flex;
    justify-content: center;
}

.dropdown-items {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    justify-content: center;
    gap: 16px;
    padding: 0 24px;
    margin: 0 auto;
    list-style: none;
    max-width: 1120px;
}

/* Kapsul provider ala GADUN — semua kapsul ukuran seragam */
.dropdown-items li { display: flex; }
.dropdown-items li a {
    position: relative; display: block; width: 100%; height: 96px;
    border-radius: 60px; overflow: hidden;
    border: 1px solid rgba(255,190,60,.45);
    background: linear-gradient(180deg, #201b10 0%, #131313 100%);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 4px 10px rgba(0,0,0,.45);
    text-decoration: none; color: white; text-align: center;
    transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease;
}
.dropdown-items li a:hover {
    transform: scale(1.045);
    border-color: #ffd45a;
    box-shadow: 0 0 16px rgba(255,190,60,.5), 0 4px 10px rgba(0,0,0,.45);
}
/* Gambar dalam menyesuaikan (mengecil) ke frame tetap — border tak ikut membesar */
.dropdown-items li img {
    width: 100% !important; height: 100% !important;
    object-fit: contain; object-position: center;
    border-radius: 0; margin: 0; padding: 16px 28px; background: transparent;
    display: block;
}
.dropdown-items li a.logo-only img { object-fit: contain; padding: 16px 28px; }
.dropdown-items li a > span:not(.overlay-text) { display: none; }

/* Maintenance provider styles */
.dropdown-items li a.maintenance img {
    filter: grayscale(100%) brightness(0.4);
    cursor: not-allowed;
}

.dropdown-items li a.maintenance {
    cursor: not-allowed;
    pointer-events: none; /* disable click */
}

/* Overlay tulisan maintenance */
.dropdown-items li a.maintenance .overlay-text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white;
    background-color: rgba(0, 0, 0, 0.6);
    padding: 6px 12px;
    border-radius: 6px;
    font-size: 16px;
    font-weight: bold;
    z-index: 10;
    user-select: none;
    text-transform: uppercase;
}

/* Hide provider name for maintenance */
.dropdown-items li a.maintenance span.provider-name {
    display: none;
}

.horizontal-scroll-container {
    position: relative;
}

.horizontal-scroll-wrapper {
    -webkit-overflow-scrolling: touch;
    white-space: nowrap;
    overflow-x: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.horizontal-scroll-wrapper::-webkit-scrollbar {
    display: none;
}

.horizontal-scroll-wrapper>div {
    flex: 0 0 auto;
    width: 80px;
}

.horizontal-scroll-wrapper > div a {
    color: inherit;
    text-decoration: none;
    font-family: inherit;
}

.scroll-button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-color: rgba(0, 0, 0, 0.5);
    color: white;
    border: none;
    border-radius: 50%;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10;
    cursor: pointer;
}

.scroll-left {
    left: 0;
}

.scroll-right {
    right: 0;
}

.hot-badge {
    position: absolute;
    top: 0px;
    right: 40px;
    background-color: red;
    color: white;
    font-size: 10px;
    font-weight: bold;
    padding: 2px 6px;
    border-radius: 5px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
}

/* Override var theme (style.css :root primary #2c2c2c / secondary #181818) — semua permukaan abu ikut jadi hitam.
   File ini load setelah style.css, jadi :root di sini menang. */
:root {
    --primary-color: #000000;
    --secondary-color: #0b0b0b;
}
html, body {
    max-width: 100%;
    overflow-x: hidden;
}
body {
    background-color: #000000;
    color: white;
    font-family: 'digital_sans_ef_medium', Arial, Helvetica, sans-serif;
}

.horizontal-scroll-container {
        position: relative;
    }

    .horizontal-scroll-wrapper {
        -webkit-overflow-scrolling: touch;
        white-space: nowrap;
        overflow-x: auto;
        scrollbar-width: none;
        -ms-overflow-style: none;
    }

    .horizontal-scroll-wrapper::-webkit-scrollbar {
        display: none;
    }

    .horizontal-scroll-wrapper>div {
        flex: 0 0 auto;
        width: 80px;
    }

    .scroll-button {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        background-color: rgba(0, 0, 0, 0.5);
        color: white;
        border: none;
        border-radius: 50%;
        width: 32px;
        height: 32px;
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: 10;
        cursor: pointer;
    }

    .scroll-left {
        left: 0;
    }

    .scroll-right {
        right: 0;
    }

    .hot-badge {
        position: absolute;
        /* Untuk memposisikan badge relatif terhadap elemen induknya */
        top: 0px;
        /* Meningkatkan jarak di atas untuk menutupi lebih banyak ikon */
        right: 40px;
        /* Meningkatkan jarak di sisi kanan untuk menutupi lebih banyak ikon */
        background-color: red;
        color: white;
        font-size: 10px;
        font-weight: bold;
        padding: 2px 6px;
        border-radius: 5px;
        box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
    }

.mySwiper { height: auto; }
    .swiper-slide img { display: block; width: 100%; height: auto; border-radius: 8px; }
    .swiper-slide video { display: block; width: 100%; height: auto; border-radius: 8px; }
    .swiper-pagination-bullet { background: #fff; opacity: 1; border: 2px solid #000; }
    .swiper-pagination-bullet-active { background: red; }
    .button-row { display: none; }
    @media (max-width: 768px) {
        .mySwiper { margin-bottom: 0 !important; }
        .button-row { display: flex; justify-content: space-between; gap: 12px; margin-top: -34px; margin-bottom: 14px; padding: 0 14px; position: relative; z-index: 6; }
    }
    /* ===== Tombol gelap-emas — nyatu dgn background jackpot (jp-bar #131313 + emas) ===== */
    .btn-neon {
        flex: 1 1 0; padding: 14px 0; border-radius: 11px;
        font-size: 1.12em; font-weight: 800; color: #ffd45a; text-align: center;
        cursor: pointer; letter-spacing: 1.5px; text-transform: uppercase;
        text-decoration: none; outline: none; position: relative;
        transition: transform .14s, filter .14s;
        text-shadow: 0 0 8px rgba(255,190,60,.35), 0 1px 2px rgba(0,0,0,.6);
        background:
            linear-gradient(180deg, rgba(255,255,255,.06) 0%, rgba(255,255,255,0) 45%),
            linear-gradient(180deg, #1c1c1c 0%, #131313 55%, #0c0c0c 100%);
        box-shadow: inset 0 1px 0 rgba(255,255,255,.08), inset 0 -3px 8px rgba(0,0,0,.5), 0 4px 12px rgba(0,0,0,.45);
    }
    /* LOGIN — rim emas tipis (secondary) */
    .btn-neon.masuk {
        border: 1.5px solid rgba(255,212,90,.55);
        box-shadow: inset 0 1px 0 rgba(255,255,255,.08), inset 0 -3px 8px rgba(0,0,0,.5), 0 0 9px rgba(255,190,60,.28), 0 4px 12px rgba(0,0,0,.45);
    }
    /* DAFTAR — rim gradien emas + glow (primary) */
    .btn-neon.daftar {
        border: 2px solid transparent;
        color: #ffe08a;
        background:
            linear-gradient(180deg, rgba(255,255,255,.06) 0%, rgba(255,255,255,0) 45%) padding-box,
            linear-gradient(180deg, #1c1c1c 0%, #131313 55%, #0c0c0c 100%) padding-box,
            linear-gradient(135deg, #fff6d5 0%, #ffd45a 50%, #f0a92e 100%) border-box;
        box-shadow: inset 0 1px 0 rgba(255,255,255,.10), inset 0 -3px 8px rgba(0,0,0,.5), 0 0 14px rgba(255,190,60,.5), 0 4px 12px rgba(0,0,0,.45);
    }
    .btn-neon:active { transform: scale(0.98); filter: brightness(1.08); }
    /* ===== DESKTOP (>=769px): tema emas konsisten dgn mobile ===== */
    @media (min-width: 769px) {
        /* baseline desktop: band header besar HILANG — logo pindah ke .menu-logo di baris menu */
        .as-header-top { display: none !important; }
        .menu-wrapper {
            display: flex; align-items: center; gap: 16px;
            max-width: 100%; margin: 0; padding: 8px 24px;
            background:
                radial-gradient(50% 160% at 10% 50%, rgba(245,205,95,.09), transparent 55%),
                repeating-linear-gradient(135deg, rgba(214,218,228,.045) 0 1px, transparent 1px 15px),
                #0f0f0f;
            border-style: solid; border-width: 1px 0 2px 0; border-image: linear-gradient(90deg,#8a6a1e 0%,#f2d488 22%,#d7dae2 50%,#f2d488 78%,#8a6a1e 100%) 1;
            box-shadow: 0 3px 16px rgba(0,0,0,.5);
        }
        .menu-logo { margin-left: 2%; flex-shrink: 0; display: flex; align-items: center; }
        .menu-logo img { width: 210px; height: auto; filter: drop-shadow(0 0 12px rgba(255,190,60,.4)); }
        .menu-list { gap: 2px; flex: 1; justify-content: center; align-items: stretch; flex-wrap: nowrap; }
        .menu-item {
            position: relative; width: 84px; flex-shrink: 0;
            display: flex; flex-direction: column; align-items: center; justify-content: center;
            padding: 7px 0 6px; border-radius: 8px;
            transition: background .15s;
        }
        .menu-item:hover { background: rgba(255,190,60,.07); }
        /* container ikon+label: <div class=icon-wrapper> ATAU <a> (Promosi) → dipaksa identik */
        .menu-item .icon-wrapper, .menu-item > a {
            display: flex; flex-direction: column; align-items: center; justify-content: center;
            gap: 0; margin: 0; padding: 0; width: 100%; height: 100%;
            text-decoration: none; color: inherit; line-height: 1;
        }
        /* baris ikon tinggi tetap → semua ikon center di garis yang sama, label rata */
        .menu-item .icon-wrapper > img, .menu-item > a > img {
            width: 34px; height: 34px; object-fit: contain;
            display: block; margin: 0 auto 6px; flex: 0 0 34px;
        }
        .menu-item span, .menu-item a span {
            font-size: 9.5px; letter-spacing: .5px; line-height: 1.1;
            white-space: nowrap; display: block; color: #e8e2d2; margin: 0;
        }
        .menu-item:hover img { filter: drop-shadow(0 0 7px rgba(255,190,60,.8)); }
        .mi-hot { position: absolute; top: -7px; left: 50%; transform: translateX(-50%); background: linear-gradient(180deg,#ff6b52,#e01f1f); color: #fff; font-size: 8px; font-weight: 800; letter-spacing: 1px; padding: 2px 9px; border-radius: 8px; box-shadow: 0 1px 5px rgba(0,0,0,.5); z-index: 2; }
        .menu-item span, .menu-item a span { font-family: 'gilroybold', Arial, sans-serif; font-size: 11px; text-transform: uppercase; letter-spacing: .4px; }
        .menu-item:hover span { color: #ffd45a; }
        .menu-dropdown { background: rgba(16,16,16,.97); border: 1px solid rgba(255,190,60,.25); box-shadow: 0 10px 30px rgba(0,0,0,.6); }
        /* Banner desktop: rasio asli 1920x613 (full-bleed, tanpa crop) */
        #mainCarousel { max-width: 100%; margin: 0 0 10px; }
        #mainCarousel .carousel-item { position: relative; aspect-ratio: 1920 / 613; height: auto; overflow: hidden; background: #0c0c0c; }
        #mainCarousel .carousel-item::before {
            content: ""; position: absolute; inset: -30px;
            background-image: var(--bnr); background-size: cover; background-position: center;
            filter: blur(24px) brightness(.45); z-index: 0;
        }
        #mainCarousel .carousel-item img {
            position: relative; z-index: 1;
            width: 100% !important; height: 100% !important;
            display: block; object-fit: cover; object-position: center;
            border-radius: 0 !important;
        }
        .jp-wrap { display: block !important; max-width: 1140px; margin: 4px auto 10px !important; }
        .x7 { grid-template-columns: repeat(6, 1fr); }
        .vc-dep-grid { grid-template-columns: repeat(5, 1fr); }
        .as-slot-section { max-width: 1140px; }
        .as-bank-section > .container { max-width: 1140px; }
        .as-login-button { background: linear-gradient(170deg, #ffe08a 0%, #ffd45a 30%, #f5b93f 65%, #e69f26 100%) !important; border: 0 !important; color: #1a1200 !important; font-family: 'gilroybold', Arial, sans-serif; font-weight: 800; letter-spacing: 1px; }
        .as-daftar-button { background: rgba(255,190,60,.06) !important; border: 1.5px solid rgba(255,212,90,.65) !important; color: #ffd45a !important; font-family: 'gilroybold', Arial, sans-serif; font-weight: 800; letter-spacing: 1px; }
    }
    @media (max-width: 768px) {
        /* --- padat & rapi ala GADUNSLOT: section edge-to-edge + gap antar-blok tipis --- */
        .as-navbar-small-home            { padding-top: 6px; padding-bottom: 6px; }
        .as-navbar-small-home .container { padding-left: 8px; padding-right: 8px; }
        .as-running-text.py-2            { padding-top: 5px !important; padding-bottom: 5px !important; }
        .as-slot-section,
        .as-bank-section,
        .as-article-section,
        .as-game-provider-list           { max-width: 100%; padding-left: 8px; padding-right: 8px; }
        .as-slot-section.mt-4            { margin-top: 12px !important; }
        .as-bank-section.mt-2           { margin-top: 10px !important; }
        .as-game-provider-list.my-4     { margin-top: 12px !important; margin-bottom: 12px !important; }
        .as-slot-section-frame.p-3      { padding: 0.65rem !important; }
        .as-section-title               { margin-bottom: 8px; }
    }

.as-running-text-wrap { margin: 4px auto 12px; padding: 0 8px; }
.rt-ticker {
    display: flex; align-items: stretch; gap: 0;
    background: linear-gradient(180deg, #1c1c1c 0%, #0f0f0f 100%);
    border: 1px solid rgba(255,190,60,.30);
    border-radius: 11px; overflow: hidden;
    box-shadow: 0 3px 12px rgba(0,0,0,.5), inset 0 0 14px rgba(255,190,60,.05);
    position: relative;
}
.rt-badge {
    display: flex; align-items: center; gap: 5px;
    padding: 9px 13px 9px 11px; font-size: 10px; font-weight: 800;
    letter-spacing: 1.3px; color: #1a1200; flex-shrink: 0; z-index: 2;
    background: linear-gradient(135deg, #ffe999 0%, #f0a92e 100%);
    box-shadow: 0 0 12px rgba(255,190,60,.45);
}
.rt-badge::after {
    content: ""; position: absolute; left: 100%; top: 0; bottom: 0; width: 15px;
    background: inherit; transform: translateX(-8px) skewX(-16deg);
    box-shadow: 0 0 12px rgba(255,190,60,.45);
}
.rt-badge-ico { font-size: 13px; line-height: 1; display: inline-block;
    transform-origin: 50% 12%; animation: rt-ring 2s ease-in-out infinite; }
@keyframes rt-ring {
    0%, 62%, 100% { transform: rotate(0); }
    68% { transform: rotate(-15deg); } 74% { transform: rotate(13deg); }
    82% { transform: rotate(-8deg); } 90% { transform: rotate(4deg); }
}
.rt-marquee { overflow: hidden; flex: 1; min-width: 0; display: flex; align-items: center; }
.rt-track { display: inline-block; white-space: nowrap; padding-left: 100%;
    animation: rt-scroll 24s linear infinite;
    font-size: 12px; font-weight: 500; color: #ece7da; letter-spacing: .2px; }
.rt-track .hl { color: #ffcf5c; font-weight: 800; }
.rt-ticker:active .rt-track { animation-play-state: paused; }
@keyframes rt-scroll { 0% { transform: translateX(0); } 100% { transform: translateX(-100%); } }
@media (min-width: 768px) {
    .as-running-text-wrap { max-width: 1140px; margin-top: 8px; }
    .rt-track { font-size: 13px; }
}

/* ===== Game-type menu: compact GADUNSLOT style (rounded container + arrows) ===== */
        .as-navbar-small-home {
            background: #131313 !important;
            padding: 0 !important;
            margin: 10px 8px !important;
            border: 1px solid rgba(255,255,255,.09);
            border-radius: 14px;
            overflow: hidden;
            box-shadow: 0 4px 14px rgba(0,0,0,.45);
        }
        .as-navbar-small-home .container { padding: 0 !important; max-width: 100%; position: relative; }
        .as-navbar-small-home .horizontal-scroll-wrapper { gap: 0 !important; padding: 0 30px; scroll-behavior: smooth; }
        .gtm-arrow {
            position: absolute; top: 50%; transform: translateY(-50%);
            width: 30px; height: 30px; border-radius: 50%;
            background: rgba(24,24,24,.9); border: 1px solid rgba(255,206,92,.45);
            color: #f4c667; font-size: 13px; line-height: 1;
            display: flex; align-items: center; justify-content: center;
            z-index: 6; cursor: pointer; user-select: none;
            box-shadow: 0 0 8px rgba(0,0,0,.6);
        }
        .gtm-arrow:active { background: rgba(60,45,15,.95); }
        .gtm-arrow.gtm-left { left: 5px; }
        .gtm-arrow.gtm-right { right: 5px; }
        .as-navbar-small-home .horizontal-scroll-wrapper > div a img { width: 34px; height: 34px; object-fit: contain; }
        /* ===== Preview provider per kategori (tap icon menu) ===== */
        .gtype-prev { display: none; margin: -2px 8px 10px; background: #131313; border: 1px solid rgba(255,190,60,.25); border-radius: 12px; padding: 9px 10px 8px; box-shadow: 0 4px 12px rgba(0,0,0,.4); }
        .gtype-prev.show { display: block; }
        .gtype-prev .gp-title { font-size: 9px; letter-spacing: 1.6px; color: #ffd45a; font-weight: 800; text-transform: uppercase; margin-bottom: 7px; }
        .gtype-prev .gp-row { display: flex; gap: 8px; overflow-x: auto; scrollbar-width: none; }
        .gtype-prev .gp-row::-webkit-scrollbar { display: none; }
        .gtype-prev .gp-item { flex: 0 0 auto; width: 88px; background: #1d1d1d; border: 1px solid rgba(255,255,255,.08); border-radius: 9px; padding: 8px 6px 6px; text-align: center; text-decoration: none; }
        .gtype-prev .gp-item:active { border-color: rgba(255,190,60,.5); }
        .gtype-prev .gp-item img { width: 100%; height: 24px; object-fit: contain; display: block; margin: 0 auto 5px; }
        .gtype-prev .gp-item span { font-size: 8.5px; color: #cfc6ae; font-weight: 700; letter-spacing: .3px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; }
        .as-navbar-small-home .gtype-on { filter: drop-shadow(0 0 6px rgba(255,190,60,.8)); }
        /* ===== Slot Populer: RTP game cards (GADUN/crispy style) ===== */
        .as-slot-section { padding-left: 8px !important; padding-right: 8px !important; }
        .xe {
            background: linear-gradient(180deg, #131313 0%, #131313 100%);
            border: 1px solid rgba(255,255,255,.09);
            border-radius: 14px;
            box-shadow: 0 4px 14px rgba(0,0,0,.45);
            padding: 12px 10px;
        }
        /* Banner miring ala CINCIN — versi keren: shine sweep + trailing line + ikon */
        .xe .as-section-title {
            display: flex; align-items: center; gap: 10px;
            margin: 0 0 12px 0; padding: 0;
            background: none; box-shadow: none; clip-path: none;
            font-size: 13px; font-weight: 800; text-transform: uppercase; letter-spacing: 1.4px; color: #fff;
        }
        .xe .as-section-title > span {
            position: relative; overflow: hidden; flex: 0 0 auto;
            display: inline-flex; align-items: center; gap: 6px;
            padding: 7px 30px 7px 14px;
            background: linear-gradient(100deg, #8a5410 0%, #d9891c 45%, #ffc94f 100%);
            clip-path: polygon(0 0, 100% 0, calc(100% - 20px) 100%, 0 100%);
            text-shadow: 0 1px 2px rgba(0,0,0,.55);
            box-shadow: 0 3px 10px rgba(0,0,0,.4), 0 0 15px rgba(255,190,60,.4);
        }
        /* kilau menyapu */
        .xe .as-section-title > span::before {
            content: ""; position: absolute; top: 0; left: -60%; width: 40%; height: 100%;
            background: linear-gradient(100deg, transparent, rgba(255,255,255,.5), transparent);
            transform: skewX(-18deg); animation: jpSweep 3.6s ease-in-out infinite; pointer-events: none;
        }
        /* garis emas menjulur ke kanan */
        .xe .as-section-title::after {
            content: ""; flex: 1 1 auto; height: 2px; border-radius: 2px;
            background: linear-gradient(90deg, rgba(255,190,60,.9), rgba(255,190,60,0));
            box-shadow: 0 0 7px rgba(255,190,60,.45);
        }
        .x7 {
            display: grid; grid-template-columns: repeat(3, 1fr); gap: 9px;
        }
        .x4 {
            background: #131313;
            border: 1px solid rgba(255,190,60,.30);
            border-radius: 12px; padding: 5px 5px 7px;
            box-shadow: 0 3px 9px rgba(0,0,0,.4);
        }
        .x5 { text-decoration: none; display: block; }
        .xc {
            position: relative; border-radius: 9px; overflow: hidden;
            border: 1px solid rgba(255,190,60,.35);
            aspect-ratio: 1 / 1; background: #2a0808;
        }
        .xc > img {
            width: 100%; height: 100%; object-fit: cover; display: block;
        }
        .xa {
            position: absolute; top: 50%; left: 50%;
            transform: translate(-50%, -50%) scale(.8);
            font-size: 10px; font-weight: 800; letter-spacing: 1px; color: #1a1a1a;
            background: linear-gradient(180deg, #ffe07a, #f0a92e);
            padding: 5px 13px; border-radius: 20px;
            opacity: 0; transition: .18s ease; pointer-events: none;
            box-shadow: 0 0 12px rgba(255,190,60,.6);
        }
        .x5:active .xa { opacity: 1; transform: translate(-50%, -50%) scale(1); }
        .x3 {
            position: absolute; left: 0; right: 0; bottom: 0;
            display: flex; align-items: center; gap: 4px;
            padding: 4px 5px;
            background: linear-gradient(180deg, rgba(10,0,0,0) 0%, rgba(10,0,0,.82) 45%);
        }
        .xb {
            font-size: 7.5px; font-weight: 800; color: #fff; letter-spacing: .4px;
            flex-shrink: 0;
        }
        .xd {
            flex: 1; height: 6px; border-radius: 4px;
            background: rgba(255,255,255,.22); overflow: hidden; min-width: 0;
        }
        .x6 { display: block; height: 100%; border-radius: 4px; }
        .x6.high { background: linear-gradient(90deg, #37d04f, #7cff8a); }
        .x6.mid  { background: linear-gradient(90deg, #6fd83a, #b6f04a); }
        .x6.low  { background: linear-gradient(90deg, #f0c53a, #f0a92e); }
        .x9 {
            font-size: 8px; font-weight: 800; color: #fff; letter-spacing: .2px;
            flex-shrink: 0; font-variant-numeric: tabular-nums;
        }
        .x8 {
            margin-top: 6px; text-align: center;
            font-size: 9.5px; font-weight: 700; line-height: 1.15;
            color: #ffb64d; letter-spacing: .2px;
            display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
            overflow: hidden; min-height: 22px;
        }
        @media (min-width: 480px) {
            .x7 { grid-template-columns: repeat(4, 1fr); }
        }
        @media (min-width: 768px) {
            .x7 { grid-template-columns: repeat(6, 1fr); gap: 12px; }
            .x8 { font-size: 11px; }
            .xb { font-size: 9px; } .x9 { font-size: 9.5px; }
        }
        .as-navbar-small-home .horizontal-scroll-wrapper > div {
            width: 80px; flex: 0 0 auto; margin: 0;
        }
        .as-navbar-small-home .horizontal-scroll-wrapper > div:first-child { margin-left: auto; }
        .as-navbar-small-home .horizontal-scroll-wrapper > div:last-child { margin-right: auto; }
        .as-navbar-small-home a { display: block; padding: 9px 0 8px; text-decoration: none; }
        .as-navbar-small-home .horizontal-scroll-wrapper > div:active {
            background-image: radial-gradient(circle at top center, rgba(255,255,255,.18) 0, rgba(255,255,255,0) 100%);
        }
        .as-navbar-small-home a > img {
            display: block; width: 26px !important; height: 26px !important;
            object-fit: contain; margin: 0 auto 5px !important;
        }
        .as-navbar-small-home a > div {
            font-size: 10px; font-weight: 600; letter-spacing: .3px;
            text-transform: uppercase; color: #fff; line-height: 1.1;
            white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
            padding: 0 3px;
        }
        .as-navbar-small-home .hot-badge {
            top: 1px; right: 14px; font-size: 7.5px; font-weight: 700;
            padding: 1px 4px; border-radius: 4px; letter-spacing: .3px;
            box-shadow: 0 0 6px rgba(255,40,40,.55);
        }
        /* ===== Jackpot bar ===== */
        .jp-wrap { margin: 10px 8px; }
        .jp-bar {
            position: relative; overflow: hidden;
            display: flex; flex-direction: row; align-items: center; gap: 11px;
            padding: 8px 14px; border-radius: 14px;
            background: #131313;
            border: 1px solid rgba(255,255,255,.09);
            box-shadow: 0 4px 14px rgba(0,0,0,.45);
        }
        .jp-bar::after {
            content: ""; position: absolute; top: 0; left: -60%; width: 45%; height: 100%;
            background: linear-gradient(100deg, transparent, rgba(255,255,255,.09), transparent);
            transform: skewX(-18deg); animation: jpSweep 3.6s ease-in-out infinite; pointer-events: none;
        }
        @keyframes jpSweep { 0% { left: -60%; } 55% { left: 130%; } 100% { left: 130%; } }
        .jp-logo {
            height: 42px; width: auto; flex-shrink: 0; z-index: 1; display: block;
            filter: drop-shadow(0 0 7px rgba(255,190,60,.5)) drop-shadow(0 2px 4px rgba(0,0,0,.6));
        }
        .jp-text { display: flex; flex-direction: column; min-width: 0; z-index: 1; }
        .jp-label {
            font-size: 8.5px; letter-spacing: 2px; font-weight: 700; text-transform: uppercase;
            color: #fff; opacity: .8; line-height: 1;
        }
        #jackpot-number {
            font-family: 'Orbitron', 'Segoe UI', sans-serif; font-weight: 800;
            font-size: clamp(18px, 5.4vw, 23px); letter-spacing: .5px; line-height: 1.15; margin-top: 2px;
            white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
            background: linear-gradient(180deg, #fff6d5 0%, #ffd45a 45%, #f0a92e 100%);
            -webkit-background-clip: text; background-clip: text;
            -webkit-text-fill-color: transparent; color: #ffd45a;
            text-shadow: 0 0 10px rgba(255,190,60,.35); font-variant-numeric: tabular-nums;
        }
        .jp-live {
            position: absolute; top: 7px; right: 10px; z-index: 2;
            display: flex; align-items: center; gap: 4px;
            font-size: 8.5px; color: #8fe08f; font-weight: 700; text-transform: uppercase; letter-spacing: 1px;
        }
        .jp-live .dot {
            width: 6px; height: 6px; border-radius: 50%; background: #2ecc4f;
            box-shadow: 0 0 7px #2ecc4f; animation: jpBlink 1.2s ease-in-out infinite;
        }
        @keyframes jpBlink { 0%, 100% { opacity: 1; } 50% { opacity: .25; } }

.horizontal-scroll-container {
        position: relative;
    }

    .horizontal-scroll-wrapper {
        -webkit-overflow-scrolling: touch;
        white-space: nowrap;
        overflow-x: auto;
        scrollbar-width: none;
        -ms-overflow-style: none;
    }

    .horizontal-scroll-wrapper::-webkit-scrollbar {
        display: none;
    }

    .horizontal-scroll-wrapper>div {
        flex: 0 0 auto;
        width: 80px;
    }

    .scroll-button {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        background-color: rgba(0, 0, 0, 0.5);
        color: white;
        border: none;
        border-radius: 50%;
        width: 32px;
        height: 32px;
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: 10;
        cursor: pointer;
    }

    .scroll-left {
        left: 0;
    }

    .scroll-right {
        right: 0;
    }

    .hot-badge {
        position: absolute;
        /* Untuk memposisikan badge relatif terhadap elemen induknya */
        top: 0px;
        /* Meningkatkan jarak di atas untuk menutupi lebih banyak ikon */
        right: 40px;
        /* Meningkatkan jarak di sisi kanan untuk menutupi lebih banyak ikon */
        background-color: red;
        color: white;
        font-size: 10px;
        font-weight: bold;
        padding: 2px 6px;
        border-radius: 5px;
        box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
    }

.artikel-panel {
        background: rgba(255,255,255,0.05);
        border: 1px solid rgba(255,255,255,0.08);
        border-radius: 12px;
        padding: 2rem 2.5rem;
        margin: 0 auto;
        max-width: 960px;
    }
    .article-content {
        font-size: 0.85rem;
        line-height: 1.9;
        text-align: justify;
        color: #d0d0d0;
    }
    .article-content a {
        font-weight: 700;
        color: inherit;
        text-decoration: none;
    }
    .article-content a:hover {
        color: inherit;
        text-decoration: none;
    }

.bank-method-header,
    .contact-header {
        font-size: 1.2rem;
        font-weight: bold;
        color: white;
        margin-bottom: 1rem;
        display: flex;
        align-items: center;
    }

    .bank-method-header .icon-bank,
    .contact-header .icon-headphones {
        margin-right: 0.5rem;
    }

    .as-horizontal-separator { margin: 8px 0; opacity: .15; }
    /* Frame + banner section (shared: Metode Deposit, Provider) */
    .as-bank-section { background: transparent !important; }
    .vc-frame { background: #131313; border: 1px solid rgba(255,255,255,.09); border-radius: 14px; box-shadow: 0 4px 14px rgba(0,0,0,.45); padding: 12px 10px; }
    .vc-banner { display: flex; align-items: center; gap: 10px; margin: 0 0 12px 0; padding: 0; font-size: 13px; font-weight: 800; text-transform: uppercase; letter-spacing: 1.4px; color: #fff; }
    .vc-banner > span { position: relative; overflow: hidden; flex: 0 0 auto; display: inline-flex; align-items: center; gap: 6px; padding: 7px 30px 7px 14px; background: linear-gradient(100deg, #8a5410 0%, #d9891c 45%, #ffc94f 100%); clip-path: polygon(0 0, 100% 0, calc(100% - 20px) 100%, 0 100%); text-shadow: 0 1px 2px rgba(0,0,0,.55); box-shadow: 0 3px 10px rgba(0,0,0,.4), 0 0 15px rgba(255,190,60,.4); }
    .vc-banner > span::before { content: ""; position: absolute; top: 0; left: -60%; width: 40%; height: 100%; background: linear-gradient(100deg, transparent, rgba(255,255,255,.5), transparent); transform: skewX(-18deg); animation: jpSweep 3.6s ease-in-out infinite; pointer-events: none; }
    .vc-banner::after { content: ""; flex: 1 1 auto; height: 2px; border-radius: 2px; background: linear-gradient(90deg, rgba(255,190,60,.9), rgba(255,190,60,0)); box-shadow: 0 0 7px rgba(255,190,60,.45); }

    /* Kotak Metode Deposit — kartu logo ala GADUN (bar hijau + badge AUTO) */
    .vc-dep-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px 10px; margin-top: 4px; }
    .vc-dep { display: flex; align-items: stretch; gap: 6px; text-decoration: none; }
    .vc-dep .vbar { width: 4px; border-radius: 3px; background: #39e75f; box-shadow: 0 0 7px rgba(57,231,95,.55); flex-shrink: 0; }
    .vc-dep .vcard { position: relative; flex: 1; display: flex; align-items: center; justify-content: center; height: 52px; border-radius: 8px; padding: 6px 8px; min-width: 0; }
    .vc-dep.dark .vcard { background: #3a3a3a; border: 1px solid rgba(255,255,255,.09); }
    .vc-dep.lite .vcard { background: #fff; border: 2px solid #d9a13c; box-shadow: 0 2px 6px rgba(0,0,0,.35); }
    .vc-dep img { max-width: 82%; max-height: 30px; object-fit: contain; display: block; }
    .vc-dep .auto { position: absolute; top: -7px; left: 50%; transform: translateX(-50%); background: #2dbe4a; color: #fff; font-size: 8px; font-weight: 800; letter-spacing: 1.2px; padding: 2px 11px; border-radius: 8px; line-height: 1.25; box-shadow: 0 1px 4px rgba(0,0,0,.4); }
    .vc-dep:active .vcard { filter: brightness(1.12); }

    .as-contact-list a {
        display: flex;
        align-items: center;
        color: white;
        font-size: 0.875rem;
        text-decoration: none;
        padding: 6px 10px;
        transition: all 0.2s ease;
    }

    .as-contact-list a:hover {
        color: #00f0ff;
    }

    .as-contact-list span {
        margin-right: 8px;
        font-size: 1.2rem;
    }

    @media (max-width: 576px) {
        .as-metode-deposit-nologo .method-name-box {
            height: 38px;
            font-size: 0.75rem;
        }

        .as-contact-list a {
            font-size: 0.75rem;
        }
    }

/* ===== Footer mobile ala GADUN (tema emas) ===== */
.vc-footer { display: block; margin: 14px 8px 10px; }
@media (min-width: 769px) { .vc-footer { max-width: 1140px; margin: 16px auto 12px; } .vc-footer .xj { grid-template-columns: repeat(4, 1fr); } }
.vc-footer .xm { background: #131313; border: 1px solid rgba(255,255,255,.09); border-radius: 14px; box-shadow: 0 4px 14px rgba(0,0,0,.45); padding: 14px 13px 12px; }
.vc-footer h4 { font-size: 12px; font-weight: 800; color: #ffd45a; text-transform: uppercase; letter-spacing: 1px; margin: 0 0 6px; }
.vc-footer .xl { font-size: 10.5px; line-height: 1.7; color: #b9b09a; text-align: justify; margin: 0; }
.vc-footer hr { border: 0; border-top: 1px solid rgba(255,190,60,.14); margin: 12px 0; }
.vc-footer .xj { display: grid; grid-template-columns: 1fr 1fr; gap: 12px 10px; }
.vc-footer .xj h4 { font-size: 10px; letter-spacing: 1.4px; }
.vc-footer .xj ul { list-style: none; margin: 0; padding: 0; }
.vc-footer .xj li { margin: 0 0 5px; }
.vc-footer .xj a { font-size: 10.5px; color: #cfc6ae; text-decoration: none; }
.vc-footer .xj a:active { color: #ffd45a; }
.vc-footer .xi { display: flex; flex-wrap: wrap; gap: 6px; }
.vc-footer .xh { background: #fff; border-radius: 6px; padding: 4px 7px; display: inline-flex; align-items: center; }
.vc-footer .xh img { height: 14px; width: auto; max-width: 52px; object-fit: contain; display: block; }
.vc-footer .xh:nth-child(-n+3), .vc-footer .xh:last-child { background: #2c2c2c; }
.vc-footer .xk { font-size: 9.5px; line-height: 1.7; color: #948c78; text-align: center; margin: 0; }
.vc-footer .xg { display: flex; justify-content: center; gap: 8px; margin: 10px 0 8px; }
.vc-footer .xf { display: inline-flex; align-items: center; justify-content: center; width: 30px; height: 30px; border-radius: 50%; border: 2px solid #e04545; color: #ff6b6b; font-size: 10px; font-weight: 800; }

/* ===== Bagian bawah ala CINCINSLOT (desktop) — tema emas-gelap ===== */
.cs-bottom { max-width: 1180px; margin: 22px auto 6px; padding: 34px 34px 30px; background: #131313; border-radius: 18px; }

/* Trust badges */
.cs-trust { display: flex; justify-content: center; align-items: flex-start; gap: 54px; flex-wrap: wrap; margin: 4px 0 20px; }
.cs-badge { display: flex; align-items: center; gap: 11px; }
.cs-badge .cs-ico { width: 44px; height: 44px; flex: 0 0 44px; border-radius: 50%; border: 2px solid rgba(255,190,60,.55); display: flex; align-items: center; justify-content: center; font-size: 19px; color: #ffd45a; background: radial-gradient(circle at 30% 25%, rgba(255,190,60,.16), rgba(20,20,20,.9)); box-shadow: 0 0 12px rgba(255,190,60,.18); }
.cs-badge .cs-bt { line-height: 1.15; }
.cs-badge .cs-bt b { display: block; font-size: 12.5px; font-weight: 800; letter-spacing: .5px; color: #f3ead4; text-transform: uppercase; }
.cs-badge .cs-bt span { display: block; font-size: 11px; color: #b9b09a; text-transform: uppercase; letter-spacing: .3px; }

/* Stats bar */
.cs-stats { display: flex; align-items: center; gap: 8px; border: 2px solid rgba(255,190,60,.65); border-radius: 16px; background: linear-gradient(180deg,#181614,#111); box-shadow: 0 6px 20px rgba(0,0,0,.5), inset 0 1px 0 rgba(255,255,255,.05); padding: 18px 26px; margin-bottom: 20px; }
.cs-stat { display: flex; flex-direction: column; gap: 5px; flex: 1; min-width: 0; }
.cs-stat.cs-stat-goog { flex: 0 0 auto; align-items: flex-end; }
.cs-stat > .cs-h { font-size: 27px; font-weight: 900; letter-spacing: .5px; background: linear-gradient(180deg,#fff4d8,#e7b93f); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.cs-stat .cs-sub { display: flex; align-items: center; gap: 8px; font-size: 13px; color: #cfc6ae; }
.cs-stat .cs-pill { display: inline-flex; align-items: center; justify-content: center; min-width: 30px; height: 26px; padding: 0 9px; border-radius: 8px; background: linear-gradient(180deg,#ffd867,#e9a91f); color: #201700; font-weight: 900; font-size: 15px; box-shadow: 0 2px 6px rgba(0,0,0,.4); }
.cs-sep { width: 1px; align-self: stretch; background: linear-gradient(180deg,transparent,rgba(255,190,60,.35),transparent); margin: 2px 4px; }
.cs-goog-label { font-size: 12px; color: #cfc6ae; margin-bottom: 6px; }
.cs-goog { display: inline-flex; align-items: center; gap: 9px; background: #fff; border-radius: 10px; padding: 9px 18px; box-shadow: 0 3px 10px rgba(0,0,0,.4); }
.cs-goog svg { width: 19px; height: 19px; flex: 0 0 19px; }
.cs-goog b { font-size: 16px; font-weight: 800; letter-spacing: 1px; color: #202124; }

/* Live panels: NEW DEPOSIT / NEW WITHDRAW */
.cs-live { display: grid; grid-template-columns: 1fr 1fr; gap: 26px; margin-bottom: 26px; }
.cs-panel { border: 2px solid rgba(255,190,60,.6); border-radius: 14px; background: #050505; overflow: hidden; box-shadow: 0 6px 20px rgba(0,0,0,.5); }
.cs-panel-h { background: #0b0b0b; color: #fff; font-weight: 800; font-size: 15px; letter-spacing: 1.5px; padding: 13px 18px; border-bottom: 2px solid rgba(255,190,60,.35); }
.cs-live-view { height: 232px; overflow: hidden; position: relative; padding: 8px; }
.cs-live-track { display: flex; flex-direction: column; gap: 8px; animation: csScroll 22s linear infinite; }
.cs-panel:hover .cs-live-track { animation-play-state: paused; }
@keyframes csScroll { from { transform: translateY(0); } to { transform: translateY(-50%); } }
.cs-row { display: flex; align-items: center; gap: 12px; background: linear-gradient(180deg,#ffd155,#f0a921); border-radius: 9px; padding: 11px 16px; box-shadow: inset 0 1px 0 rgba(255,255,255,.35); }
.cs-row .cs-av { width: 30px; height: 30px; flex: 0 0 30px; border-radius: 50%; background: radial-gradient(circle at 35% 30%,#3a3a3a,#0c0c0c); border: 1px solid rgba(255,190,60,.6); display: flex; align-items: center; justify-content: center; font-size: 12px; color: #ffd45a; }
.cs-row .cs-nm { font-size: 13.5px; font-weight: 700; color: #241a02; flex: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.cs-row .cs-amt { font-size: 14px; font-weight: 900; color: #201500; white-space: nowrap; }

/* Provider wall — transparan, nyatu dengan gradient section, logo putih redup */
.cs-prov-wrap { border-top: 1px solid rgba(255,190,60,.16); padding-top: 26px; margin-top: 8px; }
.cs-prov { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 26px 42px; }
.cs-prov img { height: 26px; width: auto; max-width: 122px; object-fit: contain; filter: grayscale(1) brightness(1.7) opacity(.62); transition: filter .18s ease, transform .18s ease; }
.cs-prov img:hover { filter: grayscale(0) brightness(1) opacity(1); transform: scale(1.1); }

/* ===== cs-bottom versi mobile (<=768px) — sebelumnya desktop-only, kini tampil di HP ===== */
@media (max-width: 768px){
  .cs-bottom { max-width: none; margin: 14px 10px 4px; padding: 18px 13px 20px; border-radius: 14px; }

  .cs-trust { gap: 14px 8px; margin: 2px 0 16px; }
  .cs-badge { flex: 0 0 calc(50% - 6px); justify-content: center; gap: 8px; }
  .cs-badge .cs-ico { width: 38px; height: 38px; flex-basis: 38px; font-size: 16px; }
  .cs-badge .cs-bt b { font-size: 10.5px; }
  .cs-badge .cs-bt span { font-size: 9px; }

  .cs-stats { display: none; }  /* stats bar tidak perlu di mobile */

  .cs-live { display: none; }  /* live feed deposit/withdraw tidak perlu di mobile */

  .cs-prov-wrap { padding-top: 18px; }
  .cs-prov { gap: 16px 22px; }
  .cs-prov img { height: 20px; max-width: 92px; }
}

/* ===== Bottom navbar ala GADUN: flat mono icons, item aktif emas ===== */
    .as-bottom-navbar { background: #131313 !important; border-top: 1px solid rgba(255,255,255,.08); padding: 8px 0 9px !important; box-shadow: 0 -3px 12px rgba(0,0,0,.5); }
    .as-bottom-navbar .as-nav-link-bottom { padding: 0 !important; }
    .as-bottom-navbar .x1 { width: 27px; height: 27px; object-fit: contain; display: block; margin: 0 auto 4px; }
    .as-bottom-navbar .x2 { font-size: 11.5px; font-weight: 600; color: #cfcfcf; letter-spacing: .2px; line-height: 1; display: block; }
    .as-bottom-navbar .x0 .x2 { color: #f4c667; font-weight: 700; }

#abc123-container { display: none; align-items: center; justify-content: space-evenly; position: fixed; z-index: 11; top: 0; left: 0; right: 0; bottom: 0;}#xyz456-wrapper { width: 85%; min-width: 315px; max-width: 500px; min-height: 210px; position: relative; z-index: 11; overflow: visible; border-radius: 5px;}#xyz456-wrapper img { width: 100%; border-radius: 5px 5px 0 0;}#xyz456-wrapper button { width: 100%; padding: 0.75rem; font-size: 16px; font-weight: 700; border: none; border-radius: 0 0 5px 5px; background-color: #ff0000; color: white;}#xyz456-wrapper, #xyz456-wrapper * { font-family: 'Poppins', "Segoe UI", sans-serif;}.grayX888 { background: #181818 no-repeat; }.aniIn789 { animation: aniIn789 0.6s ease-out both;}@keyframes aniIn789 { 0% { transform: scale(0); opacity: 0; } 100% { transform: scale(1); opacity: 1; }}.aniOut321 { animation: aniOut321 0.6s ease-in both;}@keyframes aniOut321 { 0% { transform: scale(1); opacity: 1; } 100% { transform: scale(0); opacity: 0; }}#bg999 { background-color: rgba(0, 0, 0, 0.86); position: fixed; z-index: 10; top: 0; left: 0; right: 0; bottom: 0;}.fade789 { animation: fade789 1.2s ease both;}@keyframes fade789 { 0% { opacity: 0; } 100% { opacity: 1; }}.fade321 { animation: fade321 0.6s ease-out both;}@keyframes fade321 { 0% { opacity: 1; } 100% { opacity: 0; }}.modalX999 { width: 85%; max-width: 500px; border-radius: 6px; background: #1c1c1c; color: white; overflow: hidden; box-shadow: 0 0 15px rgba(0,0,0,0.8);}.modalBody888 { background-color: #181818;}.modalBtn555 { background-color: #ff0000; color: white; font-weight: bold; width: 100%; padding: 10px; border: none; font-size: 16px;}

/* ===== Popup Login ala GADUN (tema emas) ===== */
#loginmodal .modal-dialog{ width: calc(100% - 26px); max-width: 400px; margin: 1.6rem auto; }
#loginmodal .vc-lm-content{
    background: linear-gradient(180deg,#17140b 0%,#0d0b07 100%);
    border: 1px solid rgba(255,212,90,.28);
    border-radius: 16px;
    box-shadow: 0 18px 50px rgba(0,0,0,.6), 0 0 0 1px rgba(0,0,0,.4);
    padding: 26px 24px 22px;
    position: relative;
    overflow: hidden;
}
#loginmodal .vc-lm-content::before{
    content:""; position:absolute; top:0; left:0; right:0; height:3px;
    background: linear-gradient(90deg,#f0a92e,#ffd45a,#f0a92e);
}
#loginmodal .vc-lm-close{
    position:absolute; top:12px; right:14px; width:30px; height:30px;
    background: rgba(255,255,255,.06); border:0; border-radius:8px;
    color:#e7ecf5; font-size:20px; line-height:1; cursor:pointer;
    transition: background .15s,color .15s;
}
#loginmodal .vc-lm-close:hover{ background: rgba(255,212,90,.18); color:#ffd45a; }
#loginmodal .vc-lm-head{ text-align:center; margin: 2px 0 18px; -webkit-user-select:none; user-select:none; }
#loginmodal .vc-lm-title{
    margin:0; font-family:'gilroybold',Arial,sans-serif; font-weight:800;
    font-size:26px; letter-spacing:4px; color:#ffd45a;
    text-shadow: 0 0 16px rgba(255,190,60,.35);
}
#loginmodal .vc-lm-sub{ margin-top:6px; color:#9aa0ad; font-size:12.5px; }
#loginmodal .vc-lm-field{ margin-bottom:14px; }
#loginmodal .vc-lm-label{
    display:block; margin:0 2px 7px; font-size:12.5px; font-weight:700;
    letter-spacing:.4px; color:#d7dae2;
}
#loginmodal .vc-lm-input-wrap{
    display:flex; align-items:center; background:#1b1c24;
    border:1px solid rgba(255,212,90,.16); border-radius:11px;
    padding:0 6px 0 12px; transition:border-color .15s, box-shadow .15s;
}
#loginmodal .vc-lm-input-wrap:focus-within{
    border-color: rgba(255,212,90,.65);
    box-shadow: 0 0 0 3px rgba(255,190,60,.12);
}
#loginmodal .vc-lm-ic{ color:#8a7a45; font-size:15px; flex-shrink:0; }
#loginmodal .vc-lm-input{
    flex:1; background:transparent; border:0; outline:0;
    color:#f3f5fa; font-size:14px; padding:13px 10px;
}
#loginmodal .vc-lm-input::placeholder{ color:#6a7180; }
#loginmodal .vc-lm-eye{
    background:none; border:0; color:#7d8494; cursor:pointer;
    padding:8px; display:flex; align-items:center;
}
#loginmodal .vc-lm-eye:hover{ color:#ffd45a; }
#loginmodal .vc-lm-forgot{ text-align:right; margin:-4px 2px 16px; }
#loginmodal .vc-lm-forgot a{ color:#ffd45a; font-size:12.5px; text-decoration:none; }
#loginmodal .vc-lm-forgot a:hover{ text-decoration:underline; }
#loginmodal .vc-lm-submit{
    width:100%; border:0; border-radius:11px; padding:14px 0;
    background: linear-gradient(180deg,#ffd45a 0%,#f0a92e 100%);
    color:#1a1200; font-family:'gilroybold',Arial,sans-serif; font-weight:800;
    font-size:15px; letter-spacing:2px; text-transform:uppercase; cursor:pointer;
    box-shadow: 0 6px 18px rgba(240,169,46,.35); transition: filter .15s, transform .05s;
}
#loginmodal .vc-lm-submit:hover{ filter:brightness(1.06); }
#loginmodal .vc-lm-submit:active{ transform: translateY(1px); }
#loginmodal .vc-lm-foot{
    text-align:center; margin-top:16px; color:#9aa0ad; font-size:13px;
}
#loginmodal .vc-lm-foot a{ color:#ffd45a; font-weight:700; text-decoration:none; }
#loginmodal .vc-lm-foot a:hover{ text-decoration:underline; }

/* ===== Popup Daftar ala GADUN (tema emas) — paralel dgn #loginmodal ===== */
#registermodal .modal-dialog{ width: calc(100% - 26px); max-width: 420px; margin: 1.3rem auto; }
#registermodal .vc-rm-content{
    background: linear-gradient(180deg,#17140b 0%,#0d0b07 100%);
    border: 1px solid rgba(255,212,90,.28);
    border-radius: 16px;
    box-shadow: 0 18px 50px rgba(0,0,0,.6), 0 0 0 1px rgba(0,0,0,.4);
    padding: 24px 22px 20px;
    position: relative; overflow: hidden;
    max-height: calc(100vh - 2.6rem);
    display: flex; flex-direction: column;
}
#registermodal .vc-rm-content::before{
    content:""; position:absolute; top:0; left:0; right:0; height:3px;
    background: linear-gradient(90deg,#f0a92e,#ffd45a,#f0a92e); z-index:2;
}
#registermodal .vc-rm-close{
    position:absolute; top:12px; right:14px; width:30px; height:30px; z-index:3;
    background: rgba(255,255,255,.06); border:0; border-radius:8px;
    color:#e7ecf5; font-size:20px; line-height:1; cursor:pointer;
    transition: background .15s,color .15s;
}
#registermodal .vc-rm-close:hover{ background: rgba(255,212,90,.18); color:#ffd45a; }
#registermodal .vc-rm-head{ text-align:center; margin: 2px 0 14px; -webkit-user-select:none; user-select:none; flex-shrink:0; }
#registermodal .vc-rm-title{
    margin:0; font-family:'gilroybold',Arial,sans-serif; font-weight:800;
    font-size:24px; letter-spacing:3px; color:#ffd45a;
    text-shadow: 0 0 16px rgba(255,190,60,.35);
}
#registermodal .vc-rm-sub{ margin-top:5px; color:#9aa0ad; font-size:12.5px; }
#registermodal .vc-rm-scroll{ overflow-y:auto; overflow-x:hidden; padding-right:6px; margin-right:-6px; }
#registermodal .vc-rm-scroll::-webkit-scrollbar{ width:6px; }
#registermodal .vc-rm-scroll::-webkit-scrollbar-thumb{ background:rgba(255,190,60,.3); border-radius:6px; }
#registermodal .vc-rm-field{ margin-bottom:12px; }
#registermodal .vc-rm-label{
    display:block; margin:0 2px 6px; font-size:12px; font-weight:700;
    letter-spacing:.4px; color:#d7dae2;
}
#registermodal .vc-rm-label .req{ color:#ffb43c; }
#registermodal .vc-rm-input-wrap{
    display:flex; align-items:center; background:#1b1c24;
    border:1px solid rgba(255,212,90,.16); border-radius:11px;
    padding:0 6px 0 12px; transition:border-color .15s, box-shadow .15s;
}
#registermodal .vc-rm-input-wrap:focus-within{
    border-color: rgba(255,212,90,.65);
    box-shadow: 0 0 0 3px rgba(255,190,60,.12);
}
#registermodal .vc-rm-ic{ color:#8a7a45; font-size:15px; flex-shrink:0; }
#registermodal .vc-rm-input, #registermodal .vc-rm-select{
    flex:1; background:transparent; border:0; outline:0;
    color:#f3f5fa; font-size:14px; padding:12px 10px; width:100%;
}
#registermodal .vc-rm-select{ cursor:pointer; -webkit-appearance:none; appearance:none; }
#registermodal .vc-rm-select option{ background:#1b1c24; color:#f3f5fa; }
#registermodal .vc-rm-input::placeholder{ color:#6a7180; }
#registermodal .vc-rm-eye{
    background:none; border:0; color:#7d8494; cursor:pointer;
    padding:8px; display:flex; align-items:center;
}
#registermodal .vc-rm-eye:hover{ color:#ffd45a; }
#registermodal .vc-rm-submit{
    width:100%; border:0; border-radius:11px; padding:14px 0; margin-top:4px;
    background: linear-gradient(180deg,#ffd45a 0%,#f0a92e 100%);
    color:#1a1200; font-family:'gilroybold',Arial,sans-serif; font-weight:800;
    font-size:15px; letter-spacing:2px; text-transform:uppercase; cursor:pointer;
    box-shadow: 0 6px 18px rgba(240,169,46,.35); transition: filter .15s, transform .05s;
    flex-shrink:0;
}
#registermodal .vc-rm-submit:hover{ filter:brightness(1.06); }
#registermodal .vc-rm-submit:active{ transform: translateY(1px); }
#registermodal .vc-rm-foot{
    text-align:center; margin-top:14px; color:#9aa0ad; font-size:13px; flex-shrink:0;
}
#registermodal .vc-rm-foot a{ color:#ffd45a; font-weight:700; text-decoration:none; }
#registermodal .vc-rm-foot a:hover{ text-decoration:underline; }

/* ===== Offcanvas ala GADUN (tema emas) ===== */
    .as-canvas-right, #igamingslidemenu.offcanvas.offcanvas-end { background: #101010 !important; width: 82vw !important; max-width: 330px !important; right: 0 !important; left: auto !important; border-left: 1px solid rgba(255,190,60,.2); box-shadow: -6px 0 24px rgba(0,0,0,.6); }
    .oc-head { display: flex; align-items: center; justify-content: space-between; padding: 14px 16px 10px; border-bottom: 1px solid rgba(255,190,60,.15); }
    .oc-head img { width: 130px; height: auto; }
    .oc-close { background: none; border: 0; color: #fff; font-size: 26px; line-height: 1; padding: 2px 6px; }
    .oc-cta { display: flex; flex-direction: column; gap: 10px; padding: 14px 16px 4px; }
    .oc-btn { display: block; text-align: center; padding: 13px 0; border-radius: 10px; font-family: 'gilroybold', Arial, sans-serif; font-size: 15px; letter-spacing: 2px; text-transform: uppercase; text-decoration: none; }
    .oc-btn.masuk { background: linear-gradient(170deg, #ffe08a 0%, #ffd45a 30%, #f5b93f 65%, #e69f26 100%); color: #1a1200; font-weight: 800; box-shadow: 0 0 14px rgba(255,190,60,.35); }
    .oc-btn.daftar { border: 1.5px solid rgba(255,212,90,.65); color: #ffd45a; background: rgba(255,190,60,.05); }
    .oc-list { margin-top: 12px; border-top: 1px solid rgba(255,255,255,.07); }
    .oc-row { display: flex; align-items: center; gap: 13px; width: 100%; padding: 13px 16px; background: none; border: 0; border-bottom: 1px solid rgba(255,255,255,.07); color: #eee; font-size: 13.5px; font-weight: 600; text-decoration: none; text-align: left; }
    .oc-row .oc-ic { font-size: 17px; width: 22px; text-align: center; flex-shrink: 0; }
    .oc-row .oc-arrow { margin-left: auto; color: #8b8b8b; font-size: 16px; transition: transform .2s; }
    .oc-row[aria-expanded="true"] .oc-arrow { transform: rotate(90deg); color: #ffd45a; }
    .oc-sub { display: flex; align-items: center; gap: 11px; padding: 10px 16px 10px 34px; color: #cfc6ae; font-size: 12.5px; text-decoration: none; border-bottom: 1px solid rgba(255,255,255,.04); }
    .oc-sub img { width: 19px; height: 19px; object-fit: contain; }
    .oc-sub:active { color: #ffd45a; }
    .oc-time { display: block; padding: 10px 16px; font-size: 10px; color: #7d7666; }

    /* ---- Offcanvas interior PRODUKSI (class .as-*) → tema emas ---- */
    #igamingslidemenu .as-offcanvas-header { background:#101010 !important; border-bottom:1px solid rgba(255,190,60,.15) !important; }
    #igamingslidemenu .as-offcanvas-body { background:#101010 !important; }
    #igamingslidemenu .btn-close, #igamingslidemenu .as-close-button {
        background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffd45a'%3E%3Cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3E%3C/svg%3E") center/1em auto no-repeat !important;
        opacity:1 !important;
    }
    #igamingslidemenu .time-container { color:#7d7666 !important; }
    #igamingslidemenu .as-accordion-item, #igamingslidemenu .accordion-item { background:transparent !important; border:0 !important; border-bottom:1px solid rgba(255,255,255,.07) !important; }
    #igamingslidemenu .as-accordion-button, #igamingslidemenu .accordion-button { background:transparent !important; color:#eee !important; font-weight:600 !important; box-shadow:none !important; }
    #igamingslidemenu .as-accordion-button:not(.collapsed), #igamingslidemenu .as-accordion-button[aria-expanded="true"], #igamingslidemenu .accordion-button:not(.collapsed) { color:#ffd45a !important; background:rgba(255,190,60,.05) !important; }
    #igamingslidemenu .as-accordion-button:not(.collapsed)::after, #igamingslidemenu .accordion-button:not(.collapsed)::after { filter: invert(78%) sepia(60%) saturate(600%) hue-rotate(1deg) brightness(103%); }
    #igamingslidemenu .as-accordion-body, #igamingslidemenu .accordion-body { background:rgba(0,0,0,.25) !important; }
    #igamingslidemenu .as-offcanvas-sub-menu { color:#cfc6ae !important; }
    #igamingslidemenu .as-offcanvas-sub-menu:hover, #igamingslidemenu .as-offcanvas-sub-menu:active { color:#ffd45a !important; }
    #igamingslidemenu .as-sidebar-mainmenu a, #igamingslidemenu .as-language-link { color:#eee !important; }
    #igamingslidemenu .as-sidebar-mainmenu a:hover, #igamingslidemenu .as-language-link:hover { color:#ffd45a !important; }
    #igamingslidemenu [class^="icon-"], #igamingslidemenu [class*=" icon-"] { color:#ffd45a; }
    #igamingslidemenu .as-logout-button.btn-success { background:linear-gradient(180deg,#ffd45a 0%,#f0a92e 100%) !important; border:0 !important; color:#1a1200 !important; font-weight:800 !important; box-shadow:0 0 14px rgba(255,190,60,.35) !important; }
    #igamingslidemenu .as-logout-button.btn-success [class^="icon-"] { color:#1a1200 !important; }
    #igamingslidemenu .as-logout-button.btn-danger { background:rgba(220,53,69,.92) !important; border:0 !important; color:#fff !important; }
    #igamingslidemenu .as-logout-button.btn-danger [class^="icon-"] { color:#fff !important; }

.whatsapp {
            bottom: 5em;
            left: 10px;
            opacity: 1;
            transition: opacity 0.5s ease 0s;
            box-sizing: border-box;
            direction: ltr;
            position: fixed;
            z-index: 100;
        }

        .whatsapp-container {
            display: flex;
            margin-top: 14px;
            position: relative;
            -webkit-box-pack: start;
            justify-content: flex-start;
        }

        .whatsapp-link {
            width: 60px;
            height: 60px;
            order: 1;
            padding: 5px;
            box-sizing: border-box;
            border-radius: 50%;
            cursor: pointer;
            overflow: hidden;
            box-shadow: rgb(0 0 0 / 40%) 2px 2px 6px;
            transition: all 0.5s ease 0s;
            position: relative;
            z-index: 3;
            display: block;
            border: 0;
            background: #00a500;
        }

        .whatsapp-icon {
            width: 45px;
            height: 45px;
            margin-top: 0;
            margin-left: 0;
        }

        .site-description a,
        .site-description h1,
        .site-description h2,
        .site-description h3,
        .site-description h4,
        .site-description h5,
        .site-description h6 {
            color: #ff3300;
        }

        .site-description li,
        .site-description p {
            color: #fff;
            font-size: 16px;
        }

        .site-description ul {
            display: block;
            list-style-type: disc;
            margin-block-start: 1em;
            margin-block-end: 1em;
            margin-inline-start: 0;
            margin-inline-end: 0;
            padding-inline-start: 40px;
        }

        .site-description li {
            display: list-item;
            text-align: -webkit-match-parent;
        }

        .site-description ol {
            display: block;
            list-style-type: decimal;
            margin-block-start: 1em;
            margin-block-end: 1em;
            margin-inline-start: 0;
            margin-inline-end: 0;
            padding-inline-start: 40px;
        }

        .copyright,
        .site-description {
            text-align: inherit;
        }

        ul#blacklabel-tme {
            width: auto;
            padding: 0;
            position: fixed;
            bottom: 140px;
            left: 10px;
            z-index: 9999;
            color: #fff;
            font-weight: 400;
            font-family: 'digital_sans_ef_medium', Arial, Helvetica, sans-serif;
        }

        #blacklabel-tme li {
            cursor: pointer;
            height: 62px;
            position: relative;
            list-style-type: none;
        }

        #blacklabel-tme .icon {
            background-color: rgba(248, 50, 0, 0.42);
            border-radius: 2px;
            display: block;
            color: #ff3300;
            float: none;
            height: 62px;
            line-height: 62px;
            margin: 5px 0;
            position: relative;
            text-align: left;
            text-indent: 50px;
            text-shadow: #333 0 1px 0;
            white-space: nowrap;
            width: 62px;
            z-index: 9999;
            -webkit-transition: width 0.25s ease-in-out, background-color 0.25s ease-in-out;
            -moz-transition: width 0.25s ease-in-out, background-color 0.25s ease-in-out;
            -o-transition: width 0.25s ease-in-out, background-color 0.25s ease-in-out;
            transition: width 0.25s ease-in-out, background-color 0.25s ease-in-out;
            text-decoration: none;
        }

        #blacklabel-tme span:hover {
            visibility: hidden;
        }

        #blacklabel-tme span {
            display: block;
            top: 15px;
            position: absolute;
            left: 90px;
        }

        #blacklabel-tme .whatsapp-icon {
            color: #000;
            overflow: hidden;
        }

        #blacklabel-tme .tme-blacklabel {
            background: transparent url(https://recehjadirumah.com/img/telegram.png) 0 0 no-repeat;
            background-color: transparent;
            background-size: cover;
            width: 60px;
            height: 60px;
        }

        ul#RTP-blacklabel {
            width: auto;
            padding: 0;
            position: fixed;
            bottom: 135px;
            left: 10px;
            z-index: 9999;
            color: #fff;
            font-weight: 400;
            font-family: 'digital_sans_ef_medium', Arial, Helvetica, sans-serif;
        }

        #RTP-blacklabel li {
            cursor: pointer;
            height: 62px;
            position: relative;
            list-style-type: none;
        }

        #RTP-blacklabel .icon {
            background-color: rgba(248, 50, 0, 0.42);
            border-radius: 2px;
            display: block;
            color: #ff3300;
            float: none;
            height: 62px;
            line-height: 62px;
            margin: 5px 0;
            position: relative;
            text-align: left;
            text-indent: 50px;
            text-shadow: #333 0 1px 0;
            white-space: nowrap;
            width: 62px;
            z-index: 9999;
            -webkit-transition: width 0.25s ease-in-out, background-color 0.25s ease-in-out;
            -moz-transition: width 0.25s ease-in-out, background-color 0.25s ease-in-out;
            -o-transition: width 0.25s ease-in-out, background-color 0.25s ease-in-out;
            transition: width 0.25s ease-in-out, background-color 0.25s ease-in-out;
            text-decoration: none;
        }

        #RTP-blacklabel span:hover {
            visibility: hidden;
        }

        #RTP-blacklabel span {
            display: block;
            top: 15px;
            position: absolute;
            left: 90px;
        }

        #RTP-blacklabel .whatsapp-icon {
            color: #000;
            overflow: hidden;
        }

        #RTP-blacklabel .rtp-blacklabel {
            background: transparent url(https://imgdate.com/w31nFto2.gif) 0 0 no-repeat;
            background-color: transparent;
            background-size: cover;
            width: 60px;
            height: 60px;
        }

        table.blacklabel {
            font-family: 'digital_sans_ef_medium', Arial, Helvetica, sans-serif;
            width: 100%;
            text-align: left;
            border-collapse: collapse;
            font-size: calc(8px+1vh);
            margin: 0 20px 0 0;
        }

        table.blacklabel td,
        table.blacklabel th {
            border: 1px solid #e0bf03;
            padding: 10px 5px 10px;
        }

        table.blacklabel tbody td {
            font-size: calc(8px+1vh);
            font-weight: 500;
            color: #bfbfbf;
        }

        table.blacklabel thead {
            background: #ff3300;
        }

        table.blacklabel thead th {
            font-size: calc(12px+1vh);
            font-weight: 700;
            color: #fff;
            text-align: center;
            background: radial-gradient(circle 214px at 46.5% 54.2%, #ff3300 0, #000 96%);
        }

.floating-button-group {
                position: fixed !important;
                left: 10px;
                z-index: 1065 !important;
                display: block;
                background: transparent !important;
            }
            .floating-button {
                width: 60px;
                height: 60px;
                margin-bottom: 10px;
                border-radius: 4px;
                background-size: cover;
                background-position: center;
                background-repeat: no-repeat;
                background-color: transparent !important;
            }
            .btn-whatsapp {
                background: transparent !important;
                display: flex;
                align-items: center;
                justify-content: center;
            }
            .btn-whatsapp img {
                width: 45px;
                height: 45px;
            }
            @media (max-width: 768px) {
                .floating-button-group { display: none !important; }
            }
            .btn-rtp {
                background-image: url('https://imgdate.com/w31nFto2.gif');
            }

/* ===== Pelurusan kiri-kanan (desktop): semua section = 1140px flush ===== */
@media (min-width: 769px) {
    .as-running-text-wrap { max-width: 1140px; padding-left: 0; padding-right: 0; }
    .xe { max-width: 1140px; margin-left: auto; margin-right: auto; }
    .as-bank-section > .container { max-width: 1140px; padding-left: 0; padding-right: 0; }
    .cs-bottom { max-width: 1140px; }
    .vc-footer { max-width: 1140px; }
    /* bagian atas mepet: buang padding .navbar bootstrap + margin menu, banner nempel band nav */
    nav.as-navbar { padding: 0 !important; margin: 0 !important; }
    .menu-wrapper { margin: 0 !important; }
    #mainCarousel { margin-top: 0 !important; }
    /* simetris dgn kolom konten: isi topbar & band menu dikunci ke kolom 1140px yg sama dgn widget */
    .vc-topbar { padding-left: max(24px, calc((100% - 1140px) / 2)) !important; padding-right: max(24px, calc((100% - 1140px) / 2)) !important; }
    .vc-topbar .tb-left { margin: 0 !important; }
    .menu-wrapper { padding-left: max(24px, calc((100% - 1140px) / 2)) !important; padding-right: max(24px, calc((100% - 1140px) / 2)) !important; }
    .menu-logo { margin-left: 0 !important; }
    /* 10 item menu dikompres rata di dalam kolom (jangan overflow lewat tepi kanan) */
    .menu-wrapper { overflow: hidden; }
    .menu-list { flex: 1 1 0 !important; min-width: 0 !important; width: auto !important; gap: 2px !important; justify-content: space-between !important; }
    nav.as-navbar .menu-list li.menu-item { flex: 1 1 0 !important; min-width: 0 !important; padding: 0 !important; margin: 0 !important; }
    .menu-item .icon-wrapper, .menu-item > a { width: 100% !important; padding: 7px 2px 6px !important; }
    .menu-item .icon-wrapper > span:last-child, .menu-item > a > span:last-child { font-size: 9px !important; letter-spacing: .3px !important; }
    /* jackpot bar desktop: diperbesar & dipertegas (rule dasar = skala mobile) */
    .jp-bar {
        padding: 16px 28px !important; gap: 20px; border-radius: 16px;
        border: 1px solid rgba(255,190,60,.35);
        background:
            radial-gradient(55% 170% at 8% 50%, rgba(255,190,60,.13), transparent 55%),
            repeating-linear-gradient(135deg, rgba(255,190,60,.03) 0 2px, transparent 2px 13px),
            #131313;
        box-shadow: 0 6px 20px rgba(0,0,0,.5), 0 0 18px rgba(255,190,60,.10);
    }
    .jp-logo { height: 68px !important; }
    .jp-label { font-size: 13px !important; letter-spacing: 3.5px !important; opacity: .85; }
    #jackpot-number { font-size: 42px !important; letter-spacing: 1.5px !important; margin-top: 4px !important; }
    .jp-live { top: 12px !important; right: 18px !important; font-size: 11px !important; gap: 6px; }
    .jp-live .dot { width: 8px !important; height: 8px !important; }
    /* margin rapi antar widget: ritme vertikal seragam 14px */
    .as-running-text-wrap { margin: 14px auto !important; }
    .jp-wrap { margin: 14px auto !important; }
    .xe { margin-top: 14px !important; margin-bottom: 14px !important; }
    .as-bank-section { margin-top: 0 !important; }
    .as-bank-section > .container { padding-top: 0 !important; margin-top: 14px; }
    .cs-bottom { margin: 14px auto !important; }
    .vc-footer { margin: 14px auto !important; }
}
/* separator & artikel kosong: sumber gap besar antar section */
hr.as-horizontal-separator { display: none !important; }
.jp-wrap ~ br, div[style*="rgba(255, 255, 255"] + br { display: none; } /* <br> liar di index sebelum Game Populer (member tak punya .jp-wrap → target wrapper nav juga) */
@media (max-width: 768px) {
    .as-navbar-small-home { margin-bottom: 6px !important; }
    .xe { margin-top: 0; }
}
.container.my-5 { margin-top: 14px !important; margin-bottom: 14px !important; }
.container.my-5:not(:has(.artikel-panel)) { margin: 0 !important; }

/* ===== Modal MASUK & DAFTAR (gold) — markup di app.blade.php ===== */
/* ===== Popup Login ala GADUN (tema emas) ===== */
#loginmodal .modal-dialog{ width: calc(100% - 26px); max-width: 400px; margin: 1.6rem auto; }
#loginmodal .vc-lm-content{
    background: linear-gradient(180deg,#17140b 0%,#0d0b07 100%);
    border: 1px solid rgba(255,212,90,.28);
    border-radius: 16px;
    box-shadow: 0 18px 50px rgba(0,0,0,.6), 0 0 0 1px rgba(0,0,0,.4);
    padding: 26px 24px 22px;
    position: relative;
    overflow: hidden;
}
#loginmodal .vc-lm-content::before{
    content:""; position:absolute; top:0; left:0; right:0; height:3px;
    background: linear-gradient(90deg,#f0a92e,#ffd45a,#f0a92e);
}
#loginmodal .vc-lm-close{
    position:absolute; top:12px; right:14px; width:30px; height:30px;
    background: rgba(255,255,255,.06); border:0; border-radius:8px;
    color:#e7ecf5; font-size:20px; line-height:1; cursor:pointer;
    transition: background .15s,color .15s;
}
#loginmodal .vc-lm-close:hover{ background: rgba(255,212,90,.18); color:#ffd45a; }
#loginmodal .vc-lm-head{ text-align:center; margin: 2px 0 18px; -webkit-user-select:none; user-select:none; }
#loginmodal .vc-lm-title{
    margin:0; font-family:'gilroybold',Arial,sans-serif; font-weight:800;
    font-size:26px; letter-spacing:4px; color:#ffd45a;
    text-shadow: 0 0 16px rgba(255,190,60,.35);
}
#loginmodal .vc-lm-sub{ margin-top:6px; color:#9aa0ad; font-size:12.5px; }
#loginmodal .vc-lm-field{ margin-bottom:14px; }
#loginmodal .vc-lm-label{
    display:block; margin:0 2px 7px; font-size:12.5px; font-weight:700;
    letter-spacing:.4px; color:#d7dae2;
}
#loginmodal .vc-lm-input-wrap{
    display:flex; align-items:center; background:#1b1c24;
    border:1px solid rgba(255,212,90,.16); border-radius:11px;
    padding:0 6px 0 12px; transition:border-color .15s, box-shadow .15s;
}
#loginmodal .vc-lm-input-wrap:focus-within{
    border-color: rgba(255,212,90,.65);
    box-shadow: 0 0 0 3px rgba(255,190,60,.12);
}
#loginmodal .vc-lm-ic{ color:#8a7a45; font-size:15px; flex-shrink:0; }
#loginmodal .vc-lm-input{
    flex:1; background:transparent; border:0; outline:0;
    color:#f3f5fa; font-size:14px; padding:13px 10px;
}
#loginmodal .vc-lm-input::placeholder{ color:#6a7180; }
#loginmodal .vc-lm-eye{
    background:none; border:0; color:#7d8494; cursor:pointer;
    padding:8px; display:flex; align-items:center;
}
#loginmodal .vc-lm-eye:hover{ color:#ffd45a; }
#loginmodal .vc-lm-forgot{ text-align:right; margin:-4px 2px 16px; }
#loginmodal .vc-lm-forgot a{ color:#ffd45a; font-size:12.5px; text-decoration:none; }
#loginmodal .vc-lm-forgot a:hover{ text-decoration:underline; }
#loginmodal .vc-lm-submit{
    width:100%; border:0; border-radius:11px; padding:14px 0;
    background: linear-gradient(180deg,#ffd45a 0%,#f0a92e 100%);
    color:#1a1200; font-family:'gilroybold',Arial,sans-serif; font-weight:800;
    font-size:15px; letter-spacing:2px; text-transform:uppercase; cursor:pointer;
    box-shadow: 0 6px 18px rgba(240,169,46,.35); transition: filter .15s, transform .05s;
}
#loginmodal .vc-lm-submit:hover{ filter:brightness(1.06); }
#loginmodal .vc-lm-submit:active{ transform: translateY(1px); }
#loginmodal .vc-lm-foot{
    text-align:center; margin-top:16px; color:#9aa0ad; font-size:13px;
}
#loginmodal .vc-lm-foot a{ color:#ffd45a; font-weight:700; text-decoration:none; }
#loginmodal .vc-lm-foot a:hover{ text-decoration:underline; }

/* ===== Popup Daftar ala GADUN (tema emas) — paralel dgn #loginmodal ===== */
#registermodal .modal-dialog{ width: calc(100% - 26px); max-width: 420px; margin: 1.3rem auto; }
#registermodal .vc-rm-content{
    background: linear-gradient(180deg,#17140b 0%,#0d0b07 100%);
    border: 1px solid rgba(255,212,90,.28);
    border-radius: 16px;
    box-shadow: 0 18px 50px rgba(0,0,0,.6), 0 0 0 1px rgba(0,0,0,.4);
    padding: 24px 22px 20px;
    position: relative; overflow: hidden;
    max-height: calc(100vh - 2.6rem);
    display: flex; flex-direction: column;
}
#registermodal .vc-rm-content::before{
    content:""; position:absolute; top:0; left:0; right:0; height:3px;
    background: linear-gradient(90deg,#f0a92e,#ffd45a,#f0a92e); z-index:2;
}
#registermodal .vc-rm-close{
    position:absolute; top:12px; right:14px; width:30px; height:30px; z-index:3;
    background: rgba(255,255,255,.06); border:0; border-radius:8px;
    color:#e7ecf5; font-size:20px; line-height:1; cursor:pointer;
    transition: background .15s,color .15s;
}
#registermodal .vc-rm-close:hover{ background: rgba(255,212,90,.18); color:#ffd45a; }
#registermodal .vc-rm-head{ text-align:center; margin: 2px 0 14px; -webkit-user-select:none; user-select:none; flex-shrink:0; }
#registermodal .vc-rm-title{
    margin:0; font-family:'gilroybold',Arial,sans-serif; font-weight:800;
    font-size:24px; letter-spacing:3px; color:#ffd45a;
    text-shadow: 0 0 16px rgba(255,190,60,.35);
}
#registermodal .vc-rm-sub{ margin-top:5px; color:#9aa0ad; font-size:12.5px; }
#registermodal .vc-rm-scroll{ overflow-y:auto; overflow-x:hidden; padding-right:6px; margin-right:-6px; }
#registermodal .vc-rm-scroll::-webkit-scrollbar{ width:6px; }
#registermodal .vc-rm-scroll::-webkit-scrollbar-thumb{ background:rgba(255,190,60,.3); border-radius:6px; }
#registermodal .vc-rm-field{ margin-bottom:12px; }
#registermodal .vc-rm-label{
    display:block; margin:0 2px 6px; font-size:12px; font-weight:700;
    letter-spacing:.4px; color:#d7dae2;
}
#registermodal .vc-rm-label .req{ color:#ffb43c; }
#registermodal .vc-rm-input-wrap{
    display:flex; align-items:center; background:#1b1c24;
    border:1px solid rgba(255,212,90,.16); border-radius:11px;
    padding:0 6px 0 12px; transition:border-color .15s, box-shadow .15s;
}
#registermodal .vc-rm-input-wrap:focus-within{
    border-color: rgba(255,212,90,.65);
    box-shadow: 0 0 0 3px rgba(255,190,60,.12);
}
#registermodal .vc-rm-ic{ color:#8a7a45; font-size:15px; flex-shrink:0; }
#registermodal .vc-rm-input, #registermodal .vc-rm-select{
    flex:1; background:transparent; border:0; outline:0;
    color:#f3f5fa; font-size:14px; padding:12px 10px; width:100%;
}
#registermodal .vc-rm-select{ cursor:pointer; -webkit-appearance:none; appearance:none; }
#registermodal .vc-rm-select option{ background:#1b1c24; color:#f3f5fa; }
#registermodal .vc-rm-input::placeholder{ color:#6a7180; }
#registermodal .vc-rm-eye{
    background:none; border:0; color:#7d8494; cursor:pointer;
    padding:8px; display:flex; align-items:center;
}
#registermodal .vc-rm-eye:hover{ color:#ffd45a; }
#registermodal .vc-rm-submit{
    width:100%; border:0; border-radius:11px; padding:14px 0; margin-top:4px;
    background: linear-gradient(180deg,#ffd45a 0%,#f0a92e 100%);
    color:#1a1200; font-family:'gilroybold',Arial,sans-serif; font-weight:800;
    font-size:15px; letter-spacing:2px; text-transform:uppercase; cursor:pointer;
    box-shadow: 0 6px 18px rgba(240,169,46,.35); transition: filter .15s, transform .05s;
    flex-shrink:0;
}
#registermodal .vc-rm-submit:hover{ filter:brightness(1.06); }
#registermodal .vc-rm-submit:active{ transform: translateY(1px); }
#registermodal .vc-rm-foot{
    text-align:center; margin-top:14px; color:#9aa0ad; font-size:13px; flex-shrink:0;
}
#registermodal .vc-rm-foot a{ color:#ffd45a; font-weight:700; text-decoration:none; }
#registermodal .vc-rm-foot a:hover{ text-decoration:underline; }

#registermodal .vc-rm-prefix { color: #ffd45a; font-weight: 800; font-size: 13.5px; padding: 0 8px 0 6px; border-right: 1px solid rgba(255,255,255,.12); margin-right: 2px; flex-shrink: 0; }
.vc-rm-err { color: #ff8080; font-size: 11.5px; line-height: 1.45; margin: 5px 2px 0; }
#registermodal .vc-rm-input-wrap.is-err, #loginmodal .vc-lm-input-wrap.is-err { border-color: rgba(255,110,110,.75) !important; }
/* ===== Member bar + baris aksi (setelah login, mobile) — dari 02-postlogin ===== */
.vc-member-bar .vc-chip { font-size: 11px; text-transform: none; letter-spacing: .2px; }
.vc-member-bar .vc-gold { color: #ffd45a; font-family: 'gilroybold', Arial, sans-serif; font-weight: 800; }
.vc-member-bar .vc-refresh { cursor: pointer; opacity: .8; font-size: 13px; color: #ffd45a; }
.vc-member-bar a { color: inherit; text-decoration: none; }
.vc-actionrow { display: flex; gap: 8px; padding: 8px 10px 4px; }
.vc-actionrow .vc-act { flex: 1; display: flex; align-items: center; justify-content: center; gap: 6px; padding: 10px 0; border-radius: 9px; font-family: 'gilroybold', Arial, sans-serif; font-size: 12px; font-weight: 800; letter-spacing: .8px; text-transform: uppercase; text-decoration: none; }
.vc-act.deposit { background: linear-gradient(170deg, #ffe08a 0%, #ffd45a 30%, #f5b93f 65%, #e69f26 100%); color: #1a1200; box-shadow: inset 0 1px 0 rgba(255,255,255,.45), 0 4px 12px rgba(240,169,46,.25); }
.vc-act.withdraw { border: 1.5px solid rgba(255,212,90,.65); color: #ffd45a; background: rgba(255,190,60,.05); }
.vc-act.transaksi { background: #232323; color: #ddd; border: 1px solid rgba(255,255,255,.12); }

/* ===== Strip kategori mobile ala GADUN: badge HOT + underline item aktif ===== */
@media (max-width: 768px) {
    .as-navbar-small-home .gt-hot { position: absolute; top: -3px; right: 4px; z-index: 2; background: linear-gradient(180deg, #ff5a3c, #e01f1f); color: #fff; font-size: 7.5px; font-weight: 800; letter-spacing: .5px; padding: 1px 6px 1px 5px; border-radius: 4px 4px 4px 0; box-shadow: 0 1px 4px rgba(0,0,0,.5); }
    .as-navbar-small-home .gt-hot::after { content: ""; position: absolute; left: 0; top: 100%; border: 3px solid transparent; border-top-color: #8f1010; border-left-color: #8f1010; }
    .as-navbar-small-home .gt-on-item a > div { position: relative; padding-bottom: 5px; }
    .as-navbar-small-home .gt-on-item a > div::after { content: ""; position: absolute; left: 50%; transform: translateX(-50%); bottom: 0; width: 72%; height: 3px; border-radius: 2px; background: linear-gradient(90deg, #fff6d5, #ffd45a, #f0a92e); box-shadow: 0 0 7px rgba(255,190,60,.65); }
}

/* logo video: buang bg hitam (screen) supaya nyatu ke navbar */
video[aria-label="GOBAN789"],video[aria-label="VICI GAMING"]{mix-blend-mode:screen}

/* popup Informasi: batasi ukuran (gambar portrait jangan kegedean) */
#popupModalBeforeLogin .modal-dialog{max-width:440px}
#popupModalBeforeLogin .modal-body img,#popupModalBeforeLogin .modal-body video{max-height:80vh;width:auto;max-width:100%;display:block;margin:0 auto;border-radius:10px}

/* popup Informasi: cantik, tanpa judul, aksen gold/silver (navbar style) */
#popupModalBeforeLogin .modal-dialog{max-width:440px}
#popupModalBeforeLogin .modal-content,#popupModalBeforeLogin .as-modal-content{border-radius:16px;border:2px solid transparent;background:linear-gradient(#0c0c0c,#0c0c0c) padding-box,linear-gradient(135deg,#8a6a1e,#f2d488 30%,#d7dae2 50%,#f2d488 70%,#8a6a1e) border-box;box-shadow:0 14px 46px rgba(0,0,0,.7),0 0 22px rgba(242,212,136,.15);overflow:hidden}
#popupModalBeforeLogin .modal-header,#popupModalBeforeLogin .as-modal-header{border:0!important;padding:0!important;min-height:0!important;position:relative;z-index:3}
#popupModalBeforeLogin .modal-title{display:none!important}
#popupModalBeforeLogin .as-modal-close-link{position:absolute;top:12px;right:12px;z-index:6;width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:1.5px solid transparent;background:radial-gradient(circle,rgba(8,8,8,.85),rgba(8,8,8,.85)) padding-box,linear-gradient(135deg,#f2d488,#d7dae2,#f2d488) border-box;color:#f2d488;text-decoration:none}
#popupModalBeforeLogin .as-modal-close-link .icon-close{color:#f2d488}
#popupModalBeforeLogin .modal-body,#popupModalBeforeLogin .as-modal-body{padding:6px!important}
#popupModalBeforeLogin .modal-body img,#popupModalBeforeLogin .modal-body video{max-height:80vh;width:100%;max-width:100%;display:block;margin:0 auto;border-radius:12px}

/* strip provider slot: kartu logo bersih + nama + icon i (gadunslot style) */
#providerSlider .as-gameprovider-element{flex:0 0 auto}
#providerSlider .provider-tab-link{display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:6px;width:150px;padding:14px 8px 10px!important;position:relative;background:linear-gradient(180deg,#161616,#0c0c0c);border:1px solid rgba(255,255,255,.06);border-radius:10px;text-decoration:none}
#providerSlider .provider-tab-link.active{border:1px solid transparent;background:linear-gradient(#0e0e0e,#0e0e0e) padding-box,linear-gradient(135deg,#8a6a1e,#f2d488,#d7dae2,#f2d488,#8a6a1e) border-box}
#providerSlider .provider-img-wrap{height:46px;display:flex;align-items:center;justify-content:center;margin:0!important}
#providerSlider .provider-img-wrap img{max-height:44px;max-width:120px;width:auto;object-fit:contain}
#providerSlider .provider-initials{width:44px;height:44px;font-size:16px}
#providerSlider .as-provider-name{color:#e8e2d0;font-size:12px;font-weight:700;text-align:center;white-space:nowrap}
#providerSlider .prov-info{position:absolute;top:7px;right:7px;width:16px;height:16px;border-radius:50%;border:1px solid rgba(255,255,255,.3);color:rgba(255,255,255,.55);font-size:10px;font-style:italic;display:flex;align-items:center;justify-content:center;line-height:1}

/* provider toolbar (header nama + tabs + search) dark-gold */
.prov-head{margin:14px 0 0;padding:12px 16px;text-align:center;font-family:'gilroybold',Arial,sans-serif;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:#f2d488;font-size:16px;background:linear-gradient(180deg,#141414,#0b0b0b);border-top:1px solid rgba(242,212,136,.25);border-bottom:1px solid rgba(242,212,136,.25)}
.prov-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 4px 14px;background:#0b0b0b}
.prov-tabs{display:flex;gap:6px;flex:1;min-width:0;flex-wrap:wrap}
.prov-tab{background:transparent;border:1px solid rgba(255,255,255,.08);color:#c9c3b3;padding:9px 16px;border-radius:9px;font-size:12.5px;font-weight:700;cursor:pointer;white-space:nowrap;transition:.15s}
.prov-tab:hover{color:#f2d488;border-color:rgba(242,212,136,.4)}
.prov-tab.active{background:linear-gradient(170deg,#ffe08a,#ffd45a 35%,#f5b93f 70%,#e69f26);color:#1a1200;border-color:transparent;box-shadow:0 3px 12px rgba(240,169,46,.3)}
.prov-search{position:relative;display:flex;align-items:center;min-width:220px;flex:0 0 auto}
.prov-search .icon-search{position:absolute;left:12px;color:rgba(242,212,136,.7);z-index:2}
.prov-search input{width:100%;background:#161616;border:1px solid rgba(255,255,255,.1);border-radius:9px;color:#e8e2d0;padding:9px 30px 9px 34px;font-size:13px;outline:none}
.prov-search input:focus{border-color:rgba(242,212,136,.5)}
.prov-search .search-clear{position:absolute;right:8px;background:none;border:none;color:rgba(255,255,255,.4);cursor:pointer;font-size:13px}

/* ===== Hamburger icon → gold ☰ (override asiasigma glyph core.css, 2026-09-07) ===== */
header.as-header-top button.as-toggle-button::before{
  font-family: system-ui,-apple-system,"Segoe UI",Roboto,sans-serif !important;
  content: "\2630" !important;
  color:#f4c667 !important;
  font-size:19px !important;
  line-height:1 !important;
}
header.as-header-top button.as-toggle-button{
  border:1px solid rgba(255,206,92,.45) !important; border-radius:9px !important;
  background:rgba(24,24,24,.85) !important; box-shadow:0 0 8px rgba(0,0,0,.5) !important;
  width:36px !important; height:36px !important;
  display:flex !important; align-items:center; justify-content:center;
}