.btn-afterpay_express {
  display: none !important;
}

.header-page {
  width: 100%;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  font-weight: 500;
  line-height: normal;
  margin-bottom: 60px;
}

.title {
  font-size: 36px;
  font-weight: 500;
  margin-bottom: 4px;
}

.title-sm {
  font-size: 12px;
  font-weight: 500;
  line-height: normal;
}

.subtitle {
  font-size: 20px;
}

.subtitle-sm {
  font-size: 11px;
  font-weight: 300;
  line-height: normal;
}

.visible-hidden {
  width: 0;
  height: 0;
  position: absolute;
  z-index: -1;
  opacity: 0;
  visibility: hidden;
}

.page {
  min-height: 100vh;
  min-height: 100dvh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.page .main {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.list {
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
  font-weight: 300;
  line-height: 1;
  margin: 0;
  padding: 0;
}
.list > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  gap: 10px;
}
.list.checksvg > li {
  padding-left: 26px;
  position: relative;  
}
.list.checksvg > li:before {
  content: '';
  width: 16px;
  height: 16px;
  background-image: url(../images/icons/check.svg);
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.list > li .icon-checkout {
  --_i-color: currentColor;
  -webkit-transform: translateY(2px);
      -ms-transform: translateY(2px);
          transform: translateY(2px);
}

.img-fluid {
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}

@media (min-width: 1024px) {
  .d-lg-up-none {
    display: none !important;
  }
}
@media (max-width: 1024px) {
  .d-lg-down-none {
    display: none !important;
  }
}
.bag {
  margin-top: 40px;
  margin-bottom: 40px;
}
.bag > .blockgrid {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 0 40px;
  display: flex;
}

.bag-inner {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 560px;
          flex: 0 0 560px;
}

.bag-aside {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 360px;
          flex: 0 0 360px;
}

.bag-title {
  font-size: 20px;
  font-weight: 500;
}

.also-list > li {
  padding: 24px 0;
}
.also-list > li:not(:last-child) {
  border-bottom: 1px solid #d2d2d2;
}

.bag-id {
  font-size: 12px;
  font-weight: 500;
  line-height: normal;
  color: var(--gray-color);
  margin-top: 12px;
}

@media (max-width: 1200px) {
  .bag-inner {
    -ms-flex-preferred-size: 480px;
        flex-basis: 480px;
  }
}
@media (max-width: 1024px) {
  .bag > .blockgrid {
    padding: 0 16px;
  }
}
@media (max-width: 992px) {
  .bag-inner,
  .bag-aside {
    -ms-flex-preferred-size: calc(50% - 20px);
        flex-basis: calc(50% - 20px);
  }
}
@media (max-width: 768px) {
  .bag-inner {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
  .bag-aside {
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
    margin-top: 40px;
  }
}
@media (max-width: 576px) {
  .bag-aside {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
}
.btn {
  --_height: 40px;
  --_font-size: 20px;
  --_font-weight: 500;
  --_line-height: normal;
  --_color: var(--dark-color);
  --_color-active: #909090;
  --_background-color: transparent;
  --_background-color-active: transparent;
  --_border-width: 1px;
  --_border-color: var(--dark-color);
  --_border-color-active: #909090;
  --_border-radius: 20px;
  --_padding-x: 14px;
  --_padding-y: 0;
  --_transition-duration: 250ms;
  --_transition-type: ease-in-out;
  min-height: var(--_height);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-family: var(--swis);
  font-size: var(--_font-size);
  font-weight: var(--_font-weight);
  line-height: var(--_line-height);
  color: var(--_color);
  text-transform: uppercase;
  cursor: pointer;
  background-color: var(--_background-color);
  border: var(--_border-width) solid var(--_border-color);
  border-radius: var(--_border-radius);
  padding: var(--_padding-y) var(--_padding-x);
  -webkit-transition: color var(--_transition-duration) var(--_transition-type), background var(--_transition-duration) var(--_transition-type), border var(--_transition-duration) var(--_transition-type);
  transition: color var(--_transition-duration) var(--_transition-type), background var(--_transition-duration) var(--_transition-type), border var(--_transition-duration) var(--_transition-type);
}
.btn:is(:hover, :focus-visible, :active, .is-active) {
  color: var(--_color-active);
  background-color: var(--_background-color-active);
  border-color: var(--_border-color-active);
}

.btn-primary {
  --_color: var(--dark-color);
  --_color-active: var(--dark-color);
  --_background-color: var(--primary-color);
  --_background-color-active: var(--primary-color-hover);
  --_border-color: var(--primary-color);
  --_border-color-active: var(--primary-color-hover);
}
.btn-primary:is(:focus-visible, :active, .is-active) {
  --_color-active: var(--primary-color);
  --_background-color-active: var(--dark-color);
  --_border-color-active: var(--dark-color);
}
/*для radio*/
.checkout-inner input[type="radio"] {
  display: none;
}
.checkout-inner input[type="radio"]:checked + label {
  color: var(--primary-color);
  background-color: var(--dark-color);
  border-color: var(--dark-color); 
} 

.btn-apple {
  --_font-size: 16px;
  --_color: #fff;
  --_color-active: #000;
  --_background-color: #000;
  --_background-color-active: transparent;
  --_border-color: #000;
  --_border-color-active: #000;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-transform: initial;
}
.btn-apple .icon-checkout {
  --_i-size: 14px;
  --_i-color: inherit;
  margin-right: 8px;
  margin-top: -2px;
}

.btn.btn-link {
  --_height: initial;
  --_font-size: inherit;
  --_font-weight: inherit;
  --_color: inherit;
  --_border-width: 0;
  --_padding-x: initial;
  --_padding-y: initial;
  display: inline-block;
  text-decoration: underline;
  text-transform: initial;
}

.btn-payment-method .icon-checkout {
  --_i-size: 32px;
  --_i-color: currentColor;
  width: initial;
}

.card {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}

.card-image {
  width: 100px;
  height: 100px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  background-color: #fff;
  border-radius: 16px;
  -webkit-box-shadow: var(--box-shadow-5);
          box-shadow: var(--box-shadow-5);
}
.card-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  border-radius: inherit;
}

.card-main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-left: 32px;
}

.card-title,
.card-id {
  line-height: 1;
  margin-bottom: 6px;
}

.card-title {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  font-size: 20px;
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
}

.card-id {
  font-size: 16px;
  font-weight: 300;
  text-transform: uppercase;
}

.card-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4px;
  font-size: 20px;
  line-height: 1;
  margin-top: auto;
}

.card-current {
  font-size: 12px;
  font-weight: 300;
}

.card-price {
  font-size: 16px;
  font-weight: 500;
}

.card-close {
  --_height: initial;
  --_padding-y: initial;
  --_padding-x: initial;
  --_border-width: 0;
  -ms-flex-item-align: start;
      align-self: flex-start;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-left: auto;
  -webkit-transition: opacity var(--_transition-duration) var(--_transition-type);
  transition: opacity var(--_transition-duration) var(--_transition-type);
}
.card-close:is(:hover, :focus-visible) {
  opacity: 0.7;
}
.card-close:is(:active, .is-active) {
  opacity: 1;
}

.card-also .card-main {
  max-width: 180px;
}
.card-also .card-title {
  -webkit-line-clamp: 2;
  font-size: 16px;
  line-height: 1.5;
}
.card-also .btn-primary {
  --_height: 30px;
  --_font-size: 16px;
  margin-top: 4px;
}

@media (max-width: 768px) {
  .card-also .card-main {
    max-width: 240px;
  }
}
@media (max-width: 576px) {
  .card-also .card-main {
    max-width: 100%;
  }
}
.checkbox {
  --_size: 16px;
  --_color: var(--dark-color);
  --_background-color: var(--gray-light-color);
  --_border-width: 1px;
  --_border-color: var(--dark-color);
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  margin: 0;
  padding: 0;
  border-radius: 50%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  cursor: pointer;
}
.checkbox:checked {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><circle cx="12.1" cy="12.1" r="1" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/></svg>');
  background-repeat: no-repeat;
  background-size: 30px;
  background-position: center;
}

.checkbox-label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
}

