.quantity-setter {
  display: flex; 
  margin-top: 8px;
}

.quantity-setter input {
  border-radius: 0;
  width: 40px;
  padding: 0;
  text-align: center;
  font-size: 0.9rem;
}

.quantity-setter .increment-btn {
  margin-top: 0;
  border-radius: 0;
  border: 1px solid var(--accent-color);
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Buttons and links */
.quantity-setter button {
  background: var(--accent-color);
  border-radius: var(--radius);
  color: white;
  border: 0;
  padding: 8px 12px;
  margin-top: 8px;
  font-weight: 600;
  font-size: 0.9rem;
  cursor: pointer;
  transition: all 0.2s ease;
  display: block;
}
.quantity-setter button:hover {
  filter: contrast(115%);
}
.quantity-setter button:active {
  transform: translateY(0px) scale(0.98);
  filter: brightness(0.9);
}
.quantity-setter button:disabled {
  opacity: 0.5;
  cursor: none;
}

/* Pasha styles – Brand-overrides, can split these out */
:root {
  --accent-color: #b3b000;
  --headline-color: var(--accent-color);
}

/* #servingbought: visual styles live in Recipe.css (loaded earlier); avoid overriding with flat olive */