.listPrice {
  display: none;
  // color: #727273;
  // margin-bottom: 0.25rem;
  // font-size: 1rem;
}

// .sellingPrice {
//   margin: 0;
// }

.sellingPriceValue {
  font-weight: 700;
  font-size: 25px;
  line-height: 38px;
  color: $black;
  margin: 0;
}

// .installments {
//   color: $gray-500;
//   margin-bottom: 16px;
// }

// .sellingPriceValue--summary {
//   font-size: 1.25rem;
//   font-weight: 600;
//   color: $black;
// }

.savings--summary {
  background: #8bc34a;
  border-radius: 1000px;
  align-items: center;
  display: flex;

  padding-left: 0.5rem;
  padding-right: 0.5rem;
  font-size: 0.875rem;
  font-weight: 600;
  vertical-align: baseline;
  color: #ffffff;
}

.savings-discount--summary {
  font-size: 0.875rem;
  font-weight: 600;
  vertical-align: baseline;
  color: #ffffff;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.listPrice--summary {
  margin-bottom: 0.25rem;
  font-size: 0.875rem;
}

.installments--summary {
  margin-bottom: 2rem;
  font-size: 0.875rem;
}

.installments {
  font-size: 0;

  .installmentsNumber,
  .installmentValue {
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    color: $gray-500;
    margin-bottom: 16px;
  }

  .installmentsNumber {
    font-size: 0 !important;

    &::before {
      content: "36 x";
      font-size: 16px;
    }

    &::after {
      content: " de ";
      font-weight: 400;
      font-size: 16px;
    }
  }

  .installmentValue {
    &::after {
      content: " sem juros";
      font-weight: 400;
    }
  }
}

.savings--summaryPercentage {
  background: #0f3e99;
  border-radius: 1000px;
  align-items: center;
  display: flex;
}

.savingsPercentage--summaryPercentage {
  font-size: 0.875rem;
  font-weight: 600;
  vertical-align: baseline;
  color: #ffffff;
  padding: 0.25rem 0.5rem 0.25rem 0.5rem;
}