.order-info
  padding: 0
  h2
    padding: 0 16px
  .checkout-product-list
    border-bottom: 2px solid $mobileBorderColor
    margin-bottom: 15px
    .checkout-product-list-item
      padding: 18px 16px
      background-color: $mobileGray
      border-top: 2px solid $mobileBorderColor
      h3
        margin: 0 0 16px
        .rule-1
          +bold
          font-size: 14px
          line-height: 16px
          color: $dark-grey
          display: block
          margin-bottom: 2px

        .rule-2
          +regular
          font-size: 14px
          line-height: 16px
          color: $mobileBlack
          display: block
          margin-bottom: 2px

        .rule-3
          +regular
          display: block
          font-size: 14px
          line-height: 16px
          color: $blue

      .quantity-price
        +flex(space-between, center)
        .quantity
          +regular
          font-size: 14px
          line-height: 16px
          color: $mobileDarkGray
        .price
          +bold
          font-size: 14px
          line-height: 16px
          color: black

  .summary
    border-top: 2px solid $mobileBorderColor
    background-color: $mobileGray
    margin-top: 10px

    .summary-row
      padding: 16px 12px
      border-bottom: 2px solid $productOverviewBorder
      position: relative
      .title
        +bold
        font-size: 14px
        line-height: 16px
        color: $dark-grey
        width: calc(100% - 70px)
        display: block

        .extra
          margin-left: 5px

      .price
        position: absolute
        right: 16px
        top: 17px
        +bold
        font-size: 14px
        line-height: 16px
        color: black
        +flex(flex-end, center)

        .check
          +icon-sprite-mobile(-10px -90px, 16px, 16px)
          display: inline-block
          margin-right: 8px

      .description
        width: calc(100% - 70px)
        display: block
        color: $light-grey
        font-size: 14px
        line-height: 16px
        +regular
      .sub-text
        +regular
        font-size: 14px
        line-height: 17px
        color: $mobileBlack
        margin: 4px 0 0
      &.vat
        display: none
      &.vat
        .title, .price
          opacity: 0.4
  &.order-overview
    margin-top: 20px

    >h2
      +bold
      color: $mobileBlack
      font-size: 16px
      line-height: 22px
      margin-top: 0
    .summary
      .divider
        height: 20px
        width: 100%
        background-color: white
        border-bottom: 2px solid $productOverviewBorder
      .summary-row
        &.vat
          display: block