.ingredient-picker {
  display: grid;
  grid-template-columns: minmax(210px, 2fr) 110px 100px auto;
  gap: 10px;
  align-items: end;
  padding: 16px;
  border: 1px solid var(--line);
  border-radius: 14px;
  background: #f4f1e9;
}

.ingredient-picker > div {
  grid-column: 1 / -1;
}

.ingredient-picker .catalog-combo {
  border: 2px solid #b9c5ae;
  background: #fff;
  font-size: 16px;
}

.ingredient-picker select,
.ingredient-picker input {
  margin: 0;
}

.ingredient-picker button {
  min-height: 46px;
}

@media (max-width: 700px) {
  .ingredient-picker {
    grid-template-columns: 1fr 1fr;
  }

  .ingredient-picker select,
  .ingredient-picker button {
    grid-column: 1 / -1;
  }
}