.nw-priceinfoblock-infocontainer {
  display: inline-block;
  cursor: pointer;

  &:hover {
    .nw-priceinfoblock-infohover {
      z-index: 2;
      display: block;
    }

    &::before {
      content: " ";
      position: absolute;
      display: block;
      transform: rotate(45deg);
      margin: 8px auto 8px 6px;
      width: 15px;
      height: 15px;
      background: $sizeblock-buttonhover-background;
    }
  }

  @media screen and (max-width: $screen-max-xs) {
    &:hover {
      &::before {
        display: none;
      }
    }
  }
}

.nw-priceinfoblock-infohover {
  position: absolute;
  left: 24px;
  display: none;
  margin-top: 16px;
  width: $priceinfoblock-infohover-width;
  min-height: $priceinfoblock-infohover-min-height;
  padding: 16px;
  background: $sizeblock-buttonhover-background;
  font-size: $priceinfoblock-infohover-font-size;
  line-height: 1.5;
  color: $priceinfoblock-infohover-font-color;

  @media screen and (max-width: $screen-max-xs) {
    display: none;
  }
}

.nw-priceinfoblock-recommendationicon {
  position: absolute;
  top: 0;
  transform: rotate(180deg);
  margin: 0 5px;
  cursor: pointer;
  font-size: $priceinfoblock-recommendationicon-font-size;
  color: $priceinfoblock-recommendationicon-color;
}

.nw-priceinfoblock-header {
  margin: 10px auto 0;
  font-size: $priceinfoblock-header-font-size;
  font-family: $priceinfoblock-header-font-family;

  @media screen and (max-width: $screen-max-xs) {
    border-bottom: 1px solid $priceinfoblock-header-border-bottom-color;
    padding-bottom: 10px;
  }
}

.nw-priceinfoblock-body {
  margin: 16px auto 0;
  border-bottom: 1px solid $priceinfoblock-body-border-bottom-color;
  font-size: $priceinfoblock-body-font-size;

  @media screen and (min-width: $screen-min-sm) {
    border-bottom: 1px dashed $priceinfoblock-body-border-bottom-color;
  }
}

.nw-priceinfoblock-mrpblock {
  justify-content: space-between;
  display: flex;
  margin-bottom: 20px;
  font-size: $priceinfoblock-mrpblock-font-size;
}

.nw-priceinfoblock-mrp {
  margin-right: 0;
}

.nw-priceinfoblock-subtitle {
  font-size: $priceinfoblock-subtitle-font-size;

  @media screen and (min-width: $screen-min-sm) {
    margin-top: -4px;
  }
}

.nw-priceinfoblock-footer {
  margin: 16px auto;
  border-bottom: 1px solid $priceinfoblock-footer-border-bottom-color;

  @media screen and (min-width: $screen-min-sm) {
    margin: 12px auto;
  }
}

.nw-priceinfoblock-spblock {
  justify-content: space-between;
  display: flex;
  margin: 16px auto;
  font-size: $priceinfoblock-spblock-font-size;
  font-family: $priceinfoblock-spblock-font-family;

  @media screen and (min-width: $screen-min-sm) {
    margin: 12px auto;
  }
}

.nw-priceinfoblock-sp {
  align-items: center;
  display: flex;
  min-width: $priceinfoblock-sp-min-width;
}

.nw-priceinfoblock-saveblock {
  justify-content: space-between;
  display: flex;
  margin-bottom: 20px;
}

.nw-priceinfoblock-prompt {
  .nwc-modal {
    bottom: 0;
    animation: slideBottomUp 0.5s ease;
    min-height: $priceinfoblock-prompt-min-height;
    height: auto;
    padding: 12px 16px;
    will-change: transform;

    @media screen and (min-width: $screen-min-sm) {
      display: none;
    }
  }

  .nwc-modal-close {
    @media screen and (max-width: $screen-max-md) {
      display: none;
    }
  }

  @media screen and (min-width: $screen-min-sm) {
    &.nwc-modal-container {
      background: $transparent;
    }
  }
}

@keyframes slideBottomUp {
  0% {
    transform: translate(0, 100%);
  }


  100% {
    transform: translate(0, 0);
  }
}

.nw-priceinfoblock-savemsgblock {
  font-size: $priceinfoblock-savemsgblock-font-size;
  line-height: 18px;
}

.nw-priceinfoblock-price {
  line-height: 18px;
  text-align: right;
}