#equipment
  margin-top 26px

  .equipment-item
    .equipment-item-title
      line-height 1

    .equipment-item-description
      line-height 1
      margin 4px 0 8px 0
      color var(--efu-secondtext)

    .equipment-item-content
      display flex
      flex-direction row
      flex-wrap wrap
      margin 0 -8px

    .equipment-item-content-item
      width calc(25% - 12px)
      border-radius 12px
      border var(--style-border-always)
      overflow hidden
      margin 8px 6px
      background var(--efu-card-bg)
      box-shadow var(--efu-shadow-border)
      min-height 400px
      position relative
      user-select none

      +maxWidth1200()
        width calc(50% - 12px)

      +maxWidth768()
        width 100%

      .equipment-item-content-item-cover
        width 100%
        height 200px
        background var(--efu-secondbg)
        display flex
        justify-content center

        .equipment-item-content-item-image
          object-fit cover
          height 100%

      .equipment-item-content-item-info
        padding 8px 16px 16px 16px
        margin-top 12px

        .equipment-item-content-item-name
          font-size 18px
          font-weight 700
          line-height 1
          margin-bottom 8px
          white-space nowrap
          overflow hidden
          text-overflow ellipsis
          width fit-content

          &:hover
            color var(--efu-vip)
            cursor pointer

        .equipment-item-content-item-specification
          font-size 12px
          color var(--efu-secondtext)
          line-height 1
          margin-bottom 12px
          white-space nowrap
          overflow hidden
          text-overflow ellipsis

        .equipment-item-content-item-description
          line-height 20px
          color var(--efu-secondtext)
          height 60px
          display -webkit-box
          overflow hidden
          -webkit-line-clamp 3
          -webkit-box-orient vertical
          font-size 14px

        .equipment-item-content-item-toolbar
          display flex
          justify-content space-between
          position absolute
          bottom 12px
          left 0
          width 100%
          padding 0 16px

          .equipment-item-content-item-link
            font-size 12px
            background var(--efu-gray-op)
            padding 4px 8px
            border-radius 8px
            cursor pointer

            &:hover
              background var(--efu-main)
              color var(--efu-white)