@mixin horizontal-view {
  margin-bottom: 10px;

  .card__inner {
    @include clearfix;
    display: block;
    padding-bottom: 10px;
    border-width: 0 0 1px;
  }

  .card__img-wrap {
    float: left;
    width: 45%;
  }

  .product-card__content {
    float: right;
    width: 55%;
    padding: 0 0 0 15px;
  }

  .product-card__price {
    float: right;
    width: calc(55% - 15px);
    clear: right;
    margin: 10px 0 0 15px;
  }

  .product-card__price.basket-price {
    width: 100%;
    text-align: center;
  }

  .product-card__price-value {
    display: inline;
    vertical-align: top;
  }

  .product-card__price__old-price {
    display: inline;
    vertical-align: middle;
  }
}

@mixin cc-view {
  margin-bottom: 10px;

  .card__inner {
    @include clearfix;
    display: block;
    padding-bottom: 10px;
    border-width: 0 0 1px;
  }

  .card__img-wrap {
    float: left;
    width: 0%;
  }

  .product-card__content {
    float: right;
    width: 100%;
    padding: 0 0 0 15px;
  }

  .product-card__price {
    float: right;
    width: calc(55% - 15px);
    clear: right;
    margin: 10px 0 0 15px;
  }

  .product-card__price.basket-price {
    width: 100%;
    text-align: center;
  }

  .product-card__price-value {
    display: inline;
    vertical-align: top;
  }

  .product-card__price__old-price {
    display: inline;
    vertical-align: middle;
  }
}

.product-card-preview {
  .product-card__content {
    padding: 10px 0 0;
  }

  .product-card__price {
    margin: 0;
    font-size: 1.5rem;
    line-height: 2.25rem;
  }

  .product-card__price-value {
    font-size: 1.5rem;
  }

  .product-card__price__old-price {
    font-size: initial;
  }

  .product-card__quantity {
    font-weight: 700;
    line-height: 1.375rem;
    color: $warm-grey;

    .quantity-amount {
      display: inline-block;
      color: $gray-dark;
      font-weight: normal;
    }
  }

  .product-card__cc-location {
    font-weight: 700;
    line-height: 1.375rem;
    color: $warm-grey;

    .location-name {
      color: $gray-dark;
      font-weight: normal;
      margin-bottom: 0;
    }
  }

  .product-card__quantity-value {
    margin-left: 15px;
    font-weight: 500;
    color: $gray-dark;
  }

  &_horizontal {
    @include horizontal-view;
  }

  &_cc {
    @include cc-view;
  }
}