.checkbox-label-text {
  font-size: 12px;
  line-height: 1;
  margin-left: 16px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}


.checkout-wrap.blockgrid {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: minmax(560px, 800px) 20% minmax(320px, 540px);
  grid-template-columns: minmax(560px, 800px) minmax(320px, 540px);
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 20%;
}

.checkout-detail > .blockgrid {
  -ms-grid-columns: 1fr 300px;
  grid-template-columns: 1fr 300px;
}
.checkout-detail .checkout-inner {
  padding-left: 36px;
  position: relative;
}
.checkout-detail .checkout-inner::after {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background-image: url(../images/icons/check-solid.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  position: absolute;
  top: 0;
  left: 0;
}
.checkout-detail .list {
  margin-top: 48px;
  margin-bottom: 48px;
}
.checkout-detail .list h4 {
  font-weight: 500;
}
.checkout-detail .list > li {
  display: block;
}
.checkout-detail .list > li img {
  vertical-align: middle;
}
.checkout-detail h3.checkout-title {
  font-size: 16px;
}
.checkout-detail .checkout-subtitle p {
  max-width: initial;
}
.checkout-detail .btn-primary {
  max-width: 360px;
  margin-top: 24px;
}

.checkout-step {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  position: relative;
  -webkit-transition: padding 250ms ease-in-out;
  transition: padding 250ms ease-in-out;
}
.checkout-step:not(:first-child) {
  padding-top: 24px;
}
.checkout-step:not(:last-child)::before, .checkout-step:not(:last-child)::after {
  content: "";
  width: 2px;
  position: absolute;
  top: 20px;
  left: 9px;
}
.checkout-step:not(:last-child)::before {
  height: calc(100% + 10px);
  background-color: var(--gray-color);
}
.checkout-step:not(:last-child)::after {
  background-color: var(--primary-color);
}

.checkout-step-end {
  width: 100%;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 24px;
}
.checkout-step-end > .btn-primary {
  width: 100%;
}

.checkout-step[data-step-collapse=true]::after {
  -webkit-animation: lineStart 1200ms forwards;
          animation: lineStart 1200ms forwards;
}
.checkout-step[data-step-collapse=true] .checkout-step-current {
  background-color: var(--primary-color);
}

.checkout-step[data-step-collapse=false] {
  padding-top: 14px;
}
.checkout-step[data-step-collapse=false]::after {
  -webkit-animation: lineEnd 1200ms forwards;
          animation: lineEnd 1200ms forwards;
}
.checkout-step[data-step-collapse=false] .checkout-title {
  color: var(--gray-color);
  margin-bottom: 0;
}
.checkout-step[data-step-collapse=false] .checkout-step-inner {
  padding-bottom: 14px;
}

@-webkit-keyframes lineStart {
  0% {
    height: 0;
  }
  100% {
    height: calc(100% + 10px);
  }
}

@keyframes lineStart {
  0% {
    height: 0;
  }
  100% {
    height: calc(100% + 10px);
  }
}
@-webkit-keyframes lineEnd {
  0% {
    height: calc(100% + 10px);
  }
  100% {
    height: 0;
  }
}
@keyframes lineEnd {
  0% {
    height: calc(100% + 10px);
  }
  100% {
    height: 0;
  }
}
[data-complete-collapse=true] .checkout-subtitle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: initial;
}
[data-complete-collapse=true] .checkout-subtitle p {
  max-width: initial;
}
[data-complete-collapse=true] [data-content-collapse] > .checkout-subtitle {
  display: none;
}

