/* Корзина*/
.vi-cart {
  gap: 1.1111111111rem;
  padding-bottom: 2.7777777778rem;
}

.vi-cart__item.vi-goods.vi-modify {
  width: calc(100% - 605px);
}
.vi-cart__item.vi-payment {
  display: none;
  transition: opacity 0.9s ease-in-out;
}
.vi-cart__item.vi-payment.vi-modify {
  width: 575px;
  display: flex;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.vi-cart-box {
  gap: 30px;
  padding-bottom: 2.7777777778rem;
}

.vi-cart-title__item {
  padding: 0.5555555556rem 0;
  
  font-size: 0.7777777778rem;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
}
.vi-cart-title__item:last-child {
  gap: 20%;
  padding-right: 3%;
}

.vi-cart-total {

}
.vi-cart-total.vi-reached-bottom {
  bottom: 3.6111111111rem;
}
.vi-cart-total__container {
  padding: 0 1.1111111111rem 0rem 1.6666666667rem;
}
.vi-cart-total__item {
  gap: 1.6666666667rem;
}
.vi-cart-total__item:last-child {
  padding-top: 1px;
}
.vi-cart-total__title {
  
  font-size: 1.1111111111rem;
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
}
.vi-cart-total__inner {
  gap: 2.2222222222rem;
  padding-top: 0.1111111111rem;
}
.vi-cart-total__element {
  gap: 0.5555555556rem;
}
.vi-cart-total__amount {
  
  font-size: 0.8888888889rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
.vi-cart-total__cost {
  
  font-size: 0.8888888889rem;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
}
.vi-cart-total__discount {
  gap: 0.5555555556rem;
  
  font-size: 0.8888888889rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
.vi-cart-total__discount span {
  
  font-size: 0.8888888889rem;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
}
.vi-cart-total__delivery {
  gap: 0.5555555556rem;
  
  font-size: 0.8888888889rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
.vi-cart-total__delivery span {
  
  font-size: 0.8888888889rem;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
}
.vi-cart-total__sum {
  
  font-size: 1.1111111111rem;
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
}
.vi-cart-total__button {
  padding: 0.8888888889rem 1.3888888889rem;
  gap: 1.1111111111rem;

  font-size: 0.6666666667rem;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  letter-spacing: 0.0266666667rem;
}




.vi-goods-card__pic {
  padding: 0.5555555556rem;
}
.vi-goods-card__label {
  padding: 0.5555555556rem 0;
}
.vi-goods-card__tittle {
  
  font-size: 0.7222222222rem;
  font-style: normal;
  font-weight: 700;
  line-height: 0.8333333333rem;
  letter-spacing: 0.0288888889rem;
}
.vi-goods-card__article {
  
  font-size: 0.6666666667rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: 0.0133333333rem;
}
.vi-goods-card__costs {
  
  font-size: var(--basket-item-name-size);
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
}



.vi-cart-panel {
  padding: 0rem;
}

.vi-cart-panel__title {
  gap: 1.1111111111rem;
  font-size: 1.2222222222rem;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
  letter-spacing: 0.0488888889rem;
  padding: 1.6666666667rem 0;
}

.vi-profile {
  gap: 1.6666666667rem;
}
.vi-profile__item {
  gap: 0.5555555556rem;
}
.vi-profile__item label span {
  
  font-size: 0.7777777778rem;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
}
.vi-profile__item form {
  padding: 0.5555555556rem;
}
.vi-profile__item:nth-child(2) {
  padding-bottom: 1.6666666667rem;
}
.vi-profile__title {
  
  font-size: 0.7777777778rem;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
}
.vi-profile__input-title {
  
  font-size: 0.7777777778rem;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
}

.vi-select__selected {
  
  font-size: 0.7777777778rem;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
  padding: 0.8333333333rem;
}

.arrow-down {
  right: 0.5555555556rem;
}

.vi-select-item {
  
  font-size: 0.7777777778rem;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
  padding: 0.8333333333rem;
}

.vi-shipment__title {
  
  font-size: 1.1111111111rem;
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
}

.vi-transporter {
  gap: 2.2222222222rem;
  padding: 1.6666666667rem 0;
}
.vi-transporter__container {
  gap: 0.2777777778rem;
}
.vi-transporter__title {
  gap: 1.1111111111rem;
}
.vi-transporter__details {
  padding-left: 2.7777777778rem;
  gap: 0.5555555556rem;
}
.vi-transporter__description {
  
  font-size: 0.7777777778rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
.vi-transporter__price {
  
  font-size: 0.7777777778rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  gap: 0.2777777778rem;
}
.vi-transporter__costs {
  
  font-size: 1.4444444444rem;
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
}

.vi-payoff__title {
  
  font-size: 1.1111111111rem;
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
}
.vi-payoff__inner {
  padding: 1.6666666667rem 0;
  gap: 1.1111111111rem;
}
.vi-payoff__element {
  gap: 0.5555555556rem;
}
.vi-payoff__element span {
  
  font-size: 0.8888888889rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}

.vi-bayer {
  gap: 2.2222222222rem;
}
.vi-bayer__title {
  
  font-size: 1.1111111111rem;
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
}
.vi-bayer__inner {
  padding: 1.6666666667rem 0;
  gap: 1.6666666667rem;
}
.vi-bayer__input-title {
  color: var(--cart-full-black);
  
  font-size: 0.7777777778rem;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
}
.vi-bayer__element {
  gap: 0.5555555556rem;
}
.vi-bayer__element form {
  padding: 0.5555555556rem;
}
.vi-bayer__element:last-child form textarea::placeholder {
  
  font-size: 0.7777777778rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: 0.0155555556rem;
}

@media (min-width: 1402px) and (max-width: 1499px) {
  .vi-cart-total__inner {
    gap: 0.5555555556rem;
  }
  .vi-cart-total__item {
    gap: 0.5555555556rem;
  }
}
.vi-for-mobile {
  display: none;
}





.bx-basket {
	position: sticky;
    /*top: 100px;*/
	top: 0;
}