/* JBA v16.20.440 — inline/dropdown category search; no modal or backdrop. */
html[data-jba-v1620440-search="1"] body #menu-indo,
html[data-jba-v1620440-search="1"] body #menu-indo .jba-v1018-topbar{
  overflow:visible!important;
}

html[data-jba-v1620440-search="1"] body #menu-indo .jba-v143-ajax-search{
  position:relative!important;
  z-index:2147482000!important;
  overflow:visible!important;
}

html[data-jba-v1620440-search="1"] body #menu-indo .jba-v143-search-results{
  display:none!important;
  position:absolute!important;
  top:calc(100% + 7px)!important;
  right:0!important;
  bottom:auto!important;
  left:auto!important;
  z-index:2147482100!important;
  width:min(760px,calc(100vw - 28px))!important;
  min-width:100%!important;
  max-width:min(760px,calc(100vw - 28px))!important;
  max-height:min(630px,70vh)!important;
  margin:0!important;
  padding:0!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  overscroll-behavior:contain!important;
  -webkit-overflow-scrolling:touch!important;
  border:1px solid #d8dde5!important;
  border-radius:12px!important;
  background:#fff!important;
  box-shadow:0 18px 46px rgba(9,39,78,.18)!important;
  direction:rtl!important;
  text-align:right!important;
  transform:none!important;
  opacity:1!important;
  visibility:visible!important;
  isolation:isolate!important;
  pointer-events:auto!important;
}

html[data-jba-v1620440-search="1"] body #menu-indo .jba-v143-search-results.jba-v143-open{
  display:block!important;
}

html[data-jba-v1620440-search="1"] body #menu-indo .jba-v143-search-results:empty{
  display:none!important;
}

html[data-jba-v1620440-search="1"] .jba-v1620440-panel,
html[data-jba-v1620440-search="1"] .jba-v1620440-list{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  background:#fff!important;
}

html[data-jba-v1620440-search="1"] body .jba-v143-search-item.jba-v1620440-row{
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:22px!important;
  width:100%!important;
  min-width:0!important;
  min-height:50px!important;
  margin:0!important;
  padding:6px 20px!important;
  overflow:hidden!important;
  border:0!important;
  border-bottom:1px solid #edf0f3!important;
  border-radius:0!important;
  background:#fff!important;
  color:#252525!important;
  box-shadow:none!important;
  direction:rtl!important;
  text-decoration:none!important;
  transform:none!important;
  transition:background-color .1s ease,color .1s ease!important;
}

html[data-jba-v1620440-search="1"] body .jba-v143-search-item.jba-v1620440-row:hover,
html[data-jba-v1620440-search="1"] body .jba-v143-search-item.jba-v1620440-row:focus-visible,
html[data-jba-v1620440-search="1"] body .jba-v143-search-item.jba-v1620440-row.jba-v1620440-active{
  background:#fff8f8!important;
  color:#e82127!important;
  outline:0!important;
}

