.detail-price del,
.variant-price-pair del {
  color: #6c7f84;
  font-weight: 650;
  text-decoration-thickness: 1px;
}

.detail-price.is-sale-price ins,
.variant-sale-price ins {
  color: #b63f2b;
  font-weight: 900;
  text-decoration: none;
}

.detail-price.is-quantity-price ins,
.variant-quantity-price ins {
  color: #167447;
  font-weight: 900;
  text-decoration: none;
}

.variant-option-inner {
  grid-template-columns: minmax(0, 1fr) 122px 84px;
  grid-template-areas:
    "name price stepper"
    "size price stepper";
}

.variant-option-price {
  width: 122px;
  min-height: 48px;
  display: grid;
  align-content: center;
  justify-items: end;
  gap: 1px;
  white-space: nowrap;
}

.variant-price-pair {
  display: inline-flex;
  gap: 2px 5px;
  align-items: baseline;
  justify-content: flex-end;
}

.variant-price-each {
  color: var(--muted);
  font-size: 9px;
  font-weight: 750;
  line-height: 1;
  text-align: right;
  text-transform: uppercase;
}

.variant-option-price > small[data-variant-discount] {
  max-width: 122px;
  white-space: normal;
  font-size: 9px;
  font-weight: 900;
  line-height: 1.12;
  text-align: right;
}

.variant-option-price > small[data-variant-discount][hidden] {
  display: none !important;
}

.variant-quantity-discount {
  color: #167447;
}

.variant-sale-applied {
  color: #b63f2b;
}

.variant-stepper {
  width: 84px;
  align-self: start;
  margin-top: 7px;
}

.variant-order-note.is-quantity-message {
  color: #167447;
  font-weight: 800;
}

.variant-order-note.is-sale-message {
  color: #b63f2b;
  font-weight: 800;
}

@media (max-width: 520px) {
  .variant-option-inner {
    grid-template-columns: minmax(0, 1fr) 120px 98px;
    gap: 4px 5px;
  }

  .variant-option-price {
    width: 120px;
  }

  .variant-stepper {
    width: 98px;
    height: 38px;
    grid-template-columns: 34px 30px 34px;
  }

  .variant-option-price > small[data-variant-discount] {
    max-width: 120px;
  }
}