@import '../helpers/helpers';

.products-list-v2 {
  @include media-breakpoint-down(sm) {
    margin-right: -5px;
    margin-left: -5px;
    margin-top: 0;
    padding-top: 20px;
    overflow-x: hidden;
  }

  &__badges {
    @include badges;
    @include price-block-badge;
    font-size: 1rem;

    @include media-breakpoint-down(sm) {
      font-size: 0.875rem;
    }
  }

  &__badges.products-list-v2__badges.products-list-v2__badges {
    width: auto;
    min-width: 120px;
  }

  &__badge {
    padding: 3px 5px;
  }

  .card {
    @include media-breakpoint-down(sm) {
      position: relative;
      display: inline-block;
      vertical-align: top;
      max-width: 50%;
      padding-left: 5px;
      padding-right: 5px;
    }
  }
}