.popover-mini-basket {
  @include media-breakpoint-up(lg) {
    .arrow {
      margin-left: 60px;
    }
  }

  &__alert {
    padding: 10px 28px 10px 15px;
    border-bottom: 2px solid $gray;
    position: relative;

    .basket-icon {
      color: $gray;
      margin: 3px 6px 0 0;
      font-size: 1.2rem;
      display: inline-block;
      vertical-align: top;
    }

    .fa-calculator {
      font-size: 1.1rem;
    }

    .fa-check-circle {
      color: $green;
    }

    .fa-exclamation-circle {
      color: $yellow;
    }

    .fa-times-circle {
      color: $red;
    }

    p {
      margin: 0;
      display: inline-block;
      font-size: 1rem;
      vertical-align: middle;
      font-weight: 500;
      max-width: calc(100% - 30px);
    }
  }

  &__calculating {
    background-color: $gray-bg;
  }

  &__added {
    background-color: $green-transparent5;
    border-bottom: 2px solid $green;
  }

  &__lower-quantity {
    background-color: $yellow-transparent5;
    border-bottom: 2px solid $yellow;
  }

  &__not-added {
    background-color: $red-transparent5;
    border-bottom: 2px solid $red;
  }

  &__content {
    @include normal-text;
    padding: 20px 15px;
  }

  .form-row__action {
    margin-top: 0;
    padding-top: 20px;

    @include media-breakpoint-down(md) {
      .form-row__col-btn {
        @include make-col(6);
      }
    }
  }

  .notification_success {
    @include primary-text;
    padding-top: 10px;
    border-width: 0 0 1px;

    &.is-hidden {
      display: none;
    }

    .notification__close {
      right: 10px;
      top: 10px;
      font-size: .75rem;
    }

    .notification__icon {
      top: 10px;
    }
  }

  &__cards-holder {
    .product-card-preview:last-child {
      .card__inner {
        border: 0;
      }
    }

    .card__inner {
      @include media-breakpoint-down(sm) {
        .card__img {
          border: 0;
        }

        .product-card__content {
          height: auto;
        }
      }
    }
  }

  &__tooltip {
    // sass-lint:disable no-important
    .arrow {
      @include media-breakpoint-up(lg) {
        right: 10px;
        left: auto !important;
      }
    }
  }

  &__empty {
    text-align: center;
  }
}
