/* JBA v16.20.438 — compact product-only AJAX search. */
html[data-jba-v1620438-search="1"] body #menu-indo .jba-v143-ajax-search{
  position:relative!important;
  overflow:visible!important;
  z-index:2147482000!important;
}

html[data-jba-v1620438-search="1"] body #menu-indo .jba-v143-search-results{
  display:none!important;
  position:absolute!important;
  top:calc(100% + 7px)!important;
  right:0!important;
  left:auto!important;
  width:min(610px,calc(100vw - 28px))!important;
  max-width:min(610px,calc(100vw - 28px))!important;
  max-height:min(610px,72vh)!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 #dce4ee!important;
  border-radius:13px!important;
  background:#fff!important;
  box-shadow:0 20px 50px rgba(5,28,66,.2)!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-v1620438-search="1"] body #menu-indo .jba-v143-search-results.jba-v143-open{
  display:block!important;
}

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

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

html[data-jba-v1620438-search="1"] body .jba-v143-search-item.jba-v1620438-product{
  display:grid!important;
  grid-template-columns:62px minmax(0,1fr) 18px!important;
  align-items:center!important;
  gap:11px!important;
  width:100%!important;
  min-width:0!important;
  min-height:78px!important;
  margin:0!important;
  padding:8px 11px!important;
  overflow:hidden!important;
  border:0!important;
  border-bottom:1px solid #edf1f5!important;
  border-radius:0!important;
  background:#fff!important;
  color:#082a5b!important;
  box-shadow:none!important;
  text-decoration:none!important;
  transform:none!important;
  transition:background-color .12s ease,box-shadow .12s ease!important;
}

html[data-jba-v1620438-search="1"] body .jba-v143-search-item.jba-v1620438-product:hover,
html[data-jba-v1620438-search="1"] body .jba-v143-search-item.jba-v1620438-product:focus-visible,
html[data-jba-v1620438-search="1"] body .jba-v143-search-item.jba-v1620438-product.jba-v1620438-active{
  background:#f7faff!important;
  color:#082a5b!important;
  box-shadow:inset -3px 0 0 #d2a340!important;
  outline:0!important;
}

html[data-jba-v1620438-search="1"] .jba-v1620438-thumb{
  display:block!important;
  width:62px!important;
  min-width:62px!important;
  height:62px!important;
  overflow:hidden!important;
  border:1px solid #e1e7ee!important;
  border-radius:10px!important;
  background:#f5f7fa!important;
}

html[data-jba-v1620438-search="1"] .jba-v1620438-thumb img{
  display:block!important;
  width:100%!important;
  min-width:100%!important;
  max-width:100%!important;
  height:100%!important;
  min-height:100%!important;
  max-height:100%!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  object-fit:cover!important;
  object-position:center!important;
}

html[data-jba-v1620438-search="1"] .jba-v1620438-copy{
  display:block!important;
  min-width:0!important;
}

html[data-jba-v1620438-search="1"] .jba-v1620438-copy>strong{
  display:-webkit-box!important;
  overflow:hidden!important;
  color:#102d53!important;
  font-size:12.5px!important;
  font-weight:850!important;
  line-height:21px!important;
  white-space:normal!important;
  text-overflow:ellipsis!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:2!important;
}

html[data-jba-v1620438-search="1"] .jba-v1620438-copy>small{
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  min-width:0!important;
  margin-top:4px!important;
  color:#8793a3!important;
  font-size:9.5px!important;
  font-weight:650!important;
  line-height:16px!important;
}

html[data-jba-v1620438-search="1"] .jba-v1620438-copy>small b{
  color:#5a687a!important;
  font-size:9.5px!important;
  font-weight:800!important;
}

html[data-jba-v1620438-search="1"] .jba-v1620438-copy>small i{
  display:block!important;
  width:3px!important;
  height:3px!important;
  border-radius:50%!important;
  background:#bbc4cf!important;
}

html[data-jba-v1620438-search="1"] .jba-v1620438-copy>small span{
  color:#178151!important;
  font-weight:850!important;
}

html[data-jba-v1620438-search="1"] .jba-v1620438-arrow{
  color:#c99a35!important;
  font:700 23px/1 Arial,sans-serif!important;
  text-align:center!important;
}

html[data-jba-v1620438-search="1"] .jba-v1620438-empty{
  display:flex!important;
  align-items:center!important;
  gap:11px!important;
  min-height:82px!important;
  padding:14px 16px!important;
  border-bottom:1px solid #edf1f5!important;
  background:#fff!important;
  color:#43556c!important;
}

html[data-jba-v1620438-search="1"] .jba-v1620438-empty-icon{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:38px!important;
  min-width:38px!important;
  height:38px!important;
  border:1px solid #e0e7ef!important;
  border-radius:11px!important;
  background:#f6f8fb!important;
  color:#67778c!important;
  font:700 22px/1 Arial,sans-serif!important;
}

html[data-jba-v1620438-search="1"] .jba-v1620438-empty strong,
html[data-jba-v1620438-search="1"] .jba-v1620438-empty small{
  display:block!important;
}

html[data-jba-v1620438-search="1"] .jba-v1620438-empty strong{
  color:#243c5d!important;
  font-size:11.5px!important;
  font-weight:850!important;
  line-height:20px!important;
}

html[data-jba-v1620438-search="1"] .jba-v1620438-empty small{
  margin-top:2px!important;
  color:#8490a0!important;
  font-size:9.5px!important;
  line-height:18px!important;
}

