.product__sticky-bottom-bar {
  z-index: 6;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;

  border-top: 1px solid var(--color-primary);
  box-shadow: 2px -6px 25px 0 #d9d9d994;
  background: var(--color-grey-default);
  display: grid;

  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: all .3s;
}

.product__sticky-bottom-bar--is-visible {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
}

.product__sticky-bottom-bar__name {
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.product__sticky-bottom-bar__variants {
  display: flex;
  flex-wrap: wrap;
}

.product__sticky-bottom-bar__variants .product__sticky-bottom-bar__variant:not(:first-child) {
  margin-left: .5rem;
  padding-left: .5rem;
  border-left: 1px solid currentColor;
}

.product__sticky-bottom-bar__variant-value {
  font-weight: 700;
}

.product__sticky-bottom-bar__prices,
.product__sticky-bottom-bar__prices-inner {
  display: flex;
}

.product__sticky-bottom-bar__prices {
  align-items: center;
}

.product__sticky-bottom-bar__prices-inner > *:not(:first-child) {
  margin-left: 1.5rem;
}

.product__sticky-bottom-bar__price-wrapper {
  display: flex;
  flex-direction: column;
}

.product__sticky-bottom-bar__price-wrapper > * {
  display: flex;
  align-items: baseline;
}

.product__sticky-bottom-bar__price-wrapper .product__sticky-bottom-bar__price-title {
  margin-bottom: .25rem;
}

.product__sticky-bottom-bar__price-title {
  font-size: var(--font-size-400);
}

.product__sticky-bottom-bar__price {
  color: var(--color-primary);
  font-weight: 700;
  letter-spacing: 0.025em
}

.product__sticky-bottom-bar__current-price {
  font-size: var(--font-size-600);
}

.product__sticky-bottom-bar__qty {
  display: flex;
}

.product__sticky-bottom-bar__btn-change-qty {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  white-space: nowrap;
  border: 1px solid var(--color-grey-font-default);
  color: #000000;
  background: transparent;
}

.product__sticky-bottom-bar__qty input {
  color: var(--color-black-default);
  border: 1px solid transparent;
  text-align: center;
  background-color: transparent;
  padding: 0 0.5rem;
  transition: all .3s;
}

.product__sticky-bottom-bar__btn-change-qty i.icon-plus {
  font-style: normal;
}


@media (max-width: 1199px) {
  .product__sticky-bottom-bar-overlay {
    z-index: 6;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #00000061;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: all .3s;
  }

  .product__sticky-bottom-bar-overlay--is-visible {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
  }

  .product__sticky-bottom-bar {
    padding: .5rem .25rem .25rem;
    grid-template-columns: 1fr 2fr;
    grid-gap: .5rem 1rem;
  }

  .product__sticky-bottom-bar .product__sticky-bottom-bar__name,
  .product__sticky-bottom-bar .product__sticky-bottom-bar__variants,
  .product__sticky-bottom-bar .product__sticky-bottom-bar__prices {
    grid-column: 1/-1;
    width: 100%;
  }

  .product__sticky-bottom-bar .product__sticky-bottom-bar__name {
    text-align: center;
  }

  .product__sticky-bottom-bar .product__sticky-bottom-bar__qty,
  .product__sticky-bottom-bar .product__sticky-bottom-bar__btn-add {
    grid-row: 4;
  }

  .product__sticky-bottom-bar .product__sticky-bottom-bar__qty input {
    height: 100%;
    max-width: 3rem;
  }


  .product__sticky-bottom-bar__btn-add .material-icons {
    display: none;
  }

}

@media (min-width: 1200px) {
  .product__sticky-bottom-bar-overlay {
    display: none;
  }

  .product__sticky-bottom-bar {
    position: -webkit-sticky;
    position: sticky;
    grid-template-columns: 1fr auto auto;
    grid-gap: .25rem 1.5rem;
    padding: .75rem 1rem;
  }

  .product__sticky-bottom-bar .product__sticky-bottom-bar__name,
  .product__sticky-bottom-bar .product__sticky-bottom-bar__variant {
    grid-column: 1;
  }

  .product__sticky-bottom-bar .product__sticky-bottom-bar__variant {
    grid-row: 2;
  }

  .product__sticky-bottom-bar .product__sticky-bottom-bar__prices,
  .product__sticky-bottom-bar .product__sticky-bottom-bar__qty,
  .product__sticky-bottom-bar .product__sticky-bottom-bar__btn-add {
    grid-row: 1/3;
  }

  .product__sticky-bottom-bar .product__sticky-bottom-bar__prices {
    grid-column: 2;
  }

  .product__sticky-bottom-bar .product__sticky-bottom-bar__qty {
    grid-column: 3;
  }

  .product__sticky-bottom-bar .product__sticky-bottom-bar__qty input {
    height: 100%;
    max-width: 8rem;
  }

  .product__sticky-bottom-bar .product__sticky-bottom-bar__btn-add {
    grid-column: 4;
  }
}

/********************
	Part - header-actions-footer__buy-btn
********************/
.header-actions-footer {
  z-index: 4;
  position: -webkit-sticky;
  position: sticky;
  bottom: 0;
}

.header-actions-footer .header-actions-footer__buy-btn {
  width: 100%;
  position: absolute;
  bottom: 100%;
  left: 0;
  right: 0;
}

.header-actions-footer__buy-btn {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: all .3s;
}

.header-actions-footer__buy-btn--is-visible {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
}