// For prototype only, delete for production
@import 'helpers/helpers';

.header-minicart__counter {
  display: none;

  &._is-visible {
    display: block;
  }
}

[data-logged-in='false'] {
  display: none;
}

// sass-lint:disable no-important
.klarna-logo-img {
  height: 30px;
  width: 48px;
}

.checkout-order {
  .order-block {
    &__time-head {
      .iconHead {
        max-width: 1.3rem;
      }
    }

    &__address {
      .fa-map-marker-alt {
        max-width: 0.75rem;
      }
    }
  }
}

.page_checkout-confirmation-new {
  .confirmation-result {
    &__action {
      .btn .fa-map-marked-alt {
        max-width: 1.125rem;
      }
    }
  }

  .right-aside {
    .checkout-widget {
      .heading-3 .fa-info-circle {
        max-width: 1.88rem;
      }
    }
  }
}

.offer-banner__link-arrow {
  max-width: 0.625rem;
}

@include media-breakpoint-down(sm) {
  .cards-store-list:not(:nth-child(-n + 4)) {
    display: none;
  }
}

.pdp-price__quantity-calculator,
.calculator-hub-wrapper {
  min-height: 38px;
  background: $white;
  border: 1px solid $gray;
  border-radius: 3px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}

.calculator-hub-wrapper {
  min-height: 700px;
}

.checkout-payment-details {
  .google__button {
    button {
      background-origin: content-box;
      background-position: center center;
      background-repeat: no-repeat;
      background-size: contain;
      border: 0;
      border-radius: 4px;
      cursor: pointer;
      height: 40px;
      min-height: 40px;
      box-shadow: none;
      padding: 9px 24px;
      background-image: url('https://www.gstatic.com/instantbuy/svg/dark/pay/en.svg');
      min-width: 150px;
    }
  }
}

.chat-bot {
  position: fixed;
  bottom: 20px;
  right: 16px;
  display: inline;
  width: 48px;
  height: 48px;

  img {
    width: 100%;
    height: auto;
  }
}

@include media-breakpoint-up(lg) {
  .chat-bot {
    bottom: 24px;
    right: 48px;
    width: 72px;
    height: 72px;
  }
}

.clearpay-widget {
  &__image {
    width: 100%;
    max-width: 360px;
    height: auto;
  }
}

@include media-breakpoint-down(md) {
  .header-shop-list {
    .installer-icon {
      display: inline-block;
      height: 24px;
      line-height: 24px;
      width: 24px;
      text-align: center;
    }
  }
}