:root {
  --UI-Orange: #cd5f14;
  --UI-Aquamarine: #84a4aa;
  --UI-Sand: #e2ceab;
  --UI-Green: #a4aa84;
  --UI-Green-Light: #f0f1eb;
  --UI-Black: #1c1c1c;
  --UI-Colors-Basic-Black: #0a0a0a;
  --UI-Almost-black: #666566;
  --UI-Grey: #a3a2a3;
  --UI-Button-Line: #ccc;
  --UI-Section-Border: #e0e0e0;
  --UI-Background: #f5f5f5;
  --UI-White: #fff;
  --Neutral-Colors-Gray---800---242526: #242526;
  --UI-Colors-Basic-Border: #e0e1e3;
  --outside-container-48px: 48px;
  --inside-container-16px: 16px;
  --inside-container-12px: 12px;
  --inside-container-4px: 4px;
}

@media (max-width: 767.98px) {
  .cart {
    padding-bottom: 35px;
  }
}
.cart__top {
  padding: 28px 0;
}
@media (max-width: 767.98px) {
  .cart__top {
    padding: 16px 0;
  }
}
@media (max-width: 767.98px) {
  .cart__title {
    font-size: 20px;
  }
}
.cart__body {
  display: flex;
  gap: 24px;
}
@media (min-width: 767.98px) {
  .cart__body {
    padding: 16px 0 48px;
  }
}
@media (min-width: 1288px) {
  .cart__body {
    gap: 40px;
  }
}
@media (max-width: 991.98px) {
  .cart__body {
    flex-direction: column;
  }
}
.cart__content {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media (max-width: 767.98px) {
  .cart__content {
    gap: 8px;
  }
}
.cart__sale-banner:not(:last-child) {
  margin-bottom: 16px;
}
.cart__item:first-child {
  border-top: 1px solid var(--UI-Section-Border);
}
.cart__item:not(:last-child) {
  border-bottom: 1px solid var(--UI-Section-Border);
}
@media (max-width: 767.98px) {
  .cart__item {
    margin: 0 -15px;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media (min-width: 991.98px) {
  .cart__summary {
    height: -moz-fit-content;
    height: fit-content;
    position: sticky;
    top: calc(var(--header-height, 53px) + 20px);
    flex: 0 0 35%;
  }
}
@media (min-width: 1288px) {
  .cart__summary {
    flex: 0 0 31.8%; /* 400/1256 */
  }
  .cart__summary.cart-summary_small {
    flex: 0 0 29.9%; /* 376/1256 */
  }
}
.cart__products {
  overflow-x: visible;
  padding-top: 24px;
  padding-bottom: 24px;
}
@media (min-width: 991.98px) {
  .cart__products {
    display: none;
  }
}
.cart__empty-state {
  padding: 16px 0 48px;
}
@media (max-width: 767.98px) {
  .cart__empty-state {
    padding: 0 0 24px;
  }
}
.cart__button-order {
  position: fixed;
  width: calc(100% - 30px);
  bottom: 66px;
  left: 15px;
  z-index: 5;
}
@media (min-width: 767.98px) {
  .cart__button-order {
    display: none;
  }
}
.cart__auth {
  border-radius: 16px;
  padding: 32px;
  background-color: var(--UI-White);
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (max-width: 767.98px) {
  .cart__auth {
    padding: 24px 16px;
  }
}
.cart__stub {
  border-radius: 16px;
  padding: 28px 32px;
  background-color: var(--UI-White);
}
@media (max-width: 767.98px) {
  .cart__stub {
    padding: 16px;
  }
}
.cart__contacts {
  border-radius: 16px;
  padding: 28px 32px;
  background-color: var(--UI-White);
}
@media (max-width: 767.98px) {
  .cart__contacts {
    padding: 20px 16px;
  }
}
.cart__delivery {
  border-radius: 16px;
  padding: 28px 32px;
  background-color: var(--UI-White);
}
@media (max-width: 767.98px) {
  .cart__delivery {
    padding: 20px 16px;
  }
}
.cart__receiver {
  border-radius: 16px;
  padding: 32px;
  background-color: var(--UI-White);
}
@media (max-width: 767.98px) {
  .cart__receiver {
    padding: 16px;
  }
}
.cart__payment {
  border-radius: 16px;
  padding: 32px;
  background-color: var(--UI-White);
}
@media (max-width: 767.98px) {
  .cart__payment {
    padding: 20px 16px;
  }
}

.auth-cart__content {
  width: 100%;
  max-width: 360px;
}
.auth-cart__top {
  text-align: center;
}
.auth-cart__top:not(:last-child) {
  margin-bottom: 16px;
}
@media (max-width: 767.98px) {
  .auth-cart__title {
    font-size: 16px;
  }
}
.auth-cart__title:not(:last-child) {
  margin-bottom: 16px;
}
.auth-cart__text {
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  letter-spacing: -0.02em;
  color: var(--UI-Almost-black);
}
.auth-cart__text span {
  font-weight: 600;
  line-height: 128%;
  color: var(--UI-Black);
}
.auth-cart__again {
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  letter-spacing: -0.02em;
  text-align: center;
  color: var(--UI-Almost-black);
}
.auth-cart__again:not(:last-child) {
  margin-bottom: 8px;
}
.auth-cart__back {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.auth-cart__back:not(:last-child) {
  margin-bottom: 8px;
}
.auth-cart__form {
  width: 100%;
}
.auth-cart__form:not(:last-child) {
  margin-bottom: 16px;
}

.stub-cart {
  display: flex;
  align-items: center;
  gap: 15px;
}
@media (max-width: 767.98px) {
  .stub-cart {
    flex-direction: column;
    align-items: stretch;
  }
}
.stub-cart:not(:has(.stub-cart__button)) .stub-cart__title {
  color: var(--UI-Grey);
}
.stub-cart__content {
  flex: 1 1 auto;
}
.stub-cart__title {
  color: var(--UI-Black);
}
@media (max-width: 767.98px) {
  .stub-cart__title {
    font-size: 16px;
  }
}
.stub-cart__title:not(:last-child) {
  margin-bottom: 8px;
}
@media (max-width: 767.98px) {
  .stub-cart__title:not(:last-child) {
    margin-bottom: 4px;
  }
}
.stub-cart__text {
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  letter-spacing: -0.02em;
  color: var(--UI-Almost-black);
}
.stub-cart__button {
  display: flex;
  align-items: center;
  gap: 8px;
}
@media (min-width: 767.98px) {
  .stub-cart__button::before {
    flex: 0 0 20px;
    width: 20px;
  }
}
@media (max-width: 767.98px) {
  .stub-cart__button {
    font-weight: 600;
    min-height: 40px;
    font-size: 14px;
  }
}
@media (any-hover: hover) {
  .stub-cart__button:hover {
    background-color: var(--UI-White);
    color: var(--UI-Black);
  }
}

.contacts-cart {
  display: grid;
}
.contacts-cart__title:not(:last-child) {
  margin-bottom: 20px;
}
@media (max-width: 767.98px) {
  .contacts-cart__title:not(:last-child) {
    margin-bottom: 16px;
  }
}
@media (max-width: 767.98px) {
  .contacts-cart__title {
    font-size: 16px;
  }
}
.contacts-cart__groop:not(:first-child) {
  margin-top: 32px;
}
@media (max-width: 767.98px) {
  .contacts-cart__groop:not(:first-child) {
    margin-top: 28px;
  }
}
.contacts-cart__fields {
  display: grid;
  gap: 16px;
  grid-template-columns: repeat(2, 1fr);
  /*grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));*/
}
.contacts-cart__fields:not(:last-child) {
  margin-bottom: 16px;
}
.contacts-cart__button {
  justify-self: center;
}
.contacts-cart__button:not(:first-child) {
  margin-top: 20px;
}
@media (max-width: 767.98px) {
  .contacts-cart__button:not(:first-child) {
    margin-top: 28px;
  }
}
@media (max-width: 479.98px) {
  .contacts-cart__button {
    width: 100%;
  }
}

.delivery-cart {
  display: grid;
}
.delivery-cart__title:not(:last-child) {
  margin-bottom: 24px;
}
@media (max-width: 767.98px) {
  .delivery-cart__title:not(:last-child) {
    margin-bottom: 16px;
  }
}
@media (max-width: 767.98px) {
  .delivery-cart__title {
    font-size: 16px;
  }
}
.delivery-cart__sity:not(:last-child) {
  margin-bottom: 24px;
}
@media (max-width: 767.98px) {
  .delivery-cart__sity:not(:last-child) {
    margin-bottom: 16px;
  }
}
.delivery-cart__items:not(:last-child) {
  margin-bottom: 36px;
}
.delivery-cart__item:not(:last-child) {
  margin-bottom: 12px;
}
@media (max-width: 767.98px) {
  .delivery-cart__item:not(:last-child) {
    margin-bottom: 16px;
  }
}
.delivery-cart__button {
  justify-self: center;
}

.item-delivery {
  position: relative;
}
.item-delivery__top {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  cursor: pointer;
  text-align: start;
  padding: 0 0 0 28px;
  width: 100%;
  display: grid;
  grid-template-columns: repeat(2, auto);
  gap: 4px;
  grid-template-areas: "title price" "text text";
}
@media (max-width: 767.98px) {
  .item-delivery__top {
    gap: 5px;
    grid-template-areas: "title title" "text price";
  }
}
@media (any-hover: hover) {
  .item-delivery__top:hover .item-delivery__title {
    color: var(--UI-Orange);
  }
}
.item-delivery__title {
  grid-area: title;
  font-weight: 400;
  font-size: 16px;
  line-height: 125%; /* 20/16 */
  letter-spacing: -0.02em;
  color: var(--UI-Black);
  display: flex;
  align-items: flex-start;
  gap: 8px;
  transition: color 0.3s ease;
  margin-left: -28px;
  position: relative;
}
.item-delivery__title:before {
  content: "";
  width: 20px;
  height: 20px;
  flex: 0 0 20px;
  border-radius: 50%;
  border: 1px solid var(--UI-Button-Line);
  transition: border-color 0.3s ease;
}
.item-delivery__title:after {
  content: "";
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: var(--UI-Button-Line);
  position: absolute;
  left: 5px;
  top: 5px;
  transform: scale(0);
  transition:
    background-color 0.3s ease,
    transform 0.3s ease;
}
@media (max-width: 767.98px) {
  .item-delivery__title {
    font-size: 14px;
  }
}
._spoller-active .item-delivery__title {
  font-weight: 500;
}
._spoller-active .item-delivery__title:before {
  border-color: var(--UI-Black);
}
._spoller-active .item-delivery__title:after {
  transform: scale(1);
  background-color: var(--UI-Black);
}
.item-delivery__text {
  grid-area: text;
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  letter-spacing: -0.02em;
  color: var(--UI-Almost-black);
  transition: color 0.3s ease;
}
.item-delivery__price {
  grid-area: price;
  text-align: right;
}
.item-delivery__body {
  padding: 16px 0 12px 28px;
}
@media (max-width: 767.98px) {
  .item-delivery__body {
    padding: 20px 0 12px 28px;
  }
}
@media (max-width: 767.98px) {
  .item-delivery__body:has(.item-delivery__fields) {
    padding: 20px 0 12px 0;
  }
}
.item-delivery__fields {
  display: grid;
  gap: 12px 16px;
}
@media (min-width: 767.98px) {
  .item-delivery__fields {
    grid-template-columns: 1fr 53.6%; /* 388/724 */
  }
}
.item-delivery__groop {
  display: grid;
  gap: 12px 16px;
  grid-template-columns: repeat(2, 1fr);
}
@media (max-width: 767.98px) {
  .item-delivery__groop {
    gap: 12px 8px;
  }
}
.item-delivery__checkbox {
  align-self: flex-end;
  min-height: 48px;
  height: -moz-fit-content;
  height: fit-content;
  display: flex;
  align-items: center;
}
.item-delivery__get-address {
  display: grid;
  align-items: center;
  -moz-column-gap: 12px;
  column-gap: 12px;
  row-gap: 4px;
}
@media (min-width: 767.98px) {
  .item-delivery__get-address {
    -moz-column-gap: 32px;
    column-gap: 32px;
    grid-template-columns: 54.6% max-content; /* 400/732 */
  }
}
.item-delivery__get-address .select input.select__input::-moz-placeholder {
  font-size: 16px;
}
.item-delivery__get-address .select input.select__input,
.item-delivery__get-address .select input.select__input::placeholder {
  font-size: 16px;
}
.item-delivery__field-get-address {
  grid-column: 1/-1;
  font-size: 14px;
  line-height: 140%;
  letter-spacing: -0.02em;
  color: var(--UI-Black);
}
.item-delivery__button-get-address {
  width: -moz-fit-content;
  width: fit-content;
  font-weight: 600;
  font-size: 14px;
  line-height: 128%;
  letter-spacing: -0.02em;
  color: var(--UI-Green);
  display: inline-flex;
  align-items: center;
  gap: 8px;
  border-bottom: 2px dashed var(--UI-Green);
  padding: 4px 0px;
  transition:
    border-color 0.3s ease,
    color 0.3s ease;
}
@media (any-hover: hover) {
  .item-delivery__button-get-address:hover {
    border-color: var(--UI-Orange);
    color: var(--UI-Orange);
  }
  .item-delivery__button-get-address:hover::before {
    transform: scale(1.2);
  }
}
@media (max-width: 767.98px) {
  .item-delivery__button-get-address {
    order: 10;
  }
}
.item-delivery__button-get-address::before {
  transition: transform 0.3s ease;
}
.item-delivery__error-get-address {
  font-weight: 400;
  font-size: 12px;
  line-height: 132%;
  letter-spacing: -0.02em;
  color: #ff1d1d;
}
@media (min-width: 767.98px) {
  .item-delivery__error-get-address {
    grid-column: span 2;
  }
}
.item-delivery__radio {
  width: 0;
  height: 0;
  opacity: 0;
  position: absolute;
}

.delivery-price {
  font-family: Comfortaa;
  font-weight: 500;
  font-size: 16px;
  line-height: 124%;
  letter-spacing: -0.02em;
  color: var(--UI-Black);
}
@media (max-width: 767.98px) {
  .delivery-price {
    font-size: 14px;
  }
}
.delivery-price_free {
  color: var(--UI-Orange);
}

.change-sity {
  display: flex;
  align-items: center;
  gap: 8px;
}
@media (max-width: 767.98px) {
  .change-sity {
    gap: 4px;
  }
}
.change-sity__title {
  color: var(--UI-Almost-black);
}
@media (max-width: 767.98px) {
  .change-sity__title {
    font-size: 16px;
  }
}
.change-sity__button {
  font-family: Comfortaa;
  font-weight: 700;
  font-size: 20px;
  line-height: 128%;
  letter-spacing: -0.02em;
  color: var(--UI-Green);
  padding: 2px 0px;
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
  gap: 8px;
  transition: color 0.3s ease;
}
.change-sity__button span {
  border-bottom: 2px dashed var(--UI-Green);
}
.change-sity__button::before {
  transition: transform 0.3s ease;
  transform: rotate(-90deg);
}
@media (max-width: 767.98px) {
  .change-sity__button {
    font-size: 16px;
    gap: 4px;
  }
}
@media (any-hover: hover) {
  .change-sity__button:hover {
    color: var(--UI-Orange);
  }
  .change-sity__button:hover::before {
    transform: rotate(-180deg);
  }
}
.change-sity__error {
  font-weight: 400;
  font-size: 14px;
  line-height: 132%;
  letter-spacing: -0.02em;
  color: #ff1d1d;
}
@media (min-width: 767.98px) {
  .change-sity__error {
    grid-column: span 2;
  }
}

.add-comment__button {
  font-family: Comfortaa;
  font-weight: 700;
  font-size: 16px;
  line-height: 132%;
  letter-spacing: -0.02em;
  color: var(--UI-Green);
  padding: 0;
  display: flex;
  align-items: center;
  gap: 8px;
  transition: color 0.3s ease;
}
.add-comment__button::before {
  flex: 0 0 20px;
  width: 20px;
}
@media (any-hover: hover) {
  .add-comment__button:hover {
    color: var(--UI-Orange);
  }
}
.add-comment__body {
  padding-top: 16px;
}
.add-comment__field {
  width: 100%;
}

.receiver-cart__comment-block:not(:last-child) {
  margin-bottom: 24px;
}
.receiver-cart__label {
  cursor: pointer;
  display: block;
}
.receiver-cart__label:not(:last-child) {
  margin-bottom: 16px;
}
@media (any-hover: hover) {
  .receiver-cart__label:hover .checkbox__label::before {
    border-color: var(--UI-Black);
  }
}
.receiver-cart__label:has(input:checked) .receiver-cart__title-info {
  color: var(--UI-Black);
}
.receiver-cart__top {
  display: flex;
  align-items: center;
  gap: 8px;
}
.receiver-cart__top:not(:last-child) {
  margin-bottom: 4px;
}
.receiver-cart__title-info {
  display: block;
  font-weight: 500;
  font-size: 16px;
  line-height: 125%;
  letter-spacing: -0.02em;
  color: var(--UI-Black);
}
@media (max-width: 767.98px) {
  .receiver-cart__title-info {
    font-size: 14px;
  }
}
.receiver-cart__title-info a {
  text-decoration: underline;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none;
  color: var(--UI-Green);
}
.receiver-cart__title-info a:hover {
  text-decoration: none;
}
._error .receiver-cart__title-info {
  color: #ff1d1d;
}
.receiver-cart__text-info {
  display: block;
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  letter-spacing: -0.02em;
  color: var(--UI-Almost-black);
  padding-left: 28px;
}
@media (max-width: 767.98px) {
  .receiver-cart__text-info {
    font-size: 14px;
  }
}

@media (max-width: 767.98px) {
  .payment-cart__title {
    font-size: 16px;
  }
}
.payment-cart__title:not(:last-child) {
  margin-bottom: 24px;
}
@media (max-width: 767.98px) {
  .payment-cart__title:not(:last-child) {
    margin-bottom: 16px;
  }
}
.payment-cart__label {
  display: block;
}
.payment-cart__label:not(:last-child) {
  margin-bottom: 16px;
}
@media (any-hover: hover) {
  .payment-cart__label:hover .radio-option__label::before {
    border-color: var(--UI-Black);
  }
  .payment-cart__label:hover .radio-option__label::after {
    background-color: var(--UI-Black);
  }
}
.payment-cart__top {
  display: flex;
  align-items: center;
  gap: 8px;
}
.payment-cart__top:not(:last-child) {
  margin-bottom: 4px;
}
.payment-cart__top .radio-option__label {
  position: relative;
}
.payment-cart__title-info {
  display: block;
  font-weight: 500;
  font-size: 16px;
  line-height: 125%;
  letter-spacing: -0.02em;
  color: var(--ui-black);
}
@media (max-width: 767.98px) {
  .payment-cart__title-info {
    font-size: 14px;
  }
}
.payment-cart__title-info a {
  text-decoration: underline;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none;
  color: var(--UI-Green);
}
.payment-cart__title-info a:hover {
  text-decoration: none;
}
.payment-cart__text-info {
  display: block;
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  letter-spacing: -0.02em;
  color: var(--UI-Almost-black);
  padding-left: 28px;
}
@media (max-width: 767.98px) {
  .payment-cart__text-info {
    font-size: 14px;
  }
  .contacts-cart__fields {
    grid-template-columns: 1fr;
  }
}
#item-address > label{
  width: 100%;
}



.customer-tel-code{
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px;
}
.customer-tel-code .column-grid-1{
  display: grid;
  grid-template-columns: 1fr;
  gap: 0;
}
.customer-tel-code .column-grid-2{
  display: grid;
  grid-template-columns: 1fr 100px;
  gap: 16px;
  align-items: start;
}

.field-input._success input{
  padding: 0 46px 0 18px;
  background-repeat: no-repeat;
  background-position: right 18px center;
  background-size: 20px;
  background-image: url(/img/icons/success.svg);
}
#customer_code_sms{
    padding: 0 18px !important;
    border: 1px solid var(--UI-Background);
    background-color: var(--UI-Background) !important;
    background-image: none !important;
}
.item-delivery__body .contacts-cart__title{
  font-size: 16px;
  margin-bottom: 12px;
  font-weight: 700;
}