=icon-sprite-return-guide($position, $width: auto, $height: auto)
  background: url('/images/structure/return-guide-sprite.svg') $position no-repeat
  background-size: 170px 50px
  width: $width
  height: $height

.return-guide
  .guide-steps
    background-color: white
    border-radius: 4px
    width: 100%
    margin-bottom: 40px
    padding: 40px

    h2
      margin-top: 0
      +type-h2()
      font-size: 2.4em

    .intro
      margin-bottom: 40px
      padding-right: 300px
      p
        max-width: 575px

    .steps
      position: relative
      margin-bottom: 60px
      padding-right: 300px

      .cta-image-holder
        position: absolute
        right: 0
        bottom: 0
        float: none
        margin-bottom: 0

        .image-holder
          img
            margin-left: 0

      ol
        counter-reset: returnSteps
        font-size: 1.5em

        li
          position: relative
          padding-left: 60px
          max-width: 510px

          + li
            margin-top: 30px

          &:before
            position: absolute
            top: 0
            left: 0
            +flex(center, center)
            width: 20px
            height: 100%
            text-align: center
            font-size: 24px
            color: $blue
            counter-increment: returnSteps
            content: counter(returnSteps)"."

    .steps-circles
      +flex(flex-start, flex-start)
      margin-bottom: 40px

      .step
        display: inline-block
        width: 200px
        text-align: center

      .arrow-placeholder
        height: 100px
        width: 65px
        +flex(center, center)

        .arrow
          display: inline-block
          vertical-align: middle
          +icon-sprite-return-guide(-52px -39px, 13px, 10px)

      .circle
        +flex(center, center)
        width: 100px
        height: 100px
        margin: auto
        border-radius: 100%
        border: 2px solid $blue

        span
          display: inline-block
          &.print
            +icon-sprite-return-guide(0 0, 50px, 45px)
          &.box
            +icon-sprite-return-guide(-52px 0, 58px, 37px)
          &.dpd
            +icon-sprite-return-guide(-112px 0, 57px, 36px)

      p
        max-width: 185px
        margin: 10px auto 0
        font-size: 1.35em

    .return-cta
      h3
        margin-top: 0
        +type-h2()
        font-size: 1.8em