/* Modern casino: black ground, champagne gold. Visual only. */
:root {
    --gold-50: #fff8e4;
    --gold-100: #f6e7b8;
    --gold-300: #e4c56a;
    --gold-500: #d4af37;
    --gold-700: #8c6b1f;
    --ink-0: #050403;
    --ink-1: #0c0b09;
    --ink-2: #14120e;
    --ivory: #f6edd6;
    --muted: #cbb98a;
    --line: rgba(212, 175, 55, 0.48);

    --brand-50: #fff8e4;
    --brand-100: #f6e7b8;
    --brand-500: #e4c56a;
    --brand-600: #d4af37;
    --brand-700: #8c6b1f;
    --gray-900: #f6edd6;
    --gray-700: #ead9a8;
    --gray-600: #d8c48a;
    --gray-500: #b7a36a;
    --gray-300: #d4af37;
    --gray-200: #8c6b1f;
    --gray-100: #0c0b09;
    --border: rgba(212, 175, 55, 0.48);
    --bt-espresso: #050403;
    --bt-coffee: #0c0b09;
    --bt-panel: #14120e;
    --bt-panel2: #14120e;
    --bt-wine: #8c6b1f;
    --bt-brick: #d4af37;
    --bt-copper: #e4c56a;
    --bt-saffron: #e4c56a;
    --bt-sand: #f6e7b8;
    --bt-ivory: #fff8e4;
    --bt-cream: #f6edd6;
}

html {
    background: #050403 !important;
}

