.search-bar {
  width: 100%;
  position: relative;
}
.search-input {
  width: 100%;
  padding: 10px;
  border: 1px solid #ccc;
}
.search-loading {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background: rgba(255, 255, 255, 0.9);
  text-align: center;
  padding: 8px;
  font-size: 0.9em;
  z-index: 1001;
  display: none;
}
.search-results {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background: #fff;
  border: 1px solid #ccc;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  z-index: 1000;
  display: none;
}
.search-item {
  display: flex;
  align-items: center;
  padding: 6px 10px;
  text-decoration: none !important ;
  color: #333;
}
.search-item:hover {
  background: #f0f0f0;
}
.search-item-img {
  width: 50px;
  height: auto;
  margin-right: 10px;
}
.search-item-info {
  display: flex;
  flex-direction: column;
}
.title {
  font-weight: bold;
}
.price {
  color: #7A7A7A;
  font-size: 0.9em;
}
.suggestions .suggestion-item {
  display: block;
  padding: 6px 10px;
  text-decoration: none !important; 
  color: #560bad;
  font-style: italic;
}
.suggestions .suggestion-item:hover {
  background: #f1f1f1;
}


.input::placeholder {
 color: #9e9ea7;
}

.input:focus, input:hover {
 outline: none;
 border-color: rgba(234,76,137,0.4);
 background-color: #fff;
 box-shadow: 0 0 0 4px rgb(234 76 137 / 10%);
}

.no-results-found{
  text-align: center;
  font-weight: bold;
  padding: 10px 0;
}

