.elementor-8 .elementor-element.elementor-element-adfd94d > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-bottom:100px;}.elementor-8 .elementor-element.elementor-element-fe1d218 .elementor-repeater-item-6c77b2f .swiper-slide-bg{background-image:url(https://wififptvn.vn/wp-content/uploads/2025/11/banner-1.jpg);background-size:cover;}.elementor-8 .elementor-element.elementor-element-fe1d218 .swiper-slide{height:500px;transition-duration:calc(5000ms*1.2);}.elementor-8 .elementor-element.elementor-element-fe1d218 .swiper-slide-contents{max-width:100%;}.elementor-8 .elementor-element.elementor-element-fe1d218 .swiper-slide-inner{padding:0px 0px 0px 0px;}.elementor-8 .elementor-element.elementor-element-fe1d218 .swiper-slide-inner .elementor-slide-description:not(:last-child){margin-bottom:0px;}.elementor-8 .elementor-element.elementor-element-fe1d218 .elementor-swiper-button{font-size:38px;}.elementor-8 .elementor-element.elementor-element-fe1d218 .swiper-pagination-bullet{height:5px;width:5px;}.elementor-8 .elementor-element.elementor-element-fe1d218 .swiper-container-horizontal .swiper-pagination-progressbar{height:5px;}.elementor-8 .elementor-element.elementor-element-fe1d218 .swiper-pagination-fraction{font-size:5px;}.elementor-8 .elementor-element.elementor-element-fe1d218 > .elementor-widget-container{margin:0px 0px 10px 0px;padding:0px 0px 0px 0px;}.elementor-8 .elementor-element.elementor-element-e46b320 .eael-wpforms label.wpforms-error{display:block !important;}.elementor-8 .elementor-element.elementor-element-e46b320 .wpforms-head-container, .elementor-8 .elementor-element.elementor-element-e46b320 .eael-wpforms-heading{text-align:center;}.elementor-8 .elementor-element.elementor-element-e46b320 .eael-contact-form-title, .elementor-8 .elementor-element.elementor-element-e46b320 .wpforms-title{margin:0px 0px 0px 0px;}.elementor-8 .elementor-element.elementor-element-e46b320 .eael-wpforms .wpforms-field label{margin:0px 0px 0px 0px;}.elementor-8 .elementor-element.elementor-element-e46b320 .eael-wpforms .wpforms-field input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), .elementor-8 .elementor-element.elementor-element-e46b320 .eael-wpforms .wpforms-field textarea, .elementor-8 .elementor-element.elementor-element-e46b320 .eael-wpforms .wpforms-field select{text-align:center;text-indent:0px;}.elementor-8 .elementor-element.elementor-element-e46b320 .eael-wpforms .wpforms-field input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), .elementor-8 .elementor-element.elementor-element-e46b320 .eael-wpforms .wpforms-field select{width:1200px;height:36px;}.elementor-8 .elementor-element.elementor-element-e46b320 .eael-wpforms .wpforms-field textarea{width:0px;height:0px;}.elementor-8 .elementor-element.elementor-element-e46b320 .eael-wpforms .wpforms-submit-container{text-align:center;margin-top:0px;}.elementor-8 .elementor-element.elementor-element-e46b320 .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-8 .elementor-element.elementor-element-e46b320 .eael-wpforms input.wpforms-error, .elementor-8 .elementor-element.elementor-element-e46b320 .eael-wpforms textarea.wpforms-error{border-width:1px;}.elementor-8 .elementor-element.elementor-element-e46b320 > .elementor-widget-container{margin:-75px 0px 0px 0px;}.elementor-8 .elementor-element.elementor-element-ec5e3e8{text-align:center;}.elementor-8 .elementor-element.elementor-element-ec5e3e8 .elementor-heading-title{color:#000000;font-family:"Roboto", Sans-serif;font-weight:800;}.elementor-8 .elementor-element.elementor-element-204a31b .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.55 * 100% );}.elementor-8 .elementor-element.elementor-element-204a31b:after{content:"0.55";}.elementor-8 .elementor-element.elementor-element-204a31b .elementor-post__thumbnail__link{width:100%;}.elementor-8 .elementor-element.elementor-element-204a31b .elementor-post__meta-data span + span:before{content:"///";}.elementor-8 .elementor-element.elementor-element-204a31b{--grid-column-gap:30px;--grid-row-gap:35px;}.elementor-8 .elementor-element.elementor-element-204a31b.elementor-posts--thumbnail-left .elementor-post__thumbnail__link{margin-right:20px;}.elementor-8 .elementor-element.elementor-element-204a31b.elementor-posts--thumbnail-right .elementor-post__thumbnail__link{margin-left:20px;}.elementor-8 .elementor-element.elementor-element-204a31b.elementor-posts--thumbnail-top .elementor-post__thumbnail__link{margin-bottom:20px;}.elementor-8 .elementor-element.elementor-element-204a31b .elementor-post__title, .elementor-8 .elementor-element.elementor-element-204a31b .elementor-post__title a{color:#040405;}.elementor-8 .elementor-element.elementor-element-204a31b .elementor-post__meta-data{color:#929292;}.elementor-8 .elementor-element.elementor-element-204a31b .elementor-post__excerpt p{color:#464646;}.elementor-8 .elementor-element.elementor-element-4bf76ba > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-bottom:100px;}@media(max-width:767px){.elementor-8 .elementor-element.elementor-element-f3212cc{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-8 .elementor-element.elementor-element-adfd94d > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-bottom:100px;}.elementor-8 .elementor-element.elementor-element-adfd94d > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-8 .elementor-element.elementor-element-fe1d218 .swiper-slide{height:200px;}.elementor-8 .elementor-element.elementor-element-fe1d218 .swiper-slide-contents{max-width:100%;}.elementor-8 .elementor-element.elementor-element-fe1d218 .swiper-slide-inner{padding:0px 0px 0px 0px;}.elementor-8 .elementor-element.elementor-element-fe1d218 > .elementor-widget-container{margin:0px 0px 20px 0px;padding:0px 0px 0px 0px;}.elementor-8 .elementor-element.elementor-element-f2f2991 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-8 .elementor-element.elementor-element-204a31b .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-8 .elementor-element.elementor-element-204a31b:after{content:"0.5";}.elementor-8 .elementor-element.elementor-element-204a31b .elementor-post__thumbnail__link{width:100%;}.elementor-8 .elementor-element.elementor-element-674f8d7{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-8 .elementor-element.elementor-element-4bf76ba > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-bottom:100px;}.elementor-8 .elementor-element.elementor-element-4bf76ba > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}}@media(min-width:768px){.elementor-8 .elementor-element.elementor-element-adfd94d{width:100%;}.elementor-8 .elementor-element.elementor-element-4bf76ba{width:100%;}}/* Start custom CSS for html, class: .elementor-element-f2f2991 *//* =========================================================
   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 */