.elementor-3945 .elementor-element.elementor-element-07133b6 .elementor-repeater-item-957fa6d .swiper-slide-bg{background-color:#833ca3;background-image:url(https://fpttel.vn/wp-content/uploads/2025/11/banner-1.jpg);background-size:cover;}.elementor-3945 .elementor-element.elementor-element-07133b6 .elementor-repeater-item-0922b7d .swiper-slide-bg{background-color:#833ca3;background-image:url(https://fpttel.vn/wp-content/uploads/2025/11/banner-2.png);background-size:cover;}.elementor-3945 .elementor-element.elementor-element-07133b6 .swiper-slide{height:400px;transition-duration:calc(5000ms*1.2);}.elementor-3945 .elementor-element.elementor-element-07133b6 .swiper-slide-contents{max-width:66%;}.elementor-3945 .elementor-element.elementor-element-07133b6 .swiper-slide-inner{text-align:center;}.elementor-3945 .elementor-element.elementor-element-9c941bd .eael-wpforms label.wpforms-error{display:block !important;}.elementor-3945 .elementor-element.elementor-element-9c941bd .wpforms-head-container, .elementor-3945 .elementor-element.elementor-element-9c941bd .eael-wpforms-heading{text-align:center;}.elementor-3945 .elementor-element.elementor-element-9c941bd .eael-contact-form-title, .elementor-3945 .elementor-element.elementor-element-9c941bd .wpforms-title{margin:0px 0px 0px 0px;}.elementor-3945 .elementor-element.elementor-element-9c941bd .eael-wpforms .wpforms-field label{margin:0px 0px 0px 0px;}.elementor-3945 .elementor-element.elementor-element-9c941bd .eael-wpforms .wpforms-field input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), .elementor-3945 .elementor-element.elementor-element-9c941bd .eael-wpforms .wpforms-field textarea, .elementor-3945 .elementor-element.elementor-element-9c941bd .eael-wpforms .wpforms-field select{text-align:center;text-indent:0px;}.elementor-3945 .elementor-element.elementor-element-9c941bd .eael-wpforms .wpforms-field input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), .elementor-3945 .elementor-element.elementor-element-9c941bd .eael-wpforms .wpforms-field select{width:1200px;height:36px;}.elementor-3945 .elementor-element.elementor-element-9c941bd .eael-wpforms .wpforms-field textarea{width:0px;height:0px;}.elementor-3945 .elementor-element.elementor-element-9c941bd .eael-wpforms .wpforms-submit-container{text-align:center;margin-top:0px;}.elementor-3945 .elementor-element.elementor-element-9c941bd .eael-wpforms .wpforms-submit-container .wpforms-submit{display:inline-block;background-color:#19BE2F;border-radius:21px 21px 21px 21px;font-family:"Roboto", Sans-serif;font-weight:500;}.elementor-3945 .elementor-element.elementor-element-9c941bd .eael-wpforms input.wpforms-error, .elementor-3945 .elementor-element.elementor-element-9c941bd .eael-wpforms textarea.wpforms-error{border-width:1px;}.elementor-3945 .elementor-element.elementor-element-9c941bd > .elementor-widget-container{margin:-75px 0px 0px 0px;}.elementor-3945 .elementor-element.elementor-element-42e4fb3 > .elementor-container{max-width:1585px;}.elementor-3945 .elementor-element.elementor-element-42e4fb3{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-3945 .elementor-element.elementor-element-5fbf2e2 > .elementor-container{max-width:1600px;}.elementor-3945 .elementor-element.elementor-element-5fbf2e2{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}@media(min-width:768px){.elementor-3945 .elementor-element.elementor-element-dbbab68{width:50.404%;}.elementor-3945 .elementor-element.elementor-element-f0b1ece{width:49.596%;}}/* Start custom CSS for html, class: .elementor-element-f21de3b *//* =========================================================
   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 */