/* ── Variant option buttons — style the LABEL, not the checkmark div ── */
.t-product__option-item_buttons {
  border: 2px solid #1a1a1a !important;
  border-radius: 8px !important;
  background: transparent !important;
  transition: background 0.15s ease !important;
}

.t-product__option-item_active.t-product__option-item_buttons {
  background: #1a1a1a !important;
}

.t-product__option-item_active .t-product__option-title_buttons {
  color: #fff !important;
}

.t-product__option-item_disabled.t-product__option-item_buttons {
  border-color: #ccc !important;
  opacity: 0.4 !important;
}

/* ── Quantity stepper — override inline style with !important ── */
.t-store__prod__quantity {
  border: 2px solid #1a1a1a !important;
  border-radius: 9999px !important; /* overrides the inline style="border-radius:30px" */
  background: transparent !important;
  padding: 0 4px !important;
}

.t-store__prod__quantity__minus-wrapper,
.t-store__prod__quantity__plus-wrapper {
  background: transparent !important;
  border: none !important;
}

.t-store__prod__quantity-input {
  background: transparent !important;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  text-align: center !important;
  -moz-appearance: textfield !important;
}

.t-store__prod__quantity-input::-webkit-inner-spin-button,
.t-store__prod__quantity-input::-webkit-outer-spin-button {
  -webkit-appearance: none !important;
}