/* AGB99 V5 — MOBILE LAYOUT PASS
 * Desktop/source composition is untouched. These rules apply only to narrow viewports.
 */
@media (max-width: 767px){
  /* Header: logo + all four action buttons stay on one compact row. */
  .header .headin{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:5px!important;min-height:48px!important;width:calc(100% - 10px)!important}
  .header .headin>div:not(.actions){display:none!important}
  .header .headin>a:first-child{flex:0 0 auto!important;min-width:0!important}
  .header .logo{width:108px!important;max-width:108px!important;height:auto!important;max-height:42px!important}
  .header .actions{display:flex!important;flex:1 1 auto!important;min-width:0!important;justify-content:flex-end!important;align-items:center!important;gap:2px!important}
  .header .actions .btn{flex:0 1 auto!important;min-width:0!important;height:21px!important;padding:3px 5px!important;border-radius:3px!important;font-size:7px!important;line-height:1!important;white-space:nowrap!important}

  /* Jackpot first, Nex4D directly underneath on mobile. */
  #jackpot-lottery-section{display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;gap:8px!important;margin-top:8px!important;margin-bottom:18px!important;width:calc(100% - 12px)!important}
  #jackpot-lottery-section>[data-section="jackpot"],#jackpot-lottery-section>[data-section="lottery"]{width:100%!important;flex:0 0 auto!important;min-width:0!important}
  #jackpot-lottery-section .home-progressive-jackpot{padding:5px!important;border-radius:18px!important}
  #jackpot-lottery-section .home-progressive-jackpot .outer-container{padding:5px!important;border-radius:14px!important}
  #jackpot-lottery-section .home-progressive-jackpot .inner-container{padding:5px!important;border-radius:12px!important}
  #jackpot-lottery-section .home-progressive-jackpot .border-container{gap:8px!important;padding:5px!important;border-radius:10px!important}
  #jackpot-lottery-section .home-progressive-jackpot .jackpot-play-section{margin-left:0!important;align-items:center!important;flex:0 0 64px!important}
  #jackpot-lottery-section .home-progressive-jackpot .jackpot-play-section img{width:54px!important;height:auto!important}
  #jackpot-lottery-section .home-progressive-jackpot .jackpot-play-section .jackpot-play-text{font-size:11px!important;white-space:nowrap!important}
  #jackpot-lottery-section .home-progressive-jackpot .jackpot-container{min-width:0!important;font-size:22px!important;letter-spacing:2px!important;padding:5px!important}
  #jackpot-lottery-section .home-progressive-jackpot .jackpot-inner-container{padding:5px!important}
  #jackpot-lottery-section .home-progressive-jackpot .jackpot-border-container{line-height:26px!important;padding-bottom:5px!important}
  #jackpot-lottery-section .home-progressive-jackpot .jackpot-currency{margin-right:5px!important;font-size:11px!important}
  #jackpot-lottery-section .lottery-result-container{width:100%!important}
  #jackpot-lottery-section .lottery-result-title{font-size:13px!important}

  /* Mobile: show exactly the first five slot-winner rows. */
  #video-slots-popular .jackpot-winners .winners-ticker-container{height:350px!important;max-height:350px!important;overflow:hidden!important}
  #video-slots-popular .jackpot-winners .winners-ticker ul li:nth-child(n+6){display:none!important}

  /* The source arcade/promo artwork immediately below the winners list is desktop-only. */
  #video-slots-popular .popular-games>[data-section="left"]>a{display:none!important}

  /* Mobile game cards: keep artwork, remove the text labels. */
  #hot-games .game-item .game-name,#video-slots-popular .game-list .game-name,#video-slots-popular .popular-game-list .game-name{display:none!important}

  /* Download APK: mobile copy is left-aligned. */
  #download-apk-section .download-apk>div:nth-child(2){text-align:left!important}
  #download-apk-section .download-apk .h2,#download-apk-section .download-apk .h2>strong,#download-apk-section .download-apk .h3{text-align:left!important}
  #download-apk-section .download-apk .h3:before{left:0!important;transform:none!important}
  #download-apk-section .download-apk-info{justify-content:flex-start!important}
  #download-apk-section .download-apk-detail{text-align:left!important;align-items:flex-start!important}
  #download-apk-section .download-apk-detail>*{text-align:left!important}
  #download-apk-section .download-apk-section>span{text-align:left!important}
}

