/* Loaded after checkout.js — restore Webflow v2 checkout design */

.section.section_checkout .head.text_linear {
  font-size: 1.25rem !important;
  line-height: 1.3 !important;
  font-weight: 400 !important;
}

.section.section_checkout .body-m.text_70 {
  font-size: 0.875rem !important;
  line-height: 1.45 !important;
  opacity: 0.6 !important;
}

.section.section_checkout .head_x {
  font-size: 1rem !important;
  font-weight: 500 !important;
}

.section.section_checkout .text_xs {
  font-size: 0.8rem !important;
  opacity: 0.7 !important;
}

.section.section_checkout .checkout_wrapper {
  margin-top: 2.5rem !important;
}

.section.section_checkout .checkout_main {
  background-color: var(--_colors---neutral--white-2) !important;
  border-radius: 1.25rem !important;
  width: 70% !important;
  padding: 2rem !important;
}

.section.section_checkout .checkout_panel {
  background-color: var(--_colors---neutral--white-2) !important;
  border-radius: 1.25rem !important;
  width: 21.875rem !important;
  flex: 0 0 21.875rem !important;
  max-width: 21.875rem !important;
}

.section.section_checkout .top_panel {
  border-top: 4px solid #003cb7;
  padding: 1.25rem !important;
}

.section.section_checkout .step_link {
  height: 4.875rem !important;
  padding: 1.0625rem !important;
  gap: 1rem !important;
  border-radius: 0.75rem !important;
}

.section.section_checkout .step_icon {
  width: 2.6rem !important;
  height: 2.6rem !important;
  border-radius: 0.6rem !important;
  background-color: var(--_colors---neutral--white-2) !important;
  opacity: 0.6;
}

.section.section_checkout .step_icon.is-selected {
  opacity: 1 !important;
}

.section.section_checkout .step_link:not(.is-selected),
.section.section_checkout .size_link:not(.is-selected),
.section.section_checkout .platfrom_link:not(.black):not(.is-selected),
.section.section_checkout .account_card:not(.is-selected),
.section.section_checkout .variant_link:not(.is-selected) {
  background-color: transparent !important;
  background-image: linear-gradient(
    180deg,
    var(--_colors---neutral--white-4),
    var(--_colors---neutral--white-2)
  ) !important;
  border: 0.09375rem solid #ffffff08 !important;
}

.section.section_checkout .size_link:not(.is-selected),
.section.section_checkout .account_card:not(.is-selected),
.section.section_checkout .variant_link:not(.is-selected) {
  border-radius: 0.8rem !important;
}

.section.section_checkout .step_link:not(.is-selected):hover,
.section.section_checkout .size_link:not(.is-selected):hover,
.section.section_checkout .platfrom_link:not(.black):not(.is-selected):hover,
.section.section_checkout .account_card:not(.is-selected):hover,
.section.section_checkout .variant_link:not(.is-selected):hover {
  background-color: #292929 !important;
  background-image: none !important;
}

.section.section_checkout .step_link.is-selected,
.section.section_checkout .size_link.is-selected,
.section.section_checkout .platfrom_link.is-selected,
.section.section_checkout .account_card.is-selected,
.section.section_checkout .variant_link.is-selected {
  background-color: transparent !important;
  background-image: linear-gradient(90deg, #0d56eb, #0640b9) !important;
  border-style: none !important;
  border-color: transparent !important;
  outline: none !important;
  box-shadow: none !important;
}

.section.section_checkout .account_card {
  border-radius: 0.8rem !important;
  min-height: 3.75rem !important;
}

.section.section_checkout .account_card_header {
  min-height: 3.75rem !important;
  padding: 1.0625rem !important;
  gap: 0.8rem !important;
}

.section.section_checkout .size_link {
  border-radius: 0.8rem !important;
  background-color: transparent !important;
}

.section.section_checkout .platfrom_link {
  border-radius: 0.8rem !important;
  height: 3.75rem !important;
}

.section.section_checkout .button_gradinet {
  flex: 0 0 12.9375rem !important;
  width: 12.9375rem !important;
  min-width: 12.9375rem !important;
  background-image: linear-gradient(
    96deg,
    #c83228,
    #fb8841 15%,
    #d3dd92 32%,
    #59824f 50%,
    #002414 65%,
    #00143d 79%,
    #2874d7 91%,
    #99c2ff
  ) !important;
  border-radius: 0.8rem !important;
  padding: 0.04rem !important;
  display: flex !important;
  position: relative !important;
  overflow: visible !important;
  margin-bottom: 1.35rem !important;
}

.section.section_checkout .button_gradinet .platfrom_link.black,
.section.section_checkout .platfrom_link.black {
  background-color: #000 !important;
  background-image: none !important;
  border: none !important;
  border-radius: calc(0.8rem - 0.04rem) !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 3.67rem !important;
  position: relative !important;
  overflow: visible !important;
}

.section.section_checkout .button_gradinet .platfrom_link.black:hover,
.section.section_checkout .platfrom_link.black:hover {
  background-color: #000 !important;
  background-image: none !important;
}

.section.section_checkout .platfrom_link.black > img:not(.coming_soon),
.section.section_checkout .platfrom_link.black img:not(.coming_soon) {
  max-height: 1.6rem !important;
  width: auto !important;
  display: block !important;
}

.section.section_checkout .platfrom_link.black .coming_soon,
.section.section_checkout .coming_soon {
  position: absolute !important;
  top: auto !important;
  right: 0 !important;
  bottom: -1.3125rem !important;
  left: 0 !important;
  margin-left: auto !important;
  margin-right: auto !important;
  width: auto !important;
  height: auto !important;
  max-height: none !important;
  transform: none !important;
  pointer-events: none !important;
}

.section.section_checkout #platform-options,
.section.section_checkout #platform-options .button_gradinet {
  overflow: visible !important;
}

