.product-block
  .image-holder
    width: 100px
    +flex(center, center)
    max-height: 95%
    img
      width: 80%

  .product-info
    width: calc(100% - 105px)
    padding-right: 10px
    position: relative
    h2
      margin: 25px 0 15px
      .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
    .article-number
      font-size: 13px
      line-height: 16px
      color: $mobileBlack
      margin: 15px 0
      strong
        display: block
        +semibold
        color: $dark-grey
        font-size: 14px
        line-height: 17px
      span
        display: inline-block
        margin-top: 3px
        +semibold
        &:first-of-type
          margin-top: 0
    .pricing
      margin: 0
      font-size: 14px
      line-height: 16px
      color: $light-grey
      +regular
      .price
        font-size: 16px
        line-height: 18px
        color: $dark-grey
        +bold

    .price-block
      .price
        font-size: 18px
        line-height: 22px
        color: $dark-grey
        +bold
      .original-price
        font-size: 13px
        line-height: 16px
        margin-left: 5px
        text-decoration: line-through
        color: $light-grey
        +regular
      .price-info
        font-size: 14px
        line-height: 16px
        color: $light-grey
        +regular


    .stock
      +semibold
      color: $green
      font-size: 14px
      line-height: 17px
      +flex(flex-start, center)
      margin: 4px 0 15px

      span
        +icon-sprite-mobile(-70px -90px, 16px, 16px)
        display: inline-block
        margin-right: 3px

    .arrow
      display: block
      position: absolute
      +icon-sprite-mobile(-110px -10px, 16px, 17px)
      right: 20px
      bottom: 20px

  &.product-detail
    .quick-order
      width: 100%
      +flex(space-between, flex-start)
      +flex-rows
      padding-bottom: 18px

      h3
        +bold
        font-size: 16px
        line-height: 18px
        color: $darkOrange
        width: 100%
        padding: 20px 16px
        margin: 0

      .product-info
        h2
          margin-top: 0

      .mobile-order
        padding-top: 5px
        border-top: none