/* Buaya Selatan Desktop UI/UX V5 */
@media (min-width: 901px) {
  :root{--d-bg:#070707;--d-panel:#0f0f10;--d-panel2:#161616;--d-gold:#f6bd20;--d-gold2:#ffda62;--d-red:#8d0714;--d-line:rgba(246,189,32,.28);--d-muted:#b9b1a3}
  html,body{background:var(--d-bg)!important;color:#fff!important}
  body{padding:0!important}
  .container{width:min(1240px,calc(100% - 44px))!important;max-width:1240px!important}
  .header-mobile,.footer-mobile{display:none!important}
  .header{position:sticky!important;top:0;z-index:1000;background:#050505!important;border-bottom:1px solid rgba(246,189,32,.25)!important;box-shadow:0 8px 30px rgba(0,0,0,.55)!important}
  .header__top{display:none!important}
  .header__mid{padding:12px 0!important;min-height:82px!important;background:#050505!important;border:0!important}
  .header__mid .row{display:flex!important;align-items:center!important;margin:0!important}
  .header__mid .col-lg-3{flex:0 0 27%!important;max-width:27%!important;padding:0!important}
  .header__mid .col-lg-9{flex:0 0 73%!important;max-width:73%!important;padding:0!important}
  .header-logo img{width:auto!important;max-width:270px!important;max-height:62px!important;object-fit:contain!important}
  .header-form{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:10px!important;margin:0!important}
  .header-form form{display:flex!important;align-items:center!important;gap:9px!important;margin:0!important}
  .header-form input{width:190px!important;height:42px!important;border:1px solid #343434!important;border-radius:8px!important;background:#111!important;color:#fff!important;padding:0 13px!important;box-shadow:none!important}
  .header-form input:focus{border-color:var(--d-gold)!important;outline:none!important}
  .button-login,.btn-daftar,.btn-profil,.btn-transaksi,.btn-signout{display:inline-flex!important;align-items:center!important;justify-content:center!important;height:42px!important;min-height:42px!important;padding:0 19px!important;border-radius:8px!important;font-size:13px!important;font-weight:800!important;text-transform:uppercase!important;text-decoration:none!important}
  .button-login{background:#111!important;border:1px solid var(--d-gold)!important;color:#fff!important}
  .btn-daftar{background:linear-gradient(180deg,#ffd24a,#efa800)!important;border:1px solid #ffd65b!important;color:#1c1400!important}
  .header-user{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:10px!important;color:#eee!important}
  .user-account,.user-wallet{background:#111!important;border:1px solid #2e2e2e!important;border-radius:8px!important;padding:8px 12px!important}
  .header-nav{position:sticky!important;top:82px;z-index:999;background:#090909!important;border-top:1px solid #191919!important;border-bottom:1px solid var(--d-line)!important;box-shadow:0 5px 20px rgba(0,0,0,.32)!important}
  .header-nav nav,.header-nav .nav{background:transparent!important}
  .header-nav ul{display:flex!important;align-items:center!important;justify-content:center!important;gap:3px!important;margin:0!important;padding:0!important;list-style:none!important}
  .header-nav li{float:none!important}
  .header-nav a{display:flex!important;align-items:center!important;justify-content:center!important;min-height:54px!important;padding:0 18px!important;color:#e7dfd2!important;font-size:13px!important;font-weight:700!important;text-transform:uppercase!important;border-bottom:2px solid transparent!important;text-decoration:none!important;transition:.2s!important}
  .header-nav a:hover,.header-nav .active>a{color:var(--d-gold)!important;background:rgba(246,189,32,.05)!important;border-bottom-color:var(--d-gold)!important}
  #main-route.bs-home-page{padding:22px 0 0!important;background:radial-gradient(circle at 50% -100px,rgba(141,7,20,.24),transparent 480px),#070707!important}
  .bs-hero-slider{aspect-ratio:1240/400!important;border-radius:14px!important;border:1px solid rgba(246,189,32,.35)!important;background:#111!important;box-shadow:0 18px 45px rgba(0,0,0,.5)!important}
  .bs-hero-slide img{object-fit:cover!important}
  .bs-slider-btn{width:44px!important;height:44px!important;background:rgba(0,0,0,.68)!important;border-color:rgba(246,189,32,.45)!important;color:var(--d-gold)!important}
  .bs-category-section{padding:15px 0 25px!important}
  .bs-category-grid{display:grid!important;grid-template-columns:repeat(7,1fr)!important;gap:0!important;border:1px solid #a5131e!important;border-radius:12px!important;overflow:hidden!important;background:#0c0c0c!important}
  .bs-category-card{min-height:92px!important;border:0!important;border-right:1px solid #5e151b!important;border-radius:0!important;background:linear-gradient(180deg,#151515,#090909)!important;flex-direction:column!important;gap:8px!important;padding:10px!important;color:#fff!important;box-shadow:none!important}
  .bs-category-card:last-child{border-right:0!important}
  .bs-category-card:hover{transform:none!important;background:linear-gradient(180deg,#25100f,#120909)!important;color:var(--d-gold)!important}
  .bs-category-icon{width:48px!important;height:48px!important;border-radius:0!important;background:transparent!important}
  .bs-category-icon img{width:45px!important;height:45px!important;filter:drop-shadow(0 5px 5px rgba(0,0,0,.6))!important}
  .bs-category-card>span:last-child{font-size:12px!important;text-transform:uppercase!important;letter-spacing:.35px!important}
  .bs-games-section,.bs-provider-section{padding:4px 0 30px!important}
  .bs-section-heading{margin:0 0 15px!important;align-items:center!important}
  .bs-section-heading h2{font-size:23px!important;text-transform:uppercase!important;letter-spacing:.3px!important}
  .bs-section-heading h2:before{content:"";display:inline-block;width:5px;height:24px;margin-right:10px;vertical-align:-4px;border-radius:4px;background:linear-gradient(var(--d-gold),#d98b00)}
  .bs-section-heading>a{padding:7px 12px!important;border:1px solid rgba(246,189,32,.3)!important;border-radius:7px!important;color:var(--d-gold)!important}
  .bs-game-grid{grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:14px!important}
  .bs-game-card{border-radius:10px!important;background:#0e0e0e!important;border:1px solid #292929!important;box-shadow:0 10px 25px rgba(0,0,0,.28)!important}
  .bs-game-card:hover{transform:translateY(-4px)!important;border-color:var(--d-gold)!important}
  .bs-game-image{aspect-ratio:4/3!important;background:#151515!important}
  .bs-game-meta{padding:10px 11px 12px!important;background:linear-gradient(180deg,#141414,#0a0a0a)!important}
  .bs-game-meta strong{font-size:13px!important;color:#fff!important}
  .bs-game-meta small{font-size:10px!important;color:#a99f91!important;text-transform:uppercase!important}
  .bs-provider-grid{display:grid!important;grid-template-columns:repeat(6,1fr)!important;gap:12px!important}
  .bs-provider-card{height:82px;display:flex;align-items:center;justify-content:center;padding:14px;border:1px solid #313131;border-radius:10px;background:linear-gradient(180deg,#141414,#0b0b0b);color:#fff;text-align:center;font-size:14px;font-weight:800;letter-spacing:.5px;text-decoration:none!important;transition:.2s}
  .bs-provider-card:hover{border-color:var(--d-gold);color:var(--d-gold);transform:translateY(-3px)}
  .bs-provider-card span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .bs-more-wrap{text-align:center;margin-top:22px}.bs-more-button{display:inline-flex;min-width:360px;justify-content:center;padding:13px 20px;border:1px solid var(--d-gold);border-radius:9px;color:var(--d-gold)!important;font-weight:800;text-transform:uppercase;text-decoration:none!important;background:#0c0c0c}
  .bs-quick-section{padding:0 0 35px!important}.bs-quick-panel{border-radius:12px!important;background:linear-gradient(100deg,#180b0b,#46070d)!important;border:1px solid rgba(246,189,32,.3)!important}
  .footer{margin-top:0!important;background:#080808!important;border-top:1px solid rgba(246,189,32,.24)!important}
  .footer__provider{padding:30px 0!important}.provider-content{background:transparent!important}.footer__trademark{background:#050505!important}
  .final-float-action{display:none!important}
  .main-content,.content,.page-content{background:#070707!important}
  .modal-content,.card,.panel,.form-container{background:#111!important;border-color:#303030!important;color:#fff!important}
  input,select,textarea{border-radius:7px!important}
}
@media (min-width:901px) and (max-width:1120px){
  .container{width:calc(100% - 30px)!important}.header-form input{width:150px!important}.header-nav a{padding:0 11px!important}.bs-game-grid{grid-template-columns:repeat(5,1fr)!important}.bs-provider-grid{grid-template-columns:repeat(4,1fr)!important}
}

/* V6 desktop navigation visibility and alignment fix */
@media (min-width:901px){
  .header-nav{display:block!important;visibility:visible!important;opacity:1!important;overflow:visible!important;min-height:58px!important}
  .header-nav .bs-desktop-nav{display:block!important;position:relative!important;background:#090909!important;overflow:visible!important}
  .bs-desktop-nav__inner{display:flex!important;align-items:stretch!important;justify-content:center!important;gap:0!important;min-height:58px!important;overflow:visible!important}
  .bs-desktop-nav__item{position:relative!important;display:flex!important;align-items:stretch!important}
  .bs-desktop-nav__link{display:flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;min-width:104px!important;min-height:58px!important;padding:0 15px!important;color:#eee5d5!important;border:0!important;border-bottom:3px solid transparent!important;background:transparent!important;font-size:12px!important;font-weight:800!important;letter-spacing:.25px!important;white-space:nowrap!important;text-decoration:none!important;visibility:visible!important;opacity:1!important}
  .bs-desktop-nav__link>i:first-child{color:#f6bd20!important;font-size:15px!important}
  .bs-desktop-nav__link:hover,.bs-desktop-nav__link.is-active{color:#fff!important;background:linear-gradient(180deg,rgba(246,189,32,.11),rgba(141,7,20,.08))!important;border-bottom-color:#f6bd20!important}
  .bs-nav-arrow{font-size:9px!important;color:#9f9688!important;margin-left:1px!important}
  .bs-nav-dropdown{display:none!important;position:absolute!important;left:50%!important;top:100%!important;transform:translateX(-50%)!important;width:min(900px,82vw)!important;padding:16px!important;background:rgba(8,8,8,.98)!important;border:1px solid rgba(246,189,32,.35)!important;border-radius:0 0 12px 12px!important;box-shadow:0 20px 45px rgba(0,0,0,.7)!important;z-index:1200!important}
  .bs-has-dropdown:hover>.bs-nav-dropdown{display:block!important}
  .bs-nav-dropdown__grid{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:9px!important}
  .bs-nav-provider{display:flex!important;min-height:72px!important;padding:8px!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:5px!important;border:1px solid #282828!important;border-radius:8px!important;background:#111!important;color:#e9dec9!important;font-size:10px!important;text-align:center!important;text-transform:uppercase!important;overflow:hidden!important}
  .bs-nav-provider:hover{border-color:#f6bd20!important;color:#f6bd20!important;background:#18130a!important}
  .bs-nav-provider img{display:block;max-width:88px!important;width:auto!important;height:34px!important;object-fit:contain!important}
  .bs-nav-provider span{max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
}
@media (min-width:901px) and (max-width:1180px){
  .bs-desktop-nav__link{min-width:auto!important;padding:0 10px!important;font-size:11px!important}
  .bs-desktop-nav__link>i:first-child{display:none!important}
}

/* V7 desktop header, logo, menu and banner spacing */
@media(min-width:901px){
  .header__top{height:34px!important;min-height:34px!important;background:#050505!important;border-bottom:1px solid #1c1c1c!important}
  .header__top .container,.header__top .row{height:34px!important}
  .header__mid{min-height:88px!important;padding:10px 0!important;background:#080808!important}
  .header__mid .container>.row{min-height:68px!important;align-items:center!important}
  .header__mid .col-lg-3{display:flex!important;align-items:center!important}
  .header-logo{display:flex!important;align-items:center!important;min-height:62px!important;padding:0!important;margin:0!important}
  .header-logo a{display:flex!important;align-items:center!important}
  .header-logo img{display:block!important;width:auto!important;max-width:250px!important;height:auto!important;max-height:62px!important;object-fit:contain!important;visibility:visible!important;opacity:1!important}
  .header-form{margin:0!important;padding:0!important;min-height:46px!important;display:flex!important;justify-content:flex-end!important;align-items:center!important}
  .header-form form{display:flex!important;align-items:center!important;gap:8px!important;margin:0!important}
  .header-nav{top:0!important;position:relative!important;margin:0!important}
  .bs-desktop-nav__inner{max-width:1240px!important;padding:0 10px!important}
  #main-route.bs-home-page{padding-top:26px!important}
  .bs-hero>.container{padding-top:0!important;padding-bottom:0!important}
  .bs-hero-slider{margin:0 auto 22px!important;max-width:1240px!important;aspect-ratio:1240/390!important}
  .bs-category-section{padding-top:0!important}
  .bs-games-section{padding-top:6px!important}
  .bs-game-grid{grid-template-columns:repeat(6,minmax(0,1fr))!important}
  .bs-category-card:nth-child(1) .bs-category-icon{filter:drop-shadow(0 0 7px rgba(255,65,82,.45))!important}
  .bs-category-card:nth-child(2) .bs-category-icon{filter:drop-shadow(0 0 7px rgba(255,197,46,.45))!important}
  .bs-category-card:nth-child(3) .bs-category-icon{filter:drop-shadow(0 0 7px rgba(255,79,163,.45))!important}
  .bs-category-card:nth-child(4) .bs-category-icon{filter:drop-shadow(0 0 7px rgba(73,168,255,.45))!important}
  .bs-category-card:nth-child(5) .bs-category-icon{filter:drop-shadow(0 0 7px rgba(255,145,56,.45))!important}
  .bs-category-card:nth-child(6) .bs-category-icon{filter:drop-shadow(0 0 7px rgba(169,122,255,.45))!important}
  .bs-category-card:nth-child(7) .bs-category-icon{filter:drop-shadow(0 0 7px rgba(66,216,145,.45))!important}
}

/* V8 FINAL — robust desktop header/menu layout */
@media(min-width:901px){
  body{padding-top:0!important}
  .header{display:block!important;visibility:visible!important;opacity:1!important;position:relative!important;z-index:1500!important;background:#050505!important}
  .header__mid{display:block!important;min-height:94px!important;padding:12px 0!important;border-bottom:1px solid rgba(246,189,32,.28)!important}
  .header__mid>.container{max-width:1240px!important}
  .header__mid .row{display:flex!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:space-between!important;margin:0!important}
  .header__mid .col-lg-3{flex:0 0 290px!important;max-width:290px!important;padding:0 15px!important}
  .header__mid .col-lg-9{flex:1 1 auto!important;max-width:none!important;padding:0 15px!important}
  .header-logo,.header-logo a{display:flex!important;align-items:center!important;justify-content:flex-start!important;width:100%!important;min-height:66px!important}
  .header-logo img{display:block!important;visibility:visible!important;opacity:1!important;width:auto!important;max-width:270px!important;height:auto!important;max-height:66px!important;object-fit:contain!important}
  .header-form{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:9px!important;min-height:48px!important}
  .header-form form{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:9px!important;flex-wrap:nowrap!important}
  .header-form input{width:175px!important;height:42px!important;margin:0!important}
  .header-form .button-login,.header-form .btn-daftar{height:42px!important;min-width:92px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;margin:0!important;padding:0 18px!important;border-radius:8px!important}
  .header-nav{display:block!important;visibility:visible!important;opacity:1!important;position:relative!important;z-index:1450!important;min-height:60px!important;background:#090909!important;border-bottom:1px solid rgba(180,12,28,.7)!important;overflow:visible!important}
  .header-nav>.progress-bar{top:0!important}
  .bs-desktop-nav{display:block!important;visibility:visible!important;opacity:1!important;width:100%!important;background:#090909!important;overflow:visible!important}
  .bs-desktop-nav__inner{display:flex!important;align-items:stretch!important;justify-content:center!important;gap:0!important;width:100%!important;max-width:1240px!important;min-height:60px!important;margin:0 auto!important;padding:0 10px!important;overflow:visible!important}
  .bs-desktop-nav__item,.bs-desktop-nav__inner>.bs-desktop-nav__link{display:flex!important;flex:0 1 auto!important;align-items:stretch!important;visibility:visible!important;opacity:1!important}
  .bs-desktop-nav__link{display:flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;min-width:105px!important;min-height:60px!important;padding:0 14px!important;color:#f3ead9!important;font-size:12px!important;font-weight:800!important;text-transform:uppercase!important;text-decoration:none!important;white-space:nowrap!important;border-bottom:3px solid transparent!important}
  .bs-desktop-nav__link>i:first-child{color:#f6bd20!important;font-size:16px!important}
  .bs-desktop-nav__link:hover,.bs-desktop-nav__link.is-active{color:#fff!important;background:linear-gradient(180deg,rgba(246,189,32,.13),rgba(146,7,21,.08))!important;border-bottom-color:#f6bd20!important}
  .bs-lottery-ball--nav{width:25px!important;height:25px!important;flex:0 0 25px!important;border-radius:50%!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;background:radial-gradient(circle at 32% 28%,#fff 0 18%,#ffb24d 20% 43%,#e56d16 44% 100%)!important;color:#111!important;font-size:12px!important;font-weight:900!important;font-style:normal!important;border:1px solid #ffc56e!important}
  #main-route.bs-home-page{padding-top:20px!important}
  .bs-hero-slider{margin-bottom:18px!important}
}
@media(min-width:901px) and (max-width:1180px){
  .header__mid .col-lg-3{flex-basis:240px!important;max-width:240px!important}
  .header-logo img{max-width:220px!important}
  .header-form input{width:145px!important}
  .bs-desktop-nav__link{min-width:auto!important;padding:0 9px!important;font-size:11px!important}
}

/* V9 FINAL: desktop header/menu/banner spacing and strict 12-card layout */
@media (min-width:901px){
  .header,.header__mid,.header-nav,.bs-desktop-nav{display:block!important;visibility:visible!important;opacity:1!important}
  .header__mid{min-height:92px!important;padding:11px 0!important}
  .header__mid>.container{width:calc(100% - 30px)!important;max-width:1240px!important;margin:0 auto!important}
  .header-logo img{display:block!important;max-width:260px!important;max-height:64px!important;width:auto!important;height:auto!important}
  .header-nav{min-height:60px!important;overflow:visible!important}
  .bs-desktop-nav__inner{min-height:60px!important;max-width:1240px!important;margin:auto!important;justify-content:center!important}
  .bs-desktop-nav__link{min-height:60px!important;padding-left:13px!important;padding-right:13px!important}
  #main-route.bs-home-page{padding-top:22px!important}
  .bs-hero>.container{max-width:1240px!important;padding-left:15px!important;padding-right:15px!important}
  .bs-hero-slider{display:block!important;width:100%!important;max-width:1210px!important;height:auto!important;aspect-ratio:1210/390!important;margin:0 auto 20px!important;border:1px solid rgba(246,189,32,.7)!important;border-radius:12px!important;overflow:hidden!important;background:#090909!important}
  .bs-hero-slide{position:absolute!important;inset:0!important;width:100%!important;height:100%!important}
  .bs-hero-slide img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important}
  .bs-category-section{margin-top:0!important;padding-top:0!important}
  .bs-games-section{padding-top:8px!important}
  .bs-game-grid{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:14px!important}
  .bs-game-card:nth-child(n+13){display:none!important}
  .bs-game-image{display:block!important;aspect-ratio:4/3!important;overflow:hidden!important;background:#111!important}
  .bs-game-image img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important}
}


/* V10 PRODUCTION OVERRIDE — desktop header/menu/banner/game grid */
@media (min-width:901px){
  body{padding-top:0!important;background:#070707!important}
  .header{display:block!important;position:relative!important;top:auto!important;z-index:1002!important;background:#050505!important}
  .header__mid{display:block!important;min-height:90px!important;padding:14px 0!important}
  .header__mid>.container>.row{display:grid!important;grid-template-columns:minmax(230px,29%) minmax(0,71%)!important;align-items:center!important;gap:24px!important}
  .header__mid .col-lg-3,.header__mid .col-lg-9{display:block!important;flex:none!important;max-width:none!important;width:auto!important;padding:0!important}
  .header-logo,.header-logo a{display:flex!important;align-items:center!important;justify-content:flex-start!important;min-height:60px!important}
  .header-logo img{display:block!important;width:auto!important;height:auto!important;max-width:285px!important;max-height:64px!important;object-fit:contain!important;visibility:visible!important;opacity:1!important}
  .header-form{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:10px!important;margin:0!important}
  .header-form form{display:flex!important;align-items:center!important;gap:9px!important;margin:0!important}
  .header-form input{width:185px!important;height:42px!important;margin:0!important}

  .header-nav{display:block!important;position:relative!important;top:auto!important;z-index:1001!important;min-height:60px!important;overflow:visible!important;background:#090909!important;border-top:1px solid #242018!important;border-bottom:1px solid #8c6415!important}
  .header-nav .bs-desktop-nav{display:block!important;visibility:visible!important;opacity:1!important;overflow:visible!important}
  .bs-desktop-nav__inner{width:min(1240px,calc(100% - 44px))!important;max-width:1240px!important;margin:auto!important;padding:0!important;display:grid!important;grid-template-columns:repeat(9,minmax(0,1fr))!important;align-items:stretch!important;overflow:visible!important}
  .bs-desktop-nav__item{min-width:0!important;display:block!important;position:relative!important}
  .bs-desktop-nav__link{display:flex!important;min-width:0!important;width:100%!important;height:60px!important;min-height:60px!important;padding:0 8px!important;gap:7px!important;align-items:center!important;justify-content:center!important;color:#eee5d5!important;visibility:visible!important;opacity:1!important;white-space:nowrap!important;font-size:12px!important;font-weight:800!important;border-left:1px solid rgba(246,189,32,.08)!important;border-bottom:3px solid transparent!important;background:linear-gradient(180deg,#111,#090909)!important}
  .bs-desktop-nav__link i{display:inline-flex!important;visibility:visible!important;opacity:1!important;color:#f4bd27!important;font-size:17px!important}
  .bs-desktop-nav__link:hover,.bs-desktop-nav__link.is-active{color:#ffd75a!important;background:#17130b!important;border-bottom-color:#f4bd27!important}
  .bs-nav-dropdown{top:60px!important;z-index:1200!important}

  #main-route.bs-home-page{padding:20px 0 0!important}
  .bs-hero>.container,.bs-category-section>.container,.bs-games-section>.container,.bs-provider-section>.container,.bs-quick-section>.container{width:min(1240px,calc(100% - 44px))!important;max-width:1240px!important}
  .bs-hero-slider{display:block!important;width:100%!important;height:auto!important;aspect-ratio:1240/390!important;margin:0!important;border-radius:14px!important;overflow:hidden!important;visibility:visible!important;opacity:1!important}
  .bs-hero-slide{position:absolute!important;inset:0!important;width:100%!important;height:100%!important}
  .bs-hero-slide img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;visibility:visible!important;opacity:1!important}
  .bs-category-section{padding:16px 0 28px!important}
  .bs-category-grid{margin:0!important}
  .bs-games-section{padding:0 0 30px!important}
  .bs-game-grid{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:14px!important}
  .bs-game-grid>.bs-game-card:nth-child(n+13){display:none!important}
  .bs-game-card{min-width:0!important;overflow:hidden!important}
  .bs-game-image{display:block!important;width:100%!important;aspect-ratio:4/3!important;overflow:hidden!important;background:#111!important}
  .bs-game-image img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important}
  .bs-game-meta strong{display:block!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
}
@media (min-width:901px) and (max-width:1120px){
  .bs-desktop-nav__inner{width:calc(100% - 24px)!important}
  .bs-desktop-nav__link{font-size:10px!important;padding:0 4px!important;gap:4px!important}
  .bs-desktop-nav__link i{font-size:15px!important}
  .header__mid>.container>.row{grid-template-columns:245px minmax(0,1fr)!important;gap:14px!important}
  .header-form input{width:145px!important}
  .bs-game-grid{grid-template-columns:repeat(6,minmax(0,1fr))!important}
}

/* V12 DESKTOP-ONLY REFINEMENT */
@media (min-width: 901px) {
  html, body { overflow-x: hidden; }
  .header-mobile { display: none !important; }
  .header { position: relative !important; z-index: 120 !important; }
  .header__mid { padding: 14px 0 !important; }
  .header__mid > .container > .row {
    display: grid !important;
    grid-template-columns: minmax(230px, 300px) minmax(0, 1fr) !important;
    align-items: center !important;
    column-gap: 28px !important;
    min-height: 66px !important;
  }
  .header-logo { min-width: 0 !important; min-height: 62px !important; }
  .header-logo a { width: 100% !important; }
  .header-logo img {
    width: auto !important;
    height: 58px !important;
    max-width: 285px !important;
    object-fit: contain !important;
    object-position: left center !important;
  }
  .header-form { width: 100% !important; flex-wrap: nowrap !important; }
  .header-form form { flex: 1 1 auto !important; min-width: 0 !important; }
  .header-form input { flex: 1 1 170px !important; width: auto !important; max-width: 220px !important; }
  .header-form .button-login, .header-form .btn-daftar { flex: 0 0 auto !important; min-width: 92px !important; }

  .header-nav { position: relative !important; z-index: 115 !important; }
  .bs-desktop-nav__inner {
    display: flex !important;
    align-items: stretch !important;
    justify-content: center !important;
    height: 60px !important;
    max-width: 1240px !important;
    padding: 0 12px !important;
    gap: 0 !important;
    overflow: visible !important;
  }
  .bs-desktop-nav__item,
  .bs-desktop-nav__inner > .bs-desktop-nav__link {
    flex: 1 1 0 !important;
    min-width: 92px !important;
    max-width: 145px !important;
  }
  .bs-desktop-nav__link {
    width: 100% !important;
    height: 60px !important;
    padding: 0 10px !important;
    gap: 8px !important;
    font-size: 12px !important;
    letter-spacing: .15px !important;
    border-left: 1px solid rgba(255,255,255,.055) !important;
  }
  .bs-desktop-nav__link > i:first-child { flex: 0 0 22px !important; font-size: 17px !important; }
  .bs-desktop-nav__link span { display: block !important; overflow: hidden !important; text-overflow: ellipsis !important; }
  .bs-nav-dropdown { top: 60px !important; }

  .bs-home-page { padding-top: 22px !important; }
  .bs-home-page > section > .container { max-width: 1240px !important; }
  .bs-hero-slider { aspect-ratio: 16 / 5.25 !important; min-height: 280px !important; max-height: 410px !important; }
  .bs-hero-slide img { object-fit: cover !important; object-position: center !important; }
  .bs-category-section { padding: 18px 0 22px !important; }
  .bs-category-grid { gap: 12px !important; }
  .bs-category-card { min-height: 82px !important; }
  .bs-games-section { padding: 8px 0 34px !important; }
  .bs-section-heading { margin-bottom: 18px !important; }
  .bs-game-grid { grid-template-columns: repeat(6, minmax(0, 1fr)) !important; gap: 16px !important; }
  .bs-game-card { min-width: 0 !important; border-radius: 14px !important; }
  .bs-game-image { aspect-ratio: 1 / 1 !important; }
  .bs-game-meta { min-height: 58px !important; padding: 10px 12px 12px !important; }
  .bs-game-meta strong { font-size: 12px !important; line-height: 1.35 !important; }
  .bs-game-meta small { font-size: 10px !important; }
  .bs-provider-section { padding: 4px 0 30px !important; }
  .bs-provider-grid { display: grid !important; grid-template-columns: repeat(6, minmax(0, 1fr)) !important; gap: 14px !important; }
  .bs-provider-card { min-height: 72px !important; display: flex !important; align-items: center !important; justify-content: center !important; padding: 12px !important; text-align: center !important; }
  .bs-more-wrap { margin-top: 18px !important; }
  .bs-quick-section { padding-bottom: 36px !important; }
  .bs-quick-panel { min-height: 88px !important; }
}

@media (min-width: 901px) and (max-width: 1120px) {
  .header__mid > .container > .row { grid-template-columns: 220px minmax(0, 1fr) !important; column-gap: 16px !important; }
  .header-logo img { height: 50px !important; max-width: 210px !important; }
  .header-form input { max-width: 155px !important; }
  .bs-desktop-nav__item,
  .bs-desktop-nav__inner > .bs-desktop-nav__link { min-width: 0 !important; }
  .bs-desktop-nav__link { padding: 0 5px !important; gap: 5px !important; font-size: 10px !important; }
  .bs-desktop-nav__link > i:first-child { font-size: 15px !important; flex-basis: 18px !important; }
}

/* V13 — Berita terbaru pada halaman home */
.bs-home-news {
  padding: 4px 0 26px;
}
.bs-home-news .container {
  max-width: 1240px;
}
.bs-home-news-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 16px;
}
.bs-home-news-heading__title {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
}
.bs-home-news-heading__icon {
  width: 44px;
  height: 44px;
  flex: 0 0 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(229, 189, 85, .42);
  border-radius: 13px;
  background: linear-gradient(145deg, #221b0f, #101010);
  color: #f4c85f;
  box-shadow: inset 0 0 18px rgba(229, 189, 85, .08), 0 8px 24px rgba(0, 0, 0, .24);
  font-size: 18px;
}
.bs-home-news-kicker {
  display: block;
  margin-bottom: 2px;
  color: #d9ac43;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 1.15px;
}
.bs-home-news-heading h2 {
  margin: 0;
  color: #f3f3f3;
  font-size: 21px;
  line-height: 1.2;
}
.bs-home-news-all {
  flex: 0 0 auto;
  color: #e5bd55 !important;
  font-size: 12px;
  font-weight: 700;
  text-decoration: none !important;
}
.bs-home-news-all i {
  margin-left: 5px;
  font-size: 10px;
}
.bs-home-news-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 15px;
}
.bs-home-news-card {
  min-width: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border: 1px solid rgba(229, 189, 85, .22);
  border-radius: 15px;
  background: linear-gradient(155deg, #1b1b1b 0%, #101010 100%);
  color: #efefef !important;
  text-decoration: none !important;
  box-shadow: 0 10px 28px rgba(0, 0, 0, .22);
  transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}
.bs-home-news-card:hover {
  transform: translateY(-3px);
  border-color: rgba(229, 189, 85, .58);
  box-shadow: 0 15px 34px rgba(0, 0, 0, .32);
}
.bs-home-news-media {
  position: relative;
  display: block;
  width: 100%;
  aspect-ratio: 16 / 8.2;
  overflow: hidden;
  background: radial-gradient(circle at 28% 24%, #3b2b11 0, #17130d 34%, #0d0d0d 100%);
}
.bs-home-news-media img,
.bs-home-news-placeholder {
  width: 100%;
  height: 100%;
}
.bs-home-news-media img {
  display: block;
  object-fit: cover;
  transition: transform .25s ease;
}
.bs-home-news-card:hover .bs-home-news-media img {
  transform: scale(1.035);
}
.bs-home-news-placeholder {
  align-items: center;
  justify-content: center;
  color: rgba(229, 189, 85, .82);
  font-size: 35px;
}
.bs-home-news-placeholder:not([style]) {
  display: flex;
}
.bs-home-news-badge {
  position: absolute;
  top: 9px;
  left: 9px;
  z-index: 2;
  padding: 4px 7px;
  border: 1px solid rgba(255,255,255,.18);
  border-radius: 999px;
  background: #e1a625;
  color: #16110a;
  font-size: 9px;
  font-weight: 900;
  letter-spacing: .65px;
  box-shadow: 0 4px 12px rgba(0,0,0,.28);
}
.bs-home-news-body {
  min-height: 150px;
  display: flex;
  flex-direction: column;
  padding: 13px 14px 14px;
}
.bs-home-news-body small {
  display: block;
  margin-bottom: 6px;
  color: #9c8a64;
  font-size: 10px;
}
.bs-home-news-body strong {
  display: -webkit-box;
  overflow: hidden;
  margin-bottom: 7px;
  color: #f2ce72;
  font-size: 14px;
  line-height: 1.35;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.bs-home-news-body > span {
  display: -webkit-box;
  overflow: hidden;
  color: #bfbfbf;
  font-size: 11px;
  line-height: 1.5;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.bs-home-news-body em {
  margin-top: auto;
  padding-top: 10px;
  color: #d9ac43;
  font-size: 10px;
  font-style: normal;
  font-weight: 700;
}
.bs-home-news-body em i {
  margin-left: 4px;
}
@media (max-width: 1120px) {
  .bs-home-news-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .bs-home-news-card { flex-direction: row; }
  .bs-home-news-media { flex: 0 0 42%; width: 42%; aspect-ratio: auto; min-height: 170px; }
  .bs-home-news-body { min-height: 170px; flex: 1 1 auto; }
}
.bs-home-news-empty {
  grid-column: 1 / -1;
  min-height: 92px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 13px;
  padding: 18px;
  border: 1px dashed rgba(229,189,85,.28);
  border-radius: 14px;
  background: rgba(18,18,18,.78);
  color: #a9a9a9;
  text-align: left;
}
.bs-home-news-empty > i { color: #d9ac43; font-size: 24px; }
.bs-home-news-empty span { display: flex; flex-direction: column; gap: 3px; }
.bs-home-news-empty strong { color: #e5e5e5; font-size: 13px; }
.bs-home-news-empty small { color: #929292; font-size: 11px; }