/*
 * JBA v16.20.181 — desktop-only zero-motion mega menu polish.
 * Removes all visual delays and gives short category lists an intentional,
 * compact layout instead of leaving a large empty panel. Mobile is untouched.
 */
@media (min-width:992px){
  /* Absolute zero-motion interaction: no fade, slide, transform or delayed visibility. */
  html body #menu-indo #menu-main > li.allproduct.jba-v1620175-root > .jba-v1620175-trigger,
  html body > .jba-v1620175-mega.jba-v1620176-portal,
  html body > .jba-v1620175-mega.jba-v1620176-portal *,
  html body > .jba-v1620175-backdrop{
    transition:none!important;
    animation:none!important;
    scroll-behavior:auto!important;
  }

  html body > .jba-v1620175-mega.jba-v1620176-portal{
    transform:none!important;
    will-change:auto!important;
  }

  html body.jba-v1620175-mega-open > .jba-v1620175-mega.jba-v1620176-portal,
  html body.jba-v1620177-mega-open > .jba-v1620175-mega.jba-v1620176-portal{
    transform:none!important;
  }

  /* Category changes are paint-only and instant. */
  html body > .jba-v1620175-mega .jba-v1620175-category-tab,
  html body > .jba-v1620175-mega .jba-v1620175-category-arrow,
  html body > .jba-v1620175-mega .jba-v1620180-flat-links > a,
  html body > .jba-v1620175-mega .jba-v1620180-auto-flat a{
    transition:none!important;
    animation:none!important;
    transform:none!important;
  }

  html body > .jba-v1620175-mega.jba-v1620180-flat-marketplace .jba-v1620175-panel{
    display:flex!important;
    align-items:flex-start!important;
    justify-content:flex-start!important;
    contain:layout style!important;
  }

  html body > .jba-v1620175-mega.jba-v1620180-flat-marketplace .jba-v1620175-panel[hidden]{
    display:none!important;
  }

  /* The layout script sets the exact row/column count once, before interaction. */
  html body > .jba-v1620175-mega.jba-v1620180-flat-marketplace .jba-v1620180-flat-links{
    --jba-v1620181-columns:5;
    --jba-v1620181-rows:8;
    grid-template-rows:repeat(var(--jba-v1620181-rows),minmax(30px,1fr))!important;
    grid-auto-columns:minmax(130px,1fr)!important;
    height:100%!important;
    align-content:start!important;
    justify-content:stretch!important;
    transition:none!important;
    animation:none!important;
  }

  /* Short lists: a deliberate compact card at the upper-right, not an empty canvas. */
  html body > .jba-v1620175-mega.jba-v1620180-flat-marketplace .jba-v1620180-flat-links[data-jba-v1620181-density="tiny"],
  html body > .jba-v1620175-mega.jba-v1620180-flat-marketplace .jba-v1620180-flat-links[data-jba-v1620181-density="short"],
  html body > .jba-v1620175-mega.jba-v1620180-flat-marketplace .jba-v1620180-flat-links[data-jba-v1620181-density="medium"]{
    box-sizing:border-box!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    padding:18px!important;
    border:1px solid #e7ecf4!important;
    border-radius:12px!important;
    background:#fbfcff!important;
    box-shadow:0 7px 22px rgba(9,37,83,.055)!important;
    align-content:start!important;
    align-items:stretch!important;
    justify-content:start!important;
    row-gap:8px!important;
    column-gap:12px!important;
  }

  html body > .jba-v1620175-mega.jba-v1620180-flat-marketplace .jba-v1620180-flat-links[data-jba-v1620181-density="tiny"]{
    width:min(390px,100%)!important;
    grid-auto-columns:minmax(0,1fr)!important;
  }

  html body > .jba-v1620175-mega.jba-v1620180-flat-marketplace .jba-v1620180-flat-links[data-jba-v1620181-density="short"]{
    width:min(720px,100%)!important;
    grid-auto-columns:minmax(210px,1fr)!important;
  }

  html body > .jba-v1620175-mega.jba-v1620180-flat-marketplace .jba-v1620180-flat-links[data-jba-v1620181-density="medium"]{
    width:min(980px,100%)!important;
    grid-auto-columns:minmax(180px,1fr)!important;
  }

  html body > .jba-v1620175-mega.jba-v1620180-flat-marketplace .jba-v1620180-flat-links[data-jba-v1620181-density="tiny"] > a,
  html body > .jba-v1620175-mega.jba-v1620180-flat-marketplace .jba-v1620180-flat-links[data-jba-v1620181-density="short"] > a,
  html body > .jba-v1620175-mega.jba-v1620180-flat-marketplace .jba-v1620180-flat-links[data-jba-v1620181-density="medium"] > a,
  html body > .jba-v1620175-mega.jba-v1620180-flat-marketplace .jba-v1620180-flat-links[data-jba-v1620181-density="tiny"] .jba-v1620180-auto-flat a,
  html body > .jba-v1620175-mega.jba-v1620180-flat-marketplace .jba-v1620180-flat-links[data-jba-v1620181-density="short"] .jba-v1620180-auto-flat a,
  html body > .jba-v1620175-mega.jba-v1620180-flat-marketplace .jba-v1620180-flat-links[data-jba-v1620181-density="medium"] .jba-v1620180-auto-flat a{
    min-height:40px!important;
    height:40px!important;
    padding:0 13px!important;
    border:1px solid #edf1f7!important;
    border-radius:8px!important;
    background:#fff!important;
    color:#3f5f98!important;
    font-size:14px!important;
    font-weight:700!important;
    line-height:1.4!important;
  }

  /* Instant hover state with no movement. */
  html body > .jba-v1620175-mega.jba-v1620180-flat-marketplace .jba-v1620180-flat-links > a:hover,
  html body > .jba-v1620175-mega.jba-v1620180-flat-marketplace .jba-v1620180-flat-links > a:focus-visible,
  html body > .jba-v1620175-mega.jba-v1620180-flat-marketplace .jba-v1620180-auto-flat a:hover,
  html body > .jba-v1620175-mega.jba-v1620180-flat-marketplace .jba-v1620180-auto-flat a:focus-visible{
    background:#eef3fb!important;
    color:#082960!important;
    transform:none!important;
    outline:0!important;
  }

  html body > .jba-v1620175-mega.jba-v1620180-flat-marketplace .jba-v1620175-category-tab:hover,
  html body > .jba-v1620175-mega.jba-v1620180-flat-marketplace .jba-v1620175-category-tab:focus-visible,
  html body > .jba-v1620175-mega.jba-v1620180-flat-marketplace .jba-v1620175-category-tab.is-active{
    transition:none!important;
    transform:none!important;
  }
}

@media (min-width:992px) and (max-width:1199px){
  html body > .jba-v1620175-mega.jba-v1620180-flat-marketplace .jba-v1620180-flat-links[data-jba-v1620181-density="short"]{
    width:min(620px,100%)!important;
  }
  html body > .jba-v1620175-mega.jba-v1620180-flat-marketplace .jba-v1620180-flat-links[data-jba-v1620181-density="medium"]{
    width:100%!important;
  }
}