/*
 * JBA v16.20.182 — desktop-only instant mega menu interaction.
 * The panel and all category panes are pre-laid out. Opening and switching only
 * flip visibility; the backdrop, shadows, motion and delayed close are removed.
 */
@media (min-width:992px){
  /* Disable the expensive page-wide dim layer completely. */
  html body > .jba-v1620175-backdrop{
    display:none!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transition:none!important;
    animation:none!important;
  }

  html body #menu-indo #menu-main > li.allproduct.jba-v1620175-root > .jba-v1620175-trigger,
  html body #menu-indo #menu-main > li.allproduct.jba-v1620175-root > .jba-v1620175-trigger *,
  html body > .jba-v1620175-mega.jba-v1620182-portal,
  html body > .jba-v1620175-mega.jba-v1620182-portal *{
    transition:none!important;
    animation:none!important;
    transform:none!important;
    filter:none!important;
    will-change:auto!important;
  }

  /* Keep it laid out but invisible, so first hover has no layout/build delay. */
  html body > .jba-v1620175-mega.jba-v1620182-portal{
    display:block!important;
    opacity:1!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transform:none!important;
    box-shadow:none!important;
    border:1px solid #e2e6ed!important;
    contain:layout style paint!important;
  }

  html body > .jba-v1620175-mega.jba-v1620182-portal.jba-v1620182-open{
    display:block!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transform:none!important;
  }

  /* Do not let retired body/open classes reveal or animate the panel. */
  html body.jba-v1620175-mega-open > .jba-v1620175-mega.jba-v1620182-portal:not(.jba-v1620182-open),
  html body.jba-v1620177-mega-open > .jba-v1620175-mega.jba-v1620182-portal:not(.jba-v1620182-open){
    visibility:hidden!important;
    pointer-events:none!important;
  }

  html body > .jba-v1620175-mega.jba-v1620182-portal .jba-v1620175-content{
    position:relative!important;
    overflow:hidden!important;
    contain:layout style paint!important;
  }

  /* Every pane is laid out once in the same fixed content box. */
  html body > .jba-v1620175-mega.jba-v1620182-portal .jba-v1620175-panel,
  html body > .jba-v1620175-mega.jba-v1620182-portal .jba-v1620175-panel[hidden]{
    position:absolute!important;
    inset:0!important;
    display:flex!important;
    width:100%!important;
    height:100%!important;
    visibility:hidden!important;
    opacity:1!important;
    pointer-events:none!important;
    z-index:0!important;
    contain:layout style paint!important;
  }

  html body > .jba-v1620175-mega.jba-v1620182-portal .jba-v1620175-panel.is-active{
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
    z-index:1!important;
  }

  /* Remove extra paint work from compact categories as well. */
  html body > .jba-v1620175-mega.jba-v1620182-portal .jba-v1620180-flat-links[data-jba-v1620181-density="tiny"],
  html body > .jba-v1620175-mega.jba-v1620182-portal .jba-v1620180-flat-links[data-jba-v1620181-density="short"],
  html body > .jba-v1620175-mega.jba-v1620182-portal .jba-v1620180-flat-links[data-jba-v1620181-density="medium"]{
    box-shadow:none!important;
  }

  html body > .jba-v1620175-mega.jba-v1620182-portal .jba-v1620175-category-tab,
  html body > .jba-v1620175-mega.jba-v1620182-portal .jba-v1620175-category-icon,
  html body > .jba-v1620175-mega.jba-v1620182-portal .jba-v1620175-category-arrow,
  html body > .jba-v1620175-mega.jba-v1620182-portal .jba-v1620180-flat-links > a,
  html body > .jba-v1620175-mega.jba-v1620182-portal .jba-v1620180-auto-flat a{
    transition:none!important;
    animation:none!important;
    transform:none!important;
  }
}