.qsp-options{margin-top:15px}
.qsp-options p {
    font-weight: 700;
}
.qsp-buttons{display:flex;gap:10px;margin-bottom:15px}
.qsp-buttons .button{
  margin:0;
  padding:10px 20px;
  border-radius:4px;
  font-weight:500;
  font-size:15px;
  transition:all 0.2s ease;
  border:1px solid #ddd;
  background:#fff;
  color:#333;
}
.qsp-buttons .button:hover{
  background:#f5f5f5;
}
.qsp-mix-btn.active,.qsp-choose-btn.active{
  background:#007cba;
  color:#fff;
  border-color:#007cba;
}
button.button.qsp-mix-btn.active, button.button.qsp-choose-btn.active {
  color: #FFF;
  background: #2B57E8;
}
button.button.qsp-mix-btn, button.button.qsp-choose-btn {
  font-family: inherit;
}
.qsp-limit{
  margin-bottom:0;
  color:#25242F;
  font-size:14px;
}
.qsp-products{
  max-height:400px;
  overflow:auto;
  border:1px solid #eee;
  border-radius:4px;
  padding:10px;
  margin-bottom:15px;
  background:#fff;
}
.qsp-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  border-bottom:1px solid #f0f0f0;
  padding:10px 0;
}
.qsp-row:last-child{border-bottom:0}
.qsp-row .qsp-title{
  flex:1;
  padding-inline-end:12px;
  font-size:14px;
  color:#333;
  line-height:1.4;
}
.qsp-qty{
  display:flex;
  align-items:center;
  gap:6px;
}
.qsp-qty button{
  width:28px;
  height:28px;
  line-height:26px;
  text-align:center;
  border:1px solid #ddd;
  background:#fff;
  border-radius:3px;
  cursor:pointer;
  font-size:14px;
  color:#25242F;
}
.qsp-qty button:hover{
  background:#f5f5f5;
}
.qsp-qty input{
  width:48px;
  text-align:center;
  border:1px solid #ddd;
  border-radius:3px;
  height:28px;
  font-size:14px;
}
.qsp-qty input:focus{
  outline:none;
  border-color:#007cba;
}
.qsp-counter{
  margin-top:5px;
  font-size:14px;
  color:#25242F;
}
.qsp-counter strong{
  color:#007cba;
  font-weight:600;
}
.qsp-disabled{
  opacity:0.5;
  pointer-events:none;
}