html[data-jba-v1620438-search="1"] body .jba-v143-search-item.jba-v1620438-footer{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  width:100%!important;
  min-height:62px!important;
  margin:0!important;
  padding:10px 13px!important;
  border:0!important;
  border-radius:0!important;
  background:#f8fafc!important;
  color:#17375f!important;
  box-shadow:none!important;
  text-decoration:none!important;
  transform:none!important;
}

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

html[data-jba-v1620438-search="1"] .jba-v1620438-footer>span{
  display:block!important;
  min-width:0!important;
}

html[data-jba-v1620438-search="1"] .jba-v1620438-footer>span strong,
html[data-jba-v1620438-search="1"] .jba-v1620438-footer>span small{
  display:block!important;
}

html[data-jba-v1620438-search="1"] .jba-v1620438-footer>span strong{
  color:#18395f!important;
  font-size:11px!important;
  font-weight:900!important;
  line-height:19px!important;
}

html[data-jba-v1620438-search="1"] .jba-v1620438-footer>span small{
  margin-top:1px!important;
  color:#8a95a4!important;
  font-size:8.5px!important;
  line-height:16px!important;
}

html[data-jba-v1620438-search="1"] .jba-v1620438-footer>b{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:106px!important;
  min-height:34px!important;
  padding:0 12px!important;
  border-radius:9px!important;
  background:#0a3769!important;
  color:#fff!important;
  font-size:10px!important;
  font-weight:900!important;
  white-space:nowrap!important;
}

html[data-jba-v1620438-search="1"] body #menu-indo .jba-v143-search-spinner{
  display:none!important;
  width:18px!important;
  height:18px!important;
  margin:auto!important;
  border:2px solid rgba(9,54,105,.2)!important;
  border-top-color:#0a3769!important;
  border-radius:50%!important;
  animation:jba-v1620438-spin .65s linear infinite!important;
}

html[data-jba-v1620438-search="1"] body #menu-indo .jba-v1620438-is-loading .jba-v143-search-submit .glyphicon{
  display:none!important;
}

html[data-jba-v1620438-search="1"] body #menu-indo .jba-v1620438-is-loading .jba-v143-search-spinner{
  display:block!important;
}

html[data-jba-v1620438-search="1"] body #menu-indo .jba-v1620438-is-loading .jba-v143-search-submit{
  pointer-events:auto!important;
  opacity:1!important;
}

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

@media(max-width:767px){
  html[data-jba-v1620438-search="1"] body #menu-indo .jba-v143-search-results{
    right:50%!important;
    left:auto!important;
    width:calc(100vw - 14px)!important;
    max-width:calc(100vw - 14px)!important;
    max-height:min(66vh,520px)!important;
    border-radius:11px!important;
    transform:translateX(50%)!important;
  }

  html[data-jba-v1620438-search="1"] body .jba-v143-search-item.jba-v1620438-product{
    grid-template-columns:58px minmax(0,1fr) 15px!important;
    gap:9px!important;
    min-height:72px!important;
    padding:7px 9px!important;
  }

  html[data-jba-v1620438-search="1"] .jba-v1620438-thumb{
    width:58px!important;
    min-width:58px!important;
    height:58px!important;
    border-radius:9px!important;
  }

  html[data-jba-v1620438-search="1"] .jba-v1620438-copy>strong{
    font-size:11.5px!important;
    line-height:19px!important;
  }

  html[data-jba-v1620438-search="1"] body .jba-v143-search-item.jba-v1620438-footer{
    min-height:58px!important;
    padding:9px 10px!important;
  }

  html[data-jba-v1620438-search="1"] .jba-v1620438-footer>b{
    min-width:96px!important;
    min-height:32px!important;
    padding:0 9px!important;
    font-size:9.5px!important;
  }

  html[data-jba-v1620438-search="1"] #jbaV15266MobileSearch[data-jba-v1620438-mobile-search="1"] .jba-v15266-search-results{
    display:block!important;
    min-height:0!important;
    padding:5px 9px 28px!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
    -webkit-overflow-scrolling:touch!important;
  }

  html[data-jba-v1620438-search="1"] #jbaV15266MobileSearch[data-jba-v1620438-mobile-search="1"] .jba-v1620438-panel{
    overflow:hidden!important;
    border:1px solid #e0e6ee!important;
    border-radius:12px!important;
    box-shadow:0 10px 28px rgba(5,28,66,.09)!important;
  }

  html[data-jba-v1620438-search="1"] #jbaV15266MobileSearch[data-jba-v1620438-mobile-search="1"] .jba-v15266-search-state{
    min-height:27px!important;
    padding:3px 13px 5px!important;
    color:#6f7d90!important;
    font-size:10px!important;
    line-height:19px!important;
  }

  html[data-jba-v1620438-search="1"] #jbaV15266MobileSearch.jba-v1620438-is-loading .jba-v15266-search-leading svg{
    display:none!important;
  }

  html[data-jba-v1620438-search="1"] #jbaV15266MobileSearch.jba-v1620438-is-loading .jba-v15266-search-leading::after{
    content:""!important;
    display:block!important;
    width:18px!important;
    height:18px!important;
    margin:auto!important;
    border:2px solid rgba(9,54,105,.2)!important;
    border-top-color:#0a3769!important;
    border-radius:50%!important;
    animation:jba-v1620438-spin .65s linear infinite!important;
  }
}

@media(prefers-reduced-motion:reduce){
  html[data-jba-v1620438-search="1"] *{
    scroll-behavior:auto!important;
  }
  html[data-jba-v1620438-search="1"] body #menu-indo .jba-v143-search-spinner{
    animation-duration:1.2s!important;
  }
}