/* Penyesuaian mobile untuk HTML desktop asli. Aturan desktop tidak ditimpa. */
@media screen and (max-width:991px){
html{width:100%;min-width:0!important;overflow-x:hidden;-webkit-text-size-adjust:100%}
body.desktop{min-width:0!important;width:100%!important;max-width:100%;margin:0!important;padding-bottom:68px!important;overflow-x:hidden}
body.desktop .container,body.desktop .container-fluid,body.desktop .full-container,body.desktop .main-content,body.desktop .content,body.desktop .app-wrapper{width:100%!important;min-width:0!important;max-width:100%!important;box-sizing:border-box}
body.desktop .container,body.desktop .container-fluid{padding-left:12px!important;padding-right:12px!important}
body.desktop .row{margin-left:-6px;margin-right:-6px}
body.desktop [class*="col-"]{min-width:0;padding-left:6px;padding-right:6px;box-sizing:border-box}
body.desktop .content{margin-bottom:16px!important;min-height:0}
body.desktop .top_navbar{position:relative!important;top:auto!important;min-width:0!important;width:100%!important}
body.desktop .header-wrapper{display:none!important}
body.desktop .rf-mobile-header{display:flex!important;align-items:center;justify-content:space-between;gap:12px;min-height:64px;padding:10px 12px;box-sizing:border-box;background:#fff;border-bottom:1px solid #e5e9ef}
.rf-mobile-header a{display:flex;align-items:center;justify-content:center;min-width:0;flex:1}
.rf-mobile-header img{display:block;max-width:180px;width:auto;max-height:42px;height:auto;object-fit:contain}
.rf-mobile-header button{border:0;border-radius:8px;background:#082852;color:white;min-height:40px;min-width:42px;padding:8px 12px;font-size:15px;font-weight:700;cursor:pointer}
.rf-mobile-header .rf-mobile-menu{font-size:22px;line-height:1}
body.desktop .main.nav-wrapper{position:relative!important;min-width:0!important;width:100%!important;z-index:20}
body.desktop .main-nav{display:flex!important;flex-wrap:nowrap!important;justify-content:flex-start!important;align-items:stretch!important;overflow-x:auto!important;overflow-y:hidden!important;width:100%!important;min-width:0!important;scrollbar-width:none;-webkit-overflow-scrolling:touch}
body.desktop .main-nav>.nav-item{display:block!important;flex:0 0 78px!important;width:78px!important;min-width:0!important;max-width:78px!important;float:none!important}
body.desktop .main-nav>.nav-item:first-child:not(:has(>.navlink)){display:none!important}
body.desktop .main-nav>.nav-item>.navlink{display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:9px 3px!important;min-height:72px!important;box-sizing:border-box}
body.desktop .main-nav .nav-icon{height:30px!important;min-height:0!important;line-height:30px!important;font-size:25px!important}
body.desktop .main-nav .nav-title{font-size:10px!important;line-height:1.3!important;white-space:normal!important;text-align:center}
body.desktop .main-nav .nav-item-content{display:none!important}
body.desktop .main-nav .hot{font-size:8px!important;padding:0 2px!important}
body.desktop.rf-mobile-menu-open .main-nav{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));overflow:visible!important}
body.desktop.rf-mobile-menu-open .main-nav>.nav-item{max-width:none!important;width:100%!important}
body.desktop .carousel-fixed-height,body.desktop #carousel-fixed-height,body.desktop .carousel,body.desktop .carousel-inner,body.desktop .carousel-inner>.item{min-width:0!important;width:100%!important;height:auto!important;min-height:0!important}
body.desktop .carousel-inner img,body.desktop .slider-size{display:block!important;width:100%!important;min-height:0!important;max-height:none!important;height:auto!important;object-fit:contain}
body.desktop .carousel-control{width:10%!important;min-width:24px}
body.desktop .jackpot{width:100%!important;max-width:100%;background-size:contain!important;min-height:64px!important;height:auto!important}
body.desktop .jackpot img{max-width:100%;height:auto}
body.desktop .jackpot .text-content{font-size:clamp(18px,5.5vw,28px)!important;line-height:1.3}
body.desktop .g-slider-wrapper{min-width:0!important;max-width:100%;padding-top:0}
body.desktop .g-slider-wrapper .title-wrapper{display:flex!important;align-items:center;justify-content:space-between;gap:8px;min-width:0}
body.desktop .g-slider-wrapper h4{font-size:16px!important;margin-bottom:8px!important}
body.desktop .g-slider-wrapper .content-wrapper{overflow:visible!important;height:auto!important;min-width:0!important}
body.desktop .g-slider-wrapper ul{display:flex!important;gap:9px!important;list-style:none!important;position:relative!important;left:0!important;transform:none!important;width:100%!important;min-width:0!important;height:auto!important;overflow-x:auto!important;overflow-y:hidden!important;white-space:normal!important;padding:0 0 10px!important;margin:0!important;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}
body.desktop .g-slider-wrapper ul>li{display:block!important;flex:0 0 calc((100vw - 42px)/3)!important;width:calc((100vw - 42px)/3)!important;max-width:180px;min-width:0!important;position:relative!important;scroll-snap-align:start}
body.desktop .g-slider-wrapper a.game-box,body.desktop .g-slider-wrapper div.game-box{width:100%!important;height:auto!important;min-height:0!important;margin:0!important;display:block!important}
body.desktop .g-slider-wrapper .game-box>img{width:100%!important;height:auto!important;aspect-ratio:3/4;object-fit:cover;display:block!important}
body.desktop .g-slider-wrapper .game-title{display:flex!important;align-items:center;justify-content:space-between;gap:3px;font-size:10px!important;line-height:1.4!important;padding:4px!important;height:auto!important;min-height:28px;box-sizing:border-box}
body.desktop .g-slider-wrapper .game-title span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
body.desktop .g-slider-wrapper .game-title img.logo{width:20px!important;height:20px!important;object-fit:contain;flex-shrink:0}
body.desktop #hkb-lottery-result>li,body.desktop #hkb-lottery-result>div{min-width:130px!important;width:130px!important;flex:0 0 130px!important}
body.desktop .g-slider-wrapper .pagi-wrp{display:none!important}
body.desktop .games-category>.row{display:flex!important;flex-wrap:wrap!important}
body.desktop .games-category .provider-box{float:none!important;flex:0 0 50%!important;width:50%!important;max-width:50%!important;margin-bottom:12px!important}
body.desktop .games-category .g-card,body.desktop .games-category .card-img{width:100%!important;height:auto!important;min-width:0!important;min-height:0!important}
body.desktop .games-category .card-img>img,body.desktop .games-category video{width:100%!important;height:auto!important;aspect-ratio:4/3;object-fit:cover}
body.desktop .sub-games .games{display:flex!important;flex-wrap:wrap!important;gap:8px!important;width:100%!important;min-width:0!important}
body.desktop .sub-games .games>.game-box{flex:0 0 calc((100% - 16px)/3)!important;width:calc((100% - 16px)/3)!important;max-width:calc((100% - 16px)/3)!important;margin:0 0 8px!important;min-width:0!important}
body.desktop .sub-games .game-box .image{width:100%!important;height:auto!important;min-height:0!important}
body.desktop .sub-games .game-box .image>img{display:block;width:100%!important;height:auto!important;aspect-ratio:3/4;object-fit:cover}
body.desktop .sub-games .game-box .title,body.desktop .sub-games .game-box .game-title{font-size:11px!important;line-height:1.4;overflow-wrap:anywhere}
body.desktop .g_category-nav{position:relative!important;display:flex!important;flex-wrap:wrap!important;width:100%!important;min-width:0!important;gap:4px!important;margin-bottom:10px!important}
body.desktop .g_category-nav.hide{display:none!important}
body.desktop .g_category-nav .nav-item{flex:1 1 auto!important;width:auto!important;min-width:0!important}
body.desktop .g_category-nav .search_filter{flex:1 0 100%!important;width:100%!important}
body.desktop .g_category-nav .search{width:100%!important;box-sizing:border-box}
body.desktop .g_category-nav .navlink{padding:9px!important;font-size:12px!important}
body.desktop .app-wrapper>.row{padding-top:16px!important}
body.desktop .app-wrapper .col-sm-4,body.desktop .app-wrapper .col-sm-6,body.desktop .app-wrapper .col-md-4,body.desktop .app-wrapper .col-md-6{width:100%!important;float:none!important}
body.desktop .site-footer{min-width:0!important;width:100%!important;max-width:100%;box-sizing:border-box}
body.desktop .footer-content{width:100%!important;min-width:0!important;box-sizing:border-box}
body.desktop .site-footer [class*="col-"]{width:100%!important;float:none!important}
body.desktop .footer-content .pull-left,body.desktop .footer-content .pull-right{float:none!important;max-width:100%;text-align:center!important;margin:10px 0}
body.desktop .site-footer img{max-width:100%!important;height:auto!important}
body.desktop .footer-body{padding:12px!important}
body.desktop #raffiplay-article{font-size:15px;line-height:1.85;overflow-wrap:anywhere}
body.desktop #raffiplay-article h1{font-size:24px;line-height:1.4}
body.desktop #raffiplay-article h2{font-size:20px;line-height:1.4;margin-top:22px}
body.desktop #raffiplay-article h3{font-size:17px;line-height:1.5;margin-top:18px}
body.desktop .floats,body.desktop .c-circle-menu,body.desktop #snackbar,body.desktop .promo-sticky{display:none!important}
body.desktop .modal-wrapper,body.desktop .nifty-modal{max-width:calc(100vw - 24px)!important;min-width:0!important;width:calc(100vw - 24px)!important;max-height:88vh!important;max-height:88dvh!important;box-sizing:border-box}
body.desktop .md-content,body.desktop .md-body{min-width:0!important;max-width:100%!important;box-sizing:border-box}
body.desktop .modal-wrapper .modal-body{max-height:72vh!important;overflow-y:auto!important}
body.desktop .modal-wrapper input,body.desktop .modal-wrapper select,body.desktop .modal-wrapper textarea{font-size:16px!important;max-width:100%;box-sizing:border-box}
body.desktop .contact-us table{width:100%!important;table-layout:fixed}
body.desktop .contact-us td{overflow-wrap:anywhere}
body.desktop .rf-mobile-bottom{display:flex!important;position:fixed;bottom:0;left:0;right:0;z-index:10000;min-height:58px;padding-bottom:env(safe-area-inset-bottom);background:#082852;border-top:1px solid #6a8cb6;box-shadow:0 -3px 12px #0002}
.rf-mobile-bottom a,.rf-mobile-bottom button{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:0;color:#fff;font-size:12px;line-height:1.5;text-decoration:none;border:0;background:transparent;padding:8px 4px;cursor:pointer}
.rf-mobile-bottom span{font-size:20px;line-height:1.2}
#raffiBannerPopup{padding:12px!important}
#raffiBannerPopup .rfb-card{width:min(100%,420px)!important;max-height:calc(100dvh - 24px)!important}
#raffiBannerPopup .rfb-banner{max-height:65dvh!important}
}
/* Komponen baru tidak ditampilkan di desktop. */
.rf-mobile-header,.rf-mobile-bottom{display:none}
@media screen and (max-width:991px){
body.desktop .main.nav-wrapper>div{width:100%!important;max-width:100%!important;min-width:0!important;flex:1 1 100%!important}
body.desktop .main-nav{max-width:100%!important;margin-left:0!important;margin-right:0!important;flex:0 1 100%!important}
body.desktop .jackpot .text-content{left:24%!important;right:4%!important;width:auto!important;max-width:72%!important;font-size:clamp(15px,4.2vw,26px)!important;white-space:nowrap;text-align:center}
body.desktop .content.my01>.container.pt-2{overflow-x:auto;overscroll-behavior-x:contain}
body.desktop .games-category .provider-box .g-card .provider-logo{max-width:100%!important}
}
@media screen and (max-width:991px){
body.desktop .main.nav-wrapper,body.desktop .main.nav-wrapper>div,body.desktop .main-nav{padding-left:0!important;padding-right:0!important}
body.desktop .jackpot .txt-overlay{position:absolute!important;inset:0!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;padding:0 6% 0 34%!important;box-sizing:border-box;transform:none!important}
body.desktop .jackpot .text-content{position:static!important;left:auto!important;right:auto!important;transform:none!important;width:100%!important;max-width:100%!important;font-size:clamp(15px,4.2vw,26px)!important;line-height:1.3!important}
body.desktop #yukchatting-widget-root .ncw-bubble{bottom:calc(76px + env(safe-area-inset-bottom))!important}
body.desktop #yukchatting-widget-root .ncw-panel{bottom:calc(146px + env(safe-area-inset-bottom))!important;max-height:calc(100dvh - 175px)!important}
}
@media screen and (max-width:991px){
body.desktop .content.my01{height:auto!important;max-height:none!important;min-height:0!important;position:relative!important;overflow:visible}
}
@media screen and (max-width:991px){
body.desktop .modal-wrapper,body.desktop .nifty-modal{position:fixed!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;max-height:calc(100dvh - 24px)!important;overflow-y:auto!important;z-index:200001!important}
body.desktop .md-overlay{z-index:200000!important}
body.desktop .nifty-modal .md-content{width:100%!important;min-width:0!important;margin:0!important;box-sizing:border-box}
}
@media screen and (max-width:991px){body.desktop:has(.nifty-modal.md-show) #yukchatting-widget-root{z-index:10000!important}}