/*
 * JBA v16.20.176 — desktop mega-menu interaction/layer repair.
 * Desktop only. The mobile/tablet navigation below 992px is intentionally untouched.
 */
@media (min-width:992px){
  /* Keep only the new trigger inside the legacy desktop category slot. */
  html body #menu-indo #menu-main > li.allproduct.jba-v1620175-root{
    position:relative!important;
    display:flex!important;
    float:right!important;
    flex:0 0 230px!important;
    width:230px!important;
    min-width:230px!important;
    max-width:230px!important;
    height:54px!important;
    min-height:54px!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
    opacity:1!important;
    visibility:visible!important;
    transform:none!important;
    z-index:2147483644!important;
  }

  html body #menu-indo #menu-main > li.allproduct.jba-v1620175-root > *:not(.jba-v1620175-trigger):not(.jba-v1620175-mega){
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;
    pointer-events:none!important;
    width:0!important;
    height:0!important;
    max-width:0!important;
    max-height:0!important;
    overflow:hidden!important;
  }

  html body #menu-indo #menu-main > li.allproduct.jba-v1620175-root > .jba-v1620175-trigger{
    appearance:none!important;
    -webkit-appearance:none!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:9px!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    height:54px!important;
    min-height:54px!important;
    margin:0!important;
    padding:0 16px!important;
    border:0!important;
    border-radius:10px!important;
    background:rgba(255,255,255,.08)!important;
    color:#fff!important;
    font-family:inherit!important;
    font-size:13px!important;
    font-style:normal!important;
    font-weight:800!important;
    line-height:1!important;
    letter-spacing:0!important;
    text-indent:0!important;
    text-align:center!important;
    white-space:nowrap!important;
    opacity:1!important;
    visibility:visible!important;
    transform:none!important;
    scale:1!important;
    zoom:1!important;
    filter:none!important;
    cursor:pointer!important;
    pointer-events:auto!important;
    box-shadow:none!important;
  }

  html body #menu-indo #menu-main > li.allproduct.jba-v1620175-root > .jba-v1620175-trigger > span,
  html body #menu-indo #menu-main > li.allproduct.jba-v1620175-root > .jba-v1620175-trigger > svg,
  html body #menu-indo #menu-main > li.allproduct.jba-v1620175-root > .jba-v1620175-trigger .jba-v1620175-trigger-icon,
  html body #menu-indo #menu-main > li.allproduct.jba-v1620175-root > .jba-v1620175-trigger .jba-v1620175-trigger-icon > span{
    opacity:1!important;
    visibility:visible!important;
    transform:none!important;
    scale:1!important;
    zoom:1!important;
    filter:none!important;
  }

  html body #menu-indo #menu-main > li.allproduct.jba-v1620175-root > .jba-v1620175-trigger > span:not(.jba-v1620175-trigger-icon){
    display:inline!important;
    width:auto!important;
    height:auto!important;
    margin:0!important;
    padding:0!important;
    color:inherit!important;
    background:transparent!important;
    font:inherit!important;
    font-size:13px!important;
    font-weight:800!important;
    line-height:1!important;
    white-space:nowrap!important;
  }

  html body #menu-indo #menu-main > li.allproduct.jba-v1620175-root > .jba-v1620175-trigger:hover,
  html body #menu-indo #menu-main > li.allproduct.jba-v1620175-root > .jba-v1620175-trigger:focus-visible,
  html body #menu-indo #menu-main > li.allproduct.jba-v1620175-root.jba-v1620175-open > .jba-v1620175-trigger{
    background:rgba(255,255,255,.16)!important;
    color:#fff!important;
  }

  /* The controller moves the panel under body to escape transformed header ancestors. */
  html body > .jba-v1620175-mega.jba-v1620176-portal{
    display:block!important;
    position:fixed!important;
    top:var(--jba-v1620175-top,142px)!important;
    right:var(--jba-v1620175-right,16px)!important;
    left:var(--jba-v1620175-left,16px)!important;
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    height:auto!important;
    min-height:0!important;
    max-height:calc(100vh - var(--jba-v1620175-top,142px) - 16px)!important;
    margin:0!important;
    padding:0!important;
    border:1px solid rgba(8,30,75,.10)!important;
    border-radius:0 0 12px 12px!important;
    background:#fff!important;
    box-shadow:0 20px 55px rgba(7,30,75,.25)!important;
    overflow:hidden!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transform:translateY(-6px)!important;
    transform-origin:top center!important;
    z-index:2147483646!important;
    direction:rtl!important;
    isolation:isolate!important;
    contain:layout paint style!important;
    transition:opacity .13s ease,transform .13s ease,visibility 0s linear .13s!important;
  }

  html body.jba-v1620175-mega-open > .jba-v1620175-mega.jba-v1620176-portal{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transform:translateY(0)!important;
    transition:opacity .13s ease,transform .13s ease,visibility 0s!important;
  }

  html body > .jba-v1620175-backdrop{
    display:block!important;
    position:fixed!important;
    top:var(--jba-v1620175-top,142px)!important;
    right:0!important;
    bottom:0!important;
    left:0!important;
    z-index:2147483600!important;
    background:rgba(16,23,36,.42)!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
  }

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

  html body > .jba-v1620175-mega.jba-v1620176-portal .jba-v1620175-mega-shell{
    position:relative!important;
    z-index:1!important;
    opacity:1!important;
    filter:none!important;
  }
}

@media (min-width:992px) and (max-width:1199px){
  html body #menu-indo #menu-main > li.allproduct.jba-v1620175-root{
    flex-basis:195px!important;
    width:195px!important;
    min-width:195px!important;
    max-width:195px!important;
  }
}