/* Checkout spacing lock */
.woocommerce-checkout {
  --checkout-page-x: clamp(12px, 2.4vw, 34px);
  --checkout-frame-x: clamp(16px, 2.6vw, 36px);
  --checkout-frame-y: clamp(18px, 2.4vw, 32px);
  --checkout-section-gap: clamp(18px, 2.2vw, 30px);
  --checkout-field-gap-x: clamp(12px, 1.4vw, 18px);
  --checkout-field-gap-y: clamp(12px, 1.4vw, 18px);
}

.woocommerce-checkout .site-main {
  padding-top: calc(var(--site-main-offset) + clamp(24px, 3vw, 42px)) !important;
  padding-bottom: clamp(48px, 5.6vw, 82px) !important;
}

.woocommerce-checkout .site-content .ast-container,
.woocommerce-checkout .dark-checkout-container {
  width: min(100%, 1480px) !important;
  max-width: 100% !important;
  padding: 0 var(--checkout-page-x) !important;
  margin-inline: auto !important;
}

.woocommerce-checkout .entry-content > .woocommerce,
.woocommerce-checkout .wp-block-woocommerce-checkout {
  width: min(100%, 1420px) !important;
  max-width: 100% !important;
  padding: var(--checkout-frame-y) var(--checkout-frame-x) !important;
  margin: 0 auto !important;
  border-radius: 14px !important;
}

.woocommerce-checkout form.checkout,
.woocommerce-checkout .wc-block-components-sidebar-layout {
  gap: var(--checkout-section-gap) !important;
}

.woocommerce-checkout .col2-set {
  gap: var(--checkout-section-gap) !important;
}

.woocommerce-checkout .woocommerce-billing-fields,
.woocommerce-checkout .woocommerce-shipping-fields,
.woocommerce-checkout .woocommerce-additional-fields,
.woocommerce-checkout .woocommerce-account-fields,
.woocommerce-checkout .wc-block-components-checkout-step,
.woocommerce-checkout #order_review {
  padding: clamp(16px, 1.8vw, 24px) !important;
}

.woocommerce-checkout .wc-block-components-checkout-step,
.woocommerce-checkout .woocommerce-billing-fields,
.woocommerce-checkout .woocommerce-shipping-fields,
.woocommerce-checkout .woocommerce-additional-fields,
.woocommerce-checkout .woocommerce-account-fields {
  margin-bottom: var(--checkout-section-gap) !important;
}

.woocommerce-checkout .woocommerce-additional-fields,
.woocommerce-checkout .woocommerce-account-fields {
  margin-top: var(--checkout-section-gap) !important;
}

.woocommerce-checkout .woocommerce-billing-fields__field-wrapper,
.woocommerce-checkout .woocommerce-shipping-fields__field-wrapper {
  gap: var(--checkout-field-gap-y) var(--checkout-field-gap-x) !important;
}

.woocommerce-checkout .form-row,
.woocommerce-checkout .wc-block-components-text-input,
.woocommerce-checkout .wc-block-components-combobox,
.woocommerce-checkout .wc-block-components-select,
.woocommerce-checkout .wc-blocks-components-select {
  margin-bottom: var(--checkout-field-gap-y) !important;
}

.woocommerce-checkout .form-row:last-child,
.woocommerce-checkout .wc-block-components-checkout-step > :last-child,
.woocommerce-checkout .woocommerce-billing-fields__field-wrapper > :last-child,
.woocommerce-checkout .woocommerce-shipping-fields__field-wrapper > :last-child {
  margin-bottom: 0 !important;
}

.woocommerce-checkout .col2-set h3,
.woocommerce-checkout .woocommerce-additional-fields h3,
.woocommerce-checkout #order_review_heading {
  margin-bottom: clamp(14px, 1.6vw, 22px) !important;
  padding-bottom: 10px !important;
}

.woocommerce-checkout #order_review_heading {
  margin-top: 0 !important;
}

.woocommerce-checkout-review-order-table tbody tr td,
.woocommerce-checkout-review-order-table tfoot tr td,
.woocommerce-checkout-review-order-table tfoot tr th {
  padding: 12px 0 !important;
}

.woocommerce-checkout #payment ul.payment_methods {
  margin-bottom: clamp(14px, 1.8vw, 22px) !important;
}

.woocommerce-checkout #payment ul.payment_methods li {
  margin-bottom: 10px !important;
  padding: 14px 16px !important;
}

.woocommerce #place_order,
.woocommerce-checkout .wc-block-components-checkout-place-order-button {
  margin-top: clamp(12px, 1.4vw, 18px) !important;
}

@media (max-width: 991.98px) {
  .woocommerce-checkout {
    --checkout-frame-x: 18px;
    --checkout-frame-y: 18px;
    --checkout-section-gap: 22px;
  }

  .woocommerce-checkout form.checkout,
  .woocommerce-checkout .wc-block-components-sidebar-layout {
    grid-template-columns: 1fr !important;
  }

  .woocommerce-checkout #customer_details,
  .woocommerce-checkout #order_review_heading,
  .woocommerce-checkout #order_review {
    grid-column: 1 !important;
  }
}

@media (max-width: 767.98px) {
  .woocommerce-checkout {
    --checkout-page-x: 12px;
    --checkout-frame-x: 14px;
    --checkout-frame-y: 16px;
    --checkout-section-gap: 18px;
    --checkout-field-gap-y: 12px;
  }

  .woocommerce-checkout .site-main {
    padding-top: calc(var(--site-main-offset) + 20px) !important;
    padding-bottom: 52px !important;
  }

  .woocommerce-checkout .entry-content > .woocommerce,
  .woocommerce-checkout .wp-block-woocommerce-checkout {
    border-radius: 10px !important;
  }

  .woocommerce-checkout .woocommerce-billing-fields,
  .woocommerce-checkout .woocommerce-shipping-fields,
  .woocommerce-checkout .woocommerce-additional-fields,
  .woocommerce-checkout .woocommerce-account-fields,
  .woocommerce-checkout .wc-block-components-checkout-step,
  .woocommerce-checkout #order_review {
    padding: 14px !important;
  }

  .woocommerce-checkout .woocommerce-billing-fields__field-wrapper,
  .woocommerce-checkout .woocommerce-shipping-fields__field-wrapper {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 575.98px) {
  .woocommerce-checkout {
    --checkout-page-x: 10px;
    --checkout-frame-x: 12px;
    --checkout-frame-y: 14px;
    --checkout-section-gap: 16px;
  }

  .woocommerce-checkout .site-main {
    padding-top: calc(var(--site-main-offset) + 16px) !important;
  }

  .woocommerce-checkout .entry-content > .woocommerce,
  .woocommerce-checkout .wp-block-woocommerce-checkout {
    box-shadow: 0 16px 44px rgba(0, 0, 0, 0.44),
      inset 0 1px 0 rgba(242, 202, 80, 0.08) !important;
  }
}