/* Header search: predictive results dropdown (see includes/live-search.php). Square corners to match the site. */
.ps-ls-form { position: relative; }
.ps-ls {
  position: absolute;
  top: 100%;
  right: 0;
  z-index: 10000;
  width: 420px;
  max-width: calc(100vw - 32px);
  max-height: min(70vh, 560px);
  overflow-y: auto;
  margin-top: 4px;
  background: #fff;
  border: 1px solid #e3e8ee;
  border-top: 3px solid #4685e1;
  border-radius: 0;
  box-shadow: 0 12px 32px rgba(15, 30, 50, .16);
  text-align: left;
  font-family: "Open Sans", sans-serif;
}
.ps-ls[hidden] { display: none; }
.ps-ls__group + .ps-ls__group { border-top: 1px solid #e3e8ee; }
.ps-ls__item {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 9px 14px;
  color: #1d2733;
  text-decoration: none !important;
  line-height: 1.3;
}
.ps-ls__item:hover, .ps-ls__item.is-active { background: #eaf1fc; color: #1d2733; }
.ps-ls__product img {
  flex: none;
  width: 48px;
  height: 48px;
  object-fit: contain;
  background: #fff;
  border: 1px solid #e3e8ee;
  border-radius: 0;
}
.ps-ls__text { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.ps-ls__title { font-size: 14px; }
.ps-ls__title strong { font-weight: 700; color: #000; }
.ps-ls__price { font-size: 13px; font-weight: 600; color: #4685e1; }
.ps-ls__price del { color: #6b7682; font-weight: 400; margin-right: 4px; }
.ps-ls__price ins { text-decoration: none; }
.ps-ls__price .woocommerce-price-suffix { display: none; }
.ps-ls__term .ps-ls__title { flex: 1; }
.ps-ls__type {
  flex: none;
  min-width: 68px;
  padding: 2px 6px;
  background: #f5f7fa;
  color: #6b7682;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .04em;
  text-align: center;
}
.ps-ls__count { color: #6b7682; font-size: 12px; }
.ps-ls__all {
  display: block;
  padding: 11px 14px;
  border-top: 1px solid #e3e8ee;
  background: #f5f7fa;
  color: #4685e1 !important;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none !important;
}
.ps-ls__all:hover, .ps-ls__all.is-active { background: #eaf1fc; }
.ps-ls__empty { margin: 0; padding: 14px; color: #6b7682; font-size: 14px; }
.ps-ls-loading button { opacity: .7; }
@media (max-width: 991px) {
  .ps-ls { left: 0; right: 0; width: auto; max-width: none; }
}