@media (max-width: 360px){
  .header .headin{gap:3px!important;width:calc(100% - 6px)!important}
  .header .logo{width:94px!important;max-width:94px!important}
  .header .actions{gap:1px!important}
  .header .actions .btn{height:19px!important;padding:2px 4px!important;font-size:6.5px!important}
  #jackpot-lottery-section .home-progressive-jackpot .jackpot-play-section{flex-basis:57px!important}
  #jackpot-lottery-section .home-progressive-jackpot .jackpot-play-section img{width:48px!important}
  #jackpot-lottery-section .home-progressive-jackpot .jackpot-container{font-size:19px!important}
}

/* =========================================================
 * MOBILE V5.1 — header logo + Video Slots provider controls
 * Mobile only. Desktop/source geometry remains unchanged.
 * ========================================================= */
@media (max-width:767px){
  /* MOBILE: use the same provider-navigation visual language as desktop, scaled responsively. */
  #video-slots-popular .popular-games{display:block!important;background:#111!important;margin:0!important;padding:0!important;}
  #video-slots-popular .popular-games>[data-section="left"]{display:block!important;}
  #video-slots-popular .popular-games>[data-section="right"]{display:block!important;width:100%!important;margin:0!important;padding:0!important;}
  #video-slots-popular .popular-games .scrtabs-tab-container{display:flex!important;align-items:center!important;width:100%!important;height:55px!important;margin:0!important;padding:3px 0!important;background:#171717!important;border:0!important;border-radius:0!important;box-sizing:border-box!important;overflow:hidden!important;}
  #video-slots-popular .popular-games .scrtabs-tab-scroll-arrow{display:flex!important;align-items:center!important;justify-content:center!important;flex:0 0 28px!important;width:28px!important;min-width:28px!important;height:49px!important;margin:0!important;padding:0!important;background:#171717!important;color:#e5c65a!important;border:0!important;border-radius:0!important;box-sizing:border-box!important;}
  #video-slots-popular .popular-games .scrtabs-tab-scroll-arrow .scrtabs-click-target{display:flex!important;align-items:center!important;justify-content:center!important;width:28px!important;height:49px!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important;}
  #video-slots-popular .popular-games .scrtabs-tab-scroll-arrow .scrtabs-click-target:after{font-size:27px!important;line-height:1!important;font-weight:700!important;display:block!important;}
  #video-slots-popular .popular-games .scrtabs-tab-scroll-arrow-left:after{content:'‹'!important;font-family:Arial,sans-serif!important;font-size:27px!important;font-weight:700!important;line-height:49px!important;display:block!important;text-align:center!important;}
  #video-slots-popular .popular-games .scrtabs-tab-scroll-arrow-right:after{content:'›'!important;font-family:Arial,sans-serif!important;font-size:27px!important;font-weight:700!important;line-height:49px!important;display:block!important;text-align:center!important;}
  #video-slots-popular .popular-games .scrtabs-tab-scroll-arrow .glyphicon{display:none!important;}
  #video-slots-popular .popular-games .scrtabs-tabs-fixed-container{float:none!important;flex:1 1 auto!important;width:auto!important;min-width:0!important;height:49px!important;margin:0!important;padding:0!important;overflow:hidden!important;background:#171717!important;}
  #video-slots-popular .popular-games .scrtabs-tabs-movable-container{position:relative!important;width:max-content!important;min-width:100%!important;height:49px!important;margin:0!important;padding:0!important;background:#171717!important;}
  #video-slots-popular .popular-games .scrtabs-tabs-movable-container>ul.nav-tabs{display:flex!important;align-items:center!important;width:max-content!important;min-width:100%!important;height:49px!important;margin:0!important;padding:0!important;border:0!important;white-space:nowrap!important;background:#171717!important;}
  #video-slots-popular .popular-games .nav-tabs>li{float:none!important;display:flex!important;align-items:center!important;height:49px!important;margin:0!important;padding:0!important;}
  #video-slots-popular .popular-games .nav-tabs>li>a,
  #video-slots-popular .popular-games .nav-tabs>li.active>a,
  #video-slots-popular .popular-games .nav-tabs>li.active>a:hover,
  #video-slots-popular .popular-games .nav-tabs>li.active>a:focus{display:flex!important;align-items:center!important;justify-content:center!important;width:calc((100vw - 56px)/3)!important;min-width:calc((100vw - 56px)/3)!important;height:48px!important;margin:0 2px!important;padding:0 6px!important;box-sizing:border-box!important;border:1px solid #2c2c2c!important;border-radius:5px!important;background:#1b1b1b!important;color:#fff!important;box-shadow:none!important;text-decoration:none!important;}
  #video-slots-popular .popular-games .nav-tabs>li.active>a{background:#1d1d1d!important;border-color:#333!important;}
  #video-slots-popular .popular-games .popular-game-list{display:flex!important;flex-wrap:wrap!important;width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important;margin:0!important;padding:8px 10px 10px!important;box-sizing:border-box!important;}
  #video-slots-popular .popular-games .popular-game-list .game-item{width:calc(100%/3)!important;padding:4px!important;box-sizing:border-box!important;}
  #video-slots-popular .popular-games .popular-game-list .game-wrapper{position:relative!important;padding-top:100%!important;}
  #video-slots-popular .popular-games .animated-image{display:none!important;}
}


