.card-store-collect {
  display: flex;
  flex-direction: column;
  padding: 20px 15px;
  background: $white;

  &__info {
    flex-grow: 1;
    border-bottom: 1px solid $gray;

    &-disabled {
      border-bottom: 0;
    }
  }

  &__title {
    @include heading-4;
    text-transform: uppercase;
    font-weight: bold;
    padding-bottom: 10px;
  }

  &__amount {
    text-transform: uppercase;
    font-weight: 500;
    line-height: 1rem;

    &-out,
    &-low,
    &-enough {
      vertical-align: top;
      font-size: 1rem;
    }

    &-out {
      color: $red;
    }

    &-low {
      color: $orange;
    }

    &-enough {
      color: $green;
    }
  }

  &__distance {
    margin: 10px 0;
    font-weight: 500;
    line-height: 1.25rem;
  }

  &__address {
    line-height: 1.25rem;
    text-transform: uppercase;
  }

  &__tel {
    @include primary-text;
    margin: 10px 0;
  }

  &__actions {
    margin-top: 20px;
    text-align: center;
    line-height: 1.25rem;
  }

  .product-card__extra-info {
    margin: 0;
  }
}

@include media-breakpoint-up(lg) {
  .card-store-collect {
    & + .swiper-slide {
      width: 255px;
    }
  }
}

@include media-breakpoint-down(sm) {
  .card-store-collect {
    border: 1px solid $gray;

    & + & {
      margin: 20px 0;
    }
  }
}
