/* RL MARKET 2.0 - SEARCH AUTOCOMPLETE */
.rl-search-autocomplete {
  position: relative;
  width: 100%;
}

.rl-search-autocomplete input {
  width: 100%;
  padding: 12px 16px;
  border: 2px solid #E2E8F0;
  border-radius: 50px;
  font-size: .9375rem;
  outline: none;
  background: #fff;
  transition: border .2s;
}
.rl-search-autocomplete input:focus { border-color: #1E40AF; }

.rl-search-suggestions {
  position: absolute;
  top: calc(100% + 4px);
  left: 0; right: 0;
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 12px 30px rgba(15,23,42,.15);
  border: 1px solid #E2E8F0;
  max-height: 400px;
  overflow-y: auto;
  z-index: 1000;
  display: none;
}
.rl-search-suggestions.open { display: block; }

.rl-sg-group {
  padding: 8px 0;
}
.rl-sg-group:not(:last-child) { border-bottom: 1px solid #F1F5F9; }
.rl-sg-title {
  padding: 6px 16px;
  font-size: .6875rem;
  font-weight: 800;
  color: #94A3B8;
  text-transform: uppercase;
  letter-spacing: .5px;
}

.rl-sg-item {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 16px;
  text-decoration: none;
  color: #334155;
  transition: background .15s;
}
.rl-sg-item:hover { background: #F1F5F9; }
.rl-sg-item img {
  width: 36px; height: 36px;
  object-fit: cover; border-radius: 6px;
}
.rl-sg-item-info { flex: 1; min-width: 0; }
.rl-sg-item-name {
  font-size: .8125rem;
  font-weight: 600;
  color: #0F172A;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.rl-sg-item-price {
  font-size: .8125rem;
  font-weight: 800;
  color: #1E40AF;
}

.rl-sg-term {
  display: flex; align-items: center; gap: 8px;
  padding: 8px 16px;
  font-size: .875rem;
  color: #475569;
  cursor: pointer;
}
.rl-sg-term:hover { background: #F1F5F9; }
.rl-sg-term i { color: #94A3B8; }