/* ===== Extracted inline style block 1 ===== */
.preview,
        .m-product-preview__glider,
        .glide,
        .glide__track {
            overflow: hidden !important;
            max-width: 100% !important;
        }


        .glide__slides {
            display: flex !important;
            margin: 0 !important;

            contain: none !important;
        }


        .glide__slide img,
        .m-product-preview__glider-img img,
        .preview .jsProductMainImage {
            max-width: 100% !important;
            height: auto !important;
            display: block !important;
            opacity: 1 !important;
            visibility: visible !important;
        }


        html,
        body {
            overflow-x: hidden !important;
        }


/* ===== Extracted inline style block 2 ===== */
.m-top-banner,
        .m-top-banner .free-shipping {
            background-color: #000000 !important;
        }


        .m-top-banner,
        .m-top-banner .free-shipping,
        .m-top-banner .free-shipping strong,
        .m-top-banner .free-shipping span {
            color: #ffffff !important;
        }


        .m-top-banner a,
        .m-top-banner a:link,
        .m-top-banner a:visited,
        .m-top-banner a:hover,
        .m-top-banner a:active {
            color: #260000 !important;
            text-decoration: none !important;
        }


        .m-top-banner img,
        .m-top-banner svg {
            filter: none !important;
        }


/* ===== Extracted inline style block 3 ===== */
/* wrapper biar sejajar kiri kanan */
                            .btn-wrapper {
                                display: flex !important;
                                align-items: center !important;
                                gap: 10px !important;
                                /* jarak antar tombol */
                            }

                            /* style dasar tombol */
                            .btn-pill {
                                display: inline-flex !important;
                                align-items: center !important;
                                justify-content: center !important;

                                padding: 10px 26px !important;
                                border-radius: 999px !important;

                                background-color: #8a0d0d !important;
                                /* MERAH */
                                color: #ffffff !important;
                                /* PUTIH */

                                text-decoration: none !important;
                                font-weight: 700 !important;
                                font-size: 14px !important;
                                line-height: 1 !important;

                                white-space: nowrap !important;
                            }

                            /* hover effect */
                            .btn-pill:hover {
                                filter: brightness(0.9) !important;
                            }