.section.section_checkout #step-plan,
.section.section_checkout #step-plan .checkout_div:has(#platform-options) {
  overflow: visible !important;
}

.section.section_checkout .variant_link {
  border-radius: 0.8rem !important;
}

.section.section_checkout .checkout_next {
  border-radius: 3rem !important;
}

.section.section_checkout .panel_wrapper .last_info {
  color: #020411 !important;
  background-color: #fff !important;
  border-radius: 0.8rem !important;
  padding: 0.7rem !important;
}

.section.section_checkout .panel_wrapper .text-field {
  background-color: transparent !important;
  background-image: linear-gradient(
    180deg,
    var(--_colors---neutral--white-4),
    var(--_colors---neutral--white-2)
  ) !important;
  border: 1px solid #ffffff0d !important;
  border-radius: 4rem !important;
}

.section.section_checkout .panel_wrapper .submit-button {
  border-radius: 3rem !important;
}

.section.section_checkout .terms_wrapper,
.section.section_checkout .terms_modal,
#terms-modal {
  display: none !important;
}

/* Step 2 — match step 1 Webflow v2 card language */
.section.section_checkout .step_2-wrapper {
  grid-column-gap: 1.875rem;
  grid-row-gap: 1.875rem;
  flex-flow: column;
  display: flex;
}

.section.section_checkout .payment_grid {
  gap: 0.625rem !important;
}

.section.section_checkout .payment_card_main {
  border: 0.09375rem solid #ffffff08 !important;
  border-radius: 0.8rem !important;
  background-color: transparent !important;
  background-image: linear-gradient(
    180deg,
    var(--_colors---neutral--white-4),
    var(--_colors---neutral--white-2)
  ) !important;
  overflow: hidden !important;
  transition: border-color 0.15s ease, background 0.15s ease !important;
}

.section.section_checkout .payment_card_top,
.section.section_checkout .payment_card_foot {
  background-color: transparent !important;
  background-image: none !important;
}

.section.section_checkout .payment_card:hover .payment_card_main {
  background-color: #292929 !important;
  background-image: none !important;
}