[data-complete-collapse=false] .checkout-step-inner > .checkout-subtitle {
  display: none;
}
[data-complete-collapse=false] [data-open-collapse] {
  display: none;
}

.checkout-birth {
  margin-top: 24px;
}

.checkout-step-current {
  min-width: 20px;
  min-height: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 12px;
  font-weight: 600;
  line-height: 1;
  color: var(--dark-color);
  background-color: var(--gray-color);
  border-radius: 50%;
  position: relative;
  z-index: 1;
  -webkit-transition: background 250ms ease-in-out;
  transition: background 250ms ease-in-out;
}

.checkout-step-inner {
  width: 100%;
  margin-left: 14px;
  padding-bottom: 24px;
  border-bottom: 1px solid var(--gray-color);
  -webkit-transition: padding 250ms ease-in-out;
  transition: padding 250ms ease-in-out;
}
.checkout-step-inner > .checkout-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.checkout-step-inner > .checkout-title .btn-link {
  font-size: 12px;
  font-weight: 300;
}

.checkout-title {
  font-size: 20px;
  font-weight: 500;
  line-height: 1;
  margin-bottom: 4px;
  -webkit-transition: color 250ms ease-in-out;
  transition: color 250ms ease-in-out;
}

.checkout-subtitle {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 24px;
  font-size: 12px;
  font-weight: 300;
  line-height: normal;
  margin-bottom: 24px;
}
.checkout-subtitle p {
  max-width: 300px;
}

