.compare-item {
  margin-top: 15px;

  .picture {
    height: 250px;
    align-items: center;
  }

  a.title {
    display: block;
    font-weight: 600;
    border-bottom: 1px solid $gray-200;

    @include media-breakpoint-up(sm) {
      border-bottom: 1px solid $gray-line;
    }

    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;

    @include unitize(height, 50px);
    @include unitize(padding-bottom, 10px);
    @include unitize(margin-bottom, 20px);
  }

  .btn-danger {
    background-color: $brand-primary;
    border-color: $brand-primary;
  }

  .price-n-stuff {
    display: flex;
    justify-content: space-between;
    @include unitize(padding, 0);
    @include unitize(height, 45px);

    &>span {
      display: block;
    }

    .art-n-stock {
      position: relative;
      text-align: left;
      @include unitize(font-size, 14px);
      @include unitize(height, 45px);

      .art-nr {
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        @include unitize(line-height, 14px);
        @include unitize(font-size, 14px);
        white-space: nowrap;
      }

      .stockFlag {
        display: block;
        position: absolute;
        left: 0;
        bottom: 0;
        @include unitize(line-height, 14px);
        @include unitize(font-size, 14px);
        white-space: nowrap;
      }
    }

    .price {
      margin: 0;
      text-align: right!important;
      font-size: 1rem;
      line-height: 1.4;

      .content {
        position: relative;
        @include unitize(height, 45px);

        .oldPrice {
          display: block;
          position: absolute;
          right: 0;
          top: 0;
          white-space: nowrap;
          @include unitize(line-height, 14px);
          @include unitize(font-size, 14px);
        }

        .lead {
          display: block;
          position: absolute;
          @include unitize(font-size, 24px);
          @include unitize(line-height, 24px);
          font-weight: bold;
          color: $brand-secondary;
          right: 0;
          bottom: 0;
        }

        .oldPrice+.lead {
          color: $brand-primary;
        }
      }
    }
  }

  .add-to-basket {
    @include unitize(margin-bottom, 20px);
    @include unitize(margin-top, 40px);
  }
}