.elementor-6964 .elementor-element.elementor-element-a875066{--display:flex;}.elementor-6964 .elementor-element.elementor-element-46f210c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-6964 .elementor-element.elementor-element-934f9df{--display:flex;}.elementor-6964 .elementor-element.elementor-element-cfd3201{padding:30px 0px 0px 0px;}.elementor-6964 .elementor-element.elementor-element-ace56f6{--display:flex;}.elementor-6964 .elementor-element.elementor-element-d04aae2{padding:30px 0px 0px 0px;}.elementor-6964 .elementor-element.elementor-element-50171bd{--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;}.elementor-6964 .elementor-element.elementor-element-404a0ca{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-6964 .elementor-element.elementor-element-129470b{padding:30px 0px 0px 0px;}.elementor-6964 .elementor-element.elementor-element-0e7558f{--display:flex;}/* Start custom CSS for nested-tabs, class: .elementor-element-50171bd *//* ============================================================
   1. STICKY TABS HEADER FULL-WIDTH DI DESKTOP, TAB & HP
   ============================================================ */
.elementor-6964 .elementor-element.elementor-element-50171bd .e-n-tabs-heading {
  position: sticky !important;
  top: 0 !important;
  z-index: 9999 !important;
  background: rgba(255, 255, 255, 0.98) !important;
  backdrop-filter: blur(8px) !important;
  padding: 10px 16px !important;
  margin: 0 !important;
  width: 100% !important; /* LEBAR FULL 100% SELAYAR DESKTOP */
  box-sizing: border-box !important;
  
  display: grid !important;
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important; /* 1 BARIS 6 KOLOM SEJAJAR DI PC */
  gap: 10px !important;
  
  max-width: 900px !important; /* BATAS MAKSIMAL TOMBOL AGAR TETAP RAPI DI TENGAH */
  margin-left: auto !important;
  margin-right: auto !important;
  
  border-bottom: 1px solid #e2e8f0 !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05) !important;
}

/* ============================================================
   2. TOMBOL OPSI A-F RAMPING & SEJAJAR
   ============================================================ */
.elementor-6964 .elementor-element.elementor-element-50171bd .e-n-tab-title {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  border-radius: 20px !important;
  background-color: #f1f5f9 !important;
  color: #475569 !important;
  font-weight: 700 !important;
  font-size: 13px !important;
  border: 1px solid #cbd5e1 !important;
  padding: 8px 6px !important;
  margin: 0 !important;
  text-align: center !important;
  box-sizing: border-box !important;
  transition: all 0.2s ease !important;
}

/* WARNA OPSI AKTIF (HIJAU TEAL) */
.elementor-6964 .elementor-element.elementor-element-50171bd .e-n-tab-title[aria-selected="true"],
.elementor-6964 .elementor-element.elementor-element-50171bd .e-n-tab-title.e-active {
  background-color: #0b8a7e !important;
  color: #ffffff !important;
  border-color: #0b8a7e !important;
  box-shadow: 0 3px 8px rgba(11, 138, 126, 0.3) !important;
}

/* POTONG JARAK BOLONG DI BAWAH TOMBOL */
.elementor-6964 .elementor-element.elementor-element-50171bd .e-n-tabs-content {
  padding-top: 8px !important;
  margin-top: 0 !important;
}

.elementor-6964 .elementor-element.elementor-element-50171bd .e-n-tabs-heading::after,
.elementor-6964 .elementor-element.elementor-element-50171bd .e-n-tabs-heading::before {
  display: none !important;
}

/* ============================================================
   3. KHUSUS LAYAR HP (< 600px): UBAH JADI GRID 3 KOLOM X 2 BARIS
   ============================================================ */
@media (max-width: 600px) {
  .elementor-6964 .elementor-element.elementor-element-50171bd .e-n-tabs-heading {
    grid-template-columns: repeat(3, 1fr) !important; /* HP: 3 KOLOM X 2 BARIS PAS */
    gap: 6px !important;
    padding: 8px 10px !important;
  }
  .elementor-6964 .elementor-element.elementor-element-50171bd .e-n-tab-title {
    font-size: 11.5px !important;
    padding: 6px 4px !important;
  }
}
/* PROPORSI FOTO 16:9 PERFECT DINAMIS + ZOOM EFFECT SAAT HOVER */
  .tbl-app-img-holder {
    width: 100% !important;
    aspect-ratio: 16 / 9 !important;
    height: auto !important;
    background-color: #f1f5f9 !important;
    overflow: hidden !important; /* Kunci biar zoom-nya gak keluar kotak */
  }
  .tbl-app-img-holder img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
    display: block !important;
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important; /* Efek transisi halus */
  }
  /* Efek Zoom pas kursor lewat / disentuh */
  .tbl-app-spot-card:hover .tbl-app-img-holder img {
    transform: scale(1.08) !important; /* Zoom in 8% dengan mulus */
  }/* End custom CSS */
/* Start custom CSS */.breadcrumb-wrapper { display: none; }

.breadcumb-wrapper, .page-title-area, .breadcumb-bg { display: none; height: 0; padding: 0; margin: 0; }

@media (max-width: 991px) {
    .tourm-menu-wrapper ul, .tourm-mobile-menu { display: none; }
}/* End custom CSS */