.nw-orderdetailspage-title {
  margin-bottom: 24px;
  border-bottom: 1px solid $orderdetailspage-title-border;
  padding-bottom: 16px;

  @media screen  and (min-width: $screen-max-sm) {
    margin-bottom: 32px;
    padding-bottom: 8px;
  }
}

.nw-orderdetailspage-titletext {
  display: inline-block;
  margin-left: 12px;
  font-size: $orderdetailspage-title-font-size;
  font-weight: 600;
}

.nw-orderdetailspage-icon {
  font-size: $orderdetailspage-title-font-size;
};

.nw-orderdetailspage-pricingoverview {
  padding: 0 16px;
  background-color: $orderdetailspage-pricing-overview-background-color;

  @media screen  and (min-width: $screen-max-sm) {
    max-width: 390px;
    padding: 0 32px;
  }
}

.nw-orderdetailspage-overview {
  margin-bottom: 24px;
  padding: 0;
  font-size: $orderdetailspage-pricing-unit-font-size;
}

.nw-orderdetailspage-overview.nw-pricing-title {
  margin-top: 32px;
  font-size: $orderdetailspage-pricing-title-font-size;
  font-family: $secondary-font-family;
}

.nw-orderdetailspage-overview.nw-pricing-discount {
  color: $orderdetailspage-pricing-disacount-color;
}

.nw-orderdetailspage-overview.nw-pricing-loyalty {
  color: $orderdetailspage-pricing-loyalty-color;
}

.nw-orderdetailspage-overview.nw-pricing-total {
  margin-bottom: 32px;
  padding-top: 24px;
  font-family: $primary-font-family;
}