{"id":915,"date":"2026-08-08T14:02:14","date_gmt":"2026-08-08T06:02:14","guid":{"rendered":"https:\/\/flyingontime.com\/?page_id=915"},"modified":"2026-08-17T11:29:36","modified_gmt":"2026-08-17T03:29:36","slug":"check-out","status":"publish","type":"page","link":"https:\/\/flyingontime.com\/zh\/check-out\/","title":{"rendered":"Check Out"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"915\" class=\"elementor elementor-915\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8419405 e-flex e-con-boxed e-con e-parent\" data-id=\"8419405\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6006eab elementor-widget elementor-widget-shortcode\" data-id=\"6006eab\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><div class=\"woocommerce\"><\/div><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-258c4b9 elementor-widget elementor-widget-html\" data-id=\"258c4b9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\r\n\/* =========================================================\r\n   ON TIME 24 CHECKOUT V3\r\n   FINAL CHECKOUT UI\r\n   ========================================================= *\/\r\n\r\n#ot24-v3 {\r\n\r\n  --bg: #f7f7f3;\r\n  --white: #ffffff;\r\n  --summary: #efefeb;\r\n\r\n  --text: #111111;\r\n  --muted: #71716c;\r\n  --soft: #999993;\r\n\r\n  --line: #d9d9d3;\r\n  --line-dark: #c8c8c1;\r\n\r\n  --danger: #a84638;\r\n\r\n  width: 100%;\r\n  min-height: 100vh;\r\n\r\n  background: var(--bg);\r\n  color: var(--text);\r\n\r\n  font-family: inherit;\r\n\r\n  -webkit-font-smoothing: antialiased;\r\n}\r\n\r\n\r\n#ot24-v3 *,\r\n#ot24-v3 *::before,\r\n#ot24-v3 *::after {\r\n\r\n  box-sizing: border-box;\r\n\r\n}\r\n\r\n\r\n#ot24-v3 a {\r\n\r\n  color: inherit;\r\n  text-decoration: none;\r\n\r\n}\r\n\r\n\r\n#ot24-v3 button,\r\n#ot24-v3 input,\r\n#ot24-v3 select,\r\n#ot24-v3 textarea {\r\n\r\n  font-family: inherit;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HEADER\r\n   ========================================================= *\/\r\n\r\n#ot24-v3 .ot24-header {\r\n\r\n  height: 78px;\r\n\r\n  display: flex;\r\n  align-items: center;\r\n\r\n  background: #fff;\r\n\r\n  border-bottom:\r\n    1px solid var(--line);\r\n\r\n}\r\n\r\n\r\n#ot24-v3 .ot24-header-inner {\r\n\r\n  width:\r\n    min(1220px, calc(100% - 64px));\r\n\r\n  margin:\r\n    0 auto;\r\n\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n\r\n}\r\n\r\n\r\n#ot24-v3 .ot24-logo {\r\n\r\n  font-size: 18px;\r\n  font-weight: 500;\r\n\r\n  letter-spacing: .18em;\r\n\r\n}\r\n\r\n\r\n#ot24-v3 .ot24-secure {\r\n\r\n  display: flex;\r\n  align-items: center;\r\n\r\n  gap: 8px;\r\n\r\n  color: #555550;\r\n\r\n  font-size: 10px;\r\n  font-weight: 500;\r\n\r\n  letter-spacing: .12em;\r\n\r\n}\r\n\r\n\r\n#ot24-v3 .ot24-secure svg {\r\n\r\n  width: 15px;\r\n  height: 15px;\r\n\r\n  fill: none;\r\n  stroke: currentColor;\r\n\r\n  stroke-width: 1.4;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PROGRESS\r\n   ========================================================= *\/\r\n\r\n#ot24-v3 .ot24-progress {\r\n\r\n  min-height: 44px;\r\n\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n\r\n  gap: 14px;\r\n\r\n  background: #fff;\r\n\r\n  border-bottom:\r\n    1px solid var(--line);\r\n\r\n}\r\n\r\n\r\n#ot24-v3 .ot24-progress-item {\r\n\r\n  color: #a0a09a;\r\n\r\n  font-size: 9px;\r\n\r\n  letter-spacing: .12em;\r\n\r\n  text-transform: uppercase;\r\n\r\n}\r\n\r\n\r\n#ot24-v3 .ot24-progress-item.active {\r\n\r\n  color: #111;\r\n\r\n  font-weight: 600;\r\n\r\n}\r\n\r\n\r\n#ot24-v3 .ot24-progress-line {\r\n\r\n  width: 26px;\r\n  height: 1px;\r\n\r\n  background: #cfcfc9;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MAIN\r\n   ========================================================= *\/\r\n\r\n#ot24-v3 .ot24-main {\r\n\r\n  width:\r\n    min(1220px, calc(100% - 64px));\r\n\r\n  margin:\r\n    0 auto;\r\n\r\n  padding:\r\n    48px 0 68px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   INTRO\r\n   ========================================================= *\/\r\n\r\n#ot24-v3 .ot24-intro {\r\n\r\n  margin-bottom: 38px;\r\n\r\n}\r\n\r\n\r\n#ot24-v3 .ot24-eyebrow {\r\n\r\n  margin:\r\n    0 0 10px;\r\n\r\n  color: var(--muted);\r\n\r\n  font-size: 9px;\r\n  font-weight: 500;\r\n\r\n  letter-spacing: .16em;\r\n\r\n  text-transform: uppercase;\r\n\r\n}\r\n\r\n\r\n#ot24-v3 .ot24-title {\r\n\r\n  margin: 0;\r\n\r\n  color: #111;\r\n\r\n  font-size:\r\n    clamp(31px, 3vw, 45px);\r\n\r\n  font-weight: 400;\r\n\r\n  line-height: 1.06;\r\n\r\n  letter-spacing: -.035em;\r\n\r\n}\r\n\r\n\r\n#ot24-v3 .ot24-intro-text {\r\n\r\n  max-width: 570px;\r\n\r\n  margin:\r\n    14px 0 0;\r\n\r\n  color: var(--muted);\r\n\r\n  font-size: 12px;\r\n\r\n  line-height: 1.65;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CHECKOUT MOUNT\r\n   ========================================================= *\/\r\n\r\n#ot24-v3 .ot24-checkout-mount {\r\n\r\n  min-height: 260px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   WOOCOMMERCE FORM GRID\r\n   ========================================================= *\/\r\n\r\n#ot24-v3\r\nform.checkout.ot24-v3-enhanced {\r\n\r\n  display: grid;\r\n\r\n  grid-template-columns:\r\n    minmax(0, 1.33fr)\r\n    minmax(350px, .82fr);\r\n\r\n  gap: 58px;\r\n\r\n  align-items: start;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LEFT FORM\r\n   ========================================================= *\/\r\n\r\n#ot24-v3 .ot24-form-column {\r\n\r\n  min-width: 0;\r\n\r\n  background: #fff;\r\n\r\n  border:\r\n    1px solid var(--line);\r\n\r\n  padding:\r\n    36px 40px 40px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ORDER SUMMARY\r\n   ========================================================= *\/\r\n\r\n#ot24-v3 .ot24-summary-column {\r\n\r\n  min-width: 0;\r\n\r\n  position: sticky;\r\n\r\n  top: 24px;\r\n\r\n  background:\r\n    var(--summary);\r\n\r\n  border:\r\n    1px solid #d6d6d0;\r\n\r\n  padding:\r\n    30px 31px 28px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SECTION TITLE\r\n   ========================================================= *\/\r\n\r\n#ot24-v3 .ot24-section-heading {\r\n\r\n  margin:\r\n    0 0 21px;\r\n\r\n  padding:\r\n    0 0 13px;\r\n\r\n  border-bottom:\r\n    1px solid var(--line);\r\n\r\n}\r\n\r\n\r\n#ot24-v3 .ot24-section-row {\r\n\r\n  display: flex;\r\n  align-items: center;\r\n\r\n  gap: 11px;\r\n\r\n}\r\n\r\n\r\n#ot24-v3 .ot24-section-number {\r\n\r\n  color: var(--soft);\r\n\r\n  font-size: 8px;\r\n\r\n  letter-spacing: .1em;\r\n\r\n}\r\n\r\n\r\n#ot24-v3 .ot24-section-title {\r\n\r\n  margin: 0;\r\n\r\n  font-size: 11px;\r\n  font-weight: 600;\r\n\r\n  letter-spacing: .12em;\r\n\r\n  text-transform: uppercase;\r\n\r\n}\r\n\r\n\r\n#ot24-v3 .ot24-section-description {\r\n\r\n  margin:\r\n    6px 0 0 25px;\r\n\r\n  color: var(--muted);\r\n\r\n  font-size: 10px;\r\n\r\n  line-height: 1.5;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONTACT\r\n   ========================================================= *\/\r\n\r\n#ot24-v3 .ot24-contact {\r\n\r\n  margin-bottom: 38px;\r\n\r\n}\r\n\r\n\r\n#ot24-v3 .ot24-contact-fields {\r\n\r\n  display: grid;\r\n\r\n  grid-template-columns:\r\n    1fr 1fr;\r\n\r\n  gap:\r\n    0 15px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ORIGINAL WC COLUMNS\r\n   ========================================================= *\/\r\n\r\n#ot24-v3 #customer_details {\r\n\r\n  width: 100%;\r\n\r\n  float: none;\r\n\r\n}\r\n\r\n\r\n#ot24-v3\r\n#customer_details .col-1,\r\n\r\n#ot24-v3\r\n#customer_details .col-2 {\r\n\r\n  width: 100% !important;\r\n\r\n  float: none !important;\r\n\r\n}\r\n\r\n\r\n#ot24-v3\r\n#customer_details .col-2 {\r\n\r\n  margin-top: 28px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BILLING TITLE\r\n   ========================================================= *\/\r\n\r\n#ot24-v3\r\n.woocommerce-billing-fields > h3 {\r\n\r\n  margin:\r\n    0 0 21px !important;\r\n\r\n  padding:\r\n    0 0 13px;\r\n\r\n  border-bottom:\r\n    1px solid var(--line);\r\n\r\n  font-size:\r\n    11px !important;\r\n\r\n  font-weight:\r\n    600 !important;\r\n\r\n  letter-spacing:\r\n    .12em;\r\n\r\n  text-transform:\r\n    uppercase;\r\n\r\n}\r\n\r\n\r\n#ot24-v3\r\n.woocommerce-billing-fields > h3::before {\r\n\r\n  content: \"02\";\r\n\r\n  margin-right: 11px;\r\n\r\n  color: var(--soft);\r\n\r\n  font-size: 8px;\r\n\r\n  font-weight: 400;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FIELDS\r\n   ========================================================= *\/\r\n\r\n#ot24-v3\r\n.woocommerce form .form-row {\r\n\r\n  margin:\r\n    0 0 14px;\r\n\r\n  padding: 0;\r\n\r\n}\r\n\r\n\r\n#ot24-v3\r\n.woocommerce form\r\n.form-row-first,\r\n\r\n#ot24-v3\r\n.woocommerce form\r\n.form-row-last {\r\n\r\n  width:\r\n    calc(50% - 7.5px);\r\n\r\n}\r\n\r\n\r\n#ot24-v3\r\n.woocommerce form\r\n.form-row-first {\r\n\r\n  float: left;\r\n\r\n}\r\n\r\n\r\n#ot24-v3\r\n.woocommerce form\r\n.form-row-last {\r\n\r\n  float: right;\r\n\r\n}\r\n\r\n\r\n#ot24-v3\r\n.woocommerce form\r\n.form-row-wide {\r\n\r\n  width: 100%;\r\n\r\n  clear: both;\r\n\r\n}\r\n\r\n\r\n#ot24-v3\r\n.woocommerce form\r\n.form-row label {\r\n\r\n  margin:\r\n    0 0 6px;\r\n\r\n  color: #41413e;\r\n\r\n  font-size: 10px;\r\n\r\n  font-weight: 500;\r\n\r\n  line-height: 1.4;\r\n\r\n}\r\n\r\n\r\n#ot24-v3\r\n.woocommerce form\r\n.form-row label .required {\r\n\r\n  color: #555;\r\n\r\n  text-decoration: none;\r\n\r\n}\r\n\r\n\r\n#ot24-v3\r\n.woocommerce form\r\ninput.input-text,\r\n\r\n#ot24-v3\r\n.woocommerce form textarea,\r\n\r\n#ot24-v3\r\n.woocommerce form select,\r\n\r\n#ot24-v3\r\n.select2-container\r\n.select2-selection--single {\r\n\r\n  width: 100%;\r\n\r\n  min-height: 52px;\r\n\r\n  background: #fff;\r\n\r\n  border:\r\n    1px solid #d4d4ce;\r\n\r\n  border-radius: 0;\r\n\r\n  box-shadow: none;\r\n\r\n  color: #111;\r\n\r\n  font-size: 14px;\r\n\r\n}\r\n\r\n\r\n#ot24-v3\r\n.woocommerce form\r\ninput.input-text,\r\n\r\n#ot24-v3\r\n.woocommerce form textarea {\r\n\r\n  padding:\r\n    12px 13px;\r\n\r\n}\r\n\r\n\r\n#ot24-v3\r\n.woocommerce form\r\ninput.input-text:focus,\r\n\r\n#ot24-v3\r\n.woocommerce form textarea:focus,\r\n\r\n#ot24-v3\r\n.woocommerce form select:focus,\r\n\r\n#ot24-v3\r\n.select2-container--focus\r\n.select2-selection--single {\r\n\r\n  outline: none;\r\n\r\n  border-color: #111;\r\n\r\n  box-shadow:\r\n    0 0 0 1px #111;\r\n\r\n}\r\n\r\n\r\n#ot24-v3\r\n.select2-container {\r\n\r\n  width: 100% !important;\r\n\r\n}\r\n\r\n\r\n#ot24-v3\r\n.select2-selection__rendered {\r\n\r\n  height: 50px;\r\n\r\n  line-height:\r\n    50px !important;\r\n\r\n  padding-left:\r\n    13px !important;\r\n\r\n  padding-right:\r\n    35px !important;\r\n\r\n}\r\n\r\n\r\n#ot24-v3\r\n.select2-selection__arrow {\r\n\r\n  height:\r\n    50px !important;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PHONE DESCRIPTION\r\n   ========================================================= *\/\r\n\r\n#ot24-v3\r\n#billing_phone_field\r\n.description {\r\n\r\n  display: block;\r\n\r\n  margin-top: 5px;\r\n\r\n  color: #858580;\r\n\r\n  font-size: 9px;\r\n\r\n  line-height: 1.5;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   DIFFERENT ADDRESS\r\n   ========================================================= *\/\r\n\r\n#ot24-v3\r\n.woocommerce-shipping-fields {\r\n\r\n  margin-top: 26px;\r\n\r\n}\r\n\r\n\r\n#ot24-v3\r\n#ship-to-different-address {\r\n\r\n  margin: 0;\r\n\r\n  padding-top: 20px;\r\n\r\n  border-top:\r\n    1px solid var(--line);\r\n\r\n  font-size: 12px;\r\n\r\n  font-weight: 500;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BUSINESS \/ TAX INFORMATION\r\n   ========================================================= *\/\r\n\r\n#ot24-v3 .ot24-business-tax {\r\n  margin-top: 28px;\r\n  margin-bottom: 38px;\r\n}\r\n\r\n#ot24-v3 .ot24-business-tax-toggle {\r\n  width: 100%;\r\n  min-height: 48px;\r\n  padding: 0;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  border: 0;\r\n  border-top: 1px solid var(--line);\r\n  border-bottom: 1px solid var(--line);\r\n  background: transparent;\r\n  color: #333330;\r\n  font-size: 10px;\r\n  font-weight: 500;\r\n  text-align: left;\r\n  cursor: pointer;\r\n}\r\n\r\n#ot24-v3 .ot24-business-tax-toggle-copy {\r\n  display: block;\r\n  min-width: 0;\r\n  padding: 10px 0;\r\n}\r\n\r\n#ot24-v3 .ot24-business-tax-toggle-title {\r\n  display: block;\r\n  font-size: 10px;\r\n  font-weight: 600;\r\n  letter-spacing: .08em;\r\n  text-transform: uppercase;\r\n}\r\n\r\n#ot24-v3 .ot24-business-tax-toggle-subtitle {\r\n  display: block;\r\n  margin-top: 3px;\r\n  color: var(--muted);\r\n  font-size: 9px;\r\n  line-height: 1.45;\r\n  font-weight: 400;\r\n  letter-spacing: 0;\r\n  text-transform: none;\r\n}\r\n\r\n#ot24-v3 .ot24-business-tax-toggle-icon {\r\n  flex: 0 0 auto;\r\n  margin-left: 14px;\r\n  color: #555550;\r\n  font-size: 16px;\r\n  font-weight: 300;\r\n  line-height: 1;\r\n  transition: transform .2s ease;\r\n}\r\n\r\n#ot24-v3 .ot24-business-tax.is-open\r\n.ot24-business-tax-toggle-icon {\r\n  transform: rotate(45deg);\r\n}\r\n\r\n#ot24-v3 .ot24-business-tax-fields {\r\n  display: none;\r\n  padding: 16px 0 2px;\r\n}\r\n\r\n#ot24-v3 .ot24-business-tax.is-open\r\n.ot24-business-tax-fields {\r\n  display: block;\r\n}\r\n\r\n#ot24-v3 .ot24-business-invoice-row {\r\n  display: flex;\r\n  align-items: flex-start;\r\n  gap: 9px;\r\n  margin: 0 0 16px;\r\n}\r\n\r\n#ot24-v3 .ot24-business-invoice-row input[type=\"checkbox\"] {\r\n  width: 15px;\r\n  height: 15px;\r\n  margin: 1px 0 0;\r\n  flex: 0 0 15px;\r\n  accent-color: #111;\r\n}\r\n\r\n#ot24-v3 .ot24-business-invoice-row label {\r\n  margin: 0;\r\n  color: #41413e;\r\n  font-size: 10px;\r\n  font-weight: 500;\r\n  line-height: 1.45;\r\n  cursor: pointer;\r\n}\r\n\r\n#ot24-v3 .ot24-business-invoice-help {\r\n  display: block;\r\n  margin-top: 2px;\r\n  color: var(--muted);\r\n  font-size: 8px;\r\n  font-weight: 400;\r\n  line-height: 1.5;\r\n}\r\n\r\n#ot24-v3 .ot24-business-custom-field {\r\n  margin-bottom: 14px;\r\n}\r\n\r\n#ot24-v3 .ot24-business-custom-field label {\r\n  display: block;\r\n  margin: 0 0 6px;\r\n  color: #41413e;\r\n  font-size: 10px;\r\n  font-weight: 500;\r\n  line-height: 1.4;\r\n}\r\n\r\n#ot24-v3 .ot24-business-custom-field input {\r\n  width: 100%;\r\n  min-height: 52px;\r\n  padding: 12px 13px;\r\n  background: #fff;\r\n  border: 1px solid #d4d4ce;\r\n  border-radius: 0;\r\n  box-shadow: none;\r\n  color: #111;\r\n  font-size: 14px;\r\n  font-family: inherit;\r\n}\r\n\r\n#ot24-v3 .ot24-business-custom-field input:focus {\r\n  outline: none;\r\n  border-color: #111;\r\n  box-shadow: 0 0 0 1px #111;\r\n}\r\n\r\n#ot24-v3 .ot24-business-custom-field .ot24-field-help {\r\n  display: block;\r\n  margin-top: 5px;\r\n  color: #858580;\r\n  font-size: 8px;\r\n  line-height: 1.5;\r\n}\r\n\r\n\/* Native WooCommerce company field moved into the optional block *\/\r\n#ot24-v3 .ot24-business-tax .ot24-native-company-field {\r\n  margin: 0 0 14px !important;\r\n  float: none !important;\r\n  width: 100% !important;\r\n  clear: both !important;\r\n}\r\n\r\n#ot24-v3 .ot24-business-tax .ot24-native-company-field label {\r\n  display: block;\r\n  margin: 0 0 6px !important;\r\n  color: #41413e;\r\n  font-size: 10px;\r\n  font-weight: 500;\r\n  line-height: 1.4;\r\n}\r\n\r\n#ot24-v3 .ot24-business-tax .ot24-native-company-field\r\ninput.input-text {\r\n  width: 100%;\r\n  min-height: 52px;\r\n  font-size: 14px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   DELIVERY\r\n   ========================================================= *\/\r\n\r\n#ot24-v3 .ot24-delivery {\r\n\r\n  margin-top: 38px;\r\n\r\n}\r\n\r\n\r\n#ot24-v3 .ot24-delivery-box {\r\n\r\n  min-height: 72px;\r\n\r\n  padding:\r\n    17px 18px;\r\n\r\n  display: flex;\r\n\r\n  align-items: center;\r\n  justify-content: space-between;\r\n\r\n  gap: 20px;\r\n\r\n  background:\r\n    #f6f6f2;\r\n\r\n  border:\r\n    1px solid #deded8;\r\n\r\n}\r\n\r\n\r\n#ot24-v3 .ot24-delivery-title {\r\n\r\n  display: block;\r\n\r\n  margin-bottom: 4px;\r\n\r\n  font-size: 11px;\r\n\r\n  font-weight: 500;\r\n\r\n}\r\n\r\n\r\n#ot24-v3 .ot24-delivery-copy {\r\n\r\n  color: var(--muted);\r\n\r\n  font-size: 9px;\r\n\r\n  line-height: 1.5;\r\n\r\n}\r\n\r\n\r\n#ot24-v3 .ot24-delivery-value {\r\n\r\n  flex: 0 0 auto;\r\n\r\n  max-width: 45%;\r\n\r\n  font-size: 10px;\r\n\r\n  font-weight: 600;\r\n\r\n  text-align: right;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ORDER NOTES\r\n   ========================================================= *\/\r\n\r\n#ot24-v3\r\n.woocommerce-additional-fields {\r\n\r\n  margin-top: 24px;\r\n\r\n}\r\n\r\n\r\n#ot24-v3\r\n.woocommerce-additional-fields > h3 {\r\n\r\n  display: none;\r\n\r\n}\r\n\r\n\r\n#ot24-v3\r\n.ot24-note-field > label {\r\n\r\n  display: none !important;\r\n\r\n}\r\n\r\n\r\n#ot24-v3\r\n.ot24-note-toggle {\r\n\r\n  width: 100%;\r\n\r\n  min-height: 48px;\r\n\r\n  padding: 0;\r\n\r\n  display: flex;\r\n\r\n  align-items: center;\r\n  justify-content: space-between;\r\n\r\n  border: 0;\r\n\r\n  border-top:\r\n    1px solid var(--line);\r\n\r\n  border-bottom:\r\n    1px solid var(--line);\r\n\r\n  background: transparent;\r\n\r\n  color: #333330;\r\n\r\n  font-size: 10px;\r\n  font-weight: 500;\r\n\r\n  cursor: pointer;\r\n\r\n}\r\n\r\n\r\n#ot24-v3\r\n.ot24-note-icon {\r\n\r\n  font-size: 16px;\r\n\r\n  font-weight: 300;\r\n\r\n  transition:\r\n    transform .2s ease;\r\n\r\n}\r\n\r\n\r\n#ot24-v3\r\n.ot24-note-field\r\n.woocommerce-input-wrapper {\r\n\r\n  display: none;\r\n\r\n  padding-top: 12px;\r\n\r\n}\r\n\r\n\r\n#ot24-v3\r\n.ot24-note-field.is-open\r\n.woocommerce-input-wrapper {\r\n\r\n  display: block;\r\n\r\n}\r\n\r\n\r\n#ot24-v3\r\n.ot24-note-field.is-open\r\n.ot24-note-icon {\r\n\r\n  transform:\r\n    rotate(45deg);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PAYMENT\r\n   ========================================================= *\/\r\n\r\n#ot24-v3 .ot24-payment {\r\n\r\n  margin-top: 38px;\r\n\r\n}\r\n\r\n\r\n#ot24-v3\r\n#payment,\r\n\r\n#ot24-v3\r\n.woocommerce-checkout-payment {\r\n\r\n  background:\r\n    transparent !important;\r\n\r\n  border-radius:\r\n    0 !important;\r\n\r\n}\r\n\r\n\r\n#ot24-v3\r\n#payment\r\nul.payment_methods {\r\n\r\n  margin: 0 !important;\r\n\r\n  padding: 0 !important;\r\n\r\n  border: 0 !important;\r\n\r\n}\r\n\r\n\r\n#ot24-v3\r\n#payment\r\nul.payment_methods > li {\r\n\r\n  margin:\r\n    0 0 9px !important;\r\n\r\n  padding:\r\n    16px !important;\r\n\r\n  background: #fff;\r\n\r\n  border:\r\n    1px solid var(--line);\r\n\r\n}\r\n\r\n\r\n#ot24-v3\r\n#payment\r\nul.payment_methods > li:has(input:checked) {\r\n\r\n  border-color: #111;\r\n\r\n}\r\n\r\n\r\n#ot24-v3\r\n#payment\r\n.payment_box {\r\n\r\n  margin:\r\n    13px 0 0 !important;\r\n\r\n  padding:\r\n    13px !important;\r\n\r\n  background:\r\n    #f5f5f1 !important;\r\n\r\n  color:\r\n    #64645f !important;\r\n\r\n  font-size:\r\n    10px !important;\r\n\r\n  line-height: 1.55;\r\n\r\n}\r\n\r\n\r\n#ot24-v3\r\n#payment\r\n.payment_box::before {\r\n\r\n  display: none;\r\n\r\n}\r\n\r\n\r\n#ot24-v3\r\n#payment\r\n.place-order {\r\n\r\n  margin:\r\n    20px 0 0 !important;\r\n\r\n  padding:\r\n    0 !important;\r\n\r\n}\r\n\r\n\r\n#ot24-v3\r\n#payment\r\n.woocommerce-privacy-policy-text,\r\n\r\n#ot24-v3\r\n#payment\r\n.woocommerce-terms-and-conditions-wrapper {\r\n\r\n  color: var(--muted);\r\n\r\n  font-size: 9px;\r\n\r\n  line-height: 1.6;\r\n\r\n}\r\n\r\n\r\n#ot24-v3\r\n#payment a {\r\n\r\n  text-decoration:\r\n    underline;\r\n\r\n  text-underline-offset:\r\n    2px;\r\n\r\n}\r\n\r\n\r\n#ot24-v3\r\n#place_order {\r\n\r\n  width:\r\n    100% !important;\r\n\r\n  min-height:\r\n    57px !important;\r\n\r\n  margin:\r\n    0 !important;\r\n\r\n  float:\r\n    none !important;\r\n\r\n  border:\r\n    1px solid #111 !important;\r\n\r\n  border-radius:\r\n    0 !important;\r\n\r\n  background:\r\n    #111 !important;\r\n\r\n  color:\r\n    #fff !important;\r\n\r\n  font-size:\r\n    10px !important;\r\n\r\n  font-weight:\r\n    600 !important;\r\n\r\n  letter-spacing:\r\n    .11em !important;\r\n\r\n  text-transform:\r\n    uppercase;\r\n\r\n}\r\n\r\n\r\n#ot24-v3\r\n#place_order:hover {\r\n\r\n  background:\r\n    #292929 !important;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PAYPAL SAFETY\r\n   ========================================================= *\/\r\n\r\n#ot24-v3\r\n#payment iframe,\r\n\r\n#ot24-v3\r\n.ppcp-button-wrapper,\r\n\r\n#ot24-v3\r\n[id^=\"ppc-button-\"] {\r\n\r\n  width:\r\n    100% !important;\r\n\r\n  max-width:\r\n    100% !important;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SUMMARY TITLE\r\n   ========================================================= *\/\r\n\r\n#ot24-v3\r\n#order_review_heading {\r\n\r\n  margin:\r\n    0 0 18px !important;\r\n\r\n  padding:\r\n    0 0 14px;\r\n\r\n  border-bottom:\r\n    1px solid var(--line-dark);\r\n\r\n  font-size:\r\n    10px !important;\r\n\r\n  font-weight:\r\n    600 !important;\r\n\r\n  letter-spacing:\r\n    .12em;\r\n\r\n  text-transform:\r\n    uppercase;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   REVIEW TABLE\r\n   ========================================================= *\/\r\n\r\n#ot24-v3\r\n.woocommerce-checkout-review-order-table {\r\n\r\n  width: 100%;\r\n\r\n  margin:\r\n    0 !important;\r\n\r\n  border:\r\n    0 !important;\r\n\r\n  border-collapse:\r\n    collapse;\r\n\r\n  background:\r\n    transparent;\r\n\r\n}\r\n\r\n\r\n#ot24-v3\r\n.woocommerce-checkout-review-order-table\r\nth,\r\n\r\n#ot24-v3\r\n.woocommerce-checkout-review-order-table\r\ntd {\r\n\r\n  padding:\r\n    13px 0 !important;\r\n\r\n  border:\r\n    0 !important;\r\n\r\n  border-bottom:\r\n    1px solid #d1d1cb !important;\r\n\r\n  background:\r\n    transparent !important;\r\n\r\n  font-size:\r\n    10px;\r\n\r\n  line-height: 1.5;\r\n\r\n  vertical-align:\r\n    middle;\r\n\r\n}\r\n\r\n\r\n#ot24-v3\r\n.woocommerce-checkout-review-order-table\r\nth {\r\n\r\n  text-align: left;\r\n\r\n  font-weight: 500;\r\n\r\n}\r\n\r\n\r\n#ot24-v3\r\n.woocommerce-checkout-review-order-table\r\ntd {\r\n\r\n  text-align: right;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PRODUCT THUMBNAIL\r\n   ========================================================= *\/\r\n\r\n#ot24-v3\r\n.ot24-review-product {\r\n\r\n  display: flex;\r\n\r\n  align-items: center;\r\n\r\n  gap: 13px;\r\n\r\n}\r\n\r\n\r\n#ot24-v3\r\n.ot24-review-product-image {\r\n\r\n  flex:\r\n    0 0 72px;\r\n\r\n  width: 72px;\r\n  height: 72px;\r\n\r\n  padding: 5px;\r\n\r\n  display: flex;\r\n\r\n  align-items: center;\r\n  justify-content: center;\r\n\r\n  background: #fff;\r\n\r\n  border:\r\n    1px solid #d9d9d3;\r\n\r\n}\r\n\r\n\r\n#ot24-v3\r\n.ot24-checkout-product-image {\r\n\r\n  display: block;\r\n\r\n  width: 100%;\r\n  height: 100%;\r\n\r\n  object-fit: contain;\r\n\r\n}\r\n\r\n\r\n#ot24-v3\r\n.ot24-review-product-name {\r\n\r\n  display: block;\r\n\r\n  min-width: 0;\r\n\r\n  text-align: left;\r\n\r\n  font-size: 10px;\r\n\r\n  font-weight: 500;\r\n\r\n  line-height: 1.5;\r\n\r\n}\r\n\r\n\r\n#ot24-v3\r\n.product-name {\r\n\r\n  text-align:\r\n    left !important;\r\n\r\n  padding-right:\r\n    15px !important;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TOTAL\r\n   ========================================================= *\/\r\n\r\n#ot24-v3\r\n.order-total th,\r\n\r\n#ot24-v3\r\n.order-total td {\r\n\r\n  padding-top:\r\n    18px !important;\r\n\r\n  border-bottom:\r\n    0 !important;\r\n\r\n  color: #111;\r\n\r\n  font-size:\r\n    15px !important;\r\n\r\n  font-weight:\r\n    600 !important;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TRUST\r\n   ========================================================= *\/\r\n\r\n#ot24-v3 .ot24-trust {\r\n\r\n  margin-top: 24px;\r\n\r\n  padding-top: 20px;\r\n\r\n  border-top:\r\n    1px solid var(--line-dark);\r\n\r\n}\r\n\r\n\r\n#ot24-v3 .ot24-trust-item {\r\n\r\n  margin-bottom: 15px;\r\n\r\n  display: flex;\r\n\r\n  align-items: flex-start;\r\n\r\n  gap: 10px;\r\n\r\n}\r\n\r\n\r\n#ot24-v3 .ot24-trust-item svg {\r\n\r\n  flex:\r\n    0 0 15px;\r\n\r\n  width: 15px;\r\n  height: 15px;\r\n\r\n  fill: none;\r\n  stroke: #333;\r\n\r\n  stroke-width: 1.25;\r\n\r\n}\r\n\r\n\r\n#ot24-v3 .ot24-trust-title {\r\n\r\n  display: block;\r\n\r\n  margin-bottom: 2px;\r\n\r\n  font-size: 9px;\r\n\r\n  font-weight: 600;\r\n\r\n}\r\n\r\n\r\n#ot24-v3 .ot24-trust-copy {\r\n\r\n  color: var(--muted);\r\n\r\n  font-size: 8px;\r\n\r\n  line-height: 1.5;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TAXES & CUSTOMS NOTICE\r\n   ========================================================= *\/\r\n\r\n#ot24-v3 .ot24-tax-notice {\r\n\r\n  margin-top: 20px;\r\n\r\n  padding:\r\n    15px 0 16px;\r\n\r\n  border-top:\r\n    1px solid var(--line-dark);\r\n\r\n  border-bottom:\r\n    1px solid var(--line);\r\n\r\n}\r\n\r\n\r\n#ot24-v3 .ot24-tax-title {\r\n\r\n  display: block;\r\n\r\n  margin-bottom: 6px;\r\n\r\n  color: #111;\r\n\r\n  font-size: 9px;\r\n\r\n  font-weight: 600;\r\n\r\n  letter-spacing: .12em;\r\n\r\n  text-transform: uppercase;\r\n\r\n}\r\n\r\n\r\n#ot24-v3 .ot24-tax-copy {\r\n\r\n  margin: 0;\r\n\r\n  color: var(--muted);\r\n\r\n  font-size: 8px;\r\n\r\n  line-height: 1.6;\r\n\r\n}\r\n\r\n\r\n#ot24-v3 .ot24-tax-copy strong {\r\n\r\n  color: #111;\r\n\r\n  font-weight: 600;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SELLER IDENTITY\r\n   ========================================================= *\/\r\n\r\n#ot24-v3 .ot24-seller-identity {\r\n\r\n  margin-top: 18px;\r\n\r\n  padding:\r\n    14px 0 15px;\r\n\r\n  border-bottom:\r\n    1px solid var(--line);\r\n\r\n}\r\n\r\n#ot24-v3 .ot24-seller-label {\r\n\r\n  display: block;\r\n\r\n  margin-bottom: 6px;\r\n\r\n  color: #111;\r\n\r\n  font-size: 9px;\r\n\r\n  font-weight: 600;\r\n\r\n  letter-spacing: .12em;\r\n\r\n  text-transform: uppercase;\r\n\r\n}\r\n\r\n#ot24-v3 .ot24-seller-brand {\r\n\r\n  display: block;\r\n\r\n  color: #222;\r\n\r\n  font-size: 9px;\r\n\r\n  line-height: 1.5;\r\n\r\n  font-weight: 500;\r\n\r\n}\r\n\r\n#ot24-v3 .ot24-seller-legal {\r\n\r\n  display: block;\r\n\r\n  margin-top: 3px;\r\n\r\n  color: var(--muted);\r\n\r\n  font-size: 8px;\r\n\r\n  line-height: 1.5;\r\n\r\n}\r\n\r\n#ot24-v3 .ot24-seller-legal strong {\r\n\r\n  color: #111;\r\n\r\n  font-weight: 500;\r\n\r\n}\r\n\r\n@media (max-width: 900px) {\r\n\r\n  #ot24-v3 .ot24-seller-identity {\r\n\r\n    margin-top: 15px;\r\n\r\n    padding:\r\n      12px 0 13px;\r\n\r\n  }\r\n\r\n  #ot24-v3 .ot24-seller-brand {\r\n\r\n    font-size: 9px;\r\n\r\n  }\r\n\r\n  #ot24-v3 .ot24-seller-legal {\r\n\r\n    font-size: 8px;\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SUPPORT\r\n   ========================================================= *\/\r\n\r\n#ot24-v3 .ot24-summary-support {\r\n\r\n  margin-top: 20px;\r\n\r\n  padding-top: 18px;\r\n\r\n  border-top:\r\n    1px solid var(--line-dark);\r\n\r\n}\r\n\r\n\r\n#ot24-v3 .ot24-summary-support h3 {\r\n\r\n  margin:\r\n    0 0 6px;\r\n\r\n  font-size: 10px;\r\n\r\n  font-weight: 600;\r\n\r\n}\r\n\r\n\r\n#ot24-v3 .ot24-summary-support p {\r\n\r\n  margin:\r\n    0 0 9px;\r\n\r\n  color: var(--muted);\r\n\r\n  font-size: 8px;\r\n\r\n  line-height: 1.55;\r\n\r\n}\r\n\r\n\r\n#ot24-v3 .ot24-summary-support a {\r\n\r\n  padding-bottom: 2px;\r\n\r\n  border-bottom:\r\n    1px solid #777;\r\n\r\n  font-size: 8px;\r\n\r\n  font-weight: 600;\r\n\r\n  letter-spacing: .09em;\r\n\r\n  text-transform: uppercase;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE SUMMARY BUTTON\r\n   ========================================================= *\/\r\n\r\n#ot24-v3 .ot24-summary-toggle {\r\n\r\n  display: none;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ERRORS\r\n   ========================================================= *\/\r\n\r\n#ot24-v3\r\n.woocommerce-error,\r\n\r\n#ot24-v3\r\n.woocommerce-message,\r\n\r\n#ot24-v3\r\n.woocommerce-info {\r\n\r\n  margin:\r\n    0 0 18px !important;\r\n\r\n  padding:\r\n    14px 16px !important;\r\n\r\n  border:\r\n    1px solid var(--line) !important;\r\n\r\n  border-top:\r\n    1px solid var(--line) !important;\r\n\r\n  border-radius: 0;\r\n\r\n  background: #fff;\r\n\r\n  color: #444;\r\n\r\n  font-size: 10px;\r\n\r\n  line-height: 1.55;\r\n\r\n}\r\n\r\n\r\n#ot24-v3\r\n.woocommerce-error {\r\n\r\n  border-color:\r\n    #d8aaa2 !important;\r\n\r\n  color:\r\n    var(--danger);\r\n\r\n}\r\n\r\n\r\n#ot24-v3\r\n.woocommerce-invalid\r\ninput.input-text,\r\n\r\n#ot24-v3\r\n.woocommerce-invalid\r\n.select2-selection {\r\n\r\n  border-color:\r\n    var(--danger) !important;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LOADING \/ FALLBACK\r\n   ========================================================= *\/\r\n\r\n#ot24-v3 .ot24-loading,\r\n#ot24-v3 .ot24-fallback {\r\n\r\n  min-height: 260px;\r\n\r\n  padding: 60px 20px;\r\n\r\n  display: flex;\r\n  flex-direction: column;\r\n\r\n  align-items: center;\r\n  justify-content: center;\r\n\r\n  text-align: center;\r\n\r\n  background: #fff;\r\n\r\n  border:\r\n    1px solid var(--line);\r\n\r\n}\r\n\r\n\r\n#ot24-v3 .ot24-loading-title,\r\n#ot24-v3 .ot24-fallback-title {\r\n\r\n  margin:\r\n    0 0 8px;\r\n\r\n  font-size: 14px;\r\n\r\n  font-weight: 500;\r\n\r\n}\r\n\r\n\r\n#ot24-v3 .ot24-loading-text,\r\n#ot24-v3 .ot24-fallback-text {\r\n\r\n  max-width: 430px;\r\n\r\n  margin: 0;\r\n\r\n  color: var(--muted);\r\n\r\n  font-size: 10px;\r\n\r\n  line-height: 1.6;\r\n\r\n}\r\n\r\n\r\n#ot24-v3 .ot24-fallback-actions {\r\n\r\n  margin-top: 20px;\r\n\r\n  display: flex;\r\n\r\n  gap: 9px;\r\n\r\n}\r\n\r\n\r\n#ot24-v3 .ot24-fallback-button {\r\n\r\n  min-height: 44px;\r\n\r\n  padding:\r\n    0 18px;\r\n\r\n  display: inline-flex;\r\n\r\n  align-items: center;\r\n  justify-content: center;\r\n\r\n  border:\r\n    1px solid #111;\r\n\r\n  background: #111;\r\n\r\n  color: #fff;\r\n\r\n  font-size: 9px;\r\n\r\n  font-weight: 600;\r\n\r\n  letter-spacing: .08em;\r\n\r\n  text-transform: uppercase;\r\n\r\n}\r\n\r\n\r\n#ot24-v3\r\n.ot24-fallback-button.secondary {\r\n\r\n  background: #fff;\r\n\r\n  color: #111;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   POST CHECKOUT HELP\r\n   ========================================================= *\/\r\n\r\n#ot24-v3 .ot24-help {\r\n\r\n  display: none;\r\n\r\n  margin-top: 38px;\r\n\r\n  padding-top: 25px;\r\n\r\n  border-top:\r\n    1px solid var(--line);\r\n\r\n  justify-content:\r\n    space-between;\r\n\r\n  gap: 25px;\r\n\r\n}\r\n\r\n\r\n#ot24-v3.is-ready\r\n.ot24-help {\r\n\r\n  display: flex;\r\n\r\n}\r\n\r\n\r\n#ot24-v3 .ot24-help h3 {\r\n\r\n  margin:\r\n    0 0 6px;\r\n\r\n  font-size: 11px;\r\n\r\n  font-weight: 500;\r\n\r\n}\r\n\r\n\r\n#ot24-v3 .ot24-help p {\r\n\r\n  max-width: 560px;\r\n\r\n  margin: 0;\r\n\r\n  color: var(--muted);\r\n\r\n  font-size: 9px;\r\n\r\n  line-height: 1.6;\r\n\r\n}\r\n\r\n\r\n#ot24-v3 .ot24-help a {\r\n\r\n  flex:\r\n    0 0 auto;\r\n\r\n  align-self:\r\n    flex-start;\r\n\r\n  padding-bottom: 3px;\r\n\r\n  border-bottom:\r\n    1px solid #777;\r\n\r\n  font-size: 8px;\r\n\r\n  font-weight: 600;\r\n\r\n  letter-spacing: .1em;\r\n\r\n  text-transform: uppercase;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FOOTER\r\n   ========================================================= *\/\r\n\r\n#ot24-v3 .ot24-footer {\r\n\r\n  background: #fff;\r\n\r\n  border-top:\r\n    1px solid var(--line);\r\n\r\n}\r\n\r\n\r\n#ot24-v3 .ot24-footer-inner {\r\n\r\n  width:\r\n    min(1220px, calc(100% - 64px));\r\n\r\n  min-height: 70px;\r\n\r\n  margin:\r\n    0 auto;\r\n\r\n  display: flex;\r\n\r\n  align-items: center;\r\n  justify-content: space-between;\r\n\r\n  gap: 25px;\r\n\r\n}\r\n\r\n\r\n#ot24-v3 .ot24-footer-copy {\r\n\r\n  color: #777771;\r\n\r\n  font-size: 8px;\r\n\r\n}\r\n\r\n\r\n#ot24-v3 .ot24-footer-links {\r\n\r\n  display: flex;\r\n\r\n  gap: 16px;\r\n\r\n  flex-wrap: wrap;\r\n\r\n}\r\n\r\n\r\n#ot24-v3 .ot24-footer-links a {\r\n\r\n  color: #686863;\r\n\r\n  font-size: 8px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE STICKY PAY BAR\r\n   ========================================================= *\/\r\n\r\n.ot24-mobile-paybar {\r\n\r\n  display: none;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 1050px) {\r\n\r\n  #ot24-v3\r\n  form.checkout.ot24-v3-enhanced {\r\n\r\n    gap: 32px;\r\n\r\n    grid-template-columns:\r\n      minmax(0, 1fr)\r\n      minmax(330px, .8fr);\r\n\r\n  }\r\n\r\n\r\n  #ot24-v3 .ot24-form-column {\r\n\r\n    padding:\r\n      30px;\r\n\r\n  }\r\n\r\n\r\n  #ot24-v3 .ot24-summary-column {\r\n\r\n    padding:\r\n      26px;\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 900px) {\r\n\r\n\r\n  #ot24-v3 {\r\n\r\n    padding-bottom:\r\n      calc(\r\n        82px +\r\n        env(safe-area-inset-bottom)\r\n      );\r\n\r\n  }\r\n\r\n\r\n  #ot24-v3 .ot24-header {\r\n\r\n    height: 62px;\r\n\r\n  }\r\n\r\n\r\n  #ot24-v3 .ot24-header-inner,\r\n  #ot24-v3 .ot24-main,\r\n  #ot24-v3 .ot24-footer-inner {\r\n\r\n    width:\r\n      calc(100% - 32px);\r\n\r\n  }\r\n\r\n\r\n  #ot24-v3 .ot24-logo {\r\n\r\n    font-size: 14px;\r\n\r\n  }\r\n\r\n\r\n  #ot24-v3 .ot24-secure span {\r\n\r\n    display: none;\r\n\r\n  }\r\n\r\n\r\n  #ot24-v3 .ot24-progress {\r\n\r\n    min-height: 40px;\r\n\r\n    gap: 9px;\r\n\r\n  }\r\n\r\n\r\n  #ot24-v3 .ot24-progress-item {\r\n\r\n    font-size: 8px;\r\n\r\n  }\r\n\r\n\r\n  #ot24-v3 .ot24-progress-line {\r\n\r\n    width: 16px;\r\n\r\n  }\r\n\r\n\r\n  #ot24-v3 .ot24-main {\r\n\r\n    padding:\r\n      27px 0 43px;\r\n\r\n  }\r\n\r\n\r\n  \/*\r\n   * Much shorter introduction on mobile\r\n   *\/\r\n\r\n  #ot24-v3 .ot24-intro {\r\n\r\n    margin-bottom: 22px;\r\n\r\n  }\r\n\r\n\r\n  #ot24-v3 .ot24-eyebrow {\r\n\r\n    display: none;\r\n\r\n  }\r\n\r\n\r\n  #ot24-v3 .ot24-title {\r\n\r\n    font-size: 26px;\r\n\r\n  }\r\n\r\n\r\n  #ot24-v3 .ot24-intro-text {\r\n\r\n    display: none;\r\n\r\n  }\r\n\r\n\r\n  \/*\r\n   * ONE COLUMN\r\n   *\/\r\n\r\n  #ot24-v3\r\n  form.checkout.ot24-v3-enhanced {\r\n\r\n    display: flex;\r\n\r\n    flex-direction: column;\r\n\r\n    gap: 18px;\r\n\r\n  }\r\n\r\n\r\n  \/*\r\n   * SUMMARY FIRST\r\n   *\/\r\n\r\n  #ot24-v3\r\n  .ot24-summary-column {\r\n\r\n    order: 1;\r\n\r\n    width: 100%;\r\n\r\n    position: static;\r\n\r\n    padding:\r\n      17px 18px;\r\n\r\n  }\r\n\r\n\r\n  #ot24-v3\r\n  .ot24-form-column {\r\n\r\n    order: 2;\r\n\r\n    width: 100%;\r\n\r\n    padding:\r\n      25px 18px 28px;\r\n\r\n  }\r\n\r\n\r\n  \/*\r\n   * Summary accordion\r\n   *\/\r\n\r\n  #ot24-v3\r\n  .ot24-summary-toggle {\r\n\r\n    width: 100%;\r\n\r\n    padding: 0;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n    justify-content: space-between;\r\n\r\n    border: 0;\r\n\r\n    background: transparent;\r\n\r\n    color: #111;\r\n\r\n    cursor: pointer;\r\n\r\n  }\r\n\r\n\r\n  #ot24-v3\r\n  .ot24-summary-toggle-left {\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 8px;\r\n\r\n  }\r\n\r\n\r\n  #ot24-v3\r\n  .ot24-summary-toggle-label {\r\n\r\n    font-size: 9px;\r\n\r\n    font-weight: 600;\r\n\r\n    letter-spacing: .1em;\r\n\r\n    text-transform: uppercase;\r\n\r\n  }\r\n\r\n\r\n  #ot24-v3\r\n  .ot24-summary-toggle svg {\r\n\r\n    width: 12px;\r\n    height: 12px;\r\n\r\n    fill: none;\r\n    stroke: currentColor;\r\n\r\n    transition:\r\n      transform .2s ease;\r\n\r\n  }\r\n\r\n\r\n  #ot24-v3\r\n  .ot24-summary-column.is-open\r\n  .ot24-summary-toggle svg {\r\n\r\n    transform:\r\n      rotate(180deg);\r\n\r\n  }\r\n\r\n\r\n  #ot24-v3\r\n  .ot24-mobile-total {\r\n\r\n    font-size: 14px;\r\n\r\n    font-weight: 600;\r\n\r\n  }\r\n\r\n\r\n  #ot24-v3\r\n  #order_review_heading {\r\n\r\n    display: none;\r\n\r\n  }\r\n\r\n\r\n  #ot24-v3\r\n  .ot24-summary-column:not(.is-open)\r\n  #order_review,\r\n\r\n  #ot24-v3\r\n  .ot24-summary-column:not(.is-open)\r\n  .ot24-trust,\r\n\r\n  #ot24-v3\r\n  .ot24-summary-column:not(.is-open)\r\n  .ot24-summary-support {\r\n\r\n    display: none;\r\n\r\n  }\r\n\r\n\r\n  #ot24-v3\r\n  .ot24-summary-column.is-open\r\n  #order_review {\r\n\r\n    display: block;\r\n\r\n    margin-top: 17px;\r\n\r\n    padding-top: 5px;\r\n\r\n    border-top:\r\n      1px solid var(--line-dark);\r\n\r\n  }\r\n\r\n\r\n  \/*\r\n   * MOBILE FIELDS\r\n   *\/\r\n\r\n  #ot24-v3\r\n  .ot24-contact-fields {\r\n\r\n    grid-template-columns: 1fr;\r\n\r\n  }\r\n\r\n\r\n  #ot24-v3\r\n  .woocommerce form\r\n  .form-row-first,\r\n\r\n  #ot24-v3\r\n  .woocommerce form\r\n  .form-row-last {\r\n\r\n    width:\r\n      100% !important;\r\n\r\n    float:\r\n      none !important;\r\n\r\n  }\r\n\r\n\r\n  #ot24-v3\r\n  .woocommerce form\r\n  input.input-text,\r\n\r\n  #ot24-v3\r\n  .woocommerce form textarea,\r\n\r\n  #ot24-v3\r\n  .woocommerce form select,\r\n\r\n  #ot24-v3\r\n  .select2-container\r\n  .select2-selection--single {\r\n\r\n    min-height: 54px;\r\n\r\n    font-size: 16px;\r\n\r\n  }\r\n\r\n\r\n  #ot24-v3\r\n  .select2-selection__rendered {\r\n\r\n    height: 52px;\r\n\r\n    line-height:\r\n      52px !important;\r\n\r\n    font-size: 16px;\r\n\r\n  }\r\n\r\n\r\n  #ot24-v3\r\n  .select2-selection__arrow {\r\n\r\n    height:\r\n      52px !important;\r\n\r\n  }\r\n\r\n\r\n  #ot24-v3\r\n  .ot24-review-product-image {\r\n\r\n    flex-basis: 64px;\r\n\r\n    width: 64px;\r\n    height: 64px;\r\n\r\n  }\r\n\r\n\r\n  \/*\r\n   * HELP\r\n   *\/\r\n\r\n  #ot24-v3\r\n  .ot24-help {\r\n\r\n    display: none;\r\n\r\n  }\r\n\r\n\r\n  #ot24-v3.is-ready\r\n  .ot24-help {\r\n\r\n    display: block;\r\n\r\n  }\r\n\r\n\r\n  #ot24-v3\r\n  .ot24-help a {\r\n\r\n    display: inline-block;\r\n\r\n    margin-top: 14px;\r\n\r\n  }\r\n\r\n\r\n  \/*\r\n   * FOOTER\r\n   *\/\r\n\r\n  #ot24-v3\r\n  .ot24-footer-inner {\r\n\r\n    min-height: 96px;\r\n\r\n    padding:\r\n      21px 0;\r\n\r\n    display: block;\r\n\r\n  }\r\n\r\n\r\n  #ot24-v3\r\n  .ot24-footer-links {\r\n\r\n    margin-top: 12px;\r\n\r\n    gap:\r\n      10px 14px;\r\n\r\n  }\r\n\r\n\r\n  \/* =====================================================\r\n     STICKY PAY BAR\r\n     ===================================================== *\/\r\n\r\n  .ot24-mobile-paybar {\r\n\r\n    position: fixed;\r\n\r\n    left: 50%;\r\n\r\n    bottom:\r\n      calc(\r\n        9px +\r\n        env(safe-area-inset-bottom)\r\n      );\r\n\r\n    transform:\r\n      translateX(-50%);\r\n\r\n    z-index: 99999;\r\n\r\n    width:\r\n      calc(100% - 20px);\r\n\r\n    max-width:\r\n      520px;\r\n\r\n    min-height: 66px;\r\n\r\n    padding:\r\n      8px 8px 8px 14px;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n    justify-content: space-between;\r\n\r\n    gap: 10px;\r\n\r\n    background:\r\n      rgba(255,255,255,.97);\r\n\r\n    border:\r\n      1px solid #d3d3cd;\r\n\r\n    box-shadow:\r\n      0 6px 25px\r\n      rgba(0,0,0,.13);\r\n\r\n    backdrop-filter:\r\n      blur(14px);\r\n\r\n    -webkit-backdrop-filter:\r\n      blur(14px);\r\n\r\n    transition:\r\n      opacity .18s ease,\r\n      transform .18s ease;\r\n\r\n  }\r\n\r\n\r\n  .ot24-mobile-paybar.hidden {\r\n\r\n    opacity: 0;\r\n\r\n    pointer-events: none;\r\n\r\n    transform:\r\n      translate(-50%, 12px);\r\n\r\n  }\r\n\r\n\r\n  .ot24-mobile-paybar.keyboard {\r\n\r\n    display: none;\r\n\r\n  }\r\n\r\n\r\n  .ot24-paybar-label {\r\n\r\n    display: block;\r\n\r\n    margin-bottom: 2px;\r\n\r\n    color: #767670;\r\n\r\n    font-size: 7px;\r\n\r\n    font-weight: 600;\r\n\r\n    letter-spacing: .12em;\r\n\r\n    text-transform: uppercase;\r\n\r\n  }\r\n\r\n\r\n  .ot24-paybar-total {\r\n\r\n    display: block;\r\n\r\n    color: #111;\r\n\r\n    font-size: 16px;\r\n\r\n    font-weight: 600;\r\n\r\n    line-height: 1.2;\r\n\r\n  }\r\n\r\n\r\n  .ot24-paybar-button {\r\n\r\n    min-width: 143px;\r\n\r\n    height: 49px;\r\n\r\n    padding:\r\n      0 18px;\r\n\r\n    border: 0;\r\n\r\n    border-radius: 0;\r\n\r\n    background: #111;\r\n\r\n    color: #fff;\r\n\r\n    font-size: 10px;\r\n\r\n    font-weight: 600;\r\n\r\n    letter-spacing: .1em;\r\n\r\n    text-transform: uppercase;\r\n\r\n    cursor: pointer;\r\n\r\n  }\r\n\r\n\r\n  .ot24-mobile-toast {\r\n\r\n    position: fixed;\r\n\r\n    left: 50%;\r\n\r\n    bottom:\r\n      calc(\r\n        86px +\r\n        env(safe-area-inset-bottom)\r\n      );\r\n\r\n    transform:\r\n      translate(-50%, 8px);\r\n\r\n    z-index: 100000;\r\n\r\n    width:\r\n      calc(100% - 32px);\r\n\r\n    max-width:\r\n      480px;\r\n\r\n    padding:\r\n      11px 14px;\r\n\r\n    background: #111;\r\n\r\n    color: #fff;\r\n\r\n    font-size: 9px;\r\n\r\n    line-height: 1.45;\r\n\r\n    text-align: center;\r\n\r\n    opacity: 0;\r\n\r\n    pointer-events: none;\r\n\r\n    transition:\r\n      opacity .18s ease,\r\n      transform .18s ease;\r\n\r\n  }\r\n\r\n\r\n  .ot24-mobile-toast.visible {\r\n\r\n    opacity: 1;\r\n\r\n    transform:\r\n      translate(-50%, 0);\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SMALL PHONE\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 380px) {\r\n\r\n  .ot24-paybar-button {\r\n\r\n    min-width: 126px;\r\n\r\n    padding:\r\n      0 13px;\r\n\r\n  }\r\n\r\n\r\n  .ot24-paybar-total {\r\n\r\n    font-size: 14px;\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ACCESSIBILITY\r\n   ========================================================= *\/\r\n\r\n@media\r\n(prefers-reduced-motion: reduce) {\r\n\r\n  #ot24-v3 *,\r\n  .ot24-mobile-paybar,\r\n  .ot24-mobile-toast {\r\n\r\n    transition:\r\n      none !important;\r\n\r\n    scroll-behavior:\r\n      auto !important;\r\n\r\n  }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<div id=\"ot24-v3\">\r\n\r\n  <!-- HEADER -->\r\n\r\n  <header class=\"ot24-header\">\r\n\r\n    <div class=\"ot24-header-inner\">\r\n\r\n      <a\r\n        href=\"https:\/\/flyingontime.com\/\"\r\n        class=\"ot24-logo\"\r\n      >\r\n        ON TIME 24\r\n      <\/a>\r\n\r\n\r\n      <div class=\"ot24-secure\">\r\n\r\n        <svg viewBox=\"0 0 24 24\">\r\n          <rect\r\n            x=\"5\"\r\n            y=\"10\"\r\n            width=\"14\"\r\n            height=\"10\"\r\n            rx=\"1\"\r\n          ><\/rect>\r\n\r\n          <path\r\n            d=\"M8 10V7a4 4 0 0 1 8 0v3\"\r\n          ><\/path>\r\n        <\/svg>\r\n\r\n        <span>\r\n          SECURE CHECKOUT\r\n        <\/span>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/header>\r\n\r\n\r\n  <!-- PROGRESS -->\r\n\r\n  <nav class=\"ot24-progress\">\r\n\r\n    <a\r\n      href=\"https:\/\/flyingontime.com\/cart\/\"\r\n      class=\"ot24-progress-item\"\r\n    >\r\n      Cart\r\n    <\/a>\r\n\r\n    <span class=\"ot24-progress-line\"><\/span>\r\n\r\n    <span\r\n      class=\"ot24-progress-item active\"\r\n    >\r\n      Checkout\r\n    <\/span>\r\n\r\n    <span class=\"ot24-progress-line\"><\/span>\r\n\r\n    <span class=\"ot24-progress-item\">\r\n      Confirmation\r\n    <\/span>\r\n\r\n  <\/nav>\r\n\r\n\r\n  <!-- MAIN -->\r\n\r\n  <main class=\"ot24-main\">\r\n\r\n    <section class=\"ot24-intro\">\r\n\r\n      <p class=\"ot24-eyebrow\">\r\n        Secure checkout\r\n      <\/p>\r\n\r\n      <h1 class=\"ot24-title\">\r\n        Complete your order.\r\n      <\/h1>\r\n\r\n      <p class=\"ot24-intro-text\">\r\n        Review your delivery details and\r\n        choose your preferred payment method\r\n        to complete your ON TIME 24 order.\r\n      <\/p>\r\n\r\n    <\/section>\r\n\r\n\r\n    <div\r\n      id=\"ot24-checkout-mount-v3\"\r\n      class=\"ot24-checkout-mount\"\r\n    >\r\n\r\n      <div class=\"ot24-loading\">\r\n\r\n        <h2 class=\"ot24-loading-title\">\r\n          Preparing your secure checkout\u2026\r\n        <\/h2>\r\n\r\n        <p class=\"ot24-loading-text\">\r\n          Loading your cart, delivery information\r\n          and available payment methods.\r\n        <\/p>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <section class=\"ot24-help\">\r\n\r\n      <div>\r\n\r\n        <h3>\r\n          Need assistance with your order?\r\n        <\/h3>\r\n\r\n        <p>\r\n          Our support team can assist with\r\n          product information, international\r\n          delivery, installation and order\r\n          questions.\r\n        <\/p>\r\n\r\n      <\/div>\r\n\r\n      <a href=\"https:\/\/flyingontime.com\/support\/\">\r\n        Contact support \u2192\r\n      <\/a>\r\n\r\n    <\/section>\r\n\r\n  <\/main>\r\n\r\n\r\n  <!-- FOOTER -->\r\n\r\n  <footer class=\"ot24-footer\">\r\n\r\n    <div class=\"ot24-footer-inner\">\r\n\r\n      <span class=\"ot24-footer-copy\">\r\n        \u00a9 2026 FlyingSpace \u00b7 ON TIME 24\r\n      <\/span>\r\n\r\n      <div class=\"ot24-footer-links\">\r\n\r\n        <a href=\"https:\/\/flyingontime.com\/privacy-policy\/\">\r\n          Privacy\r\n        <\/a>\r\n\r\n        <a href=\"https:\/\/flyingontime.com\/terms-and-conditions\/\">\r\n          Terms\r\n        <\/a>\r\n\r\n        <a href=\"https:\/\/flyingontime.com\/shipping-policy\/\">\r\n          Shipping\r\n        <\/a>\r\n\r\n        <a href=\"https:\/\/flyingontime.com\/refund-and-returns-policy\/\">\r\n          Returns\r\n        <\/a>\r\n\r\n        <a href=\"https:\/\/flyingontime.com\/support\/\">\r\n          Support\r\n        <\/a>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/footer>\r\n\r\n<\/div>\r\n\r\n\r\n<script>\r\n\r\n(function () {\r\n\r\n\"use strict\";\r\n\r\n\r\nconst root =\r\n  document.getElementById(\r\n    \"ot24-v3\"\r\n  );\r\n\r\n\r\nconst mount =\r\n  document.getElementById(\r\n    \"ot24-checkout-mount-v3\"\r\n  );\r\n\r\n\r\nlet enhanced = false;\r\n\r\n\r\n\/* =========================================================\r\n   SECTION HEADING\r\n   ========================================================= *\/\r\n\r\nfunction heading(\r\n  number,\r\n  title,\r\n  description\r\n) {\r\n\r\n  const element =\r\n    document.createElement(\"div\");\r\n\r\n\r\n  element.className =\r\n    \"ot24-section-heading\";\r\n\r\n\r\n  element.innerHTML = `\r\n\r\n    <div class=\"ot24-section-row\">\r\n\r\n      <span class=\"ot24-section-number\">\r\n        ${number}\r\n      <\/span>\r\n\r\n      <h2 class=\"ot24-section-title\">\r\n        ${title}\r\n      <\/h2>\r\n\r\n    <\/div>\r\n\r\n    ${\r\n      description\r\n        ?\r\n        `<p class=\"ot24-section-description\">\r\n          ${description}\r\n        <\/p>`\r\n        :\r\n        \"\"\r\n    }\r\n\r\n  `;\r\n\r\n\r\n  return element;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FIND WOOCOMMERCE\r\n   ========================================================= *\/\r\n\r\nfunction findWooCommerce() {\r\n\r\n  const all =\r\n    Array.from(\r\n      document.querySelectorAll(\r\n        \".woocommerce\"\r\n      )\r\n    );\r\n\r\n\r\n  return all.find(\r\n    function (wc) {\r\n\r\n      return (\r\n\r\n        !root.contains(wc)\r\n\r\n        &&\r\n\r\n        (\r\n          wc.querySelector(\r\n            \"form.checkout\"\r\n          )\r\n\r\n          ||\r\n\r\n          wc.querySelector(\r\n            \".cart-empty\"\r\n          )\r\n\r\n          ||\r\n\r\n          wc.querySelector(\r\n            \".return-to-shop\"\r\n          )\r\n\r\n          ||\r\n\r\n          wc.querySelector(\r\n            \".woocommerce-error\"\r\n          )\r\n\r\n        )\r\n\r\n      );\r\n\r\n    }\r\n  );\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   EMPTY \/ FAIL STATE\r\n   ========================================================= *\/\r\n\r\nfunction showFallback() {\r\n\r\n  if (\r\n    mount.querySelector(\r\n      \".woocommerce\"\r\n    )\r\n  ) {\r\n    return;\r\n  }\r\n\r\n\r\n  const editor =\r\n    document.body.classList.contains(\r\n      \"elementor-editor-active\"\r\n    );\r\n\r\n\r\n  mount.innerHTML = `\r\n\r\n    <div class=\"ot24-fallback\">\r\n\r\n      <h2 class=\"ot24-fallback-title\">\r\n\r\n        ${\r\n          editor\r\n          ?\r\n          \"Checkout preview requires an active cart.\"\r\n          :\r\n          \"We couldn't load the checkout.\"\r\n        }\r\n\r\n      <\/h2>\r\n\r\n\r\n      <p class=\"ot24-fallback-text\">\r\n\r\n        ${\r\n          editor\r\n          ?\r\n          \"Add an ON TIME 24 product to the cart and open the checkout page in a normal browser preview to test the full checkout.\"\r\n          :\r\n          \"Please refresh the checkout or return to your cart. Your cart contents will not be intentionally changed by this page.\"\r\n        }\r\n\r\n      <\/p>\r\n\r\n\r\n      <div class=\"ot24-fallback-actions\">\r\n\r\n        <button\r\n          type=\"button\"\r\n          class=\"ot24-fallback-button\"\r\n          onclick=\"window.location.reload();\"\r\n        >\r\n          Refresh checkout\r\n        <\/button>\r\n\r\n        <a\r\n          href=\"https:\/\/flyingontime.com\/cart\/\"\r\n          class=\"ot24-fallback-button secondary\"\r\n        >\r\n          Return to cart\r\n        <\/a>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  `;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONTACT\r\n   ========================================================= *\/\r\n\r\nfunction buildContact(form, left) {\r\n\r\n  if (\r\n    left.querySelector(\r\n      \".ot24-contact\"\r\n    )\r\n  ) {\r\n    return;\r\n  }\r\n\r\n\r\n  const wrapper =\r\n    form.querySelector(\r\n      \".woocommerce-billing-fields__field-wrapper\"\r\n    );\r\n\r\n\r\n  if (!wrapper) {\r\n    return;\r\n  }\r\n\r\n\r\n  const email =\r\n    wrapper.querySelector(\r\n      \"#billing_email_field\"\r\n    );\r\n\r\n\r\n  const phone =\r\n    wrapper.querySelector(\r\n      \"#billing_phone_field\"\r\n    );\r\n\r\n\r\n  if (\r\n    !email &&\r\n    !phone\r\n  ) {\r\n    return;\r\n  }\r\n\r\n\r\n  const section =\r\n    document.createElement(\r\n      \"section\"\r\n    );\r\n\r\n\r\n  section.className =\r\n    \"ot24-contact\";\r\n\r\n\r\n  section.appendChild(\r\n    heading(\r\n      \"01\",\r\n      \"Contact\",\r\n      \"Used for order confirmation and delivery coordination.\"\r\n    )\r\n  );\r\n\r\n\r\n  const fields =\r\n    document.createElement(\r\n      \"div\"\r\n    );\r\n\r\n\r\n  fields.className =\r\n    \"ot24-contact-fields\";\r\n\r\n\r\n  section.appendChild(\r\n    fields\r\n  );\r\n\r\n\r\n  if (email) {\r\n    fields.appendChild(email);\r\n  }\r\n\r\n\r\n  if (phone) {\r\n    fields.appendChild(phone);\r\n  }\r\n\r\n\r\n  left.insertBefore(\r\n    section,\r\n    left.firstChild\r\n  );\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ADDRESS TITLE\r\n   ========================================================= *\/\r\n\r\nfunction updateAddressTitle(form) {\r\n\r\n  const title =\r\n    form.querySelector(\r\n      \".woocommerce-billing-fields > h3\"\r\n    );\r\n\r\n\r\n  if (title) {\r\n\r\n    title.textContent =\r\n      \"Delivery & Billing Address\";\r\n\r\n  }\r\n\r\n\r\n  const shipLabel =\r\n    form.querySelector(\r\n      \"#ship-to-different-address label\"\r\n    );\r\n\r\n\r\n  if (shipLabel) {\r\n\r\n    const checkbox =\r\n      shipLabel.querySelector(\r\n        \"input\"\r\n      );\r\n\r\n\r\n    shipLabel.childNodes.forEach(\r\n      function (node) {\r\n\r\n        if (\r\n          node.nodeType ===\r\n          Node.TEXT_NODE\r\n        ) {\r\n\r\n          node.textContent =\r\n            \" Deliver to a different address?\";\r\n\r\n        }\r\n\r\n      }\r\n    );\r\n\r\n\r\n    if (\r\n      !checkbox &&\r\n      shipLabel.textContent\r\n    ) {\r\n\r\n      shipLabel.textContent =\r\n        \"Deliver to a different address?\";\r\n\r\n    }\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BUSINESS \/ TAX INFORMATION\r\n   ========================================================= *\/\r\n\r\nfunction buildBusinessTax(form, left) {\r\n\r\n  if (\r\n    left.querySelector(\r\n      \".ot24-business-tax\"\r\n    )\r\n  ) {\r\n    return;\r\n  }\r\n\r\n\r\n  const section =\r\n    document.createElement(\r\n      \"section\"\r\n    );\r\n\r\n\r\n  section.className =\r\n    \"ot24-business-tax\";\r\n\r\n\r\n  const toggle =\r\n    document.createElement(\r\n      \"button\"\r\n    );\r\n\r\n\r\n  toggle.type =\r\n    \"button\";\r\n\r\n\r\n  toggle.className =\r\n    \"ot24-business-tax-toggle\";\r\n\r\n\r\n  toggle.setAttribute(\r\n    \"aria-expanded\",\r\n    \"false\"\r\n  );\r\n\r\n\r\n  toggle.innerHTML = `\r\n\r\n    <span class=\"ot24-business-tax-toggle-copy\">\r\n\r\n      <span class=\"ot24-business-tax-toggle-title\">\r\n        Business \/ Tax Information\r\n      <\/span>\r\n\r\n      <span class=\"ot24-business-tax-toggle-subtitle\">\r\n        Optional \u2014 for business customers or invoice requests.\r\n      <\/span>\r\n\r\n    <\/span>\r\n\r\n    <span\r\n      class=\"ot24-business-tax-toggle-icon\"\r\n      aria-hidden=\"true\"\r\n    >\r\n      +\r\n    <\/span>\r\n\r\n  `;\r\n\r\n\r\n  const fields =\r\n    document.createElement(\r\n      \"div\"\r\n    );\r\n\r\n\r\n  fields.className =\r\n    \"ot24-business-tax-fields\";\r\n\r\n\r\n  \/*\r\n   * Use the native WooCommerce Company Name field when available.\r\n   * This keeps the value compatible with the existing checkout.\r\n   *\/\r\n  const companyField =\r\n    form.querySelector(\r\n      \"#billing_company_field\"\r\n    );\r\n\r\n\r\n  if (companyField) {\r\n\r\n    companyField.classList.add(\r\n      \"ot24-native-company-field\"\r\n    );\r\n\r\n    fields.appendChild(\r\n      companyField\r\n    );\r\n\r\n  }\r\n\r\n\r\n  const invoiceRow =\r\n    document.createElement(\r\n      \"div\"\r\n    );\r\n\r\n\r\n  invoiceRow.className =\r\n    \"ot24-business-invoice-row\";\r\n\r\n\r\n  invoiceRow.innerHTML = `\r\n\r\n    <input\r\n      type=\"checkbox\"\r\n      id=\"ot24-request-business-invoice\"\r\n      name=\"ot24_request_business_invoice\"\r\n      value=\"yes\"\r\n    >\r\n\r\n    <label\r\n      for=\"ot24-request-business-invoice\"\r\n    >\r\n      I need a business invoice\r\n      <span class=\"ot24-business-invoice-help\">\r\n        Your company and tax details may be used for invoicing and related documentation where applicable.\r\n      <\/span>\r\n    <\/label>\r\n\r\n  `;\r\n\r\n\r\n  fields.insertBefore(\r\n    invoiceRow,\r\n    fields.firstChild\r\n  );\r\n\r\n\r\n  const taxField =\r\n    document.createElement(\r\n      \"div\"\r\n    );\r\n\r\n\r\n  taxField.className =\r\n    \"ot24-business-custom-field\";\r\n\r\n\r\n  taxField.innerHTML = `\r\n\r\n    <label for=\"ot24-billing-tax-id\">\r\n      VAT \/ Tax ID\r\n    <\/label>\r\n\r\n    <input\r\n      type=\"text\"\r\n      id=\"ot24-billing-tax-id\"\r\n      name=\"billing_tax_id\"\r\n      value=\"\"\r\n      autocomplete=\"off\"\r\n      inputmode=\"text\"\r\n      placeholder=\"Enter VAT \/ Tax ID (optional)\"\r\n    >\r\n\r\n    <span class=\"ot24-field-help\">\r\n      Optional. Enter the tax identification number requested on your business invoice, if applicable.\r\n    <\/span>\r\n\r\n  `;\r\n\r\n\r\n  fields.appendChild(\r\n    taxField\r\n  );\r\n\r\n\r\n  section.appendChild(\r\n    toggle\r\n  );\r\n\r\n\r\n  section.appendChild(\r\n    fields\r\n  );\r\n\r\n\r\n  toggle.addEventListener(\r\n    \"click\",\r\n    function () {\r\n\r\n      const open =\r\n        section.classList.toggle(\r\n          \"is-open\"\r\n        );\r\n\r\n\r\n      toggle.setAttribute(\r\n        \"aria-expanded\",\r\n        open\r\n        ?\r\n        \"true\"\r\n        :\r\n        \"false\"\r\n      );\r\n\r\n    }\r\n  );\r\n\r\n\r\n  left.appendChild(\r\n    section\r\n  );\r\n\r\n}\r\n\r\n\r\nfunction syncBusinessTax(form, left) {\r\n\r\n  let section =\r\n    left.querySelector(\r\n      \".ot24-business-tax\"\r\n    );\r\n\r\n\r\n  if (!section) {\r\n    buildBusinessTax(\r\n      form,\r\n      left\r\n    );\r\n    section =\r\n      left.querySelector(\r\n        \".ot24-business-tax\"\r\n      );\r\n  }\r\n\r\n\r\n  const nativeCompany =\r\n    form.querySelector(\r\n      \"#billing_company_field\"\r\n    );\r\n\r\n\r\n  if (\r\n    nativeCompany &&\r\n    !section.contains(nativeCompany)\r\n  ) {\r\n\r\n    nativeCompany.classList.add(\r\n      \"ot24-native-company-field\"\r\n    );\r\n\r\n    const fields =\r\n      section.querySelector(\r\n        \".ot24-business-tax-fields\"\r\n      );\r\n\r\n    const invoiceRow =\r\n      section.querySelector(\r\n        \".ot24-business-invoice-row\"\r\n      );\r\n\r\n    if (fields) {\r\n\r\n      fields.insertBefore(\r\n        nativeCompany,\r\n        invoiceRow\r\n      );\r\n\r\n    }\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   DELIVERY\r\n   ========================================================= *\/\r\n\r\nfunction buildDelivery(left) {\r\n\r\n  let section =\r\n    left.querySelector(\r\n      \".ot24-delivery\"\r\n    );\r\n\r\n\r\n  if (section) {\r\n    return section;\r\n  }\r\n\r\n\r\n  section =\r\n    document.createElement(\r\n      \"section\"\r\n    );\r\n\r\n\r\n  section.className =\r\n    \"ot24-delivery\";\r\n\r\n\r\n  section.appendChild(\r\n    heading(\r\n      \"03\",\r\n      \"Delivery\",\r\n      \"Delivery options update automatically for your destination.\"\r\n    )\r\n  );\r\n\r\n\r\n  const box =\r\n    document.createElement(\r\n      \"div\"\r\n    );\r\n\r\n\r\n  box.className =\r\n    \"ot24-delivery-box\";\r\n\r\n\r\n  box.innerHTML = `\r\n\r\n    <div>\r\n\r\n      <span class=\"ot24-delivery-title\">\r\n        Delivery method\r\n      <\/span>\r\n\r\n      <span class=\"ot24-delivery-copy\">\r\n        Select your country and address\r\n        to confirm delivery.\r\n      <\/span>\r\n\r\n    <\/div>\r\n\r\n    <span class=\"ot24-delivery-value\">\r\n      \u2014\r\n    <\/span>\r\n\r\n  `;\r\n\r\n\r\n  section.appendChild(box);\r\n\r\n  left.appendChild(section);\r\n\r\n  return section;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SYNC DELIVERY FROM REAL WOO DATA\r\n   ========================================================= *\/\r\n\r\nfunction syncDelivery(form) {\r\n\r\n  const value =\r\n    form.querySelector(\r\n      \".ot24-delivery-value\"\r\n    );\r\n\r\n\r\n  const copy =\r\n    form.querySelector(\r\n      \".ot24-delivery-copy\"\r\n    );\r\n\r\n\r\n  if (\r\n    !value ||\r\n    !copy\r\n  ) {\r\n    return;\r\n  }\r\n\r\n\r\n  const checked =\r\n    form.querySelector(\r\n      \".woocommerce-shipping-methods input:checked\"\r\n    );\r\n\r\n\r\n  if (checked) {\r\n\r\n    const li =\r\n      checked.closest(\"li\");\r\n\r\n\r\n    const label =\r\n      li\r\n      ?\r\n      li.querySelector(\"label\")\r\n      :\r\n      null;\r\n\r\n\r\n    if (label) {\r\n\r\n      value.textContent =\r\n        label.textContent.trim();\r\n\r\n      copy.textContent =\r\n        \"Current delivery method for your destination.\";\r\n\r\n      return;\r\n\r\n    }\r\n\r\n  }\r\n\r\n\r\n  const shippingRow =\r\n    form.querySelector(\r\n      \".woocommerce-shipping-totals.shipping\"\r\n    );\r\n\r\n\r\n  if (shippingRow) {\r\n\r\n    const td =\r\n      shippingRow.querySelector(\r\n        \"td\"\r\n      );\r\n\r\n\r\n    if (td) {\r\n\r\n      const text =\r\n        td.textContent\r\n          .replace(\/\\s+\/g, \" \")\r\n          .trim();\r\n\r\n\r\n      if (text) {\r\n\r\n        value.textContent =\r\n          text;\r\n\r\n        copy.textContent =\r\n          \"Current delivery information for your destination.\";\r\n\r\n        return;\r\n\r\n      }\r\n\r\n    }\r\n\r\n  }\r\n\r\n\r\n  value.textContent =\r\n    \"Calculated after address\";\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ORDER NOTE\r\n   ========================================================= *\/\r\n\r\nfunction enhanceNotes(form) {\r\n\r\n  const field =\r\n    form.querySelector(\r\n      \"#order_comments_field\"\r\n    );\r\n\r\n\r\n  if (\r\n    !field ||\r\n    field.classList.contains(\r\n      \"ot24-note-field\"\r\n    )\r\n  ) {\r\n    return;\r\n  }\r\n\r\n\r\n  field.classList.add(\r\n    \"ot24-note-field\"\r\n  );\r\n\r\n\r\n  const wrapper =\r\n    field.querySelector(\r\n      \".woocommerce-input-wrapper\"\r\n    );\r\n\r\n\r\n  if (!wrapper) {\r\n    return;\r\n  }\r\n\r\n\r\n  const button =\r\n    document.createElement(\r\n      \"button\"\r\n    );\r\n\r\n\r\n  button.type =\r\n    \"button\";\r\n\r\n\r\n  button.className =\r\n    \"ot24-note-toggle\";\r\n\r\n\r\n  button.setAttribute(\r\n    \"aria-expanded\",\r\n    \"false\"\r\n  );\r\n\r\n\r\n  button.innerHTML = `\r\n\r\n    <span>\r\n      + Add a delivery note\r\n      <span style=\"\r\n        color:#888883;\r\n        font-weight:400;\r\n      \">\r\n        (optional)\r\n      <\/span>\r\n    <\/span>\r\n\r\n    <span\r\n      class=\"ot24-note-icon\"\r\n      aria-hidden=\"true\"\r\n    >\r\n      +\r\n    <\/span>\r\n\r\n  `;\r\n\r\n\r\n  field.insertBefore(\r\n    button,\r\n    wrapper\r\n  );\r\n\r\n\r\n  button.addEventListener(\r\n    \"click\",\r\n    function () {\r\n\r\n      const open =\r\n        field.classList.toggle(\r\n          \"is-open\"\r\n        );\r\n\r\n\r\n      button.setAttribute(\r\n        \"aria-expanded\",\r\n        open\r\n        ?\r\n        \"true\"\r\n        :\r\n        \"false\"\r\n      );\r\n\r\n    }\r\n  );\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PAYMENT ZONE\r\n   ========================================================= *\/\r\n\r\nfunction ensurePaymentZone(left) {\r\n\r\n  let zone =\r\n    left.querySelector(\r\n      \".ot24-payment\"\r\n    );\r\n\r\n\r\n  if (zone) {\r\n    return zone;\r\n  }\r\n\r\n\r\n  zone =\r\n    document.createElement(\r\n      \"section\"\r\n    );\r\n\r\n\r\n  zone.className =\r\n    \"ot24-payment\";\r\n\r\n\r\n  zone.appendChild(\r\n    heading(\r\n      \"04\",\r\n      \"Payment\",\r\n      \"Select one of the secure payment methods available for your order.\"\r\n    )\r\n  );\r\n\r\n\r\n  left.appendChild(zone);\r\n\r\n  return zone;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOVE REAL PAYMENT\r\n   ========================================================= *\/\r\n\r\nfunction syncPayment(form) {\r\n\r\n  const left =\r\n    form.querySelector(\r\n      \".ot24-form-column\"\r\n    );\r\n\r\n\r\n  if (!left) {\r\n    return;\r\n  }\r\n\r\n\r\n  const zone =\r\n    ensurePaymentZone(left);\r\n\r\n\r\n  const payment =\r\n    form.querySelector(\r\n      \".woocommerce-checkout-payment\"\r\n    )\r\n\r\n    ||\r\n\r\n    form.querySelector(\r\n      \"#payment\"\r\n    );\r\n\r\n\r\n  if (\r\n    payment &&\r\n    payment.parentNode !== zone\r\n  ) {\r\n\r\n    zone.appendChild(\r\n      payment\r\n    );\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ORDER NOTES POSITION\r\n   ========================================================= *\/\r\n\r\nfunction reorderSections(form) {\r\n\r\n  const left =\r\n    form.querySelector(\r\n      \".ot24-form-column\"\r\n    );\r\n\r\n\r\n  const delivery =\r\n    form.querySelector(\r\n      \".ot24-delivery\"\r\n    );\r\n\r\n\r\n  const additional =\r\n    form.querySelector(\r\n      \".woocommerce-additional-fields\"\r\n    );\r\n\r\n\r\n  const payment =\r\n    form.querySelector(\r\n      \".ot24-payment\"\r\n    );\r\n\r\n\r\n  if (!left) {\r\n    return;\r\n  }\r\n\r\n\r\n  if (\r\n    additional &&\r\n    payment\r\n  ) {\r\n\r\n    left.insertBefore(\r\n      additional,\r\n      payment\r\n    );\r\n\r\n  }\r\n\r\n\r\n  if (\r\n    delivery &&\r\n    additional\r\n  ) {\r\n\r\n    left.insertBefore(\r\n      delivery,\r\n      additional\r\n    );\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TAXES & CUSTOMS\r\n   ========================================================= *\/\r\n\r\nfunction addTaxNotice(right) {\r\n\r\n  if (\r\n    right.querySelector(\r\n      \".ot24-tax-notice\"\r\n    )\r\n  ) {\r\n    return;\r\n  }\r\n\r\n\r\n  const notice =\r\n    document.createElement(\r\n      \"div\"\r\n    );\r\n\r\n\r\n  notice.className =\r\n    \"ot24-tax-notice\";\r\n\r\n\r\n  notice.innerHTML = `\r\n\r\n    <span class=\"ot24-tax-title\">\r\n      Taxes & Customs\r\n    <\/span>\r\n\r\n    <p class=\"ot24-tax-copy\">\r\n      Import duties, VAT, GST and customs-clearance charges are covered by ON TIME 24.\r\n      <strong>No additional import-related fees will be charged upon delivery.<\/strong>\r\n    <\/p>\r\n\r\n  `;\r\n\r\n\r\n  right.appendChild(\r\n    notice\r\n  );\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SELLER IDENTITY\r\n   ========================================================= *\/\r\n\r\nfunction addSellerIdentity(right) {\r\n\r\n  if (\r\n    right.querySelector(\r\n      \".ot24-seller-identity\"\r\n    )\r\n  ) {\r\n    return;\r\n  }\r\n\r\n\r\n  const seller =\r\n    document.createElement(\r\n      \"div\"\r\n    );\r\n\r\n\r\n  seller.className =\r\n    \"ot24-seller-identity\";\r\n\r\n\r\n  seller.innerHTML = `\r\n\r\n    <span class=\"ot24-seller-label\">\r\n      Sold by\r\n    <\/span>\r\n\r\n    <span class=\"ot24-seller-brand\">\r\n      ON TIME 24 \/ FlyingSpace\r\n    <\/span>\r\n\r\n    <span class=\"ot24-seller-legal\">\r\n      Legal entity:\r\n      <strong>Jiangxi Ruixu Technology Co., Ltd.<\/strong>\r\n    <\/span>\r\n\r\n  `;\r\n\r\n\r\n  const trust =\r\n    right.querySelector(\r\n      \".ot24-trust\"\r\n    );\r\n\r\n  if (trust) {\r\n\r\n    right.insertBefore(\r\n      seller,\r\n      trust\r\n    );\r\n\r\n  } else {\r\n\r\n    right.appendChild(\r\n      seller\r\n    );\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TRUST INFORMATION\r\n   ========================================================= *\/\r\n\r\nfunction addTrust(right) {\r\n\r\n  if (\r\n    right.querySelector(\r\n      \".ot24-trust\"\r\n    )\r\n  ) {\r\n    return;\r\n  }\r\n\r\n\r\n  const trust =\r\n    document.createElement(\r\n      \"div\"\r\n    );\r\n\r\n\r\n  trust.className =\r\n    \"ot24-trust\";\r\n\r\n\r\n  trust.innerHTML = `\r\n\r\n    <div class=\"ot24-trust-item\">\r\n\r\n      <svg viewBox=\"0 0 24 24\">\r\n        <rect\r\n          x=\"5\"\r\n          y=\"10\"\r\n          width=\"14\"\r\n          height=\"10\"\r\n          rx=\"1\"\r\n        ><\/rect>\r\n\r\n        <path\r\n          d=\"M8 10V7a4 4 0 0 1 8 0v3\"\r\n        ><\/path>\r\n      <\/svg>\r\n\r\n      <div>\r\n\r\n        <span class=\"ot24-trust-title\">\r\n          Secure payment\r\n        <\/span>\r\n\r\n        <span class=\"ot24-trust-copy\">\r\n          Payment is processed through the\r\n          selected payment provider.\r\n        <\/span>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <div class=\"ot24-trust-item\">\r\n\r\n      <svg viewBox=\"0 0 24 24\">\r\n\r\n        <path d=\"M3 7h11v10H3z\"><\/path>\r\n\r\n        <path d=\"M14 10h4l3 3v4h-7z\"><\/path>\r\n\r\n        <circle cx=\"7\" cy=\"18\" r=\"1.7\"><\/circle>\r\n\r\n        <circle cx=\"18\" cy=\"18\" r=\"1.7\"><\/circle>\r\n\r\n      <\/svg>\r\n\r\n      <div>\r\n\r\n        <span class=\"ot24-trust-title\">\r\n          International delivery\r\n        <\/span>\r\n\r\n        <span class=\"ot24-trust-copy\">\r\n          Delivery information updates\r\n          automatically for your destination.\r\n        <\/span>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <div class=\"ot24-trust-item\">\r\n\r\n      <svg viewBox=\"0 0 24 24\">\r\n\r\n        <path\r\n          d=\"M12 3l7 3v5c0 4.8-2.8 8.2-7 10-4.2-1.8-7-5.2-7-10V6z\"\r\n        ><\/path>\r\n\r\n        <path\r\n          d=\"M9 12l2 2 4-5\"\r\n        ><\/path>\r\n\r\n      <\/svg>\r\n\r\n      <div>\r\n\r\n        <span class=\"ot24-trust-title\">\r\n          Product assurance\r\n        <\/span>\r\n\r\n        <span class=\"ot24-trust-copy\">\r\n          Warranty and after-sales support\r\n          are available according to our policy.\r\n        <\/span>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  `;\r\n\r\n\r\n  right.appendChild(\r\n    trust\r\n  );\r\n\r\n\r\n  const support =\r\n    document.createElement(\r\n      \"div\"\r\n    );\r\n\r\n\r\n  support.className =\r\n    \"ot24-summary-support\";\r\n\r\n\r\n  support.innerHTML = `\r\n\r\n    <h3>\r\n      Need assistance?\r\n    <\/h3>\r\n\r\n    <p>\r\n      Contact our team before completing\r\n      your order if you have any delivery\r\n      or installation questions.\r\n    <\/p>\r\n\r\n    <a\r\n      href=\"https:\/\/flyingontime.com\/support\/\"\r\n    >\r\n      Client support \u2192\r\n    <\/a>\r\n\r\n  `;\r\n\r\n\r\n  right.appendChild(\r\n    support\r\n  );\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE SUMMARY\r\n   ========================================================= *\/\r\n\r\nfunction addMobileSummary(right) {\r\n\r\n  if (\r\n    right.querySelector(\r\n      \".ot24-summary-toggle\"\r\n    )\r\n  ) {\r\n    return;\r\n  }\r\n\r\n\r\n  const button =\r\n    document.createElement(\r\n      \"button\"\r\n    );\r\n\r\n\r\n  button.type =\r\n    \"button\";\r\n\r\n\r\n  button.className =\r\n    \"ot24-summary-toggle\";\r\n\r\n\r\n  button.setAttribute(\r\n    \"aria-expanded\",\r\n    \"false\"\r\n  );\r\n\r\n\r\n  button.innerHTML = `\r\n\r\n    <span class=\"ot24-summary-toggle-left\">\r\n\r\n      <span class=\"ot24-summary-toggle-label\">\r\n        Order summary\r\n      <\/span>\r\n\r\n      <svg\r\n        viewBox=\"0 0 24 24\"\r\n        stroke-width=\"1.5\"\r\n      >\r\n        <path\r\n          d=\"M6 9l6 6 6-6\"\r\n        ><\/path>\r\n      <\/svg>\r\n\r\n    <\/span>\r\n\r\n    <span class=\"ot24-mobile-total\">\r\n      \u2014\r\n    <\/span>\r\n\r\n  `;\r\n\r\n\r\n  right.insertBefore(\r\n    button,\r\n    right.firstChild\r\n  );\r\n\r\n\r\n  button.addEventListener(\r\n    \"click\",\r\n    function () {\r\n\r\n      const open =\r\n        right.classList.toggle(\r\n          \"is-open\"\r\n        );\r\n\r\n\r\n      button.setAttribute(\r\n        \"aria-expanded\",\r\n        open\r\n        ?\r\n        \"true\"\r\n        :\r\n        \"false\"\r\n      );\r\n\r\n    }\r\n  );\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SYNC TOTAL\r\n   ========================================================= *\/\r\n\r\nfunction syncTotal(form) {\r\n\r\n  const total =\r\n    form.querySelector(\r\n      \".order-total .woocommerce-Price-amount\"\r\n    );\r\n\r\n\r\n  const mobile =\r\n    form.querySelector(\r\n      \".ot24-mobile-total\"\r\n    );\r\n\r\n\r\n  if (\r\n    total &&\r\n    mobile\r\n  ) {\r\n\r\n    mobile.innerHTML =\r\n      total.innerHTML;\r\n\r\n  }\r\n\r\n\r\n  const paybar =\r\n    document.querySelector(\r\n      \".ot24-paybar-total\"\r\n    );\r\n\r\n\r\n  if (\r\n    total &&\r\n    paybar\r\n  ) {\r\n\r\n    paybar.innerHTML =\r\n      total.innerHTML;\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   REQUIRED FIELD CHECK\r\n   ========================================================= *\/\r\n\r\nfunction firstMissingField(form) {\r\n\r\n  const rows =\r\n    Array.from(\r\n      form.querySelectorAll(\r\n        \".validate-required\"\r\n      )\r\n    );\r\n\r\n\r\n  for (\r\n    const row of rows\r\n  ) {\r\n\r\n\r\n    if (\r\n      row.offsetParent === null\r\n    ) {\r\n      continue;\r\n    }\r\n\r\n\r\n    const fields =\r\n      Array.from(\r\n        row.querySelectorAll(\r\n          \"input:not([type='hidden']), select, textarea\"\r\n        )\r\n      );\r\n\r\n\r\n    for (\r\n      const field of fields\r\n    ) {\r\n\r\n\r\n      if (field.disabled) {\r\n        continue;\r\n      }\r\n\r\n\r\n      if (\r\n        field.type ===\r\n        \"checkbox\"\r\n      ) {\r\n\r\n        if (!field.checked) {\r\n          return field;\r\n        }\r\n\r\n        continue;\r\n\r\n      }\r\n\r\n\r\n      if (\r\n        field.type ===\r\n        \"radio\"\r\n      ) {\r\n\r\n        const same =\r\n          Array.from(\r\n            form.querySelectorAll(\r\n              'input[type=\"radio\"]'\r\n            )\r\n          ).filter(\r\n            item =>\r\n              item.name === field.name\r\n          );\r\n\r\n\r\n        if (\r\n          same.length &&\r\n          !same.some(\r\n            item => item.checked\r\n          )\r\n        ) {\r\n\r\n          return field;\r\n\r\n        }\r\n\r\n\r\n        continue;\r\n\r\n      }\r\n\r\n\r\n      if (\r\n        !String(\r\n          field.value || \"\"\r\n        ).trim()\r\n      ) {\r\n\r\n        return field;\r\n\r\n      }\r\n\r\n    }\r\n\r\n  }\r\n\r\n\r\n  return null;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   REAL PAYMENT TARGET\r\n   ========================================================= *\/\r\n\r\nfunction paymentTarget(form) {\r\n\r\n  return (\r\n\r\n    form.querySelector(\r\n      \"#ppc-button-ppcp-gateway\"\r\n    )\r\n\r\n    ||\r\n\r\n    form.querySelector(\r\n      \"[id^='ppc-button-']\"\r\n    )\r\n\r\n    ||\r\n\r\n    form.querySelector(\r\n      \".ppcp-button-wrapper\"\r\n    )\r\n\r\n    ||\r\n\r\n    form.querySelector(\r\n      \"#place_order\"\r\n    )\r\n\r\n    ||\r\n\r\n    form.querySelector(\r\n      \".woocommerce-checkout-payment\"\r\n    )\r\n\r\n  );\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE TOAST\r\n   ========================================================= *\/\r\n\r\nfunction toast(message) {\r\n\r\n  let element =\r\n    document.querySelector(\r\n      \".ot24-mobile-toast\"\r\n    );\r\n\r\n\r\n  if (!element) {\r\n\r\n    element =\r\n      document.createElement(\r\n        \"div\"\r\n      );\r\n\r\n\r\n    element.className =\r\n      \"ot24-mobile-toast\";\r\n\r\n\r\n    document.body.appendChild(\r\n      element\r\n    );\r\n\r\n  }\r\n\r\n\r\n  element.textContent =\r\n    message;\r\n\r\n\r\n  element.classList.add(\r\n    \"visible\"\r\n  );\r\n\r\n\r\n  window.clearTimeout(\r\n    element._timer\r\n  );\r\n\r\n\r\n  element._timer =\r\n    window.setTimeout(\r\n      function () {\r\n\r\n        element.classList.remove(\r\n          \"visible\"\r\n        );\r\n\r\n      },\r\n      2200\r\n    );\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE PAYBAR\r\n   ========================================================= *\/\r\n\r\nfunction buildMobilePaybar(form) {\r\n\r\n  let bar =\r\n    document.querySelector(\r\n      \".ot24-mobile-paybar\"\r\n    );\r\n\r\n\r\n  if (!bar) {\r\n\r\n    bar =\r\n      document.createElement(\r\n        \"div\"\r\n      );\r\n\r\n\r\n    bar.className =\r\n      \"ot24-mobile-paybar\";\r\n\r\n\r\n    bar.innerHTML = `\r\n\r\n      <div>\r\n\r\n        <span class=\"ot24-paybar-label\">\r\n          Order total\r\n        <\/span>\r\n\r\n        <span class=\"ot24-paybar-total\">\r\n          \u2014\r\n        <\/span>\r\n\r\n      <\/div>\r\n\r\n\r\n      <button\r\n        type=\"button\"\r\n        class=\"ot24-paybar-button\"\r\n      >\r\n        Pay now\r\n      <\/button>\r\n\r\n    `;\r\n\r\n\r\n    document.body.appendChild(\r\n      bar\r\n    );\r\n\r\n  }\r\n\r\n\r\n  const button =\r\n    bar.querySelector(\r\n      \".ot24-paybar-button\"\r\n    );\r\n\r\n\r\n  button.onclick =\r\n    function () {\r\n\r\n\r\n      const missing =\r\n        firstMissingField(\r\n          form\r\n        );\r\n\r\n\r\n      if (missing) {\r\n\r\n        const row =\r\n          missing.closest(\r\n            \".form-row\"\r\n          );\r\n\r\n\r\n        if (row) {\r\n\r\n          row.classList.add(\r\n            \"woocommerce-invalid\"\r\n          );\r\n\r\n        }\r\n\r\n\r\n        toast(\r\n          \"Please complete the required information before payment.\"\r\n        );\r\n\r\n\r\n        missing.scrollIntoView({\r\n          behavior: \"smooth\",\r\n          block: \"center\"\r\n        });\r\n\r\n\r\n        setTimeout(\r\n          function () {\r\n\r\n            try {\r\n              missing.focus();\r\n            } catch (e) {}\r\n\r\n          },\r\n          400\r\n        );\r\n\r\n\r\n        return;\r\n\r\n      }\r\n\r\n\r\n      const target =\r\n        paymentTarget(\r\n          form\r\n        );\r\n\r\n\r\n      if (target) {\r\n\r\n        target.scrollIntoView({\r\n          behavior: \"smooth\",\r\n          block: \"center\"\r\n        });\r\n\r\n\r\n        target.style.outline =\r\n          \"2px solid rgba(17,17,17,.28)\";\r\n\r\n\r\n        target.style.outlineOffset =\r\n          \"6px\";\r\n\r\n\r\n        setTimeout(\r\n          function () {\r\n\r\n            target.style.outline =\r\n              \"\";\r\n\r\n            target.style.outlineOffset =\r\n              \"\";\r\n\r\n          },\r\n          1500\r\n        );\r\n\r\n      }\r\n\r\n    };\r\n\r\n\r\n  function visibility() {\r\n\r\n\r\n    if (\r\n      window.innerWidth > 900\r\n    ) {\r\n\r\n      bar.classList.add(\r\n        \"hidden\"\r\n      );\r\n\r\n      return;\r\n\r\n    }\r\n\r\n\r\n    const target =\r\n      paymentTarget(\r\n        form\r\n      );\r\n\r\n\r\n    if (!target) {\r\n\r\n      bar.classList.remove(\r\n        \"hidden\"\r\n      );\r\n\r\n      return;\r\n\r\n    }\r\n\r\n\r\n    const rect =\r\n      target.getBoundingClientRect();\r\n\r\n\r\n    const visible =\r\n      rect.top <\r\n      window.innerHeight - 90\r\n\r\n      &&\r\n\r\n      rect.bottom > 50;\r\n\r\n\r\n    bar.classList.toggle(\r\n      \"hidden\",\r\n      visible\r\n    );\r\n\r\n  }\r\n\r\n\r\n  window.addEventListener(\r\n    \"scroll\",\r\n    visibility,\r\n    { passive: true }\r\n  );\r\n\r\n\r\n  window.addEventListener(\r\n    \"resize\",\r\n    visibility\r\n  );\r\n\r\n\r\n  visibility();\r\n\r\n\r\n  if (\r\n    window.visualViewport\r\n  ) {\r\n\r\n    window.visualViewport\r\n      .addEventListener(\r\n        \"resize\",\r\n        function () {\r\n\r\n\r\n          const open =\r\n            window.visualViewport.height\r\n            <\r\n            window.innerHeight * .72;\r\n\r\n\r\n          bar.classList.toggle(\r\n            \"keyboard\",\r\n            open\r\n          );\r\n\r\n        }\r\n      );\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BUILD CHECKOUT\r\n   ========================================================= *\/\r\n\r\nfunction enhance(form) {\r\n\r\n\r\n  if (\r\n    !form.classList.contains(\r\n      \"ot24-v3-enhanced\"\r\n    )\r\n  ) {\r\n\r\n\r\n    form.classList.add(\r\n      \"ot24-v3-enhanced\"\r\n    );\r\n\r\n\r\n    const customer =\r\n      form.querySelector(\r\n        \"#customer_details\"\r\n      );\r\n\r\n\r\n    const reviewHeading =\r\n      form.querySelector(\r\n        \"#order_review_heading\"\r\n      );\r\n\r\n\r\n    const review =\r\n      form.querySelector(\r\n        \"#order_review\"\r\n      );\r\n\r\n\r\n    const left =\r\n      document.createElement(\r\n        \"div\"\r\n      );\r\n\r\n\r\n    left.className =\r\n      \"ot24-form-column\";\r\n\r\n\r\n    const right =\r\n      document.createElement(\r\n        \"aside\"\r\n      );\r\n\r\n\r\n    right.className =\r\n      \"ot24-summary-column\";\r\n\r\n\r\n    right.setAttribute(\r\n      \"aria-label\",\r\n      \"Order summary\"\r\n    );\r\n\r\n\r\n    form.insertBefore(\r\n      left,\r\n      form.firstChild\r\n    );\r\n\r\n\r\n    form.insertBefore(\r\n      right,\r\n      left.nextSibling\r\n    );\r\n\r\n\r\n    if (customer) {\r\n\r\n      left.appendChild(\r\n        customer\r\n      );\r\n\r\n    }\r\n\r\n\r\n    if (reviewHeading) {\r\n\r\n      reviewHeading.textContent =\r\n        \"Order Summary\";\r\n\r\n\r\n      right.appendChild(\r\n        reviewHeading\r\n      );\r\n\r\n    }\r\n\r\n\r\n    if (review) {\r\n\r\n      right.appendChild(\r\n        review\r\n      );\r\n\r\n    }\r\n\r\n\r\n    buildContact(\r\n      form,\r\n      left\r\n    );\r\n\r\n\r\n    updateAddressTitle(\r\n      form\r\n    );\r\n\r\n\r\n    buildBusinessTax(\r\n      form,\r\n      left\r\n    );\r\n\r\n\r\n    buildDelivery(\r\n      left\r\n    );\r\n\r\n\r\n    ensurePaymentZone(\r\n      left\r\n    );\r\n\r\n\r\n    enhanceNotes(\r\n      form\r\n    );\r\n\r\n\r\n    reorderSections(\r\n      form\r\n    );\r\n\r\n\r\n    addMobileSummary(\r\n      right\r\n    );\r\n\r\n\r\n    addTaxNotice(\r\n      right\r\n    );\r\n\r\n\r\n    addSellerIdentity(\r\n      right\r\n    );\r\n\r\n\r\n    addTrust(\r\n      right\r\n    );\r\n\r\n\r\n    buildMobilePaybar(\r\n      form\r\n    );\r\n\r\n\r\n    enhanced = true;\r\n\r\n  }\r\n\r\n\r\n  \/*\r\n   * Must run after each WooCommerce AJAX refresh\r\n   *\/\r\n\r\n  syncPayment(\r\n    form\r\n  );\r\n\r\n\r\n  syncDelivery(\r\n    form\r\n  );\r\n\r\n\r\n  syncBusinessTax(\r\n    form,\r\n    form.querySelector(\r\n      \".ot24-form-column\"\r\n    )\r\n  );\r\n\r\n\r\n  syncTotal(\r\n    form\r\n  );\r\n\r\n\r\n  updateAddressTitle(\r\n    form\r\n  );\r\n\r\n\r\n  reorderSections(\r\n    form\r\n  );\r\n\r\n\r\n  root.classList.add(\r\n    \"is-ready\"\r\n  );\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOUNT\r\n   ========================================================= *\/\r\n\r\nfunction mountCheckout() {\r\n\r\n\r\n  if (\r\n    mount.querySelector(\r\n      \".woocommerce\"\r\n    )\r\n  ) {\r\n\r\n\r\n    const form =\r\n      mount.querySelector(\r\n        \"form.checkout\"\r\n      );\r\n\r\n\r\n    if (form) {\r\n      enhance(form);\r\n    }\r\n\r\n\r\n    return;\r\n\r\n  }\r\n\r\n\r\n  const wc =\r\n    findWooCommerce();\r\n\r\n\r\n  if (!wc) {\r\n    return;\r\n  }\r\n\r\n\r\n  mount.innerHTML = \"\";\r\n\r\n\r\n  mount.appendChild(\r\n    wc\r\n  );\r\n\r\n\r\n  const form =\r\n    wc.querySelector(\r\n      \"form.checkout\"\r\n    );\r\n\r\n\r\n  if (form) {\r\n\r\n    enhance(form);\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   INITIAL RETRIES\r\n   ========================================================= *\/\r\n\r\nlet attempts = 0;\r\n\r\n\r\nconst mountTimer =\r\n  setInterval(\r\n    function () {\r\n\r\n\r\n      attempts++;\r\n\r\n\r\n      mountCheckout();\r\n\r\n\r\n      if (\r\n        root.classList.contains(\r\n          \"is-ready\"\r\n        )\r\n\r\n        ||\r\n\r\n        mount.querySelector(\r\n          \".cart-empty\"\r\n        )\r\n\r\n        ||\r\n\r\n        attempts >= 20\r\n      ) {\r\n\r\n\r\n        clearInterval(\r\n          mountTimer\r\n        );\r\n\r\n\r\n        if (\r\n          attempts >= 20 &&\r\n          !mount.querySelector(\r\n            \".woocommerce\"\r\n          )\r\n        ) {\r\n\r\n          showFallback();\r\n\r\n        }\r\n\r\n      }\r\n\r\n    },\r\n    250\r\n  );\r\n\r\n\r\n\/* =========================================================\r\n   WOOCOMMERCE AJAX\r\n   ========================================================= *\/\r\n\r\nif (window.jQuery) {\r\n\r\n  jQuery(function ($) {\r\n\r\n\r\n    $(document.body).on(\r\n      \"updated_checkout\",\r\n      function () {\r\n\r\n\r\n        setTimeout(\r\n          function () {\r\n\r\n\r\n            const form =\r\n              mount.querySelector(\r\n                \"form.checkout\"\r\n              );\r\n\r\n\r\n            if (form) {\r\n\r\n              syncPayment(form);\r\n\r\n              syncDelivery(form);\r\n\r\n              syncBusinessTax(\r\n                form,\r\n                form.querySelector(\r\n                  \".ot24-form-column\"\r\n                )\r\n              );\r\n\r\n              syncTotal(form);\r\n\r\n              updateAddressTitle(form);\r\n\r\n              reorderSections(form);\r\n\r\n            }\r\n\r\n          },\r\n          60\r\n        );\r\n\r\n      }\r\n    );\r\n\r\n\r\n    $(document.body).on(\r\n      \"payment_method_selected\",\r\n      function () {\r\n\r\n\r\n        const form =\r\n          mount.querySelector(\r\n            \"form.checkout\"\r\n          );\r\n\r\n\r\n        if (form) {\r\n\r\n          setTimeout(\r\n            function () {\r\n\r\n              syncPayment(form);\r\n\r\n              syncTotal(form);\r\n\r\n            },\r\n            60\r\n          );\r\n\r\n        }\r\n\r\n      }\r\n    );\r\n\r\n  });\r\n\r\n}\r\n\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>ON TIME 24 SECURE CHECKOUT Cart Checkout Confirmation Secure checkout Complete your order. Review your delivery details and choose your preferred payment method to complete your ON TIME 24 order. Preparing your secure checkout\u2026 Loading your cart, delivery information and available payment methods. Need assistance with your order? Our support team can assist with product [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-915","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/flyingontime.com\/zh\/wp-json\/wp\/v2\/pages\/915","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/flyingontime.com\/zh\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/flyingontime.com\/zh\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/flyingontime.com\/zh\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/flyingontime.com\/zh\/wp-json\/wp\/v2\/comments?post=915"}],"version-history":[{"count":25,"href":"https:\/\/flyingontime.com\/zh\/wp-json\/wp\/v2\/pages\/915\/revisions"}],"predecessor-version":[{"id":1118,"href":"https:\/\/flyingontime.com\/zh\/wp-json\/wp\/v2\/pages\/915\/revisions\/1118"}],"wp:attachment":[{"href":"https:\/\/flyingontime.com\/zh\/wp-json\/wp\/v2\/media?parent=915"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}