/* JBA v16.20.184 — hard-hide closed mega menu, no motion, instant hover, no in-flow residue. */
@media (min-width:992px){
  html body #menu-indo #menu-main > li.allproduct.jba-v1620175-root > .jba-v1620175-mega{
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;
    pointer-events:none!important;
    height:0!important;
    max-height:0!important;
    overflow:hidden!important;
  }

  html body > .jba-v1620175-mega.jba-v1620184-portal,
  html body > .jba-v1620175-mega.jba-v1620184-portal *{
    transition:none!important;
    animation:none!important;
    transform:none!important;
    filter:none!important;
    will-change:auto!important;
  }

  html body > .jba-v1620175-mega.jba-v1620184-portal{
    position:fixed!important;
    top:var(--jba-v1620175-top, 132px)!important;
    left:var(--jba-v1620175-left, 16px)!important;
    right:var(--jba-v1620175-right, 16px)!important;
    z-index:9999!important;
    display:none!important;
    visibility:hidden!important;
    opacity:1!important;
    pointer-events:none!important;
    box-shadow:none!important;
    border:1px solid #e2e6ed!important;
    margin:0!important;
  }

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

  /* Transparent hover bridge above the panel; protects against sub-pixel gaps and browser zoom. */
  html body > .jba-v1620175-mega.jba-v1620184-portal.jba-v1620184-open::before{
    content:"";
    position:absolute;
    z-index:3;
    top:-8px;
    right:0;
    left:0;
    height:10px;
    background:transparent;
    pointer-events:auto;
  }

  /* Width is computed from the viewport; override old fixed/max widths. */
  html body > .jba-v1620175-mega.jba-v1620184-portal{
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    box-sizing:border-box!important;
  }

  html body > .jba-v1620175-mega.jba-v1620184-portal .jba-v1620175-content{
    position:relative!important;
    overflow:hidden!important;
  }

  html body > .jba-v1620175-mega.jba-v1620184-portal .jba-v1620175-panel,
  html body > .jba-v1620175-mega.jba-v1620184-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;
  }

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

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


  /* Desktop resolution safety: preserve usable category/content proportions. */
  @media (min-width:992px) and (max-width:1099px){
    html body > .jba-v1620175-mega.jba-v1620184-portal .jba-v1620175-categories{
      width:190px!important;
      min-width:190px!important;
    }
    html body > .jba-v1620175-mega.jba-v1620184-portal .jba-v1620175-category-tab{
      font-size:13px!important;
      padding-right:12px!important;
      padding-left:10px!important;
    }
  }

  @media (min-width:1100px) and (max-width:1365px){
    html body > .jba-v1620175-mega.jba-v1620184-portal .jba-v1620175-categories{
      width:210px!important;
      min-width:210px!important;
    }
  }
}