.eqs-stepper-wrap {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0;
}

.eqs-variation-picker {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-bottom: 10px; /* Can be overridden by Elementor control */
}

.eqs-var-group {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.eqs-var-label {
  font-size: 13px;
  font-weight: 600;
}

.eqs-var-options {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.eqs-var-btn {
  border: 1px solid #c3c4c7;
  background: #fff;
  color: #1d2327;
  padding: 6px 10px;
  line-height: 1.2;
  cursor: pointer;
}

.eqs-var-btn.is-selected {
  border-color: #2271b1;
  background: #2271b1;
  color: #fff;
}

.eqs-var-btn:disabled {
  opacity: 0.45;
  cursor: not-allowed;
}

.eqs-qty {
  display: inline-flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  gap: 8px;
}

.eqs-minus,
.eqs-plus {
  width: 36px;
  height: 36px;
  border: 1px solid #c3c4c7;
  background: #f6f7f7;
  color: #1d2327;
  cursor: pointer;
  line-height: 1;
  text-align: center;
  padding: 0;
}

.eqs-input {
  width: 84px;
  height: 36px;
  text-align: center;
  border: 1px solid #c3c4c7;
  padding: 0 8px;
}

.eqs-add-to-cart.button {
  cursor: pointer;
  border: 1px solid #c3c4c7;
  background: #2271b1;
  color: #fff;
  font-size: 14px;
  line-height: 1.4;
  transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

.eqs-add-to-cart.button:disabled {
  opacity: 0.55;
  cursor: not-allowed;
}

.eqs-direct-wrap .eqs-input[readonly] {
  background: #fff;
}

.eqs-direct-wrap .eqs-minus:disabled,
.eqs-direct-wrap .eqs-plus:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}