.elementor-1986 .elementor-element.elementor-element-8792ef7{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-1986 .elementor-element.elementor-element-cc33bdc{text-align:center;}.elementor-1986 .elementor-element.elementor-element-5ec4602{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-1986 .elementor-element.elementor-element-2830b84 .e-gallery-item:hover .elementor-gallery-item__overlay, .elementor-1986 .elementor-element.elementor-element-2830b84 .e-gallery-item:focus .elementor-gallery-item__overlay{background-color:rgba(0,0,0,0.5);}.elementor-1986 .elementor-element.elementor-element-2830b84.elementor-element{--flex-grow:1;--flex-shrink:1;}.elementor-1986 .elementor-element.elementor-element-2830b84{--image-transition-duration:800ms;--overlay-transition-duration:800ms;--content-text-align:center;--content-padding:20px;--content-transition-duration:800ms;--content-transition-delay:800ms;}.elementor-1986 .elementor-element.elementor-element-98ea712{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-1986 .elementor-element.elementor-element-a041e81 img{width:60%;max-width:100%;}.elementor-1986 .elementor-element.elementor-element-4971fa6{--display:flex;}/* Start custom CSS for image, class: .elementor-element-cc33bdc */tf-hero-image/* End custom CSS */
/* Start custom CSS for gallery, class: .elementor-element-2830b84 *//* =================================
   TOKEYFAMOUS GALLERY — FINAL
================================= */

/* CATEGORY BAR */
.elementor-1986 .elementor-element.elementor-element-2830b84 .elementor-gallery__titles-container {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-wrap: nowrap !important;
  gap: 8px !important;

  width: 100% !important;
  margin: 0 0 18px !important;
  padding: 5px 4px 8px !important;

  overflow-x: auto !important;
  overflow-y: hidden !important;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
}

.elementor-1986 .elementor-element.elementor-element-2830b84 .elementor-gallery__titles-container::-webkit-scrollbar {
  display: none;
}

/* CATEGORY CARD */
.elementor-1986 .elementor-element.elementor-element-2830b84 .elementor-gallery-title {
  flex: 0 0 auto !important;
  margin: 0 !important;
  padding: 10px 16px !important;

  color: #405572 !important;
  background: #FFFFFF !important;
  border: 1px solid #D8E6F7 !important;
  border-radius: 50px !important;

  box-shadow: 0 5px 15px rgba(20,65,120,0.08);

  font-size: 12px !important;
  font-weight: 750 !important;
  line-height: 1 !important;
  white-space: nowrap !important;

  transition:
    color 0.25s ease,
    background 0.25s ease,
    border-color 0.25s ease,
    box-shadow 0.25s ease;
}

/* CATEGORY ACTIVE */
.elementor-1986 .elementor-element.elementor-element-2830b84 .elementor-gallery-title.elementor-item-active {
  color: #FFFFFF !important;

  background: linear-gradient(
    135deg,
    #126CE1 0%,
    #2899FF 100%
  ) !important;

  border-color: #2899FF !important;

  box-shadow:
    0 8px 18px rgba(18,108,225,0.28);
}

/* CATEGORY HOVER */
.elementor-1986 .elementor-element.elementor-element-2830b84 .elementor-gallery-title:hover {
  color: #1479E8 !important;
  border-color: #8EC5FF !important;
}

.elementor-1986 .elementor-element.elementor-element-2830b84 .elementor-gallery-title.elementor-item-active:hover {
  color: #FFFFFF !important;
}

/* CARD GAMBAR
   Jangan tambah position atau transform */
.elementor-1986 .elementor-element.elementor-element-2830b84 .e-gallery-item {
  overflow: hidden !important;

  background: #FFFFFF;
  border: 1px solid #D8E6F5;
  border-radius: 14px;

  box-shadow:
    0 7px 18px rgba(18,52,101,0.11),
    0 1px 3px rgba(18,52,101,0.05);
}

/* GAMBAR */
.elementor-1986 .elementor-element.elementor-element-2830b84 .e-gallery-image {
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  border-radius: 13px;
}

/* =================================
   MOBILE
================================= */

@media (max-width: 767px) {

  /* Category kekal center */
  .elementor-1986 .elementor-element.elementor-element-2830b84 .elementor-gallery__titles-container {
    justify-content: center !important;
    gap: 6px !important;

    width: 100% !important;
    margin: 0 0 14px !important;
    padding: 4px 0 8px !important;

    overflow-x: auto !important;
  }

  /* Category compact supaya muat satu line */
  .elementor-1986 .elementor-element.elementor-element-2830b84 .elementor-gallery-title {
    padding: 9px 11px !important;
    font-size: 10.5px !important;
  }

  /* Card mobile */
  .elementor-1986 .elementor-element.elementor-element-2830b84 .e-gallery-item {
    border-radius: 12px;
  }

  .elementor-1986 .elementor-element.elementor-element-2830b84 .e-gallery-image {
    border-radius: 11px;
  }

  /* Buang blue/gelap overlay */
  .elementor-1986 .elementor-element.elementor-element-2830b84 .e-gallery-item__overlay {
    background: transparent !important;
    opacity: 0 !important;
  }

  .elementor-1986 .elementor-element.elementor-element-2830b84 .e-gallery-item:hover .e-gallery-item__overlay,
  .elementor-1986 .elementor-element.elementor-element-2830b84 .e-gallery-item:focus .e-gallery-item__overlay,
  .elementor-1986 .elementor-element.elementor-element-2830b84 .e-gallery-item:active .e-gallery-item__overlay {
    background: transparent !important;
    opacity: 0 !important;
  }

  /* Buang blue tap effect */
  .elementor-1986 .elementor-element.elementor-element-2830b84 .e-gallery-item,
  .elementor-1986 .elementor-element.elementor-element-2830b84 .e-gallery-item a,
  .elementor-1986 .elementor-element.elementor-element-2830b84 .e-gallery-image {
    -webkit-tap-highlight-color: transparent !important;
    outline: none !important;
  }

  .elementor-1986 .elementor-element.elementor-element-2830b84 .e-gallery-item a:focus,
  .elementor-1986 .elementor-element.elementor-element-2830b84 .e-gallery-item a:active {
    outline: none !important;
  }
}

/* PHONE KECIL */
@media (max-width: 360px) {
  .elementor-1986 .elementor-element.elementor-element-2830b84 .elementor-gallery__titles-container {
    gap: 4px !important;
  }

  .elementor-1986 .elementor-element.elementor-element-2830b84 .elementor-gallery-title {
    padding: 8px 9px !important;
    font-size: 9.5px !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5ec4602 */.elementor-1986 .elementor-element.elementor-element-5ec4602 {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

.elementor-1986 .elementor-element.elementor-element-5ec4602 img {
  display: block;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8792ef7 */.elementor-1986 .elementor-element.elementor-element-8792ef7 {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

.elementor-1986 .elementor-element.elementor-element-8792ef7 img {
  display: block;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-98ea712 */.elementor-1986 .elementor-element.elementor-element-98ea712 {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

.elementor-1986 .elementor-element.elementor-element-98ea712 img {
  display: block;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
}/* End custom CSS */