.elementor-kit-8{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-fa0795d:#F79725;--e-global-color-d002057:#FFFFFF;--e-global-color-90d460e:#C2C2C2;--e-global-typography-primary-font-family:"Urbanist";--e-global-typography-primary-font-weight:600;--e-global-typography-primary-text-decoration:none;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-secondary-text-decoration:none;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-text-text-decoration:none;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;--e-global-typography-accent-text-decoration:none;background-color:#FFFFFF;}.elementor-kit-8 a{color:#F79725;font-family:"Roboto", Sans-serif;font-weight:600;text-decoration:none;}.elementor-kit-8 a:hover{color:#F79725B8;}.elementor-kit-8 h2{font-family:"Arial", Sans-serif;font-size:25px;font-weight:500;text-decoration:none;}.elementor-kit-8 h3{text-decoration:none;}.elementor-kit-8 h4{text-decoration:none;}.elementor-kit-8 h5{text-decoration:none;}.elementor-kit-8 h6{text-decoration:none;}.elementor-kit-8 button,.elementor-kit-8 input[type="button"],.elementor-kit-8 input[type="submit"],.elementor-kit-8 .elementor-button{text-decoration:none;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */body {
  background-color: #ffffff !important;
}

/* ===== HEADER ANCHOR ===== */
.elementor-location-header{
  position: relative;
  z-index: 10000;
  overflow: visible !important;
}

/* ===== MEGA PANEL (FULL 100vw, HELLO THEME FIX) ===== */
.mega-products{
  position: absolute;                 /* menempel tepat di bawah nav */
  top: 100%;
  left: 50%; right: 50%;
  margin-left: -50vw; margin-right: -50vw; /* breakout ke 100vw */
  width: 100vw; max-width: 100vw;
  box-sizing: border-box;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 12px 30px rgba(0,0,0,.08), 0 2px 6px rgba(0,0,0,.04);

  /* — animasi halus (FADE + SLIDE) — */
  opacity: 0;
  visibility: hidden;
  transform: translateY(-10px); /* mulai sedikit di atas */
  transition:
    opacity   .28s cubic-bezier(.25,1,.5,1),
    transform .28s cubic-bezier(.25,1,.5,1);
  pointer-events: none;               /* tidak bisa di-hover saat tertutup */
}

/* Saat terbuka —> HALUS */
.mega-products.is-open{
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  pointer-events: auto;
}

/* ===== WRAPPER KONTEN (CENTER) ===== */
.mega-products .mm-wrap{
  max-width: 1140px;                  /* ubah ke 1280 jika perlu */
  margin: 0 auto;
  padding: 32px;                      /* top/bottom 32px */
  display: flex;
  gap: 40px;
  flex-wrap: wrap;
  align-items: flex-start;
}

/* Cursor untuk item trigger */
.products-trigger a{ cursor: pointer; }

/* ===== RESPONSIVE ===== */
@media (max-width:1024px){
  .mega-products{
    position: fixed;                  /* tetap di bawah header saat scroll */
    top: 60px;                        /* sesuaikan tinggi header/tablet */
    left: 0; right: 0;                /* tidak perlu trik 50vw di sini */
    margin: 0;
  }
  .mega-products .mm-wrap{
    gap: 28px;
    padding: 20px;
  }
}

@media (max-width:767px){
  .mega-products{ top: 64px; }        /* sesuaikan tinggi header mobile */
  .mega-products .mm-wrap{
    gap: 16px;
    padding: 16px 16px 20px;
  }
}

.elementor .e-search-results a {
  text-decoration: none;
}/* End custom CSS */