.carousel-3d-slide.current {
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
  z-index: 999;
  border-width: 1px;
  width: 302px;
  height: 213px;
  transition: transform 500ms ease 0s, opacity 500ms ease 0s, visibility 500ms ease 0s;
}

.carousel-3d-slide.left-1 {
  border-width: 1px;
  width: 302px;
  height: 213px;
  transition: transform 500ms ease 0s, opacity 500ms ease 0s, visibility 500ms ease 0s;
  transform: translateX(-330px) translateZ(-400px) rotateY(0deg);
  z-index: 998;
  opacity: 1;
  visibility: visible;
}

.carousel-3d-slide.right-1 {
  border-width: 1px;
  width: 302px;
  height: 213px;
  transition: transform 500ms, opacity 500ms, visibility 500ms;
  transform: translateX(330px) translateZ(-400px) rotateY(0deg);
  z-index: 998;
  opacity: 1;
  visibility: visible;
}

.gameClose {
  filter: grayscale();
}

/* ค่ายยังเปิดอยู่ แต่โบนัสที่ลูกค้าถือเล่นไม่ได้ → เทาไว้ให้เห็นว่ามีค่ายนี้อยู่ (ค่ายที่แอดมินปิดไม่ถูกวาดเลย)
   ห้ามใส่ pointer-events:none — ต้องกดได้ เพื่อให้ขึ้นข้อความบอกว่าติดโบนัสอยู่
   ⚠️ ห้ามใช้ opacity — v1 หลายแบรนด์พื้นหลังสีสด รูปที่จางจะเอาสีพื้นทะลุขึ้นมา (พื้นเหลือง = ปุ่มกลายเป็นสีทอง ดูไม่ออกว่าเทา)
      และ opacity ของสไลด์เป็นของ carousel 3D อยู่แล้ว → ใช้เทาล้วน + หรี่แสงแทน */
.gameLockBonus {
  filter: grayscale(1) brightness(0.7);
  cursor: not-allowed;
}

#btn_amount_affiliate {
  padding: 2px 10px !important;
}

.game_border_radius {
  border-radius: 15px;
}

.coming-soon-container {
  /* display: flex; */
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  margin: 0 auto;
  color: #fff;
  text-align: center;
  height: 100%;
}

.coming-soon-container img {
  width: 100px;
  position: relative;
  text-transform: uppercase;
  text-align: center;
  top: -15px;
}