@media (max-width: 360px){
  .header .logo{width:112px!important;max-width:112px!important;max-height:42px!important}
  .header .actions .btn{padding-left:4px!important;padding-right:4px!important;font-size:6.5px!important}
}


/* FINAL MOBILE LOGO OVERRIDE — resolves earlier mobile-v5 width rules. */
@media (max-width: 767px){
  .header .headin>a:first-child{width:160px!important;max-width:160px!important;display:block!important;flex:0 0 160px!important}
  .header .logo{width:160px!important;max-width:160px!important;height:auto!important;max-height:46px!important;object-fit:contain!important}
}
@media (max-width: 360px){
  .header .headin>a:first-child{width:145px!important;max-width:145px!important;flex-basis:145px!important}
  .header .logo{width:145px!important;max-width:145px!important;max-height:44px!important}
}
@media (max-width: 330px){
  .header .headin>a:first-child{width:136px!important;max-width:136px!important;flex-basis:136px!important}
  .header .logo{width:136px!important;max-width:136px!important;max-height:42px!important}
}

/* =========================================================
 * MOBILE V5.2 — popular games + compact one-line source footer
 * Mobile only. Desktop/source composition remains unchanged.
 * ========================================================= */
@media (max-width: 767px){
  /* GAME POPULER — 3 rows x 3 columns, with substantially larger artwork. */
  #hot-games .popular-game-title-container .container-content{
    padding:6px!important;
    overflow:hidden!important;
  }

  /* SOURCE FOOTER — force all five blocks onto one compact horizontal line. */
  #source-footer-copyright .footer-copyright-section>.col-md-12{
    display:flex!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:clamp(3px,1.4vw,8px)!important;
    width:100%!important;
    min-width:0!important;
    overflow:hidden!important;
  }
  #source-footer-copyright .footer-copyright-section .footer-source-group,
  #source-footer-copyright .supported-browser-container,
  #source-footer-copyright .footer-copyright-section .copyright{
    flex:0 1 auto!important;
    min-width:0!important;
    width:auto!important;
    margin:0!important;
  }
  #source-footer-copyright .footer-section-title{
    margin:0 0 2px!important;
    font-size:clamp(6px,1.75vw,9px)!important;
    line-height:1.1!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:clip!important;
  }
  #source-footer-copyright .hover-list{
    display:flex!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    gap:clamp(2px,1vw,5px)!important;
    width:max-content!important;
    max-width:100%!important;
  }
  #source-footer-copyright .hover-list>li,
  #source-footer-copyright .hover-list>li+li{
    margin:0!important;
    flex:0 0 auto!important;
  }
  #source-footer-copyright .hover-list picture,
  #source-footer-copyright .hover-list picture img,
  #source-footer-copyright .powered-by-logo{
    display:block!important;
    width:auto!important;
    height:clamp(16px,5.2vw,24px)!important;
    max-width:none!important;
  }
  #source-footer-copyright .supported-browser-container{
    display:flex!important;
    justify-content:flex-end!important;
    align-items:center!important;
  }
  #source-footer-copyright .supported-browser-container>div{min-width:0!important}
  #source-footer-copyright .copyright{
    text-align:right!important;
    white-space:nowrap!important;
    line-height:1.05!important;
  }
  #source-footer-copyright .copyright-brand{
    font-size:clamp(8px,2.3vw,12px)!important;
    line-height:1.05!important;
    white-space:nowrap!important;
  }
  #source-footer-copyright .copyright-note{
    margin-top:1px!important;
    font-size:clamp(6px,1.65vw,9px)!important;
    line-height:1.05!important;
    white-space:nowrap!important;
  }
}

