@import '../helpers/helpers';

.similar-products-v2 {
  padding-bottom: 0;

  h2 {
    margin-bottom: 30px;
  }

  .card-slider__wrapper {
    .card-slider__btn-next,
    .card-slider__btn-prev {
      top: 200px;
    }

    .card__img {
      @include explicit-img;
      object-fit: contain;
    }
  }

  .product-card {
    &__description {
      position: relative;
      margin: 10px 15px;
      padding: 0;

      &-action {
        position: absolute;
        bottom: 0;
        right: 0;
        cursor: pointer;
        color: $link-color;
      }
    }
  }

  .card__img {
    width: auto;
    border: 0;

    &-wrap {
      text-align: center;
      border-bottom: 1px solid $gray;
    }
  }

  .card-slider .swiper-slide {
    .card__inner {
      height: 100%;
    }

    .card__img-wrap {
      flex-shrink: initial;
    }
  }
}

@include media-breakpoint-down(sm) {
  .similar-products-v2 {
    .product-card {
      height: 100%;
    }

    .card__img-wrap {
      height: 155px;
    }
  }
}

@include media-breakpoint-up(md) {
  .similar-products-v2 {
    .card__img-wrap {
      height: 143px;
    }
  }
}

@include media-breakpoint-up(lg) {
  .similar-products-v2 {
    .card__img-wrap {
      height: 155px;
    }
  }
}

@include media-breakpoint-up(xl) {
  .similar-products-v2 {
    .card__img-wrap {
      height: 188px;
    }
  }
}