body {
    color: var(--ivory) !important;
    font-family: "Outfit", "Segoe UI", sans-serif !important;
    background-color: #050403 !important;
    background-image:
        radial-gradient(ellipse 70% 42% at 50% -8%, rgba(212, 175, 55, 0.2), transparent 58%),
        radial-gradient(ellipse 28% 22% at 100% 18%, rgba(212, 175, 55, 0.08), transparent 60%),
        radial-gradient(ellipse 24% 20% at 0% 70%, rgba(212, 175, 55, 0.06), transparent 62%),
        linear-gradient(32deg, rgba(212, 175, 55, 0.045) 1px, transparent 1px),
        linear-gradient(148deg, rgba(212, 175, 55, 0.045) 1px, transparent 1px),
        linear-gradient(180deg, #16130e 0%, #080706 38%, #050403 100%) !important;
    background-size: auto, auto, auto, 26px 26px, 26px 26px, auto !important;
    background-attachment: fixed !important;
}

h1,
h2,
h3,
.pd-title,
.pd-related-title,
.pd-full-desc-title,
.pd-share-title,
.ft-title,
.RAJAGACOR-title-v3,
.modal-title,
.hero-text h1 {
    font-family: "Cinzel", Georgia, serif !important;
    letter-spacing: 0.04em !important;
}

a {
    color: #e4c56a;
}

.topbar {
    background: linear-gradient(90deg, #050403, #1a150c 48%, #050403) !important;
    color: #f6e7b8 !important;
    border-bottom: 1px solid rgba(212, 175, 55, 0.35) !important;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    font-size: 12px !important;
}
.topbar a {
    color: #f6edd6 !important;
}
.topbar a:hover {
    color: #fff8e4 !important;
}

.navbar,
.navbar-logo {
    background: linear-gradient(180deg, rgba(12, 11, 9, 0.96), rgba(5, 4, 3, 0.98)) !important;
    border-bottom: 1px solid rgba(212, 175, 55, 0.28) !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.45) !important;
    backdrop-filter: blur(16px);
}
.navbar::after {
    height: 2px !important;
    background: linear-gradient(
        90deg,
        transparent,
        #8c6b1f,
        #d4af37,
        #fff8e4,
        #d4af37,
        #8c6b1f,
        transparent
    ) !important;
    background-size: 220% 100% !important;
    opacity: 1 !important;
    animation: casinoGoldSweep 7s linear infinite !important;
}
@keyframes casinoGoldSweep {
    from {
        background-position: 180% 0;
    }
    to {
        background-position: -80% 0;
    }
}

.search,
.nav-inner .search {
    background: #0c0b09 !important;
    border: 1px solid rgba(212, 175, 55, 0.55) !important;
    border-radius: 999px !important;
    box-shadow: inset 0 0 0 1px rgba(255, 248, 228, 0.04), 0 8px 20px rgba(0, 0, 0, 0.28) !important;
}
.search:focus-within,
.nav-inner .search:focus-within {
    border-color: #f6e7b8 !important;
    box-shadow: 0 0 0 3px rgba(212, 175, 55, 0.18), 0 0 22px rgba(212, 175, 55, 0.16) !important;
}
.search input,
.nav-inner .search input {
    color: #f6edd6 !important;
    background: transparent !important;
}
.search input::placeholder,
.nav-inner .search input::placeholder {
    color: #a89262 !important;
}
.search-icon-btn,
.nav-inner .search-icon-btn {
    color: #d4af37 !important;
}

.icon-btn,
.login-btn,
.pd-sticky-share-btn,
.pd-sticky-btn-cart,
.pd-sticky-btn-chat,
.btn-chat-icon {
    color: #f6e7b8 !important;
    border: 1px solid rgba(212, 175, 55, 0.45) !important;
    background: linear-gradient(180deg, #1a160f, #0c0b09) !important;
    border-radius: 999px !important;
    box-shadow: inset 0 1px 0 rgba(255, 248, 228, 0.08) !important;
}
.icon-btn:hover,
.login-btn:hover,
.pd-sticky-share-btn:hover,
.pd-sticky-btn-cart:hover,
.pd-sticky-btn-chat:hover,
.btn-chat-icon:hover {
    color: #fff8e4 !important;
    border-color: #f6e7b8 !important;
    background: linear-gradient(180deg, #2a2314, #14110c) !important;
}

.mega-cats a {
    color: #ead9a8 !important;
    border: 1px solid rgba(212, 175, 55, 0.38) !important;
    background: rgba(212, 175, 55, 0.06) !important;
    border-radius: 999px !important;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    font-size: 12px;
}
.mega-cats a:hover {
    color: #fff8e4 !important;
    border-color: rgba(212, 175, 55, 0.55) !important;
    background: rgba(212, 175, 55, 0.1) !important;
}
.mega-cats a.active,
.mega-more-grid a.active,
.mega-cats-more.active > .mega-more-btn {
    color: #1a1408 !important;
    background: linear-gradient(180deg, #fff1c2, #e4c56a 42%, #b8892a) !important;
    border-color: #fff8e4 !important;
}
.mega-more-btn,
.mm2-trigger {
    color: #f6e7b8 !important;
    background: #0c0b09 !important;
    border-color: #d4af37 !important;
}
.mega-more-dropdown,
.mm2-panel,
.search-suggest,
.user-dropdown,
.mobile-user-sheet-content {
    background: #0c0b09 !important;
    color: #f6edd6 !important;
    border-color: rgba(212, 175, 55, 0.45) !important;
}

.hero,
.usp-section,
.flash,
.products,
.product-single,
.product-single--v3,
.pd-top-layout {
    background: transparent !important;
}

.product-single {
    --pd-border: rgba(212, 175, 55, 0.45);
    --pd-bg: #0c0b09;
    --pd-muted: #cbb98a;
    --pd-dark: #f6edd6;
    --pd-accent: #e4c56a;
    --pd-soft: #14120e;
    --pd-soft-border: rgba(212, 175, 55, 0.4);
    --pd-danger: #e4c56a;
    --pd-danger-bg: #241c0c;
    --pd-danger-text: #f6e7b8;
    --pd-shadow: 0 16px 40px rgba(0, 0, 0, 0.45);
    color: #f6edd6 !important;
}

.pd-media-card,
.pd-info-card,
.pd-buy-card,
.pd-side-card,
.pd-full-description,
.pd-reviews-section,
.pd-related-full,
.pd-installment-card,
.pd-installment-card2,
.pd-compare-section,
.pd-short-desc,
.pd-variants,
.prod-card,
.usp-item,
.hero-box,
.pd-related-card,
.qoala-banner-card,
.tnt-review-mecha,
.bonus-berbasis-pilihan,
.blueprint-gaming-v3,
.modal-dialog,
.chat-popup {
    background: linear-gradient(180deg, rgba(26, 22, 16, 0.96), rgba(8, 7, 6, 0.98)) !important;
    color: #f6edd6 !important;
    border: 1px solid rgba(212, 175, 55, 0.42) !important;
    box-shadow:
        inset 0 0 0 1px rgba(255, 241, 194, 0.06),
        0 18px 40px rgba(0, 0, 0, 0.38) !important;
    border-radius: 16px !important;
}

.prod-card:hover,
.usp-item:hover,
.pd-media-card:hover,
.pd-info-card:hover,
.pd-related-card:hover {
    border-color: rgba(246, 231, 184, 0.7) !important;
    box-shadow:
        inset 0 0 0 1px rgba(255, 241, 194, 0.1),
        0 16px 36px rgba(0, 0, 0, 0.45),
        0 0 24px rgba(212, 175, 55, 0.12) !important;
}

.prod-card .img-box,
.pd-main-image,
.pd-mslide,
.pd-thumb-btn,
.pd-related-card .thumb,
.pd-sticky-thumb {
    background: #080706 !important;
    border-color: rgba(212, 175, 55, 0.35) !important;
}
.pd-thumb-btn.active {
    border-color: #e4c56a !important;
    box-shadow: 0 0 0 1px #e4c56a, 0 0 16px rgba(212, 175, 55, 0.28) !important;
}

.pd-title,
.pd-full-desc-title,
.pd-related-title,
.pd-share-title,
.hero-text h1,
.RAJAGACOR-title-v3,
.ft-title,
.text-brand,
.hero-text .text-brand {
    background: linear-gradient(180deg, #fff8e4 10%, #e4c56a 48%, #a8842c 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent !important;
    -webkit-text-fill-color: transparent !important;
}

.price strong,
.pd-price-current,
.pd-related-card .final,
.pd-sticky-price {
    color: #f6e7b8 !important;
    background: none !important;
    -webkit-text-fill-color: #f6e7b8 !important;
    text-shadow: 0 0 18px rgba(212, 175, 55, 0.25);
}
.pd-price-original,
.pd-related-card .ori,
.pd-related-card h3,
.pd-related-card .sold,
.pd-related-card .spec-chips,
.sku,
.sold-inline,
.pd-breadcrumb,
.pd-breadcrumb .current,
.ft-desc,
.ft-address,
.ft-copy,
.pd-short-desc,
.pwp-subtitle,
.pwp-cart-note {
    color: #cbb98a !important;
}
.pd-short-desc a,
.pd-breadcrumb a,
.pd-extra-meta a,
.ft-links a,
.pd-related-card {
    color: #e4c56a !important;
}
.ft-links a:hover,
.pd-breadcrumb a:hover {
    color: #fff8e4 !important;
}

.btn-primary,
.modal-btn-primary,
.review-form .btn-primary,
.pd-compare-btn,
.pd-sticky-btn-buy,
.btn-buy,
.btn-add-cart,
#btnRAJAGACORRandom,
.ft-wa-btn,
.ft-expand-btn {
    background: linear-gradient(180deg, #fff3c8 0%, #e4c56a 38%, #b8892a 100%) !important;
    border: 1px solid #fff8e4 !important;
    color: #1a1408 !important;
    -webkit-text-fill-color: #1a1408 !important;
    border-radius: 999px !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    font-weight: 700 !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.65),
        0 8px 18px rgba(184, 137, 42, 0.28) !important;
}
.btn-add-cart,
.btn-chat-icon,
.ft-expand-btn {
    background: transparent !important;
    color: #f6e7b8 !important;
    -webkit-text-fill-color: #f6e7b8 !important;
    border: 1px solid rgba(212, 175, 55, 0.7) !important;
    box-shadow: inset 0 0 0 1px rgba(255, 248, 228, 0.05) !important;
}
.btn-primary:hover,
.modal-btn-primary:hover,
.review-form .btn-primary:hover,
.pd-compare-btn:hover,
.pd-sticky-btn-buy:hover,
.btn-buy:hover,
#btnRAJAGACORRandom:hover,
.ft-wa-btn:hover {
    background: linear-gradient(180deg, #fff8e4, #f6e7b8 40%, #d4af37) !important;
    color: #1a1408 !important;
    -webkit-text-fill-color: #1a1408 !important;
}
.btn-add-cart:hover,
.btn-chat-icon:hover,
.ft-expand-btn:hover {
    background: rgba(212, 175, 55, 0.12) !important;
    color: #fff8e4 !important;
    -webkit-text-fill-color: #fff8e4 !important;
}
.btn-add-cart:disabled,
.btn-buy:disabled,
.btn-chat-icon:disabled {
    opacity: 0.45 !important;
    cursor: not-allowed !important;
}

.badge,
.bottom-nav-item-badge,
.pd-discount-badge,
.mini-disc,
.discount,
.disc,
.sale-badge,
.product-single .stock-badge.out,
.tenor-badge {
    background: linear-gradient(180deg, #fff1c2, #e4c56a 50%, #b8892a) !important;
    color: #1a1408 !important;
    border-color: #fff8e4 !important;
}

.product-single input,
.product-single select,
.product-single textarea,
.modal input,
.modal select,
.modal textarea,
.RAJAGACOR-controls-v3 select,
.RAJAGACOR-controls-v3 input,
.review-form input,
.review-form textarea,
.review-form select {
    background: #080706 !important;
    color: #f6edd6 !important;
    border: 1px solid rgba(212, 175, 55, 0.4) !important;
    border-radius: 10px !important;
}
.product-single input:focus,
.product-single select:focus,
.product-single textarea:focus {
    border-color: #e4c56a !important;
    box-shadow: 0 0 0 3px rgba(212, 175, 55, 0.16) !important;
    outline: none !important;
}

.RAJAGACOR-controls-v3 {
    background: rgba(8, 7, 6, 0.72) !important;
    border: 1px solid rgba(212, 175, 55, 0.28) !important;
    border-radius: 12px !important;
}
.RAJAGACOR-controls-v3 label,
.qty-label,
.tnt-name,
.tnt-comment,
.tnt-header p,
.tnt-header h2 {
    color: #f6edd6 !important;
    text-shadow: none !important;
}

.bank-tab {
    background: transparent !important;
    color: #ead9a8 !important;
    border: 1px solid rgba(212, 175, 55, 0.4) !important;
    border-radius: 999px !important;
}
.bank-tab.active,
.bank-tab:hover {
    background: linear-gradient(180deg, #fff1c2, #d4af37) !important;
    color: #1a1408 !important;
    border-color: #fff8e4 !important;
}

.paylater-promo,
.paylater-compact {
    background: linear-gradient(90deg, rgba(212, 175, 55, 0.14), rgba(8, 7, 6, 0.4)) !important;
    border: 1px solid rgba(212, 175, 55, 0.4) !important;
    color: #f6e7b8 !important;
    border-radius: 12px !important;
}
.paylater-text strong,
.paylater-text small {
    color: #f6e7b8 !important;
}

.pd-sticky-header {
    background: rgba(5, 4, 3, 0.94) !important;
    border-bottom: 1px solid rgba(212, 175, 55, 0.35) !important;
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.45) !important;
}
.pd-sticky-title {
    color: #f6edd6 !important;
    background: none !important;
    -webkit-text-fill-color: #f6edd6 !important;
}

.bottom-nav {
    background: rgba(5, 4, 3, 0.96) !important;
    border-top: 1px solid rgba(212, 175, 55, 0.45) !important;
    box-shadow: 0 -12px 28px rgba(0, 0, 0, 0.5) !important;
}
.bottom-nav-item {
    color: #f0e2b8 !important;
}
.bottom-nav-item-icon,
.bottom-nav-item svg {
    color: inherit !important;
    opacity: 1 !important;
}
.bottom-nav-item:hover {
    color: #f6e7b8 !important;
}
.bottom-nav-item.active {
    color: #1a1408 !important;
    background: linear-gradient(180deg, #fff1c2, #d4af37) !important;
    border-radius: 14px !important;
}

.site-footer.footer-compact,
.site-footer.footer-compact.variant-stripes {
    --ft-text: #f6edd6;
    --ft-text-sec: #cbb98a;
    --ft-text-muted: #a89262;
    --ft-orange: #d4af37;
    background:
        linear-gradient(180deg, rgba(212, 175, 55, 0.08), transparent 80px),
        linear-gradient(180deg, #100e0a, #050403) !important;
    color: #f6edd6 !important;
    border-top: 1px solid rgba(212, 175, 55, 0.4) !important;
}
.site-footer.footer-compact.variant-stripes::after {
    display: none !important;
}
.site-footer.footer-compact .ft-title {
    color: #e4c56a !important;
    -webkit-text-fill-color: #e4c56a !important;
    background: none !important;
}
.site-footer.footer-compact .ft-links a,
.site-footer.footer-compact .ft-desc,
.site-footer.footer-compact .ft-address,
.site-footer.footer-compact .ft-copy,
.site-footer.footer-compact .ft-address .company {
    color: #cbb98a !important;
}
.site-footer.footer-compact .ft-bottom,
.site-footer.footer-compact.variant-stripes .ft-bottom {
    background: #050403 !important;
}
.site-footer.footer-compact .ft-social a {
    color: #f6e7b8 !important;
    border: 1px solid rgba(212, 175, 55, 0.4) !important;
    background: #0c0b09 !important;
}
.site-footer.footer-compact .ft-payments img {
    background: #f6edd6 !important;
    border-radius: 6px !important;
    padding: 2px !important;
}

.sbo-top-fixed-footer {
    background: linear-gradient(180deg, rgba(20, 18, 14, 0.98), rgba(5, 4, 3, 0.99)) !important;
    border-top: 1px solid rgba(212, 175, 55, 0.5) !important;
    box-shadow: 0 -16px 36px rgba(0, 0, 0, 0.55), inset 0 1px 0 rgba(255, 241, 194, 0.08) !important;
}
.sbo-top-fixed-footer a {
    color: #f6e7b8 !important;
    letter-spacing: 0.04em;
}
.sbo-top-fixed-footer a:hover,
.sbo-top-fixed-footer a.is-active {
    color: #fff8e4 !important;
    background: rgba(212, 175, 55, 0.12) !important;
}
.sbo-top-fixed-footer img {
    filter: drop-shadow(0 0 6px rgba(212, 175, 55, 0.45)) !important;
}
.sbo-top-fixed-footer .hud-corner {
    border-color: rgba(212, 175, 55, 0.4) !important;
}
.sbo-top-fixed-footer .tada {
    color: #fff8e4 !important;
    background: rgba(212, 175, 55, 0.12) !important;
    border-color: rgba(212, 175, 55, 0.45) !important;
}

.chat-toggle-btn {
    background: linear-gradient(180deg, #fff1c2, #d4af37 55%, #8c6b1f) !important;
    color: #1a1408 !important;
    box-shadow: 0 8px 22px rgba(212, 175, 55, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.chat-popup-header {
    background: linear-gradient(90deg, #1a160f, #0c0b09) !important;
    color: #f6edd6 !important;
    border-bottom: 1px solid rgba(212, 175, 55, 0.35) !important;
}
.chat-popup-body,
.modal-body,
.modal-header,
.modal-overlay .modal-dialog {
    color: #f6edd6 !important;
}
.toast {
    background: #0c0b09 !important;
    color: #f6edd6 !important;
    border: 1px solid rgba(212, 175, 55, 0.45) !important;
}

main table,
.product-single table {
    width: 100%;
    border-collapse: collapse;
    color: #f6edd6 !important;
    background: transparent !important;
}
main th,
.product-single th {
    background: #14120e !important;
    color: #f6e7b8 !important;
    border: 1px solid rgba(212, 175, 55, 0.35) !important;
}
main td,
.product-single td {
    border: 1px solid rgba(212, 175, 55, 0.22) !important;
    color: #f6edd6 !important;
    background: rgba(8, 7, 6, 0.55) !important;
}

.pwp-deals-section,
.review-form,
.review-item,
.reviewable-order-item {
    background: #0c0b09 !important;
    color: #f6edd6 !important;
    border: 1px solid rgba(212, 175, 55, 0.28) !important;
    border-radius: 14px !important;
}

.artikel-glow-KT,
.KT-faq-rainbow,
.tnt-review-mecha {
    background: linear-gradient(180deg, #16130e, #080706) !important;
    color: #f6edd6 !important;
    border: 1px solid rgba(212, 175, 55, 0.5) !important;
    box-shadow:
        inset 0 0 0 1px rgba(255, 241, 194, 0.08),
        0 18px 40px rgba(0, 0, 0, 0.4) !important;
}
.artikel-glow-KT h1,
.artikel-glow-KT h2,
.KT-faq-top h2,
.tnt-header h2 {
    color: #f6e7b8 !important;
    -webkit-text-fill-color: #f6e7b8 !important;
    background: none !important;
    text-shadow: none !important;
    font-family: "Cinzel", Georgia, serif !important;
}
.artikel-glow-KT p,
.artikel-glow-KT li,
.artikel-glow-KT a,
.KT-faq-top p,
.KT-rainbow-answer p,
.tnt-name,
.tnt-comment {
    color: #ead9a8 !important;
    text-shadow: none !important;
}
.artikel-glow-KT a {
    color: #e4c56a !important;
    text-decoration: underline;
    text-underline-offset: 3px;
}
.KT-faq-top span {
    color: #f6e7b8 !important;
    border-color: rgba(212, 175, 55, 0.55) !important;
    background: rgba(212, 175, 55, 0.08) !important;
    letter-spacing: 0.18em !important;
}
.KT-rainbow-item {
    background: #0c0b09 !important;
    border: 1px solid rgba(212, 175, 55, 0.35) !important;
    box-shadow: none !important;
}
.KT-rainbow-item button {
    background: transparent !important;
    color: #f6e7b8 !important;
}
.KT-rainbow-item button:after,
.KT-rainbow-item.active button:after {
    background: linear-gradient(180deg, #fff1c2, #d4af37) !important;
    color: #1a1408 !important;
    box-shadow: none !important;
}
.pd-info-card,
.pd-info-card p,
.pd-info-card li,
.pd-side-card,
.pd-side-card p,
.pd-side-card li,
.pd-installment-card2 h3,
.amount {
    color: #f6edd6 !important;
}
.sold-inline {
    background: rgba(212, 175, 55, 0.12) !important;
    color: #f6e7b8 !important;
    border: 1px solid rgba(212, 175, 55, 0.4);
    border-radius: 999px !important;
}
.pd-share-btn {
    background: #0c0b09 !important;
    color: #f6e7b8 !important;
    border: 1px solid rgba(212, 175, 55, 0.55) !important;
    border-radius: 999px !important;
}
.pd-share-btn:hover {
    background: rgba(212, 175, 55, 0.16) !important;
    color: #fff8e4 !important;
    border-color: #f6e7b8 !important;
}
.inst-month-item {
    background: #0c0b09 !important;
    border: 1px solid rgba(212, 175, 55, 0.35) !important;
    color: #f6edd6 !important;
}
.inst-head-badge {
    background: linear-gradient(180deg, #fff1c2, #d4af37) !important;
    color: #1a1408 !important;
    box-shadow: none !important;
}
.pd-share-modal,
.pd-share-header,
.pd-share-body,
.pd-share-preview {
    background: #0c0b09 !important;
    color: #f6edd6 !important;
    border-color: rgba(212, 175, 55, 0.4) !important;
}
.pd-share-preview-name,
.pd-share-preview-price,
.pd-share-label,
.pd-share-name {
    color: #f6edd6 !important;
}
.qoala-banner {
    background: linear-gradient(90deg, rgba(212, 175, 55, 0.16), rgba(8, 7, 6, 0.2)) !important;
    border-top: 1px solid rgba(212, 175, 55, 0.28);
    color: #f6e7b8 !important;
}
.qoala-cta {
    background: linear-gradient(180deg, #fff1c2, #d4af37) !important;
    color: #1a1408 !important;
    border-radius: 999px !important;
}

@media (prefers-reduced-motion: reduce) {
    .navbar::after,
    .blueprint-gaming-v3::before,
    .artikel-shine,
    .KT-shine {
        animation: none !important;
    }
}