//todo: refactor to horizontal card view
.similar-products {
  &__title {
    margin: 20px 0;
  }

  &__products {
    border: 1px solid $gray;
    padding: 20px 20px 0;
  }

  .card {
    border-bottom: 1px solid $gray;
    margin-bottom: 20px;
    padding-bottom: 20px;

    &:last-child {
      border: 0 none;
      padding: 0;
    }
  }

  .card__inner {
    flex-direction: row;
    flex-wrap: wrap;
    border: 0 none;
  }

  .card__offers {
    right: 50%;
  }

  .card__img-wrap {
    @include make-col(6);
  }

  .product-card__content {
    @include make-col(6);
    padding: 0 0 0 15px;
  }

  .product-card__price {
    @include make-col(6);
    margin-right: 0;
    margin-bottom: 0;
    margin-left: calc(50% + 15px);
  }
}