@media (max-width: 360px){
  #source-footer-copyright .footer-copyright-section>.col-md-12{gap:3px!important}
  #source-footer-copyright .footer-section-title{font-size:6px!important}
  #source-footer-copyright .hover-list picture img,
  #source-footer-copyright .powered-by-logo{height:17px!important}
  #source-footer-copyright .copyright-brand{font-size:8px!important}
  #source-footer-copyright .copyright-note{font-size:6px!important}
}



/* =========================================================
 * MOBILE V5.3 — compact header: logo larger, Android/Telegram hidden
 * ========================================================= */
@media (max-width: 767px){
  .header .headin{
    width:calc(100% - 10px)!important;
    min-height:54px!important;
    gap:6px!important;
  }
  .header .headin>a:first-child{
    width:172px!important;
    max-width:172px!important;
    flex:0 0 172px!important;
  }
  .header .logo{
    width:172px!important;
    max-width:172px!important;
    max-height:48px!important;
    height:auto!important;
    object-fit:contain!important;
  }
  /* Hide Android + Telegram only on mobile; Login + Daftar remain. */
  .header .actions>a:nth-child(1),
  .header .actions>a:nth-child(2){
    display:none!important;
  }
  .header .actions{
    flex:1 1 auto!important;
    min-width:0!important;
    gap:6px!important;
    justify-content:flex-end!important;
  }
  .header .actions .btn{
    flex:0 1 auto!important;
    min-width:0!important;
    height:32px!important;
    padding:7px 13px!important;
    font-size:10px!important;
    line-height:1!important;
    border-radius:4px!important;
    white-space:nowrap!important;
  }
}
@media (max-width: 420px){
  .header .headin>a:first-child{
    width:158px!important;
    max-width:158px!important;
    flex-basis:158px!important;
  }
  .header .logo{
    width:158px!important;
    max-width:158px!important;
    max-height:46px!important;
  }
  .header .actions{gap:5px!important}
  .header .actions .btn{
    height:31px!important;
    padding:7px 11px!important;
    font-size:9.5px!important;
  }
}
@media (max-width: 360px){
  .header .headin{gap:4px!important}
  .header .headin>a:first-child{
    width:145px!important;
    max-width:145px!important;
    flex-basis:145px!important;
  }
  .header .logo{
    width:145px!important;
    max-width:145px!important;
    max-height:44px!important;
  }
  .header .actions{gap:4px!important}
  .header .actions .btn{
    height:29px!important;
    padding:6px 9px!important;
    font-size:9px!important;
  }
}
@media (max-width: 330px){
  .header .headin>a:first-child{
    width:132px!important;
    max-width:132px!important;
    flex-basis:132px!important;
  }
  .header .logo{
    width:132px!important;
    max-width:132px!important;
    max-height:42px!important;
  }
  .header .actions .btn{
    height:28px!important;
    padding:5px 7px!important;
    font-size:8.5px!important;
  }
}

/* Mobile header finality — neutralize legacy 360px logo shrink after V5.3. */
@media (max-width: 360px){
  .header .headin>a:first-child{width:145px!important;max-width:145px!important;flex-basis:145px!important}
  .header .logo{width:145px!important;max-width:145px!important;max-height:44px!important}
}

/* Ensure the hidden mobile header actions never reclaim layout space. */
@media (max-width: 767px){
  .header .actions>a:nth-child(1),.header .actions>a:nth-child(2){display:none!important}
  .header .actions .btn{display:inline-flex!important}
}

/* FINAL hidden-state lock — Android and Telegram stay out of the mobile layout. */
@media (max-width: 767px){
  .header .actions>a:nth-child(1),
  .header .actions>a:nth-child(2){display:none!important}
}

/* Mobile header fit at very narrow widths — preserve the larger visual scale. */
@media (max-width: 320px){
  .header .headin>a:first-child{width:124px!important;max-width:124px!important;flex-basis:124px!important}
  .header .logo{width:124px!important;max-width:124px!important;max-height:40px!important}
  .header .actions .btn{height:27px!important;padding:5px 6px!important;font-size:8px!important}
}