.required {
  white-space: nowrap;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  color: #999;
}

.checkout-step-end.display-block {
  display: block;
}

.checkout-step-end.display-block .hint {
  margin-top: 15px;
}
.cheleft.hint {
  margin-left: auto;
}

.checkout-step-end p,
.hint {
  display: block;
  font-size: 12px;
  font-weight: 300;
  line-height: normal;
}

[data-content-collapse] {
  max-height: 0px;
  overflow: hidden;
  transition-duration: 600ms;
}

[data-content-collapse=true] {
  max-height: 1500px !important;
  transition-duration: 600ms;
}

.checkout-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 24px 48px;
}
.checkout-form > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(50% - 24px);
          flex: 0 0 calc(50% - 24px);
}
.checkout-form > .checkout-step-hint, .checkout-form > .checkout-payment-hint, .checkout-form > .checkout-step-end, .checkout-form > .btn-payment-method:first-child {
  width: 100%;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
}
.checkout-form > .checkout-step-end {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 24px 48px;
}
.checkout-form > .checkout-step-end > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(50% - 24px);
          flex: 0 0 calc(50% - 24px);
}

.checkout-form-header {
  width: 100%;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
}
.checkout-form-header .checkout-title {
  font-size: 16px;
}
.checkout-form-header .checkout-subtitle {
  margin: initial;
}
.checkout-form-header .checkout-subtitle p {
  max-width: initial;
}

.btn-fluid {
  width: 100%;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
}

.checkout-form--payment {
  width: 100%;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 24px 48px;
}
.checkout-form--payment[data-content-collapse=true] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.checkout-form--payment[data-content-collapse=false] {
  display: none;
}
.checkout-form--payment > * {
  width: 100%;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(50% - 24px);
          flex: 0 0 calc(50% - 24px);
}
.checkout-form--payment > .checkout-step-end, .checkout-form--payment > .field-100, .checkout-form--payment > .list {
  width: 100%;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
}
.checkout-form--payment .checkout-step-end .hint {
  margin-left: initial;
}

.checkout-step-hint .hint,
.checkout-gift-hint .hint,
.checkout-payment-hint .hint {
  margin: initial;
}

.checkout-step-hint {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
  margin-top: 24px;
}
.checkout-step-hint .hint {
  font-size: 9px;
  color: #808080;
}

[data-billing=false] .btn[type=button] {
  display: none;
}

[data-billing=true] .btn[type=button] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.checkout-step-hint[data-billing=true] {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 24px 48px;
  margin-top: 0;
}
.checkout-step-hint[data-billing=true] > *:not(.hint) {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(50% - 24px);
          flex: 0 0 calc(50% - 24px);
}
.checkout-step-hint[data-billing=true] .hint {
  width: 100%;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
}

