.search > div { position: relative; }
.stock-suggestions {
  position: absolute;
  z-index: 30;
  top: calc(100% + 6px);
  left: 0;
  width: calc(100% - 154px);
  max-height: 310px;
  overflow: auto;
  padding: 6px;
  border: 1px solid #dce3de;
  border-radius: 13px;
  background: #fff;
  box-shadow: 0 16px 40px #163b2d28;
}
.stock-suggestions.hidden { display: none; }
.stock-suggestions button {
  display: grid;
  grid-template-columns: 70px 1fr auto;
  align-items: center;
  gap: 10px;
  width: 100%;
  padding: 11px;
  border: 0;
  border-radius: 9px;
  background: transparent;
  color: #17231e;
  text-align: left;
  cursor: pointer;
}
.stock-suggestions button:hover { background: #edf5f0; }
.stock-suggestions b { color: #163b2d; }
.stock-suggestions small {
  padding: 4px 8px;
  border-radius: 99px;
  background: #d9eee4;
  color: #163b2d;
}
.stock-suggestions p { margin: 6px; color: #68746d; }
@media (max-width: 380px) {
  .stock-suggestions { top: 52px; width: 100%; }
}