/* MOBILE HEADER — authoritative final sizing */
@media (max-width: 767px){
  .header .headin{width:calc(100% - 10px)!important;min-height:64px!important;gap:7px!important}
  .header .headin>a:first-child{width:180px!important;max-width:180px!important;flex:0 0 180px!important}
  .header .logo{width:180px!important;max-width:180px!important;max-height:52px!important;object-fit:contain!important}
  /* Android + Telegram hidden on mobile */
  .header .actions>a:nth-child(1),.header .actions>a:nth-child(2){display:none!important}
  /* LOGIN + DAFTAR */
  .header .actions{gap:7px!important;flex:1 1 auto!important;min-width:0!important;justify-content:flex-end!important}
  .header .actions>a:nth-child(3),.header .actions>a:nth-child(4){display:inline-flex!important;flex:0 1 auto!important;min-width:0!important;height:36px!important;padding:8px 13px!important;font-size:11px!important;line-height:1!important;white-space:nowrap!important}
}
@media (max-width:420px){
  .header .headin>a:first-child{width:165px!important;max-width:165px!important;flex-basis:165px!important}
  .header .logo{width:165px!important;max-width:165px!important;max-height:50px!important}
  .header .actions{gap:6px!important}
  .header .actions>a:nth-child(3),.header .actions>a:nth-child(4){height:35px!important;padding:8px 11px!important;font-size:10.5px!important}
}
@media (max-width:360px){
  .header .headin{gap:5px!important}
  .header .headin>a:first-child{width:150px!important;max-width:150px!important;flex-basis:150px!important}
  .header .logo{width:150px!important;max-width:150px!important;max-height:47px!important}
  .header .actions{gap:5px!important}
  .header .actions>a:nth-child(3),.header .actions>a:nth-child(4){height:33px!important;padding:7px 9px!important;font-size:10px!important}
}
@media (max-width:330px){
  .header .headin>a:first-child{width:138px!important;max-width:138px!important;flex-basis:138px!important}
  .header .logo{width:138px!important;max-width:138px!important;max-height:44px!important}
  .header .actions>a:nth-child(3),.header .actions>a:nth-child(4){height:32px!important;padding:6px 7px!important;font-size:9.5px!important}
}



/* =========================================================
 * AGB99 MOBILE — authoritative Game Populer 3 x 3 grid
 * ========================================================= */
@media (max-width:767px){
  #hot-games .popular-game-title-container .container-content{
    box-sizing:border-box!important;
    padding:6px!important;
    overflow:hidden!important;
  }
  #hot-games .popular-game-title-container .container-content .game-list{
    display:grid!important;
    grid-template-columns:none!important;
    grid-template-rows:repeat(3,minmax(0,1fr))!important;
    grid-auto-flow:column!important;
    grid-auto-columns:calc((100% - 14px)/3)!important;
    grid-auto-rows:auto!important;
    gap:7px!important;
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:0 0 4px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    flex-wrap:unset!important;
    scroll-behavior:smooth!important;
    scroll-snap-type:x proximity!important;
    -webkit-overflow-scrolling:touch!important;
  }
  #hot-games .popular-game-title-container .container-content .game-list .games-group{
    display:contents!important;
    width:auto!important;
    margin:0!important;
  }
  #hot-games .popular-game-title-container .container-content .game-list .game-item{
    display:block!important;
    width:auto!important;
    min-width:0!important;
    margin:0!important;
    position:relative!important;
    scroll-snap-align:start!important;
  }
  #hot-games .game-item .wrapper-container{
    width:100%!important;
    padding-top:100%!important;
    position:relative!important;
    border-radius:4px!important;
    overflow:hidden!important;
  }
  #hot-games .game-item .wrapper-container picture,
  #hot-games .game-item .wrapper-container picture img{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
  }
  #hot-games .game-item .game-name,
  #hot-games .game-item .link-container{display:none!important}
}
@media (max-width:360px){
  #hot-games .popular-game-title-container .container-content{padding:5px!important}
  #hot-games .popular-game-title-container .container-content .game-list{
    grid-auto-columns:calc((100% - 10px)/3)!important;
    gap:5px!important;
  }
}