.checkout-gift-hint {
  width: 100%;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

[data-close-collapse=false] {
  display: none;
}

.checkout-signin-start > *,
.checkout-signin-end > * {
  width: 100%;
}
.checkout-signin-start > *:not(:last-child),
.checkout-signin-end > *:not(:last-child) {
  margin-bottom: 24px;
}

.checkout-select-start,
.checkout-select-end {
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: -webkit-max-content;
  -ms-grid-rows: max-content;
  grid-template-rows: -webkit-max-content;
  grid-template-rows: max-content;
  gap: 24px;
}
.checkout-select-start .checkout-step-end,
.checkout-select-end .checkout-step-end {
  grid-column: -1/1;
}

.checkout-select-start {
  -ms-grid-columns: (1fr)[3];
  grid-template-columns: repeat(3, 1fr);
}

.checkout-select-end {
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
}

.checkout-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 24px;
  font-size: 12px;
}
.checkout-info .checkout-title {
  font-size: 16px;
}
.checkout-info .checkout-subtitle {
  margin: initial;
}
.checkout-info .checkout-subtitle p {
  max-width: initial;
}

.checkout-info-start {
  width: 100%;
  max-width: initial;
}

.checkout-step-gift {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
}

.checkout-form-points {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-top: 24px;
}

.checkout-gift-header .checkout-title {
  font-size: 16px;
}
.checkout-gift-header .checkout-subtitle {
  margin: initial;
}

.checkout-final-content .list {
  margin-bottom: 48px;
}
.checkout-final-content .checkout-step-end {
  margin-bottom: 24px;
}
.checkout-final-content .btn {
  max-width: 360px;
}

.checkout-order .checkout-subtitle p {
  max-width: initial;
}

.order-list {
  gap: 0;
}
.order-list > li {
  width: 100%;
  padding: 24px 0;
}
.order-list > li:not(.order-list--subtotal) {
  border-bottom: 1px solid #d2d2d2;
}
.order-list > li.order-list--subtotal {
  gap: 4px;
}

.order-list--subtotal {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-size: 20px;
  font-weight: 500;
  line-height: normal;
}
.order-list--subtotal .order-total-text {
  width: 100%;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
}

.order-details {
  font-size: 14px;
  font-weight: 300;
  line-height: normal;
  list-style: none;
  border-bottom: 1px solid #d2d2d2;
  padding: 24px 0;
  margin: 0;
}
.order-details > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 16px;
}
.order-details > li:not(:last-child) {
  margin-bottom: 6px;
}
.order-details > li .icon-checkout {
  --_i-size: 9px;
  --_i-color: var(--dark-color);
}

.order-total {
  padding: 24px 0;
}

.order-total-title,
.order-total-subtitle {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 6px;
}

.order-total-title {
  font-size: 20px;
  line-height: 1;
}

.order-total-subtitle {
  font-size: 16px;
  line-height: normal;
}

.order-total-text {
  font-size: 14px;
  font-weight: 400;
  line-height: normal;
}
.order-total-text img {
  margin-left: 4px;
  vertical-align: middle;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}

