.search-result-card {
    position: relative
}

.stock-badge {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    margin-top: 12px;
    padding: 6px 10px;
    border-radius: 999px;
    font-size: .8rem;
    font-weight: 700
}

.stock-badge::before {
    content: "";
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: currentColor
}

.stock-in {
    color: #08783e;
    background: #e9f7ef
}

.stock-out {
    color: #a73b32;
    background: #fcecea
}

.stock-unknown {
    color: #687681;
    background: #eef1f4
}

.stock-updated {
    margin-top: 18px;
    color: #7b8791;
    font-size: .8rem
}
.stock-result {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 7px;
  flex-shrink: 0;
}

.stock-result .stock-badge,
.stock-result .stock-level {
  min-width: 78px;
  box-sizing: border-box;
  justify-content: center;
  text-align: center;
}

.stock-level {
  display: inline-flex;
  align-items: center;
  padding: 6px 10px;
  border-radius: 999px;
  background: #eef4fb;
  color: #15345b;
  font-size: .82rem;
  font-weight: 700;
  white-space: nowrap;
}
.stock-result .stock-badge {
  margin-top: 0;
}