.search-page
  background-color: $mobileGray
  padding: 20px 16px

  .category-block
    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)

  .page-result
    margin-bottom: 5px
    box-sizing: border-box
    border: 1px solid $mobileBorderColor
    background-color: white
    a
      text-decoration: none
      padding: 16px
      display: block
      h3
        margin: 0 0 5px
        color: $dark-grey
        font-size: 17px
        line-height: 19px
        +semibold
      p
        font-size: 14px
        +regular
        line-height: 16px
        color: $mobileBlack
        margin: 0
      .read-more
        color: $blue
        font-size: 14px
        +regular
        line-height: 16px
        display: block
        margin-top: 10px
        &:after
          content: '›'
          font-size: 20px
          line-height: 16px
          color: $blue
          margin-left: 5px

  .komma-tabs
    background-color: $mobileGray
    padding-top: 20px
    .tabs
      padding-bottom: 10px
      li
        border: 2px solid $mobileBorderColor
        margin-bottom: 2px
        &:last-child
          margin-bottom: 0
        a
          padding: 15px 15px 15px 25px
          +semibold
          color: $dark-grey
          font-size: 15px
          line-height: 18px
          text-decoration: none
          +flex(space-between, center)
          span
            color: $blue

        &.active
          border-color: $blue
          background-color: $blue
          a
            color: white
            span
              color: white
    .tab-content
      display: none
      &.active
        display: block

      span.search-term
        color: $orange
    .overview-product
      margin-bottom: 16px
      border: 1px solid $mobileBorderColor

      a
        +flex(space-between, center)
        +flex-rows
        position: relative
        text-decoration: none
        background-color: white

        .warning
          width: 100%
          text-align: left
          background-color: $mobileFilterWarning
          box-sizing: border-box
          border: 1px solid $semiBlue

          color: $mobileFilterWarningText
          font-size: 14px
          line-height: 14px
          +regular
          padding: 8px 16px

    #categories-tab-content
      .category-block
        margin-bottom: 5px