@media (max-width: 1400px) {
  .checkout-wrap.blockgrid {
    gap: 8%;
  }
}
@media (max-width: 1200px) {
  .ccheckout-wrap.blockgrid {
    gap: 40px;
  }
  .checkout-form--payment,
  .checkout-form {
    gap: 24px;
  }
  .checkout-form--payment > * {
    -ms-flex-preferred-size: calc(50% - 12px);
        flex-basis: calc(50% - 12px);
  }
  .checkout-form > * {
    -ms-flex-preferred-size: calc(50% - 12px);
        flex-basis: calc(50% - 12px);
  }
  .checkout-form > .checkout-step-end {
    gap: 24px;
  }
  .checkout-form > .checkout-step-end > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(50% - 12px);
            flex: 0 0 calc(50% - 12px);
  }
  .checkout-form--payment,
  .checkout-form-header {
    width: 100%;
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
}
@media (max-width: 1024px) {
  .checkout-wrap.blockgrid {
    -ms-grid-columns: 1fr 0.8fr;
    grid-template-columns: 1fr 0.8fr;
    padding-left: 16px;
    padding-right: 16px;
  }
  .checkout-form > * {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
  .checkout-info-start p {
    max-width: 240px;
  }
}
@media (max-width: 768px) {
  .checkout-wrap.blockgrid {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 20px;
  }
  .checkout-form > * {
    -ms-flex-preferred-size: calc(50% - 12px);
        flex-basis: calc(50% - 12px);
  }
  .checkout-order {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
  }
  .checkout-info-start p {
    max-width: initial;
  }
  .checkout-form--payment,
  .checkout-form-header {
    width: 100%;
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
}
@media (max-width: 576px) {
  .checkout-form > * {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
  .checkout-select-start {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  .checkout-info-start p {
    max-width: 240px;
  }
  .checkout-detail .btn-primary,
  .checkout-final-content .btn-primary {
    max-width: initial;
  }
  .checkout-final-content .list > li {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 9ch 1fr;
    grid-template-columns: 9ch 1fr;
  }
  .checkout-form--payment > .checkout-step-end {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.input-text,
.field {
  --_font-size: 16px;
  --_font-weight: 300;
  --_line-height: 1;
  --_color: var(--dark-color);
  --_placeholder-color: #909090;
  --_height: 40px;
  --_background-color: var(--gray-light-color);
  --_border-width: 1px;
  --_border-color: #909090;
  --_border-radius: 20px;
  --_padding-x: 14px;
  --_padding-y: 8px;
  --_transition-duration: 250ms;
  --_transition-type: ease-in-out;
  min-height: var(--_height);
  font-family: var(--swis);
  font-size: var(--_font-size);
  font-weight: var(--_font-weight);
  line-height: var(--_line-height);
  color: var(--_color);
  background-color: var(--_background-color);
  border: var(--_border-width) solid var(--_border-color);
  border-radius: var(--_border-radius);
  padding: var(--_padding-y) var(--_padding-x);
  outline: none;
  -webkit-transition: color var(--_transition-duration) var(--_transition-type), background var(--_transition-duration) var(--_transition-type), border var(--_transition-duration) var(--_transition-type);
  transition: color var(--_transition-duration) var(--_transition-type), background var(--_transition-duration) var(--_transition-type), border var(--_transition-duration) var(--_transition-type);
}
fieldset.wc-credit-card-form {
  border: none;
  padding: 0;
  margin: 15px 0 0 0;
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
}
.wc-credit-card-form label {
  display: none;
}
.wc-credit-card-form .form-row-wide {
  flex-basis: 100%;
}
/*.wc-credit-card-form .form-row-first,
.wc-credit-card-form .form-row-last {
  flex-basis: calc(50% - 12px);
}*/
.wc-credit-card-form .form-row-last .input-text {
  width: 100% !important;
}
.wc-credit-card-form .input-text {
  width: 100%;
}
.input-text::-webkit-input-placeholder,
.field::-webkit-input-placeholder {
  font-family: var(--swis);
  color: var(--_placeholder-color);
  -webkit-transition: color var(--_transition-duration) var(--_transition-type);
  transition: color var(--_transition-duration) var(--_transition-type);
}
.input-text::-moz-placeholder,
.field::-moz-placeholder {
  font-family: var(--swis);
  color: var(--_placeholder-color);
  -moz-transition: color var(--_transition-duration) var(--_transition-type);
  transition: color var(--_transition-duration) var(--_transition-type);
}
.input-text:-ms-input-placeholder,
.field:-ms-input-placeholder {
  font-family: var(--swis);
  color: var(--_placeholder-color);
  -ms-transition: color var(--_transition-duration) var(--_transition-type);
  transition: color var(--_transition-duration) var(--_transition-type);
}
.input-text::-ms-input-placeholder,
.field::-ms-input-placeholder {
  font-family: var(--swis);
  color: var(--_placeholder-color);
  -ms-transition: color var(--_transition-duration) var(--_transition-type);
  transition: color var(--_transition-duration) var(--_transition-type);
}
.input-text::placeholder,
.field::placeholder {
  font-family: var(--swis);
  color: var(--_placeholder-color);
  -webkit-transition: color var(--_transition-duration) var(--_transition-type);
  transition: color var(--_transition-duration) var(--_transition-type);
}
.input-text:focus-visible,
.field:focus-visible {
  --_border-color: var(--_color);
}
.input-text:focus-visible::-webkit-input-placeholder,
.field:focus-visible::-webkit-input-placeholder {
  color: var(--_color);
}
.input-text:focus-visible::-moz-placeholder,
.field:focus-visible::-moz-placeholder {
  color: var(--_color);
}
.input-text:focus-visible:-ms-input-placeholder,
.field:focus-visible:-ms-input-placeholder {
  color: var(--_color);
}
.input-text:focus-visible::-ms-input-placeholder,
.field:focus-visible::-ms-input-placeholder {
  color: var(--_color);
}
.input-text:focus-visible::placeholder,
.field:focus-visible::placeholder {
  color: var(--_color);
}
.field-select.is-error,
.input-text.is-error,
.field.is-error {
  --_placeholder-color: red;
  --_border-color: red;
}

.wrapper-select {
  --_font-size: 16px;
  --_font-weight: 300;
  --_line-height: 1;
  --_color: var(--dark-color);
  --_placeholder-color: #909090;
  --_height: 40px;
  --_background-color: var(--gray-light-color);
  --_border-width: 1px;
  --_border-color: #909090;
  --_border-radius: 20px;
  --_padding-x: 14px;
  --_padding-y: 10px;
  --_transition-duration: 250ms;
  --_transition-type: ease-in-out;
  position: relative;
}
.wrapper-select::after {
  content: "";
  display: block;
  width: 16px;
  height: 100%;
  background-image: url(../images/icons/circle-arrow.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  position: absolute;
  top: 50%;
  right: var(--_padding-x);
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  pointer-events: none;
}

.field-select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: 100%;
  min-height: var(--_height);
  font-family: var(--swis);
  font-size: var(--_font-size);
  font-weight: var(--_font-weight);
  line-height: var(--_line-height);
  color: var(--_placeholder-color);
  background-color: var(--_background-color);
  margin: 0;
  border: var(--_border-width) solid var(--_border-color);
  border-radius: var(--_border-radius);
  padding: var(--_padding-y) calc(var(--_padding-x) * 2.4) var(--_padding-y) var(--_padding-x);
  outline: none;
  cursor: pointer;
  -webkit-transition: color var(--_transition-duration) var(--_transition-type), background var(--_transition-duration) var(--_transition-type), border var(--_transition-duration) var(--_transition-type);
  transition: color var(--_transition-duration) var(--_transition-type), background var(--_transition-duration) var(--_transition-type), border var(--_transition-duration) var(--_transition-type);
}
/*.field-select::after {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  background-image: url(../images/icons/circle-arrow.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  position: absolute;
  top: 50%;
  right: var(--_padding-x);
  pointer-events: none;
}*/
.field-select:focus {
  color: var(--_color);
}

.icon-checkout {
  --_i-size: 16px;
  --_i-color: #000;
  width: var(--_i-size);
  height: var(--_i-size);
  display: inline-block;
  color: var(--_i-color);
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.icon-checkout svg {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}

.progress {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 24px;
  font-size: 12px;
  font-weight: 500;
  line-height: normal;
}
.progress > span {
  min-width: 4ch;
}
.progress > span:last-child {
  text-align: right;
}

.progress-bar {
  width: 100%;
  height: 4px;
  background-color: var(--gray-color);
  border-radius: 8px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  position: relative;
}

.progress-bar-line {
  width: var(--progress-bar);
  height: 100%;
  background-color: var(--primary-color);
  border-radius: inherit;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: width 250ms ease-in-out;
  transition: width 250ms ease-in-out;
}

.free-shipping {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 24px 0;
}
.free-shipping .hint {
  margin: initial;
  text-align: center;
}

.free-shipping-title {
  font-size: 16px;
  font-weight: 500;
  line-height: 1;
  margin-bottom: 4px;
}

.free-shipping-subtitle {
  font-size: 16px;
  font-weight: 300;
  line-height: normal;
  margin-bottom: 24px;
}

.btn-free-shipping {
  margin: 24px 50px;
}

@media (max-width: 576px) {
  .btn-free-shipping {
    margin: 24px 0;
  }
}