.content-page--exclusive {
    background: linear-gradient(180deg, rgba(82, 55, 153, 0) 0%, #ffc107 100%) !important;
    background: linear-gradient(180deg, rgba(0, 0, 0, 255) 0%, #ffc107 100%) !important;
}


.content-page--hot {
    background: linear-gradient(180deg, rgba(0, 0, 0, 255) 0%, rgb(139 148 1 / 25%) 50%, #ffc107 100%)!important;
}

.content-page--slider .splide-game-default__container--upcoming-lotto .splide-game-default__wrapper {
    background: linear-gradient(180deg, rgba(1, 46, 33, 0) 0%, #fecd44 100%) !important;
}

.marquee {
    background: #001216 !important;
}

.button-form-auth:hover, .button-form-auth:focus, .box-joker-spin .btn-jokerspin:hover, .splide-game-default__container--upcoming-lotto:hover .splide-game-default__button, .box-card-sports:hover .btn-default-sports, .splide-game-default__wrapper:hover .splide-game-default__btn, .custom-btn-action:hover {
    background: linear-gradient(180deg, #fecd44 0%, #ff9000 100%) !important;
    box-shadow: 0px 2px 0px 0px #ffc107 !important;
}

.header-misc__link--bar {
    background: linear-gradient(360deg, #ffdc64 0%, #ffd45a 100%) !important;
    box-shadow: 0px 2px 0px 0px #ffce24 !important;

}

.header-misc__link--bar:hover {
    background: linear-gradient(360deg, #fe7444 0%, #fe8f44 100%) !important;
    box-shadow: 0px 2px 0px 0px #ffce24 !important;
}
.deposit__btn {
    background: linear-gradient(to top, #ffc107 0%, #fecd44 100%) !important;
    box-shadow: 0 3px 0 0 #ffc107 !important;
}
.content-page__pending-wrapper {
  background: linear-gradient(180deg, #e39a1f17 0%, rgba(19, 128, 96, 0) 35.87%), linear-gradient(0deg, #343a40, #ffc10714) !important;
}

.salin {
  background-color: rgba(174, 255, 146, 0.1) !important;
  border: 1px solid rgb(255, 218, 146) !important;
  color: rgb(255, 253, 146) !important;
}
.header-btn--bar {
    background: linear-gradient(360deg, #ffce24 0%, #fff 100%) !important;
    box-shadow: 0px -2px 0px 0px #ffc107 inset !important;
}

.form-button:hover, .form-button:focus {
    color: #212529 !important;
    background: linear-gradient(360deg, #ffce24 0%, #ffc107 100%) !important;
}
.welcome__btn {
    width: 100%;
    background: linear-gradient(to top, #ffce24 0%, #ffce24 100%) !important;
    box-shadow: 0 3px 0 0 #ffc107 !important;
}
.sidebar-button {
  color: rgb(6, 6, 6) !important;
  background: linear-gradient(to top, #feebb1 0%, #feca50 100%) !important;
  box-shadow: 0 3px 0 0 #ffbd23 !important;
}
.layout-result-game__button:hover, .referral-action__button:hover, .user-referral__content-item--detail-btn:hover, .user-referral__content-item--play-btn:hover, .game-promotions__content-item--detail-btn:hover, .game-promotions__content-item--play-btn:hover {
    color: #020202;
    background: linear-gradient(to top, #ff8c07 0%, #ffc107 100%) !important;
    box-shadow: 0px 2px 0px 0px #ffc107 !important !important;
}

.header {
    background: linear-gradient(180deg, #1b1b1b 0%, #0B1918 100%) !important;
}
.header-btn:focus {
    background: url(https://media.wtgplay.xyz/style/supernova/global-icon/btn-vector.png), linear-gradient(360deg, #fd7e1a 0%, #ffc107 100%) !important;
}

html, body {
    height: 100%;
    margin: 0;
    padding: 0;
}

/* Versi Desktop */
body {
    background: #000000 url('https://cdn.picpuk.com/bg-luxi-new.webp') 
                center top no-repeat;
    background-attachment: fixed;
    background-size: cover;
}

/* Fallback Mobile */
@media (max-width: 768px) {
    body {
        background-attachment: scroll !important; /* hilangkan fixed */
        background-position: center top;
    }
}

.content {
    background: #000000 url('https://cdn.picpuk.com/bg-luxi-new.webp') center center no-repeat !important;
    background-attachment: fixed !important;
    background-size: cover !important;
    background-position: top;
}
.content-page--dark {
        background: #000000 url('https://cdn.picpuk.com/bg-luxi-new.webp') center center no-repeat !important;
    background-attachment: fixed !important;
    background-size: cover !important;
    background-position: top;
}

.footer {
    background: #04040485 !important;
}