@import "../../../../style/CommonStyle.module.less";
@import "../../../../style/utils.module.less";

.discountedPriceLayer {
  .flex(@justifyCenter:space-between);
  font-weight: bold;
  font-size: 36px;
  color: @COLOR_GRAY07;
  margin-top: 31px;

  .priceWrapper {
    .flex();
  }

  .discountRateTag {
    padding: 0 12px;
    background: #f00;
    color: @COLOR_WHITE;
    font-weight: bold;
    font-size: 24px;
    text-align: center;
    border-radius: 6px;
    height: 42px;
    line-height: 42px;
  }

  .discountedPrice {
    font-weight: bold;
    font-size: 44px;
    line-height: 1.14;
    color: @PRIMARY_COLOR_RED;
    margin-left: 12px;
  }

  .originalPrice {
    font-size: 24px;
    color: @COLOR_GRAY03;
    text-decoration: line-through;
    margin-left: 9px;
    font-weight: normal;
  }
}

.notDiscountedPriceLayer {
  .flex(@justifyCenter:space-between);
  font-weight: bold;
  font-size: 36px;
  margin-top: 31px;
  color: @COLOR_GRAY07;
  .priceWrapper {
    .flex();
  }
  .discountedPrice {
    font-weight: bold;
    font-size: 44px;
    line-height: 1.14;
    color: @PRIMARY_COLOR_RED;
    margin-left: 12px;
  }
}

.shippingLayer {
  width: 100%;
  .flex(@justifyCenter:space-between);
  // margin-top: 10px;
  > span {
    font-size: 24px;
    line-height: 1.33;
    color: @COLOR_GRAY03;
  }
}