html[data-jba-v1620440-search="1"] .jba-v1620440-name{
  display:block!important;
  flex:1 1 auto!important;
  min-width:0!important;
  overflow:hidden!important;
  color:inherit!important;
  font-size:15px!important;
  font-weight:560!important;
  line-height:28px!important;
  text-align:right!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

html[data-jba-v1620440-search="1"] .jba-v1620440-primary .jba-v1620440-name{
  font-weight:780!important;
  text-decoration:underline!important;
  text-decoration-thickness:1px!important;
  text-underline-offset:5px!important;
}

html[data-jba-v1620440-search="1"] .jba-v1620440-count,
html[data-jba-v1620440-search="1"] .jba-v1620440-code{
  display:block!important;
  flex:0 0 auto!important;
  min-width:72px!important;
  color:#9299a2!important;
  font-size:13px!important;
  font-weight:500!important;
  line-height:23px!important;
  direction:rtl!important;
  text-align:left!important;
  white-space:nowrap!important;
}

html[data-jba-v1620440-search="1"] .jba-v1620440-row:hover .jba-v1620440-count,
html[data-jba-v1620440-search="1"] .jba-v1620440-row:focus-visible .jba-v1620440-count,
html[data-jba-v1620440-search="1"] .jba-v1620440-row.jba-v1620440-active .jba-v1620440-count{
  color:#e82127!important;
}

html[data-jba-v1620440-search="1"] .jba-v1620440-product .jba-v1620440-name{
  font-size:14px!important;
}

html[data-jba-v1620440-search="1"] .jba-v1620440-empty{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  gap:2px!important;
  min-height:78px!important;
  padding:15px 20px!important;
  border-bottom:1px solid #edf0f3!important;
  background:#fff!important;
  color:#333!important;
}

html[data-jba-v1620440-search="1"] .jba-v1620440-empty strong{
  font-size:14px!important;
  font-weight:750!important;
  line-height:25px!important;
}

html[data-jba-v1620440-search="1"] .jba-v1620440-empty small{
  color:#858c96!important;
  font-size:11px!important;
  line-height:21px!important;
}

html[data-jba-v1620440-search="1"] .jba-v1620440-loading{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;
  min-height:72px!important;
  color:#657080!important;
  font-size:12px!important;
  line-height:22px!important;
}

html[data-jba-v1620440-search="1"] .jba-v1620440-loader{
  display:block!important;
  width:18px!important;
  height:18px!important;
  border:2px solid #e0e5eb!important;
  border-top-color:#0a3769!important;
  border-radius:50%!important;
  animation:jba-v1620440-spin .7s linear infinite!important;
}

html[data-jba-v1620440-search="1"] body .jba-v143-search-item.jba-v1620440-footer{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  width:100%!important;
  min-height:56px!important;
  margin:0!important;
  padding:8px 20px!important;
  border:0!important;
  border-radius:0!important;
  background:#f8fafc!important;
  color:#17375f!important;
  box-shadow:none!important;
  font-size:14px!important;
  font-weight:780!important;
  line-height:27px!important;
  text-align:right!important;
  text-decoration:underline!important;
  text-decoration-thickness:1px!important;
  text-underline-offset:5px!important;
  transform:none!important;
}

html[data-jba-v1620440-search="1"] body .jba-v143-search-item.jba-v1620440-footer:hover,
html[data-jba-v1620440-search="1"] body .jba-v143-search-item.jba-v1620440-footer:focus-visible,
html[data-jba-v1620440-search="1"] body .jba-v143-search-item.jba-v1620440-footer.jba-v1620440-active{
  background:#fff8f8!important;
  color:#e82127!important;
  outline:0!important;
}

@keyframes jba-v1620440-spin{
  to{transform:rotate(360deg)}
}

@media(max-width:767px){
  html[data-jba-v1620440-search="1"] body #menu-indo .jba-v143-search-results{
    right:50%!important;
    left:auto!important;
    width:calc(100vw - 14px)!important;
    min-width:0!important;
    max-width:calc(100vw - 14px)!important;
    max-height:min(62vh,510px)!important;
    border-radius:10px!important;
    box-shadow:0 12px 30px rgba(9,39,78,.15)!important;
    transform:translateX(50%)!important;
  }

  html[data-jba-v1620440-search="1"] body .jba-v143-search-item.jba-v1620440-row{
    gap:10px!important;
    min-height:47px!important;
    padding:5px 13px!important;
  }

  html[data-jba-v1620440-search="1"] .jba-v1620440-name{
    font-size:13px!important;
    line-height:25px!important;
  }

  html[data-jba-v1620440-search="1"] .jba-v1620440-count,
  html[data-jba-v1620440-search="1"] .jba-v1620440-code{
    min-width:55px!important;
    font-size:11px!important;
    line-height:21px!important;
  }

  html[data-jba-v1620440-search="1"] body .jba-v143-search-item.jba-v1620440-footer{
    min-height:51px!important;
    padding:7px 13px!important;
    font-size:13px!important;
    line-height:25px!important;
  }

  html[data-jba-v1620440-search="1"] #jbaV15266MobileSearch[data-jba-v1620440-mobile-search="1"] .jba-v15266-search-results{
    display:block!important;
    position:static!important;
    width:100%!important;
    min-height:0!important;
    max-height:none!important;
    padding:5px 8px 26px!important;
    overflow-x:hidden!important;
    overflow-y:visible!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
    transform:none!important;
  }

  html[data-jba-v1620440-search="1"] #jbaV15266MobileSearch[data-jba-v1620440-mobile-search="1"] .jba-v1620440-panel{
    overflow:hidden!important;
    border:1px solid #dce2e9!important;
    border-radius:10px!important;
    background:#fff!important;
    box-shadow:none!important;
  }

  html[data-jba-v1620440-search="1"] #jbaV15266MobileSearch[data-jba-v1620440-mobile-search="1"] .jba-v15266-search-state{
    min-height:24px!important;
    padding:2px 12px 4px!important;
    color:#737d8a!important;
    font-size:10px!important;
    line-height:18px!important;
  }
}

@media(prefers-reduced-motion:reduce){
  html[data-jba-v1620440-search="1"] .jba-v1620440-loader{
    animation-duration:1.25s!important;
  }
}