.section.section_checkout .payment_card.is-selected .payment_card_main,
.section.section_checkout .payment_card.has-foot.is-selected .payment_card_main {
  border: none !important;
  background-color: transparent !important;
  background-image: linear-gradient(90deg, #0d56eb, #0640b9) !important;
}

.section.section_checkout .payment_card.is-selected .payment_card_top,
.section.section_checkout .payment_card.is-selected .payment_card_foot,
.section.section_checkout .payment_card.has-foot.is-selected .payment_card_top,
.section.section_checkout .payment_card.has-foot.is-selected .payment_card_foot {
  background-color: transparent !important;
  background-image: none !important;
}

.section.section_checkout .payment_icon_box {
  background-color: var(--_colors---neutral--white-2) !important;
  border-radius: 0.6rem !important;
  opacity: 0.6;
}

.section.section_checkout .payment_card.is-selected .payment_icon_box {
  opacity: 1 !important;
}

.section.section_checkout .option_group_title {
  font-size: 1rem !important;
  font-weight: 500 !important;
}

.section.section_checkout .option_pill {
  border-radius: 0.8rem !important;
  overflow: hidden !important;
}

.section.section_checkout .option_pill:not(.is-selected):not(.is-disabled) {
  background-color: transparent !important;
  background-image: linear-gradient(
    180deg,
    var(--_colors---neutral--white-4),
    var(--_colors---neutral--white-2)
  ) !important;
  border: 0.09375rem solid #ffffff08 !important;
}

.section.section_checkout .option_pill:not(.is-selected):not(.is-disabled):hover {
  background-color: #292929 !important;
  background-image: none !important;
}

.section.section_checkout .option_pill.is-selected {
  background-color: transparent !important;
  background-image: linear-gradient(90deg, #0d56eb, #0640b9) !important;
  border: none !important;
  border-radius: 0.8rem !important;
}

.section.section_checkout .option_pill.is-selected .option_radio {
  border-color: #fff !important;
  background-color: rgba(255, 255, 255, 0.2) !important;
}

.section.section_checkout .form_label {
  font-size: 0.875rem !important;
  line-height: 1.45 !important;
  color: #fff !important;
  opacity: 0.6 !important;
}

.section.section_checkout .form_field {
  background-color: transparent !important;
  background-image: linear-gradient(
    180deg,
    var(--_colors---neutral--white-4),
    var(--_colors---neutral--white-2)
  ) !important;
  border: 1px solid #ffffff0d !important;
  border-radius: 4rem !important;
  color: #fff !important;
  overflow: hidden !important;
}

.section.section_checkout .form_select {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  background-color: transparent !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23fafafa' stroke-width='1.2' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"),
    linear-gradient(
      180deg,
      var(--_colors---neutral--white-4),
      var(--_colors---neutral--white-2)
    ) !important;
  background-repeat: no-repeat, no-repeat !important;
  background-position: right 0.875rem center, center !important;
  background-size: 10px 6px, 100% 100% !important;
  border: 1px solid #ffffff0d !important;
  border-radius: 4rem !important;
  color: #fff !important;
  padding-right: 2rem !important;
  overflow: hidden !important;
}

.section.section_checkout .phone_field {
  background-color: transparent !important;
  background-image: linear-gradient(
    180deg,
    var(--_colors---neutral--white-4),
    var(--_colors---neutral--white-2)
  ) !important;
  border: 1px solid #ffffff0d !important;
  border-radius: 4rem !important;
  box-shadow: none !important;
}

.section.section_checkout .phone_field_code,
.section.section_checkout .phone_field_number {
  background: transparent !important;
  border: none !important;
  color: #fff !important;
}

.section.section_checkout .button_wrapper--checkout-actions {
  gap: 0.75rem !important;
}

.section.section_checkout .checkout_next--prev {
  border-radius: 3rem !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  background-color: transparent !important;
  background-image: none !important;
  color: rgba(255, 255, 255, 0.75) !important;
  padding-left: 2rem !important;
  padding-right: 2rem !important;
}

.section.section_checkout .button_arrow--prev {
  transform: scaleX(-1);
}

.section.section_checkout .checkout_proceed {
  border-radius: 3rem !important;
  height: 2.9rem !important;
  min-height: 2.9rem !important;
  padding-left: 2rem !important;
  padding-right: 2rem !important;
  font-size: 0.9rem !important;
  font-weight: 600 !important;
}

.section.section_checkout .checkout_legal,
.section.section_checkout .legal_intro {
  font-size: 0.8rem !important;
  line-height: 1.45 !important;
  color: rgba(255, 255, 255, 0.7) !important;
}

.section.section_checkout .legal_label {
  font-size: 0.8rem !important;
  line-height: 1.45 !important;
  color: rgba(255, 255, 255, 0.65) !important;
}

.section.section_checkout .legal_label a {
  color: #2069ff !important;
}

@media screen and (max-width: 991px) {
  .section.section_checkout .checkout_main,
  .section.section_checkout .checkout_panel {
    width: 100% !important;
    flex: 1 1 100% !important;
    max-width: 100% !important;
  }

  .section.section_checkout #platform-options .button_gradinet,
  .section.section_checkout .button_gradinet {
    flex: 1 1 100% !important;
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    grid-column: 1 / -1 !important;
  }
}