/* Keep brand/game provider logos inside their frames. Loaded last on H5 pages. */
html body .title_btn.home-header,
html body .contentbg .title_btn.home-header,
html body .contentbg:has(#js_jackpot) .title_btn.home-header,
body.pages-index-index .title_btn.home-header {
  height: 0.86rem !important;
  min-height: 0.86rem !important;
  max-height: 0.86rem !important;
  padding: 0.08rem 0.14rem !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 0.08rem !important;
}

html body .title_btn.home-header .home-logo-box,
html body .title_btn.home-header > div:first-child,
html body .contentbg:has(#js_jackpot) .title_btn.home-header .home-logo-box,
body.pages-index-index .title_btn.home-header .home-logo-box {
  flex: 0 1 2.22rem !important;
  width: 2.22rem !important;
  max-width: 42% !important;
  height: 0.58rem !important;
  max-height: 0.58rem !important;
  min-width: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
}

html body .title_btn.home-header .home-logo-inner,
html body .title_btn.home-header > div:first-child > div {
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  box-sizing: border-box !important;
}

html body .title_btn.home-header .home-header-logo,
html body .title_btn.home-header > div:first-child img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
  object-position: left center !important;
  position: static !important;
  inset: auto !important;
  transform: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

html body .title_btn.home-header .home-header-actions,
html body .title_btn.home-header > div:last-child {
  flex: 1 1 auto !important;
  max-width: 58% !important;
  min-width: 0 !important;
  overflow: hidden !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 0.06rem !important;
}

html body .title_btn.home-header .home-wallet-pill {
  max-width: 1.76rem !important;
  overflow: hidden !important;
}

html body .home-game-section .game-card-wrap,
html body .us-game-card-wrap-runtime,
html body .slots-game-card {
  overflow: hidden !important;
  box-sizing: border-box !important;
}

html body .home-game-section .game-item,
html body .us-game-card-wrap-runtime .game-item,
html body .slots-game-card .game-item {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;
  box-sizing: border-box !important;
}

html body .home-game-section .game-item .img-item,
html body .home-game-section .game-item > img:first-child,
html body .us-game-card-wrap-runtime .game-item .img-item,
html body .us-game-card-wrap-runtime .game-item > img:first-child,
html body .slots-game-card .game-item .img-item,
html body .slots-game-card .game-item > img:first-child {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
  object-position: center center !important;
  border-radius: inherit !important;
  background: #061735 !important;
  position: relative !important;
  left: auto !important;
  right: auto !important;
  top: auto !important;
  bottom: auto !important;
  transform: none !important;
  margin: 0 !important;
}

html body .home-game-section .game-item .pg-mark,
html body .home-game-section .pg-mark,
html body .us-game-card-wrap-runtime .game-item img + img {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

html body .home-game-section .favorite-toggle,
html body .slots-game-card .favorite-toggle {
  top: 0.08rem !important;
  right: 0.08rem !important;
  width: 0.4rem !important;
  height: 0.4rem !important;
  max-width: 22% !important;
  max-height: 22% !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

html body .home-game-section .favorite-toggle .van-icon,
html body .slots-game-card .favorite-toggle .van-icon {
  font-size: 0.26rem !important;
  line-height: 1 !important;
}

/* Match the requested 40px home header: logo area, balance and recharge button. */
html body .title_btn.home-header {
  height: 40px !important;
  min-height: 40px !important;
  max-height: 40px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

html body .title_btn.home-header .home-logo-box,
html body .title_btn.home-header .home-logo-inner,
html body .title_btn.home-header .home-header-actions,
html body .title_btn.home-header .home-wallet-pill,
html body .title_btn.home-header .home-wallet-refresh.home-recharge-button {
  height: 40px !important;
  min-height: 40px !important;
  max-height: 40px !important;
}

html body .title_btn.home-header .home-header-logo {
  height: 32px !important;
  max-height: 32px !important;
}

/* Remove the old hero spacer after the 40px home header. */
html body .contentbg:has(#js_jackpot) .home-hero-wrap,
body.pages-index-index .home-hero-wrap,
html body .home-screen-frame .home-hero-wrap {
  margin-top: 0.08rem !important;
}