.brand-detail
  .brand-list
    background-color: $mobileGray
    padding: 0 8px

    .brand-product
      margin-bottom: 2px
      box-sizing: border-box
      border: 1px solid $mobileBorderColor
      background-color: white

      &:last-of-type
        margin-bottom: 0

      a
        text-decoration: none
        +flex(flex-start, center)
        height: 60px
        position: relative

        .image
          width: 80px
          height: 60px
          +flex(center, center)

          img
            max-height: 65%
            max-width: 65%

        h3
          +semibold
          color: $mobileBlack
          font-size: 15px
          line-height: 15px
          width: calc(100% - 120px)

        &:after
          content: '›'
          +semibold
          color: $blue
          font-size: 35px
          line-height: 35px
          position: absolute
          right: 15px
          top: -2px
          height: 100%
          +flex(center,center)