/* Home page visual override: match reference layout while preserving behavior */
:root {
  /* ===== MAIN GOLD THEME ===== */
  --main-color: #C9A646;
  --main_gradient-color: linear-gradient(90deg, #C9A646 0%, #FFD700 50%, #B8962E 100%);
  --main_gradient-color2: linear-gradient(180deg, #FFD700 0%, #B8962E 100%);
  --light-main_gradient-color: var(--main_gradient-color);
  --light-main-color: var(--main-color);

  /* ===== TEXT COLORS ===== */
  --text_white: #ffffff;
  --text_color_L1: #1a1a1a;
  --text_color_L2: #555555;
  --text_color_L3: #999999;
  --text_color_L4: #ffffff;

  /* ===== BACKGROUND COLORS ===== */
  --bg_color_L1: #fffaf0;
  --bg_color_L2: #ffffff;
  --bg_color_L3: #f5e9c9;

  --light-bg_white: #ffffff;

  /* ===== SECONDARY COLORS ===== */
  --Secondary_Color1: #fff3cc;
  --Secondary_Color2: #ffe8a3;
  --Secondary_moto_Color9: #C9A646;
  --Secondary_moto_Color8: #fff6d6;

  /* ===== STATUS COLORS ===== */
  --norm_red-color: #e74c3c;
  --norm_green-color: #2ecc71;
  --norm_secondary-color: #f1c40f;
  --norm_Purple-color: #9b59b6;
  --norm_bule-color: #3498db;

  /* ===== EXTRA COLORS ===== */
  --norm_purple1_color: #8e44ad;
  --norm_Orange_color: #f39c12;
  --norm_green_color: #27ae60;
  --norm_blue_color: #2980b9;
  --norm_purple2_color: #be2edd;
  --norm_brown_color: #8e6e53;
  --norm_blue2_color: #00cec9;
  --norm_blue3_color: #74b9ff;
  --norm_Orange2_color: #e67e22;

  /* ===== BUTTON / ACTION ===== */
  --button_dis_color: linear-gradient(90deg, #d6c27a 0%, #f0e1a1 100%);

  /* ===== DIVIDER ===== */
  --Dividing-line_color: #f0e1a1;

  /* ===== UI ELEMENTS ===== */
  --sheet_nva_color: var(--main-color);
  --sheet_detail_bg_color: #fff8dc;
  --pop_bg-color: linear-gradient(180deg, #FFD700 0%, #B8962E 100%);

  /* ===== ICON COLORS ===== */
  --icon1: rgba(201, 166, 70, 0.8);
  --icon2: rgba(201, 166, 70, 0.4);
  --iconSecondary: rgba(255, 215, 0, 0.3);

  /* ===== TABS ===== */
  --tab1: #FFD700;
  --tab2: #C9A646;

  /* ===== VANT UI OVERRIDES ===== */
  --van-sidebar-text-color: var(--main-color);
  --van-picker-background: var(--bg_color_L2);
  --van-picker-option-text-color: var(--text_color_L2);
  --van-picker-confirm-action-color: var(--main-color);
  --van-checkbox-checked-icon-color: var(--main-color);
  --van-checkbox-label-color: var(--text_color_L2);
  --van-field-input-text-color: var(--text_color_L1);
  --van-radio-checked-icon-color: var(--main-color);
  --van-grid-item-content-background: var(--bg_color_L1);
  --van-text-color: var(--text_color_L1);
  --van-dialog-background: var(--bg_color_L2);
  --van-circle-color: var(--main-color);
  --van-circle-layer-color: var(--bg_color_L3);
  --van-calendar-range-edge-background: var(--main-color);
  --van-button-primary-background: var(--main-color);
  --van-button-primary-border-color: var(--main-color);

  /* Local aliases used in this file */
  --home2-bg: var(--bg_color_L1);
  --home2-card: var(--bg_color_L2);
  --home2-green: var(--main-color);
  --home2-text: var(--text_color_L1);
  --home2-muted: var(--text_color_L3);
}

body {
  background: var(--home2-bg) !important;
}

#app {
  max-width: 420px;
  margin: 0 auto;
  background: linear-gradient(180deg, #f6f8f8 0%, #eef2f1 100%);
}

/* Hero slider section */
.swiper_box[data-v-3ad7aed7] {
  padding: 0 .24rem !important;
  margin-top: .18rem;
}

.swiper_box .my-swipe[data-v-3ad7aed7] {
  height: 4.55rem !important;
  border-radius: .38rem !important;
  overflow: hidden;
  box-shadow: 0 .1rem .24rem rgba(20, 40, 30, .12);
}

.swiper_box .my-swipe img[data-v-3ad7aed7] {
  border-radius: .38rem !important;
  object-fit: cover;
  filter: none !important;
}

.swiper_box .swiper-button span[data-v-3ad7aed7] {
  width: .12rem !important;
  height: .12rem !important;
  background-color: #c7cdd3 !important;
  margin: 0 .08rem !important;
}

.swiper_box .swiper-button .active[data-v-3ad7aed7] {
  width: .26rem !important;
  background-color: var(--home2-green) !important;
}

/* Deposit / Withdraw / History */
.game_menu[data-v-36804f75] {
  padding: .22rem .24rem 0 !important;
}

.game_menu .menu_box1[data-v-36804f75] {
  margin: 0 0 .24rem !important;
  padding: .16rem 0 !important;
  background: var(--home2-card);
  border-radius: .32rem;
  box-shadow: 0 .06rem .2rem rgba(10, 24, 34, .08);
}

.game_menu .menu_box1 div[data-v-36804f75] {
  background: transparent !important;
  height: 1.2rem !important;
  width: 33.333% !important;
  border-radius: 0 !important;
}

.game_menu .menu_box1 div[data-v-36804f75] img {
  margin: 0 0 .06rem !important;
  width: .62rem !important;
  height: .62rem !important;
}

.game_menu .menu_box1 div[data-v-36804f75] span {
  color: var(--home2-text) !important;
  font-size: .24rem !important;
  font-weight: 700 !important;
}

.game_menu .menu_box1 div[data-v-36804f75]::after {
  display: none !important;
}

.game_menu .menu_box2[data-v-36804f75],
.game_menu .menu_box3[data-v-36804f75] {
  display: flex !important;
  margin: 0 0 .16rem !important;
  background: transparent !important;
  gap: .14rem !important;
}

.game_menu .menu_box2 div[data-v-36804f75],
.game_menu .menu_box3 div[data-v-36804f75] {
  flex: 1 1 0 !important;
  min-height: 1.08rem !important;
  border-radius: .2rem !important;
  overflow: hidden;
}

/* 4 game buttons block (2x2) */
.game_menu[data-v-36804f75] {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: .16rem !important;
  padding: .16rem .24rem .08rem !important;
}

.game_menu .menu_box1[data-v-36804f75],
.game_menu .menu_box2[data-v-36804f75],
.game_menu .menu_box3[data-v-36804f75] {
  display: contents !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* Hide everything first */
.game_menu .menu_box1 > *,
.game_menu .menu_box2 > *,
.game_menu .menu_box3 > * {
  display: none !important;
}

/* Keep exactly 4 items: Popular, Lottery, Slots, Sports */
.game_menu .menu_box1 > :nth-child(1),
.game_menu .menu_box1 > :nth-child(2),
.game_menu .menu_box1 > :nth-child(3),
.game_menu .menu_box2 > :nth-child(1) {
  display: flex !important;
  width: 100% !important;
  min-height: 1.55rem !important;
  border-radius: .24rem !important;
  align-items: flex-end !important;
  justify-content: flex-start !important;
  padding: .2rem !important;
  overflow: hidden;
  background: #0b6f3b url("../png/lottery_bg-17e00368.png") center/cover no-repeat !important;
  box-shadow: 0 .06rem .2rem rgba(5, 16, 36, .12) !important;
}

.game_menu .menu_box3[data-v-36804f75] {
  display: none !important;
}

.game_menu .menu_box1 > * img,
.game_menu .menu_box2 > * img {
  display: none !important;
}

.game_menu .menu_box1 > * span,
.game_menu .menu_box2 > * span {
  color: #fff !important;
  font-size: .28rem !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  text-shadow: 0 .02rem .08rem rgba(0, 0, 0, .25);
}

/* Popular games heading + cards */
.gamesList__container[data-v-30d5d45b] {
  padding: 0 .24rem .24rem !important;
}

.gamesList__container-title[data-v-30d5d45b] {
  color: #0f172a !important;
  font-size: .48rem !important;
  font-weight: 700 !important;
  margin: .08rem 0 .22rem !important;
}

.gamesList__container-list[data-v-30d5d45b] {
  grid-template-columns: repeat(2, 1fr) !important;
  gap: .18rem !important;
}

.gamesList__container-list__item[data-v-30d5d45b] {
  width: 100% !important;
  min-height: 3.72rem !important;
  max-height: none !important;
  border-radius: .28rem !important;
  box-shadow: 0 .06rem .2rem rgba(5, 16, 36, .12);
  overflow: hidden;
}

.gamesList__container-list__item .lottery_text[data-v-30d5d45b] {
  top: auto !important;
  left: .22rem !important;
  bottom: .88rem !important;
  font-size: .58rem !important;
  line-height: .62rem !important;
  font-weight: 800 !important;
  color: #fff !important;
  text-shadow: 0 .02rem .1rem rgba(0, 0, 0, .25);
}

.gamesList__container-list__item .item_img[data-v-30d5d45b],
.gamesList__container-list__item .lottery_img[data-v-30d5d45b],
.gamesList__container-list__item .item_default[data-v-30d5d45b] {
  width: 100% !important;
  height: 100% !important;
  left: 0 !important;
  right: 0 !important;
  border-radius: .28rem !important;
}

.gamesList__container-list__item .logo_img[data-v-30d5d45b] {
  top: .12rem !important;
  right: .14rem !important;
  width: .86rem !important;
}

.lotterySlotsList__container[data-v-1fd6f904] {
  padding: 0 .24rem !important;
}

.lotterySlotItem__container[data-v-86753dd7] {
  border-radius: .28rem !important;
  overflow: hidden;
  box-shadow: 0 .06rem .2rem rgba(5, 16, 36, .12);
}

.lotterySlotItem__container .logo[data-v-86753dd7] {
  top: .14rem !important;
  left: .14rem !important;
}

.lotterySlotItem__container .name[data-v-86753dd7] {
  font-size: .52rem !important;
  font-weight: 800 !important;
}

/* Hide extra floating widgets to match clean reference */
.turntable,
.turntable-lottery {
  display: none !important;
}

/* Bottom navigation look */
.van-tabbar,
.van-tabbar--fixed {
  left: 50% !important;
  transform: translateX(-50%);
  width: min(100%, 420px);
  border-radius: .34rem .34rem 0 0;
  box-shadow: 0 -.06rem .22rem rgba(12, 22, 36, .1);
  background: #fff !important;
}

.van-tabbar-item__text {
  font-weight: 600;
}

.by_self___wrap {
  display: none !important;
}

/* Hide all top game buttons/cards section completely */
.game_menu,
.game_menu[data-v-36804f75] {
  display: none !important;
}

/* Show Popular Games 4 cards only */
.gamesList__container[data-v-30d5d45b] {
  display: block !important;
}

.gamesList__container-list[data-v-30d5d45b] {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: .18rem !important;
}

.gamesList__container-list__item[data-v-30d5d45b] {
  display: block !important;
}

/* Keep only first 4 cards */
.gamesList__container-list__item[data-v-30d5d45b]:nth-child(n+5) {
  display: none !important;
}

.gamesList__container-list[data-v-30d5d45b]::after {
  content: "" !important;
  display: block !important;
  border-radius: .28rem !important;
  overflow: hidden !important;
  min-height: 3.72rem !important;
  box-shadow: 0 .06rem .2rem rgba(5, 16, 36, .12) !important;
  background: #c9302c url("../png/av-bg.png") center/cover no-repeat !important;
}

.gamesList__container-list[data-v-30d5d45b]:has(> :nth-child(4))::after {
  display: none !important;
}

/* Use only 4 custom button backgrounds */
.gamesList__container-list__item[data-v-30d5d45b]:nth-child(1) {
  background: #0b6f3b url("../png/wingo-bg.png") center/cover no-repeat !important;
}

.gamesList__container-list__item[data-v-30d5d45b]:nth-child(2) {
  background: #0b57c8 url("../png/k3-bg.png") center/cover no-repeat !important;
}

.gamesList__container-list__item[data-v-30d5d45b]:nth-child(3) {
  background: #6f37d8 url("../png/5d-bg.png") center/cover no-repeat !important;
}

.gamesList__container-list__item[data-v-30d5d45b]:nth-child(4) {
  background: #c9302c url("../png/av-bg.png") center/cover no-repeat !important;
}

/* Hide original card image layers so only custom backgrounds are visible */
.gamesList__container-list__item[data-v-30d5d45b]:nth-child(-n+4) .item_img[data-v-30d5d45b],
.gamesList__container-list__item[data-v-30d5d45b]:nth-child(-n+4) .lottery_img[data-v-30d5d45b],
.gamesList__container-list__item[data-v-30d5d45b]:nth-child(-n+4) .item_default[data-v-30d5d45b] {
  display: none !important;
}

/* Hide extra lottery list section below popular games */
.lotterySlotsList__container[data-v-1fd6f904],
.lotterySlotItem__container[data-v-86753dd7] {
  display: none !important;
}

/* ---------- HARD OVERRIDE (hash-safe) ---------- */
/* Remove old top purple buttons no matter scoped hash */
.game_menu,
[class*="game_menu"] {
  display: none !important;
}

/* Keep only 4 cards in popular area */
.gamesList__container-list,
[class*="gamesList__container-list"] {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: .18rem !important;
}

.gamesList__container-list__item,
[class*="gamesList__container-list__item"] {
  display: block !important;
  border-radius: .28rem !important;
  overflow: hidden !important;
  min-height: 3.72rem !important;
  box-shadow: 0 .06rem .2rem rgba(5, 16, 36, .12) !important;
}

.gamesList__container-list__item:nth-child(n+5),
[class*="gamesList__container-list__item"]:nth-child(n+5) {
  display: none !important;
}

/* Fallback for exactly 4 cards if fewer than 4 are returned */
.gamesList__container-list::after,
[class*="gamesList__container-list"]::after {
  content: "" !important;
  display: block !important;
  border-radius: .28rem !important;
  overflow: hidden !important;
  min-height: 3.72rem !important;
  box-shadow: 0 .06rem .2rem rgba(5, 16, 36, .12) !important;
  background: #c9302c url("../png/av-bg.png") center/cover no-repeat !important;
}

.gamesList__container-list:has(> :nth-child(4))::after,
[class*="gamesList__container-list"]:has(> :nth-child(4))::after {
  display: none !important;
}

/* Exact backgrounds requested */
.gamesList__container-list__item:nth-child(1),
[class*="gamesList__container-list__item"]:nth-child(1) {
  background: #0b6f3b url("../png/wingo-bg.png") center/cover no-repeat !important;
}

.gamesList__container-list__item:nth-child(2),
[class*="gamesList__container-list__item"]:nth-child(2) {
  background: #0b57c8 url("../png/k3-bg.png") center/cover no-repeat !important;
}

.gamesList__container-list__item:nth-child(3),
[class*="gamesList__container-list__item"]:nth-child(3) {
  background: #6f37d8 url("../png/5d-bg.png") center/cover no-repeat !important;
}

.gamesList__container-list__item:nth-child(4),
[class*="gamesList__container-list__item"]:nth-child(4) {
  background: #c9302c url("../png/av-bg.png") center/cover no-repeat !important;
}

/* Hide default inner images so only custom bg shows */
.gamesList__container-list__item:nth-child(-n+4) img,
[class*="gamesList__container-list__item"]:nth-child(-n+4) img {
  display: none !important;
}