.elementor-85 .elementor-element.elementor-element-09a74a9 img{width:100%;max-width:100%;}.elementor-85 .elementor-element.elementor-element-09a74a9 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-85 .elementor-element.elementor-element-efec610 > .elementor-container{max-width:1600px;}.elementor-85 .elementor-element.elementor-element-efec610{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}@media(min-width:768px){.elementor-85 .elementor-element.elementor-element-3fa59ab{width:50.404%;}.elementor-85 .elementor-element.elementor-element-e893ec1{width:49.596%;}}/* Start custom CSS for html, class: .elementor-element-b89d585 *//* =========================================================
   STYLE CHUNG (DESKTOP - GIỮ NGUYÊN)
   ========================================================= */
.pkg-block {
  background: #F5F5F0;
  border-radius: 15px;
  padding: 25px 10px 25px 25px;
}

.pkg-title {
  font-size: 22px;
  margin: 0 0 20px 0;
  text-align: center;
}

/* KHUNG CHỨA TAB BUTTON */
.pkg-tabs {
  display: flex;
  justify-content: center;
  gap: 10px;
  flex-wrap: wrap;
  margin-bottom: 25px;
}

/* NÚT TAB (MẶC ĐỊNH) */
.pkg-tabs button {
  padding: 10px 20px;
  border: 1px solid #ccc;
  background: #f6f6f6;
  border-radius: 30px;
  cursor: pointer;
  font-size: 15px;
  font-weight: 500;
  white-space: nowrap;
  transition: all 0.2s ease;
}

.pkg-tabs button.active {
  background: #0057ff;
  color: #fff;
  border-color: #0057ff;
  box-shadow: 0 2px 8px rgba(0,87,255,0.3);
}

.pkg-group { display: none; }
.pkg-group.active { display: block; }

.slider-wrapper { position: relative; }

/* SLIDER CHUNG */
.pkg-slider {
  display: flex;
  overflow-x: auto;
  gap: 15px;
  padding: 10px 0;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
}
.pkg-slider::-webkit-scrollbar { display: none; }

.slide-item {
  flex: 0 0 330px; /* Kích thước chuẩn Desktop */
  box-sizing: border-box;
  scroll-snap-align: start;
}

/* NÚT MŨI TÊN (PC ONLY) */
.arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: #fff;
  border: 1px solid #ddd;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  cursor: pointer;
  font-size: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 10;
  box-shadow: 0 2px 6px rgba(0,0,0,0.1);
  transition: all 0.2s;
}
.arrow:hover { background: #f0f0f0; }
.arrow.prev { left: -20px; }
.arrow.next { right: -20px; }


/* =========================================================
   RESPONSIVE MOBILE (Dưới 768px)
   Mục tiêu: Nút nhỏ gọn, khoảng cách hẹp, vuốt ngang 2.5 nút
   ========================================================= */
@media (max-width: 768px) {

  /* 1. HIỂN THỊ LẠI NÚT GAME */
  .pkg-tabs button[data-target="grp-game"] { display: block !important; }

  /* 2. CẤU HÌNH KHUNG TAB ĐỂ CUỘN NGANG */
  .pkg-tabs {
    display: flex;
    justify-content: flex-start !important;
    flex-wrap: nowrap;
    gap: 6px; /* [MỚI] Giảm khoảng cách giữa các nút (cũ 10px) */
    overflow-x: auto;
    padding: 0px;
    margin-bottom: 15px !important;
    scrollbar-width: none; 
    -webkit-overflow-scrolling: touch; 
  }
  .pkg-tabs::-webkit-scrollbar { display: none; }

  /* 3. CẤU HÌNH NÚT (TINH CHỈNH CHO ĐẸP) */
  .pkg-tabs button {
    flex: 0 0 36%; /* [MỚI] Giảm width xuống 36% để nhìn thanh thoát hơn */
    width: 36%; 
    padding: 4px 10px; /* [MỚI] Tăng padding 2 bên (cũ 5px -> 12px) */
    font-size: 10px; /* [MỚI] Giảm cỡ chữ (cũ 13px -> 12px) */
    text-align: center;
    border-radius: 20px;
  }

  /* 4. TITLE */
  .pkg-title {
    font-size: 18px;
    margin-top: 15px !important;
    margin-bottom: 10px !important;
  }

  /* 5. SLIDER CARD SẢN PHẨM */
  .pkg-slider {
    gap: 10px !important;
    padding-left: 10px;
    padding-right: 10px;
  }

  .slide-item {
    flex: 0 0 85%; /* Card sản phẩm chiếm 85% màn hình */
  }

  /* Ẩn mũi tên trên mobile */
  .arrow { display: none !important; }
  
  .pkg-block {
    padding: 10px 0 !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-61b7c0b */.biz-container {
  font-family: Arial, sans-serif;
  line-height: 1.6;
  max-width: 900px;
  margin: auto;
}

.biz-container img {
  width: 100%;
  border-radius: 6px;
  margin: 20px 0;
}

h1, h2 {
  font-weight: 700;
  margin-bottom: 12px;
}

.price-table {
  width: 100%;
  border-collapse: collapse;
}

.price-row {
  display: grid;
  grid-template-columns: 1fr 1fr 1.2fr 1.5fr 0.6fr;
  padding: 18px 12px;
  border-bottom: 1px solid #ddd;
  font-size: 14px;
}

.price-row .name {
  font-weight: 700;
  color: #0057d9;
}

.price-row .price {
  font-weight: 700;
}

@media (max-width: 768px) {
  .price-row {
    grid-template-columns: 1fr;
    gap: 8px;
    padding: 14px 8px;
  }
}/* End custom CSS */