/* ===== Extracted inline style block 4 ===== */
.toto-toto-btn {
                                                        display: grid;
                                                        grid-template-columns: repeat(2, 1fr);
                                                        gap: 15px;
                                                        font-weight: 700
                                                    }

                                                    .toto-toto-btn a {
                                                        text-align: center;
                                                        text-decoration: none;
                                                        border-radius: 12px;
                                                        padding: 15px 10px;
                                                        position: relative;
                                                        overflow: hidden;
                                                        transition: all .3s ease;
                                                        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3)
                                                    }

                                                    .toto-toto-btn a:hover {
                                                        transform: translateY(-3px);
                                                        box-shadow: 0 8px 25px rgb(255, 255, 255)
                                                    }

                                                    .toto-toto-btn a::before {
                                                        content: "";
                                                        position: absolute;
                                                        top: 0;
                                                        left: -100%;
                                                        width: 100%;
                                                        height: 100%;
                                                        background: linear-gradient(90deg, transparent, rgba(138, 13, 13, 1), transparent);
                                                        transition: left .5s ease
                                                    }

                                                    .toto-toto-btn a:hover::before {
                                                        left: 100%
                                                    }

                                                    .login,
                                                    .login-button {
                                                        color: #ffffff;
                                                        background: linear-gradient(135deg, #8a0d0d 0%, #8a0d0d 25%, #000000 50%, #8a0d0d 75%, #000000 100%);
                                                        background-size: 200% 200%;
                                                        border: 2px solid #8a0d0d;
                                                        animation: gradientShift 3s ease infinite
                                                    }

                                                    .register,
                                                    .register-button {
                                                        color: #ffffff;
                                                        background: linear-gradient(135deg, #8a0d0d 0%, #8a0d0d 25%, #000000 50%, #8a0d0d 75%, #8a0d0d 75%, #000000 100%);
                                                        background-size: 200% 200%;
                                                        border: 2px solid #8a0d0d;
                                                        animation: gradientShift 3s ease infinite;
                                                        animation-delay: 1.5s
                                                    }

                                                    @keyframes gradientShift {
                                                        0% {
                                                            background-position: 0% 50%
                                                        }

                                                        50% {
                                                            background-position: 100% 50%
                                                        }

                                                        100% {
                                                            background-position: 0% 50%
                                                        }
                                                    }

                                                    .toto-toto-btn a:active {
                                                        transform: translateY(1px);
                                                        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3)
                                                    }


/* ===== Extracted inline style block 5 ===== */
:root {
                                        --gold: #8a0d0d;
                                        --gold-light: #8a0d0d;
                                        --gold-dark: #8a0d0d;
                                        --gray-dark: #8a0d0d;
                                        --gray-medium: #8a0d0d;
                                        --gray-light: #d7a13b;
                                        --white: #FFFFFF;
                                    }

                                    body {
                                        background-color: var(--gray-dark);
                                        color: var(--gray-light);
                                        line-height: 1.6;
                                    }

                                    .container {
                                        max-width: 1200px;
                                        margin: 0 auto;
                                        padding: 0 20px;
                                    }

                                    /* Header */
                                    header {
                                        background: linear-gradient(135deg, #8a0d0d 0%, #8a0d0d 100%);
                                        padding: 10px 0;
                                        text-align: center;
                                        position: relative;
                                        overflow: hidden;
                                        border-top: 5px double #ffd36a;
                                        border-bottom: 5px double #ffd36a;
                                    }

                                    .m-explore-nav.jsExploreNav {
                                        background: #8a0d0d;
                                        border-bottom: 5px double #ffd36a;
                                    }

                                    .m-footer__legal-bar {
                                        background-color: #8a0d0d;
                                    }

                                    header::before {
                                        content: '';
                                        position: absolute;
                                        top: 0;
                                        left: 0;
                                        width: 100%;
                                        height: 100%;
                                        background: linear-gradient(45deg, transparent 30%, rgba(138, 13, 13, 0.15) 50%, transparent 70%);
                                        animation: shine 8s infinite linear;
                                    }

                                    @keyframes shine {
                                        0% {
                                            transform: translateX(-100%);
                                        }

                                        100% {
                                            transform: translateX(100%);
                                        }
                                    }

                                    .logo {
                                        font-size: 3.5rem;
                                        color: #f0bc55;
                                        margin-bottom: 10px;
                                        animation: pulse 3s infinite alternate;
                                    }

                                    @keyframes pulse {
                                        0% {
                                            text-shadow: 0 0 10px rgba(178, 34, 34, 0.5);
                                        }

                                        100% {
                                            text-shadow: 0 0 20px rgba(178, 34, 34, 0.8), 0 0 30px rgba(178, 34, 34, 0.6);
                                        }
                                    }

                                    h1 {
                                        font-size: 2.2rem;
                                        margin-bottom: 15px;
                                        color: var(--white);
                                    }

                                    .description {
                                        font-size: 1.2rem;
                                        max-width: 800px;
                                        margin: 0 auto;
                                        color: var(--gray-light);
                                    }

                                    /* Artikel */
                                    .article {
                                        padding: 60px 0;
                                        background: rgba(255, 255, 255, 0.03);
                                    }

                                    .article p {
                                        margin-bottom: 25px;
                                        font-size: 1.1rem;
                                        text-align: justify;
                                    }

                                    /* Keunggulan */
                                    .features {
                                        padding: 60px 0;
                                        background: rgba(195, 0, 0, 0.08);
                                    }

                                    .section-title {
                                        text-align: center;
                                        margin-bottom: 50px;
                                        position: relative;
                                    }

                                    .section-title h2 {
                                        font-size: 2.5rem;
                                        color: #f0bc55;
                                        display: inline-block;
                                        padding-bottom: 10px;
                                    }

                                    .section-title h2::after {
                                        content: '';
                                        position: absolute;
                                        width: 100px;
                                        height: 3px;
                                        background: #8a0d0d;
                                        bottom: 0;
                                        left: 50%;
                                        transform: translateX(-50%);
                                        animation: linePulse 2s infinite;
                                    }

                                    @keyframes linePulse {

                                        0%,
                                        100% {
                                            width: 100px;
                                        }

                                        50% {
                                            width: 150px;
                                        }
                                    }

                                    .features-grid {
                                        display: grid;
                                        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
                                        gap: 30px;
                                    }

                                    .feature-card {
                                        background: linear-gradient(145deg, #8a0d0d 0%, #8a0d0d 100%);
                                        border-radius: 15px;
                                        padding: 30px;
                                        text-align: center;
                                        transition: transform 0.4s ease, box-shadow 0.4s ease;
                                        border: 1px solid rgba(138, 13, 13, 0.3);
                                        position: relative;
                                        overflow: hidden;
                                    }

                                    .feature-card::before {
                                        content: '';
                                        position: absolute;
                                        top: 0;
                                        left: 0;
                                        width: 100%;
                                        height: 5px;
                                        background: linear-gradient(90deg, #8a0d0d, #8a0d0d);
                                        transform: translateX(-100%);
                                        animation: slideIn 1s forwards;
                                    }

                                    .feature-card:hover {
                                        transform: translateY(-10px);
                                        box-shadow: 0 15px 30px rgba(0, 0, 0, 0.3), 0 0 20px rgba(138, 13, 13, 0.3);
                                    }

                                    .feature-icon {
                                        font-size: 3rem;
                                        color: #f0bc55;
                                        margin-bottom: 20px;
                                    }

                                    .feature-card h3 {
                                        font-size: 1.5rem;
                                        margin-bottom: 15px;
                                        color: #f0bc55;
                                    }

                                    /* Testimoni */
                                    .testimonials {
                                        padding: 60px 0;
                                    }

                                    .testimonial-card {
                                        background: linear-gradient(145deg, #8a0d0d 0%, #8a0d0d 100%);
                                        border-radius: 15px;
                                        padding: 30px;
                                        border: 1px solid rgba(138, 13, 13, 0.3);
                                    }

                                    .member-avatar {
                                        background: #8a0d0d;
                                        border: 2px solid #8a0d0d;
                                    }

                                    .member-details h3 {
                                        color: #f0bc55;
                                    }

                                    .rating {
                                        color: #f0bc55;
                                    }

                                    /* Footer */
                                    footer {
                                        background: var(--gray-dark);
                                        padding: 40px 0;
                                        text-align: center;
                                        border-top: 1px solid #f0bc55;
                                    }

                                    .footer-logo {
                                        color: #f0bc55;
                                    }

                                    /* Extra */
                                    .wt-grid .wt-grid__item-xs-12 {
                                        background-color: #2b0000cc;
                                        border-radius: 7px;
                                        box-shadow: 0 0 35px #8a0d0d;
                                        border: solid 1px #8a0d0d;
                                    }

                                    a {
                                        color: #f0bc55;
                                    }

                                    .wt-sem-text-primary,
                                    .wt-sem-text-secondary {
                                        color: #f0bc55 !important;
                                    }

                                    .wt-btn.wt-btn--transparent {
                                        background-color: #8a0d0d;
                                    }


/* ===== Extracted inline style block 6 ===== */
/* === Artikel Container Tema Dark Red (RAPI) === */
                                    .article-container {
                                        margin: 30px auto;
                                        padding: 25px 20px;
                                        background-color: #000000;
                                        /* box hitam */
                                        border-radius: 15px;
                                        border: 1px solid #8a0d0d;
                                        box-shadow: 0 0 10px rgba(138, 13, 13, 0.6);
                                        font-family: "Poppins", sans-serif;
                                        color: #ffffff;
                                        /* teks putih */
                                        line-height: 1.7;
                                        position: relative;
                                        overflow: hidden;
                                    }

                                    /* Paragraf */
                                    .article-container p {
                                        font-size: 15px;
                                        margin-bottom: 18px;
                                        text-align: justify;
                                        color: #ffffff;
                                    }

                                    /* Link */
                                    .article-container a {
                                        color: #f0bc55;
                                        text-decoration: underline;
                                        transition: all 0.3s ease;
                                    }

                                    .article-container a:hover {
                                        color: #ffffff;
                                        text-shadow: 0 0 6px #f0bc55;
                                    }

                                    /* List */
                                    .article-container ul,
                                    .article-container ol {
                                        margin-left: 20px;
                                        margin-bottom: 18px;
                                    }

                                    /* Blockquote */
                                    .article-container blockquote {
                                        border-left: 4px solid #f0bc55;
                                        padding-left: 15px;
                                        margin: 18px 0;
                                        font-style: italic;
                                        color: #ffffff;
                                        background-color: #8a0d0d;
                                        border-radius: 6px;
                                    }

                                    /* Responsif */
                                    @media (max-width: 600px) {
                                        .article-container {
                                            padding: 15px 12px;
                                        }

                                        .article-container p {
                                            font-size: 14px;
                                        }
                                    }

                                    /* efek kilap dark red */
                                    .article-container::after {
                                        content: "";
                                        position: absolute;
                                        top: 0;
                                        left: -150%;
                                        width: 50%;
                                        height: 100%;
                                        background: linear-gradient(120deg,
                                                rgba(138, 13, 13, 0.2) 0%,
                                                rgba(138, 13, 13, 0.3) 50%,
                                                rgba(138, 13, 13, 0.2) 100%);
                                        transform: skewX(-20deg);
                                        animation: shineArticle 3s infinite;
                                        pointer-events: none;
                                        mix-blend-mode: screen;
                                        border-radius: inherit;
                                        z-index: 2;
                                    }

                                    /* Animasi */
                                    @keyframes shineArticle {
                                        0% {
                                            left: -150%;
                                        }

                                        100% {
                                            left: 150%;
                                        }
                                    }


/* ===== Extracted inline style block 7 ===== */
/* ===== PREMIUM GOLD TABLE ===== */
                                    .yunitoto-premium-box {
                                        position: relative;
                                        margin: 30px 0;
                                        padding: 26px;
                                        border-radius: 24px;
                                        background: rgb(138 13 13);
                                        box-shadow: 0 18px 40px rgb(138 13 13 / 75%),
                                            inset 0 1px 0 #8a0d0d,
                                            0 0 25px rgb(138 13 13);
                                        overflow: hidden;
                                    }

                                    .yunitoto-premium-box:before {
                                        content: "";
                                        position: absolute;
                                        inset: 0;
                                        pointer-events: none;
                                        background: linear-gradient(120deg,
                                                transparent 0%,
                                                rgba(138, 13, 13, 0.04) 35%,
                                                transparent 70%);
                                    }

                                    .yunitoto-premium-head {
                                        text-align: center;
                                        margin-bottom: 20px;
                                    }

                                    .yunitoto-premium-head h3 {
                                        margin: 0;
                                        font-size: 28px;
                                        font-weight: 800;
                                        letter-spacing: 1.5px;
                                        text-transform: uppercase;
                                        color: #000000;
                                        text-shadow: 0 0 14px rgba(60, 195 0 0.18);
                                    }

                                    .yunitoto-premium-line {
                                        width: 1000px;
                                        height: 3px;
                                        margin: 12px auto 0;
                                        border-radius: 99px;
                                        background: linear-gradient(90deg, #8a0d0d, #8a0d0d, #8a0d0d);
                                        box-shadow: 0 0 12px rgba(195, 0, 0, 0.25);
                                    }

                                    .yunitoto-premium-table {
                                        width: 100%;
                                        border-collapse: separate;
                                        border-spacing: 0;
                                        overflow: hidden;
                                        border-radius: 18px;
                                        border: 1px solid #8a0d0d;
                                        background: rgba(0, 0, 0, 0.35);
                                    }

                                    .yunitoto-premium-table tr {
                                        transition: all .3s ease;
                                    }

                                    .yunitoto-premium-table tr:hover {
                                        background: rgba(195, 0, 0, 0.603);
                                    }

                                    .yunitoto-premium-table td {
                                        padding: 18px 16px;
                                        border-bottom: 1px solid rgba(195, 0, 0, 0.08);
                                        font-size: 15px;
                                    }

                                    .yunitoto-premium-table tr:last-child td {
                                        border-bottom: none;
                                    }

                                    .yunitoto-premium-table td.label {
                                        width: 38%;
                                        color: #ffffff;
                                        font-weight: 700;
                                        text-transform: uppercase;
                                        letter-spacing: .8px;
                                    }

                                    .yunitoto-premium-table td.value {
                                        color: #f3f3f3;
                                        font-weight: 600;
                                    }

                                    .yunitoto-badge-gold {
                                        display: inline-block;
                                        padding: 6px 12px;
                                        border-radius: 999px;
                                        border: 1px solid rgba(195, 0, 0, 0.24);
                                        background: linear-gradient(145deg, #8a0d0d, #8a0d0d);
                                        color: #ffffff;
                                        font-size: 13px;
                                        font-weight: 700;
                                        box-shadow: 0 0 12px rgba(195, 0, 0, 0.08);
                                    }

                                    .yunitoto-rating {
                                        color: #ffd36a;
                                        font-weight: 800;
                                        font-size: 18px;
                                        text-shadow: 0 0 10px rgba(255, 215, 0, 0.15);
                                    }

                                    @media(max-width:768px) {
                                        .yunitoto-premium-head h3 {
                                            font-size: 22px;
                                        }

                                        .yunitoto-premium-table td {
                                            padding: 14px 12px;
                                            font-size: 14px;
                                        }
                                    }


/* ===== Extracted inline style block 8 ===== */
.yunitoto-predict-wrap {
                                            position: relative;
                                            max-width: 1200px;
                                            margin: 35px auto;
                                            padding: 22px;
                                            border-radius: 26px;
                                            border: 2px solid #8a0d0d;
                                            background: linear-gradient(to bottom, #8a0d0d 0%, #8a0d0d 50%, #8a0d0d 100%);
                                            box-shadow: 0 20px 50px rgba(0, 0, 0, 0.8),
                                                0 0 30px rgba(138, 13, 13, 0.06),
                                                inset 0 1px 0 rgba(255, 255, 255, 0.04);
                                        }

                                        .yunitoto-predict-title {
                                            text-align: center;
                                            color: #ffffff;
                                            font-size: 24px;
                                            font-weight: 800;
                                            text-transform: uppercase;
                                            letter-spacing: 1px;
                                            margin-bottom: 18px;
                                            text-shadow: 0 0 12px rgba(255, 215, 0, 0.12);
                                        }

                                        .yunitoto-predict-card {
                                            background: linear-gradient(145deg, #000000, #000000);
                                            border: 1px solid #8a0d0d;
                                            border-radius: 18px;
                                            padding: 18px;
                                            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
                                            margin-bottom: 16px;
                                        }

                                        .yunitoto-form-grid {
                                            display: grid;
                                            grid-template-columns: repeat(2, 1fr);
                                            gap: 14px;
                                        }

                                        .yunitoto-field label {
                                            display: block;
                                            color: #ffffff;
                                            font-size: 12px;
                                            font-weight: 700;
                                            margin-bottom: 8px;
                                            text-transform: uppercase;
                                            letter-spacing: .8px;
                                        }

                                        .yunitoto-field select,
                                        .yunitoto-field input {
                                            width: 100%;
                                            height: 46px;
                                            border-radius: 12px;
                                            border: 1px solid rgba(138, 13, 13, 0.2);
                                            background: linear-gradient(to bottom, #8a0d0d 0%, #8a0d0d 50%, #8a0d0d 100%);
                                            color: #ffffff;
                                            padding: 0 14px;
                                            outline: none;
                                            box-shadow: inset 0 0 12px rgba(138, 13, 13, 0.04);
                                        }

                                        .yunitoto-field select:focus,
                                        .yunitoto-field input:focus {
                                            border-color: rgba(195, 0, 0, 0.45);
                                            box-shadow: 0 0 0 2px rgba(195, 0, 0, 0.08),
                                                0 0 14px rgba(195, 0, 0, 0.08);
                                        }

                                        .yunitoto-full {
                                            grid-column: 1 / -1;
                                        }

                                        .yunitoto-btn-gold {
                                            width: 100%;
                                            height: 50px;
                                            border: none;
                                            border-radius: 14px;
                                            cursor: pointer;
                                            font-size: 15px;
                                            font-weight: 800;
                                            text-transform: uppercase;
                                            letter-spacing: 1px;
                                            color: #ffffff;
                                            background: linear-gradient(to bottom, #8a0d0d 0%, #8a0d0d 50%, #8a0d0d 100%);
                                            box-shadow: 0 10px 20px rgba(0, 0, 0, 0.35),
                                                inset 0 1px 0 rgba(255, 255, 255, 0.3);
                                            transition: .25s ease;
                                        }

                                        .yunitoto-btn-gold:hover {
                                            transform: translateY(-2px);
                                            filter: brightness(1.04);
                                            box-shadow: 0 14px 28px rgba(0, 0, 0, 0.45),
                                                0 0 18px rgba(60, 195 0 0.18);
                                        }

                                        .yunitoto-result-head {
                                            text-align: center;
                                            color: #ffd36a;
                                            font-size: 16px;
                                            font-weight: 800;
                                            letter-spacing: 1px;
                                            margin-bottom: 16px;
                                        }

                                        .rb-result-box {
                                            border: 1px solid rgba(138, 13, 13, 0.14);
                                            border-radius: 16px;
                                            padding: 16px;
                                            background: linear-gradient(145deg, #8a0d0d, #111);
                                        }

                                        .yunitoto-result-grid {
                                            display: grid;
                                            grid-template-columns: repeat(2, 1fr);
                                            gap: 12px;
                                            margin-bottom: 14px;
                                        }

                                        .yunitoto-result-item {
                                            background: rgba(138, 13, 13, 0.03);
                                            border: 1px solid rgba(195, 0, 0, 0.08);
                                            border-radius: 12px;
                                            padding: 12px;
                                        }

                                        .yunitoto-result-item span {
                                            display: block;
                                            color: #ffd36a;
                                            font-size: 11px;
                                            text-transform: uppercase;
                                            margin-bottom: 6px;
                                            letter-spacing: .8px;
                                        }

                                        .yunitoto-result-item strong {
                                            color: #f5f5f5;
                                            font-size: 18px;
                                            font-weight: 800;
                                        }

                                        .yunitoto-number-main {
                                            text-align: center;
                                            margin: 16px 0 10px;
                                            padding: 18px;
                                            border-radius: 18px;
                                            border: 1px solid rgba(60, 195 0 0.18);
                                            background: radial-gradient(circle, rgba(195, 0, 0, 0.08), transparent 60%),
                                                linear-gradient(145deg, #8a0d0d, #111111);
                                            box-shadow: 0 0 18px rgba(195, 0, 0, 0.08);
                                        }

                                        .yunitoto-number-main span {
                                            display: block;
                                            color: #ffd36a;
                                            font-size: 12px;
                                            text-transform: uppercase;
                                            margin-bottom: 8px;
                                            letter-spacing: 1px;
                                        }

                                        .yunitoto-number-main strong {
                                            color: #ffd36a;
                                            font-size: 34px;
                                            font-weight: 900;
                                            letter-spacing: 6px;
                                            text-shadow: 0 0 14px rgba(255, 215, 0, 0.16);
                                        }

                                        .yunitoto-alt-list {
                                            display: grid;
                                            grid-template-columns: repeat(3, 1fr);
                                            gap: 10px;
                                            margin-top: 14px;
                                        }

                                        .yunitoto-alt-item {
                                            text-align: center;
                                            padding: 12px 10px;
                                            border-radius: 12px;
                                            border: 1px solid rgba(138, 13, 13, 0.1);
                                            background: linear-gradient(145deg, #8a0d0d, #121212);
                                            color: #f0f0f0;
                                            font-weight: 700;
                                        }

                                        .yunitoto-note {
                                            text-align: center;
                                            color: #ffffff;
                                            font-size: 20px;
                                            margin-top: 14px;
                                        }

                                        @media(max-width:768px) {

                                            .yunitoto-form-grid,
                                            .yunitoto-result-grid,
                                            .yunitoto-alt-list {
                                                grid-template-columns: 1fr;
                                            }

                                            .yunitoto-number-main strong {
                                                font-size: 28px;
                                                letter-spacing: 4px;
                                            }
                                        }


/* ===== Extracted inline style block 9 ===== */
.yunitoto-wrap {
                                            background: var(--yuni-toto-bg);
                                            color: var(--yuni-toto-text);
                                            font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Arial, sans-serif;
                                        }

                                        .trbtgl-container {
                                            max-width: 1425px;
                                            margin: 0 auto;
                                            padding: 0px 16px 0px;
                                        }

                                        /* Section shell */
                                        .yuni-toto-section {
                                            background: var(--yuni-toto-card);
                                            border: 1px solid var(--yuni-toto-border);
                                            border-radius: var(--yuni-toto-radius);
                                            box-shadow: var(--yuni-toto-shadow);
                                            padding: 24px;
                                            margin-bottom: 18px;
                                        }

                                        .yuni-toto-head {
                                            display: flex;
                                            align-items: center;
                                            gap: 12px;
                                            margin: 0 0 12px 0;
                                            font-size: 22px;
                                            line-height: 1.25;
                                            letter-spacing: .2px;
                                        }

                                        .yuni-toto-head svg {
                                            width: 22px;
                                            height: 22px;
                                            flex: 0 0 auto;
                                        }

                                        .yuni-toto-body {
                                            color: var(--yuni-toto-muted);
                                            font-size: 15.5px;
                                            line-height: 1.7;
                                        }

                                        .yuni-toto-body a {
                                            color: #ffd36a;
                                            text-underline-offset: 3px;
                                        }

                                        /* Pills */
                                        .yuni-toto-stats {
                                            display: flex;
                                            flex-wrap: wrap;
                                            gap: 10px;
                                            margin-top: 14px;
                                        }

                                        .yuni-toto-pill {
                                            display: inline-flex;
                                            align-items: center;
                                            gap: 8px;
                                            border: 1px dashed var(--yuni-toto-border);
                                            padding: 8px 12px;
                                            border-radius: 999px;
                                            font-size: 13.5px;
                                            color: var(--yuni-toto-text);
                                            background: linear-gradient(180deg, rgba(138, 13, 13, .08), rgba(138, 13, 13, 0));
                                        }

                                        .yuni-toto-pill svg {
                                            width: 16px;
                                            height: 16px;
                                        }

                                        /* Features grid */
                                        .yuni-toto-grid {
                                            display: grid;
                                            gap: 12px;
                                            grid-template-columns: repeat(4, minmax(0, 1fr));
                                        }

                                        @media (max-width:980px) {
                                            .yuni-toto-grid {
                                                grid-template-columns: repeat(2, minmax(0, 1fr));
                                            }
                                        }

                                        @media (max-width:520px) {
                                            .yuni-toto-grid {
                                                grid-template-columns: 1fr;
                                            }
                                        }

                                        .yuni-toto-feature {
                                            padding: 18px;
                                            border: 1px solid var(--yuni-toto-border);
                                            border-radius: 14px;
                                            background: var(--yuni-toto-card);
                                        }

                                        .yuni-toto-feature h3 {
                                            margin: 0 0 6px 0;
                                            font-size: 16.5px;
                                            display: flex;
                                            align-items: center;
                                            gap: 8px;
                                            color: var(--yuni-toto-text);
                                        }

                                        .yuni-toto-feature p {
                                            margin: 0;
                                            color: var(--yuni-toto-muted);
                                            font-size: 14.5px;
                                            line-height: 1.65;
                                        }

                                        .yuni-toto-icon {
                                            width: 18px;
                                            height: 18px;
                                            color: var(--yuni-toto-accent-2);
                                        }

                                        /* Guide steps */
                                        .yuni-toto-steps {
                                            counter-reset: step;
                                            display: flex;
                                            flex-direction: column;
                                            gap: 12px;
                                            margin: 10px 0 0 0;
                                            padding: 0;
                                            list-style: none;
                                        }

                                        .yuni-toto-step {
                                            display: flex;
                                            gap: 12px;
                                            align-items: flex-start;
                                            border: 1px solid var(--yuni-toto-border);
                                            border-radius: 12px;
                                            padding: 14px 16px;
                                            background: var(--yuni-toto-card);
                                        }

                                        .yuni-toto-step::before {
                                            counter-increment: step;
                                            content: counter(step);
                                            flex: 0 0 32px;
                                            height: 32px;
                                            display: inline-flex;
                                            align-items: center;
                                            justify-content: center;
                                            border-radius: 8px;
                                            font-weight: 700;
                                            color: #111;
                                            background: linear-gradient(180deg, #ffffff, rgba(138, 13, 13, .75));
                                            border: 1px solid rgba(138, 13, 13, .12);
                                        }

                                        /* CTA */
                                        .yuni-toto-cta {
                                            display: flex;
                                            flex-wrap: wrap;
                                            gap: 10px;
                                            margin-top: 14px;
                                        }

                                        .yuni-toto-btn {
                                            display: inline-block;
                                            padding: 10px 16px;
                                            border-radius: 10px;
                                            text-decoration: none;
                                            font-weight: 600;
                                            line-height: 1;
                                            border: 1px solid var(--yuni-toto-border);
                                        }

                                        .yuni-toto-btn--primary {
                                            background: var(--yuni-toto-accent-2);
                                            color: #fff;
                                            border-color: var(--yuni-toto-accent-2);
                                        }

                                        .yuni-toto-btn--outline {
                                            background: transparent;
                                            color: var(--yuni-toto-text);
                                        }

                                        .yuni-toto-section+.yuni-toto-section {
                                            margin-top: 14px;
                                        }


/* ===== Extracted inline style block 10 ===== */
.trbtgl-article {
                                                background: linear-gradient(135deg, rgba(0, 0, 0, 0.95) 0%, rgba(138, 13, 13, 0.95) 50%, rgba(0, 0, 0, 0.95) 100%);
                                                border-radius: 20px;
                                                padding: 40px 30px;
                                                margin: 20px 0;
                                                border: 2px solid var(--carnival-orange);
                                                box-shadow: 0 0 30px rgba(215, 161, 59, 0.3), inset 0 0 60px rgba(138, 13, 13, 0.05);
                                                position: relative;
                                                overflow: hidden;
                                            }

                                            .trbtgl-article::before {
                                                content: '';
                                                position: absolute;
                                                top: 0;
                                                left: 0;
                                                right: 0;
                                                height: 4px;
                                                background: linear-gradient(90deg, transparent, var(--carnival-orange), var(--carnival-red), var(--carnival-orange), transparent);
                                            }

                                            .trbtgl-article h1 {
                                                color: var(--carnival-gold) !important;
                                                font-size: 1.8rem !important;
                                                font-weight: 800 !important;
                                                text-align: center;
                                                text-transform: uppercase;
                                                letter-spacing: 2px;
                                                margin-bottom: 25px !important;
                                                text-shadow: 0 0 20px rgb(195 0 0), 0 2px 4px rgb(195 0 0);
                                                line-height: 1.4;
                                            }

                                            .trbtgl-article h2 {
                                                color: var(--carnival-orange) !important;
                                                font-size: 1.4rem !important;
                                                font-weight: 700 !important;
                                                margin: 30px 0 15px 0 !important;
                                                padding-left: 15px;
                                                border-left: 4px solid var(--carnival-gold);
                                                text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
                                            }

                                            .trbtgl-article h3 {
                                                color: var(--carnival-gold) !important;
                                                font-size: 1.15rem !important;
                                                font-weight: 600 !important;
                                                margin: 20px 0 10px 0 !important;
                                                padding-left: 25px;
                                                position: relative;
                                            }

                                            .trbtgl-article h3::before {
                                                content: '🎰';
                                                position: absolute;
                                                left: 0;
                                                top: 0;
                                            }

                                            .trbtgl-article p {
                                                color: #E5E5E5 !important;
                                                font-size: 1rem !important;
                                                line-height: 1.8 !important;
                                                margin-bottom: 15px !important;
                                                text-align: justify;
                                            }

                                            .trbtgl-article a {
                                                color: var(--carnival-gold) !important;
                                                text-decoration: none;
                                                font-weight: 700;
                                                padding: 2px 8px;
                                                background: rgba(138, 13, 13, 0.2);
                                                border-radius: 4px;
                                                border-bottom: 2px solid var(--carnival-orange);
                                                transition: all 0.3s ease;
                                            }

                                            .trbtgl-article a:hover {
                                                background: var(--carnival-orange);
                                                color: #ffffff !important;
                                                box-shadow: 0 0 15px rgba(138, 13, 13, 0.5);
                                            }

                                            .trbtgl-article .highlight-box {
                                                background: linear-gradient(135deg, rgba(138, 13, 13, 0.15) 0%, rgba(138, 13, 13, 0.1) 100%);
                                                border: 1px solid var(--carnival-orange);
                                                border-radius: 12px;
                                                padding: 20px;
                                                margin: 20px 0;
                                            }

                                            .trbtgl-article .highlight-box p {
                                                margin-bottom: 0 !important;
                                                font-style: italic;
                                            }


/* ===== Extracted inline style block 11 ===== */
.trbtgl-reasons-to-buy__content.trbtgl-reviews {
                                                padding: 8px 38px 16px;
                                                /* tambahin padding-bottom biar aman */
                                                background: radial-gradient(1200px 200px at 50% -80px, rgba(138, 13, 13, .10), transparent 60%) #fff;
                                                border-radius: 16px;
                                                overflow: visible;
                                                /* buka kalau parent punya overflow hidden */
                                            }

                                            .trbtgl-section-title {
                                                margin: 0 0 14px 30px;
                                                font-size: 24px;
                                                line-height: 1.25;
                                                letter-spacing: .2px;
                                                color: #0f172a;
                                                display: flex;
                                                align-items: center;
                                                gap: 10px;
                                            }

                                            .trbtgl-section-title::before {
                                                content: "";
                                                width: 6px;
                                                height: 22px;
                                                border-radius: 8px;
                                                background: linear-gradient(180deg, #8a0d0d, #d7a13b);
                                                flex: 0 0 auto;
                                            }

                                            /* ====== CARD BASE ====== */
                                            .trbtgl-card {
                                                position: relative;
                                                display: flex;
                                                flex-direction: column;
                                                height: auto;
                                                /* auto (bukan 100%) supaya fleksibel */
                                                padding: 16px;
                                                border-radius: 16px;
                                                background: linear-gradient(#fff, #fff) padding-box,
                                                    linear-gradient(135deg, rgba(138, 13, 13, .8), rgba(215, 161, 59, .9)) border-box;
                                                border: 1px solid transparent;
                                                box-shadow: 0 6px 24px rgba(138, 13, 13, .06);
                                            }

                                            .trbtgl-header {
                                                display: grid;
                                                grid-template-columns: auto 1fr auto;
                                                grid-template-areas: "avatar meta rating";
                                                align-items: center;
                                                gap: 12px;
                                                margin-bottom: 8px;
                                            }

                                            .trbtgl-avatar {
                                                grid-area: avatar;
                                                width: 40px;
                                                height: 40px;
                                                border-radius: 50%;
                                                display: grid;
                                                place-items: center;
                                                font-weight: 800;
                                                background: radial-gradient(circle at 30% 25%, #d7a13b, #8a0d0d 70%);
                                                color: #111;
                                                border: 1px solid rgba(138, 13, 13, .1);
                                            }

                                            .trbtgl-meta {
                                                grid-area: meta;
                                                min-width: 0;
                                            }

                                            .trbtgl-name {
                                                margin: 0;
                                                font-weight: 800;
                                                color: #111827;
                                                font-size: 15px;
                                                white-space: nowrap;
                                                overflow: hidden;
                                                text-overflow: ellipsis;
                                            }

                                            .trbtgl-chip {
                                                display: inline-flex;
                                                align-items: center;
                                                gap: 6px;
                                                margin-top: 2px;
                                                padding: 4px 8px;
                                                font-size: 12px;
                                                color: #374151;
                                                background: #d7a13b;
                                                border: 1px solid #d7a13b;
                                                border-radius: 999px;
                                            }

                                            .trbtgl-chip::before {
                                                content: "";
                                                width: 6px;
                                                height: 6px;
                                                border-radius: 999px;
                                                background: #8a0d0d;
                                            }

                                            .trbtgl-rating {
                                                grid-area: rating;
                                                display: inline-flex;
                                                align-items: center;
                                                gap: 2px;
                                            }

                                            .trbtgl-star {
                                                width: 16px;
                                                height: 16px;
                                                display: block;
                                            }

                                            .trbtgl-star--full path {
                                                fill: #8a0d0d;
                                            }

                                            .trbtgl-star--half path {
                                                fill: url(#trbtgl-half);
                                            }

                                            .trbtgl-star--empty path {
                                                fill: #d7a13b;
                                            }

                                            .trbtgl-defs {
                                                position: absolute;
                                                width: 0;
                                                height: 0;
                                                overflow: hidden;
                                            }

                                            .trbtgl-quote {
                                                position: relative;
                                                margin: 6px 0 10px 0;
                                                color: #374151;
                                                line-height: 1.65;
                                                font-size: 14.5px;
                                            }

                                            .trbtgl-quote::before {
                                                content: "“";
                                                position: absolute;
                                                left: -6px;
                                                top: -10px;
                                                font-size: 36px;
                                                line-height: 1;
                                                color: rgba(212, 175, 55, .35);
                                                font-weight: 700;
                                            }

                                            .trbtgl-foot {
                                                display: flex;
                                                align-items: center;
                                                justify-content: space-between;
                                                gap: 8px;
                                                margin-top: auto;
                                            }

                                            .trbtgl-date {
                                                font-size: 12px;
                                                color: #6b7280;
                                            }

                                            .trbtgl-badge {
                                                padding: 6px 10px;
                                                border-radius: 10px;
                                                font-size: 12px;
                                                font-weight: 700;
                                                color: #111;
                                                background: linear-gradient(180deg, #d7a13b, #fff);
                                                border: 1px solid #d7a13b;
                                            }

                                            .trbtgl-reasons-to-buy__content.trbtgl-reviews .swiper-container,
                                            .trbtgl-reasons-to-buy__content.trbtgl-reviews .basic-swiper {
                                                overflow: visible;
                                            }

                                            .trbtgl-reasons-to-buy__content.trbtgl-reviews .swiper-wrapper {
                                                align-items: stretch;
                                                /* semua slide tingginya ngikutin konten tertinggi */
                                            }

                                            .trbtgl-reasons-to-buy__content.trbtgl-reviews .swiper-slide {
                                                height: auto;
                                                display: flex;
                                                margin-top: 25px;
                                            }

                                            .trbtgl-reasons-to-buy__content.trbtgl-reviews .trbtgl-reasons-to-buy__list-inner {
                                                padding: 6px 2px 28px;
                                            }

                                            .trbtgl-reasons-to-buy__content.trbtgl-reviews .swiper-slide:nth-child(5) .trbtgl-card,
                                            .trbtgl-reasons-to-buy__content.trbtgl-reviews .swiper-slide:nth-child(6) .trbtgl-card {
                                                transform: translateY(12px);
                                            }


/* ===== Extracted inline style block 12 ===== */
#tstWrap {
                                                    overflow: hidden !important;
                                                    max-width: 100% !important;
                                                    box-sizing: border-box !important;
                                                }

                                                #tstTrack {
                                                    white-space: nowrap !important;
                                                    font-size: 0 !important;
                                                    line-height: 0 !important;
                                                    text-align: left !important;
                                                }

                                                #tstTrack>.tst-c {
                                                    display: inline-block !important;
                                                    vertical-align: top !important;
                                                    white-space: normal !important;
                                                    font-size: 14px !important;
                                                    line-height: 1.55 !important;
                                                    box-sizing: border-box !important;
                                                }

                                                .penilaian-kaban-box {
                                                    overflow: hidden !important;
                                                    box-sizing: border-box !important;
                                                }

                                                .penilaian-kaban-box .box-title-kaban {
                                                    text-align: center !important;
                                                    margin-bottom: 16px !important;
                                                }


/* ===== Extracted inline style block 13 ===== */
.trbtgl-container {
                                                max-width: 1200px;
                                                background: #000;
                                                /* hitam */
                                                border-radius: 18px;
                                                display: grid;
                                                gap: 16px;
                                                color: var(--text);
                                                font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
                                            }

                                            .box-title-kaban {
                                                margin: 0 0 12px 0;
                                                font-size: 30px;
                                                color: #ffd36a;
                                                text-align: center;
                                                letter-spacing: .6px;
                                                text-transform: uppercase;
                                                text-shadow: 0 0 12px rgba(167 167 167 / 22%);
                                            }

                                            .accordion {
                                                display: grid;
                                                gap: 10px;
                                            }

                                            .acc-item-kaban {
                                                width: 100%;
                                                text-align: left;
                                                background: rgba(0, 0, 0, .55);
                                                border: 1px solid #8a0d0d;
                                                border-radius: 12px;
                                                padding: 12px;
                                                cursor: pointer;
                                                color: #ffffff;
                                                display: flex;
                                                align-items: center;
                                                justify-content: space-between;
                                                gap: 12px;
                                                box-shadow: 0 0 0 1px rgba(138, 13, 13, 0.08) inset;
                                            }

                                            .acc-q-kaban {
                                                font-weight: 650;
                                                font-size: 14.5px;
                                                line-height: 1.25;
                                                color: #fff;
                                            }

                                            .acc-ic-kaban {
                                                width: 28px;
                                                height: 28px;
                                                border-radius: 10px;
                                                display: grid;
                                                place-items: center;
                                                border: 1px solid #8a0d0d;
                                                background: #8a0d0d;
                                                font-size: 18px;
                                                line-height: 1;
                                            }

                                            .acc-panel-kaban {
                                                background: rgba(0, 0, 0, .35);
                                                border: 1px solid #8a0d0d;
                                                border-radius: 12px;
                                                padding: 0 12px;
                                                max-height: 0;
                                                overflow: hidden;
                                                transition: max-height .28s ease, padding .28s ease;
                                            }

                                            .acc-panel-kaban p {
                                                margin: 10px 0 12px;
                                                font-size: 13.8px;
                                                line-height: 1.55;
                                                color: #ffca00;
                                            }

                                            .acc-panel-kaban.is-open {
                                                padding: 6px 12px;
                                                max-height: 260px;
                                            }

                                            .acc-item-kaban[aria-expanded="true"] .acc-ic-kaban {
                                                transform: rotate(45deg);
                                            }

                                            .penilaian-kaban-slider {
                                                position: relative !important;
                                                width: 100% !important;
                                                overflow: hidden !important;
                                            }

                                            .penilaian-kaban-track {
                                                display: flex !important;
                                                flex-direction: row !important;
                                                flex-wrap: nowrap !important;
                                                gap: 10px !important;
                                                overflow-x: scroll !important;
                                                scroll-snap-type: x mandatory !important;
                                                -webkit-overflow-scrolling: touch;
                                                scrollbar-width: none !important;
                                                -ms-overflow-style: none !important;
                                                scroll-behavior: smooth;
                                                border-radius: 14px;
                                                box-sizing: border-box !important;
                                            }

                                            .penilaian-kaban-track::-webkit-scrollbar {
                                                display: none !important;
                                                height: 0 !important;
                                            }

                                            .penilaian-kaban-card {
                                                background: rgba(0, 0, 0, .45);
                                                border: 1px solid #8a0d0d;
                                                border-radius: 14px;
                                                padding: 12px;
                                                box-sizing: border-box;
                                                box-shadow: 0 0 0 1px rgba(195, 0, 0, .06) inset;
                                            }

                                            .penilaian-kaban-top {
                                                display: flex;
                                                align-items: center;
                                                justify-content: space-between;
                                                gap: 10px;
                                                margin-bottom: 6px;
                                            }

                                            .penilaian-kaban-nama {
                                                font-weight: 750;
                                                font-size: 14px;
                                                color: #ffd36a;
                                            }

                                            .penilaian-kaban-bintang {
                                                letter-spacing: 1px;
                                                color: #ffd36a;
                                                font-size: 14px;
                                                text-shadow: 0 0 12px rgba(195, 0, 0, .18);
                                            }

                                            .penilaian-kaban-isi {
                                                margin: 0;
                                                color: #fff;
                                                font-size: 13.8px;
                                                line-height: 1.55;
                                                text-align: justify;
                                            }

                                            .penilaian-kaban-tanggal {
                                                display: block;
                                                margin-top: 10px;
                                                font-size: 12px;
                                                color: rgba(255, 255, 255, .55);
                                            }

                                            .penilaian-kaban-dots {
                                                display: flex;
                                                justify-content: center;
                                                gap: 8px;
                                                margin-top: 12px;
                                            }

                                            .penilaian-kaban-dot {
                                                width: 8px;
                                                height: 8px;
                                                border-radius: 999px;
                                                border: 1px solid rgba(138, 13, 13, .55);
                                                background: rgba(0, 0, 0, .55);
                                                opacity: .6;
                                            }

                                            .penilaian-kaban-dot.is-active {
                                                opacity: 1;
                                                border-color: rgb(215 161 59 / 95%);
                                                box-shadow: 0 0 18px rgb(215 161 59 / 55%);
                                                transform: scale(1.1);
                                            }

                                            @media (max-width: 520px) {
                                                .neon-box {
                                                    padding: 12px;
                                                }

                                                .box-title-kaban {
                                                    font-size: 16px;
                                                }

                                                .acc-q-kaban {
                                                    font-size: 14px;
                                                }
                                            }

                                            @keyframes neonPulse {

                                                0%,
                                                100% {
                                                    box-shadow: 0 0 0 1px rgba(195, 0, 0, .12) inset, 0 10px 30px rgba(0, 0, 0, .55);
                                                }

                                                50% {
                                                    box-shadow: 0 0 0 1px rgba(195, 0, 0, .20) inset, 0 0 30px rgba(195, 0, 0, .12), 0 10px 30px rgba(0, 0, 0, .55);
                                                }
                                            }

                                            @keyframes borderBlink {
                                                0% {
                                                    opacity: .20;
                                                }

                                                50% {
                                                    opacity: .85;
                                                }

                                                100% {
                                                    opacity: .20;
                                                }
                                            }


/* =========================================================
   YUNITOTO ARTWORK THEME OVERRIDE
   Palette sampled/adapted from the supplied creative:
   near-black, burgundy red, warm gold and ivory.
   ========================================================= */
:root {
    --yuni-black: #0b0101;
    --yuni-black-soft: #160504;
    --yuni-red: #8a0d0d;
    --yuni-red-deep: #4f0908;
    --yuni-red-bright: #b91717;
    --yuni-gold: #d7a13b;
    --yuni-gold-light: #ffd36a;
    --yuni-cream: #fff1d2;
    --yuni-white: #ffffff;

    --gold: #d7a13b;
    --gold-light: #ffd36a;
    --gold-dark: #9d6618;
    --gray-dark: #0b0101;
    --gray-medium: #210706;
    --gray-light: #f4e1c3;

    --yuni-toto-bg: #0b0101;
    --yuni-toto-card: rgba(22, 5, 4, .94);
    --yuni-toto-border: rgba(215, 161, 59, .52);
    --yuni-toto-text: #fff1d2;
    --yuni-toto-muted: #ead7bb;
    --yuni-toto-accent-2: #b91717;
    --yuni-toto-radius: 16px;
    --yuni-toto-shadow: 0 14px 34px rgba(0, 0, 0, .48);

    --carnival-gold: #ffd36a;
    --carnival-orange: #d7a13b;
    --carnival-red: #9e1111;
    --text: #fff1d2;
}

html,
body {
    background-color: var(--yuni-black) !important;
}

body#teepublic {
    color: var(--yuni-cream) !important;
    background-image:
        linear-gradient(rgba(11, 1, 1, .84), rgba(24, 4, 3, .90)),
        url("../img/yunitoto-08.png") !important;
    background-size: cover !important;
    background-position: center top !important;
    background-attachment: fixed !important;
}

.m-top-banner,
.m-top-banner .free-shipping {
    background: linear-gradient(90deg, #090101, #3c0807, #090101) !important;
    border-bottom: 1px solid rgba(215, 161, 59, .62) !important;
}

.m-top-banner,
.m-top-banner .free-shipping,
.m-top-banner .free-shipping strong,
.m-top-banner .free-shipping span {
    color: var(--yuni-cream) !important;
}

.vc-header,
header.vc-header {
    background: linear-gradient(135deg, #120303 0%, #650b0a 50%, #190303 100%) !important;
    border-top-color: var(--yuni-gold) !important;
    border-bottom-color: var(--yuni-gold) !important;
}

.m-explore-nav.jsExploreNav,
.m-footer__legal-bar {
    background: linear-gradient(90deg, #130302, #600b09, #130302) !important;
    border-color: var(--yuni-gold) !important;
}

.m-tab-nav__item a,
.m-explore-nav__link,
.m-explore-nav__cta,
.m-footer__legal-bar,
.m-footer__legal-bar a {
    color: var(--yuni-cream) !important;
}

.btn-pill,
.toto-toto-btn a,
.yunitoto-btn-gold,
.yuni-toto-btn--primary {
    color: #fff8e8 !important;
    background: linear-gradient(135deg, #5c0807 0%, #a81110 48%, #5c0807 100%) !important;
    border-color: var(--yuni-gold) !important;
    box-shadow:
        0 8px 20px rgba(0, 0, 0, .42),
        0 0 12px rgba(215, 161, 59, .20) !important;
}

.btn-pill:hover,
.toto-toto-btn a:hover,
.yunitoto-btn-gold:hover,
.yuni-toto-btn--primary:hover {
    filter: brightness(1.12) !important;
    box-shadow:
        0 10px 24px rgba(0, 0, 0, .50),
        0 0 18px rgba(255, 211, 106, .36) !important;
}

.article-container,
.yunitoto-predict-card,
.rb-result-box,
.neon-box,
.penilaian-kaban-card,
#tstTrack > .tst-c {
    background: rgba(10, 1, 1, .88) !important;
    border-color: rgba(215, 161, 59, .52) !important;
}

.yunitoto-premium-box,
.yunitoto-predict-wrap {
    background: linear-gradient(145deg, #160403, #6c0b09 54%, #160403) !important;
    border-color: rgba(255, 211, 106, .55) !important;
    box-shadow:
        0 18px 42px rgba(0, 0, 0, .58),
        0 0 22px rgba(138, 13, 13, .30) !important;
}

.yunitoto-premium-table,
.yunitoto-result-item,
.yunitoto-alt-item,
.yuni-toto-section,
.yuni-toto-feature,
.yuni-toto-step {
    background: rgba(17, 3, 2, .82) !important;
    border-color: rgba(215, 161, 59, .42) !important;
}

.yunitoto-premium-head h3,
.yunitoto-rating,
.yunitoto-predict-title,
.yunitoto-result-head,
.yunitoto-number-main span,
.yunitoto-number-main strong,
.box-title-kaban,
.penilaian-kaban-nama,
.penilaian-kaban-bintang,
.trbtgl-article h1,
.trbtgl-article h3,
.article-container a,
.yuni-toto-body a {
    color: var(--yuni-gold-light) !important;
}

.acc-item-kaban,
.acc-ic-kaban {
    border-color: rgba(215, 161, 59, .62) !important;
}

.acc-item-kaban {
    background: linear-gradient(90deg, rgba(46, 5, 4, .94), rgba(91, 10, 8, .82)) !important;
}

.acc-ic-kaban {
    background: #760b0a !important;
    color: var(--yuni-gold-light) !important;
}

.acc-panel-kaban {
    background: rgba(12, 2, 2, .92) !important;
    border-color: rgba(215, 161, 59, .38) !important;
}

.acc-panel-kaban p {
    color: #f5e5c8 !important;
}

.radio-selector__select,
.quantity-stepper__controls,
.form-control,
.m-cart-config__option {
    border-color: rgba(215, 161, 59, .38) !important;
}

a {
    transition: color .2s ease, border-color .2s ease, filter .2s ease;
}

@media (max-width: 768px) {
    body#teepublic {
        background-attachment: scroll !important;
    }

    .btn-wrapper {
        gap: 7px !important;
    }

    .btn-pill {
        padding: 9px 16px !important;
        font-size: 12px !important;
    }

    .yunitoto-premium-box,
    .yunitoto-predict-wrap,
    .article-container {
        border-radius: 15px !important;
    }
}