/* Quantity wrapper */
.quantity {
  position: relative;
  display: inline-flex;
  align-items: center;
}

.quantity input.qty {
  text-align: center;
  width: 60px;
  height: 40px;
  border: 1px solid #ddd;
  border-radius: 4px;
}

/* +/- buttons */
.qty-btn {
  cursor: pointer;
  user-select: none;
  width: 32px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f8f8f8;
  border: 1px solid #ddd;
  transition: background 0.2s;
}

.qty-btn:hover {
  background: #eee;
}

.qty-btn.minus {
  border-radius: 4px 0 0 4px;
  border-right: none;
}

.qty-btn.plus {
  border-radius: 0 4px 4px 0;
  border-left: none;
}