{"id":1228,"date":"2026-09-08T11:39:58","date_gmt":"2026-09-08T03:39:58","guid":{"rendered":"https:\/\/flyingontime.com\/?page_id=1228"},"modified":"2026-09-08T12:04:33","modified_gmt":"2026-09-08T04:04:33","slug":"white-collection-2","status":"publish","type":"page","link":"https:\/\/flyingontime.com\/zh\/white-collection-2\/","title":{"rendered":"WHITE COLLECTION"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1228\" class=\"elementor elementor-1228\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-34b14c0 e-flex e-con-boxed e-con e-parent\" data-id=\"34b14c0\" 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-b536ebf elementor-widget elementor-widget-html\" data-id=\"b536ebf\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* =========================================================\r\n   ON TIME 24 \u2014 WHITE COLLECTION\r\n   FINAL COLLECTION PAGE\r\n   Full Width \/ WooCommerce \/ Responsive\r\n   ========================================================= *\/\r\n\r\n#ot-white-collection,\r\n#ot-white-collection * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n#ot-white-collection {\r\n  --bg: #f3f2ee;\r\n  --surface: #ffffff;\r\n  --image-bg: #ebe9e4;\r\n  --ink: #1c1c1b;\r\n  --muted: #77756f;\r\n  --line: rgba(28,28,27,.14);\r\n\r\n  width: 100vw;\r\n  max-width: 100vw;\r\n\r\n  margin-left: calc(50% - 50vw);\r\n  margin-right: calc(50% - 50vw);\r\n\r\n  overflow: hidden;\r\n\r\n  color: var(--ink);\r\n  background: var(--bg);\r\n\r\n  font-family:\r\n    Inter,\r\n    \"Helvetica Neue\",\r\n    Arial,\r\n    \"PingFang SC\",\r\n    \"Microsoft YaHei\",\r\n    sans-serif;\r\n\r\n  -webkit-font-smoothing: antialiased;\r\n  text-rendering: optimizeLegibility;\r\n}\r\n\r\n#ot-white-collection h1,\r\n#ot-white-collection h2,\r\n#ot-white-collection h3,\r\n#ot-white-collection p {\r\n  margin: 0;\r\n}\r\n\r\n#ot-white-collection h1,\r\n#ot-white-collection h2,\r\n#ot-white-collection h3 {\r\n  word-break: normal;\r\n  overflow-wrap: normal;\r\n  text-wrap: balance;\r\n}\r\n\r\n#ot-white-collection img {\r\n  display: block;\r\n  width: 100%;\r\n  max-width: 100%;\r\n}\r\n\r\n#ot-white-collection a {\r\n  color: inherit;\r\n  text-decoration: none;\r\n}\r\n\r\n#ot-white-collection button {\r\n  font-family: inherit;\r\n}\r\n\r\n#ot-white-collection .wc-container {\r\n  width: min(1440px, calc(100% - 56px));\r\n  margin: 0 auto;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LABEL\r\n   ========================================================= *\/\r\n\r\n#ot-white-collection .wc-label {\r\n  font-size: 10px;\r\n  line-height: 1.3;\r\n  font-weight: 600;\r\n\r\n  letter-spacing: .14em;\r\n  text-transform: uppercase;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HERO\r\n   ========================================================= *\/\r\n\r\n#ot-white-collection .wc-hero {\r\n  padding: 28px 0 0;\r\n}\r\n\r\n#ot-white-collection .wc-hero-grid {\r\n  display: grid;\r\n\r\n  grid-template-columns: .72fr 1.28fr;\r\n\r\n  background: var(--surface);\r\n\r\n  min-height: 600px;\r\n}\r\n\r\n#ot-white-collection .wc-hero-copy {\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: space-between;\r\n\r\n  min-width: 0;\r\n\r\n  padding: 46px 50px 42px;\r\n}\r\n\r\n#ot-white-collection .wc-hero-label {\r\n  color: var(--muted);\r\n}\r\n\r\n#ot-white-collection .wc-hero-title {\r\n  max-width: 510px;\r\n\r\n  margin: 72px 0 24px;\r\n\r\n  font-size: clamp(44px, 3.7vw, 62px);\r\n  line-height: .98;\r\n  letter-spacing: -.045em;\r\n  font-weight: 500;\r\n}\r\n\r\n#ot-white-collection .wc-hero-description {\r\n  max-width: 440px;\r\n\r\n  color: var(--muted);\r\n\r\n  font-size: 15px;\r\n  line-height: 1.75;\r\n}\r\n\r\n#ot-white-collection .wc-hero-meta {\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n\r\n  gap: 25px;\r\n\r\n  margin-top: 32px;\r\n  padding-top: 17px;\r\n\r\n  border-top: 1px solid var(--line);\r\n}\r\n\r\n#ot-white-collection .wc-meta-title {\r\n  display: block;\r\n\r\n  font-size: 12px;\r\n  line-height: 1.4;\r\n  font-weight: 600;\r\n}\r\n\r\n#ot-white-collection .wc-meta-sub {\r\n  display: block;\r\n\r\n  margin-top: 4px;\r\n\r\n  color: var(--muted);\r\n\r\n  font-size: 10px;\r\n  line-height: 1.4;\r\n}\r\n\r\n#ot-white-collection .wc-hero-image {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n\r\n  min-width: 0;\r\n  padding: 25px;\r\n\r\n  background: var(--image-bg);\r\n}\r\n\r\n#ot-white-collection .wc-hero-image img {\r\n  width: 100%;\r\n  height: auto;\r\n\r\n  max-height: 545px;\r\n\r\n  object-fit: contain;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   INTRO\r\n   ========================================================= *\/\r\n\r\n#ot-white-collection .wc-intro {\r\n  padding: 100px 0 90px;\r\n}\r\n\r\n#ot-white-collection .wc-intro-grid {\r\n  display: grid;\r\n\r\n  grid-template-columns: .72fr 1.28fr;\r\n\r\n  gap: 70px;\r\n\r\n  align-items: start;\r\n}\r\n\r\n#ot-white-collection .wc-intro-title {\r\n  max-width: 720px;\r\n\r\n  font-size: clamp(34px, 3.1vw, 50px);\r\n  line-height: 1.04;\r\n  letter-spacing: -.04em;\r\n  font-weight: 500;\r\n}\r\n\r\n#ot-white-collection .wc-intro-text {\r\n  max-width: 540px;\r\n\r\n  margin-top: 25px;\r\n\r\n  color: var(--muted);\r\n\r\n  font-size: 15px;\r\n  line-height: 1.8;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PRODUCTS HEADER\r\n   ========================================================= *\/\r\n\r\n#ot-white-collection .wc-products {\r\n  padding: 0 0 110px;\r\n}\r\n\r\n#ot-white-collection .wc-products-heading {\r\n  display: flex;\r\n\r\n  align-items: flex-end;\r\n  justify-content: space-between;\r\n\r\n  gap: 20px;\r\n\r\n  padding-bottom: 17px;\r\n\r\n  border-bottom: 1px solid var(--line);\r\n}\r\n\r\n#ot-white-collection .wc-products-heading h2 {\r\n  font-size: clamp(28px, 2.4vw, 38px);\r\n  line-height: 1;\r\n\r\n  letter-spacing: -.04em;\r\n  font-weight: 500;\r\n}\r\n\r\n#ot-white-collection .wc-products-count {\r\n  color: var(--muted);\r\n\r\n  font-size: 10px;\r\n  line-height: 1.3;\r\n\r\n  letter-spacing: .1em;\r\n  text-transform: uppercase;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PRODUCT GRID\r\n   ========================================================= *\/\r\n\r\n#ot-white-collection .wc-product-grid {\r\n  display: grid;\r\n\r\n  grid-template-columns: repeat(3, 1fr);\r\n\r\n  gap: 18px;\r\n\r\n  margin-top: 18px;\r\n}\r\n\r\n#ot-white-collection .wc-product {\r\n  min-width: 0;\r\n\r\n  overflow: hidden;\r\n\r\n  background: var(--surface);\r\n}\r\n\r\n#ot-white-collection .wc-product-image {\r\n  display: flex;\r\n\r\n  align-items: center;\r\n  justify-content: center;\r\n\r\n  min-width: 0;\r\n\r\n  padding: 14px;\r\n\r\n  background: var(--image-bg);\r\n}\r\n\r\n#ot-white-collection .wc-product-image img {\r\n  width: 100%;\r\n  height: auto;\r\n\r\n  object-fit: contain;\r\n\r\n  transition: transform .45s ease;\r\n}\r\n\r\n#ot-white-collection .wc-product:hover .wc-product-image img {\r\n  transform: scale(1.018);\r\n}\r\n\r\n#ot-white-collection .wc-product-info {\r\n  padding: 21px 22px 22px;\r\n}\r\n\r\n#ot-white-collection .wc-product-index {\r\n  color: var(--muted);\r\n\r\n  font-size: 9px;\r\n  line-height: 1.3;\r\n\r\n  letter-spacing: .12em;\r\n  text-transform: uppercase;\r\n}\r\n\r\n#ot-white-collection .wc-product-title {\r\n  margin-top: 10px;\r\n\r\n  font-size: clamp(22px, 1.95vw, 28px);\r\n  line-height: 1.05;\r\n\r\n  letter-spacing: -.035em;\r\n  font-weight: 500;\r\n}\r\n\r\n#ot-white-collection .wc-product-description {\r\n  max-width: 390px;\r\n\r\n  margin-top: 11px;\r\n\r\n  color: var(--muted);\r\n\r\n  font-size: 12px;\r\n  line-height: 1.7;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PRICE \/ BUTTONS\r\n   ========================================================= *\/\r\n\r\n#ot-white-collection .wc-product-bottom {\r\n  margin-top: 20px;\r\n  padding-top: 15px;\r\n\r\n  border-top: 1px solid var(--line);\r\n}\r\n\r\n#ot-white-collection .wc-product-price-row {\r\n  display: flex;\r\n  align-items: flex-end;\r\n  justify-content: space-between;\r\n\r\n  gap: 15px;\r\n}\r\n\r\n#ot-white-collection .wc-price {\r\n  font-size: 14px;\r\n  line-height: 1.3;\r\n  font-weight: 600;\r\n}\r\n\r\n#ot-white-collection .wc-spec {\r\n  margin-top: 4px;\r\n\r\n  color: var(--muted);\r\n\r\n  font-size: 9px;\r\n  line-height: 1.4;\r\n}\r\n\r\n\r\n\/* MAIN BUY \/ CART ROW *\/\r\n\r\n#ot-white-collection .wc-action-row {\r\n  display: grid;\r\n\r\n  grid-template-columns: 1fr 1fr;\r\n\r\n  gap: 8px;\r\n\r\n  margin-top: 14px;\r\n}\r\n\r\n#ot-white-collection .wc-action {\r\n  display: inline-flex;\r\n\r\n  align-items: center;\r\n  justify-content: center;\r\n\r\n  min-height: 38px;\r\n\r\n  padding: 10px 12px;\r\n\r\n  border: 1px solid var(--ink);\r\n\r\n  background: transparent;\r\n\r\n  color: var(--ink);\r\n\r\n  font-size: 9px;\r\n  line-height: 1.2;\r\n\r\n  letter-spacing: .09em;\r\n  text-transform: uppercase;\r\n\r\n  cursor: pointer;\r\n\r\n  transition:\r\n    background .22s ease,\r\n    color .22s ease,\r\n    opacity .22s ease;\r\n}\r\n\r\n#ot-white-collection .wc-action:hover {\r\n  background: var(--ink);\r\n  color: #fff;\r\n}\r\n\r\n#ot-white-collection .wc-action.wc-loading {\r\n  opacity: .45;\r\n  pointer-events: none;\r\n}\r\n\r\n\r\n\/* LIGHT PRODUCT LINK *\/\r\n\r\n#ot-white-collection .wc-view-link {\r\n  display: inline-flex;\r\n\r\n  align-items: center;\r\n\r\n  margin-top: 12px;\r\n\r\n  color: var(--muted);\r\n\r\n  font-size: 9px;\r\n  line-height: 1.3;\r\n\r\n  letter-spacing: .1em;\r\n  text-transform: uppercase;\r\n\r\n  transition: color .2s ease;\r\n}\r\n\r\n#ot-white-collection .wc-view-link:hover {\r\n  color: var(--ink);\r\n}\r\n\r\n#ot-white-collection .wc-view-link::after {\r\n  content: \"\u2192\";\r\n\r\n  margin-left: 6px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FEATURE\r\n   ========================================================= *\/\r\n\r\n#ot-white-collection .wc-feature {\r\n  padding: 98px 0;\r\n\r\n  background: #e3e0d9;\r\n}\r\n\r\n#ot-white-collection .wc-feature-grid {\r\n  display: grid;\r\n\r\n  grid-template-columns: 1fr 1fr;\r\n\r\n  gap: 90px;\r\n\r\n  align-items: center;\r\n}\r\n\r\n#ot-white-collection .wc-feature-title {\r\n  max-width: 640px;\r\n\r\n  margin-top: 17px;\r\n\r\n  font-size: clamp(34px, 3.3vw, 52px);\r\n  line-height: 1.04;\r\n\r\n  letter-spacing: -.045em;\r\n  font-weight: 500;\r\n}\r\n\r\n#ot-white-collection .wc-feature-copy {\r\n  max-width: 510px;\r\n\r\n  margin-top: 22px;\r\n\r\n  color: #6c6962;\r\n\r\n  font-size: 14px;\r\n  line-height: 1.8;\r\n}\r\n\r\n#ot-white-collection .wc-feature-list {\r\n  border-top: 1px solid rgba(30,30,28,.18);\r\n}\r\n\r\n#ot-white-collection .wc-feature-row {\r\n  display: grid;\r\n\r\n  grid-template-columns: 90px 1fr;\r\n\r\n  padding: 17px 0;\r\n\r\n  border-bottom: 1px solid rgba(30,30,28,.18);\r\n}\r\n\r\n#ot-white-collection .wc-feature-number {\r\n  font-size: 25px;\r\n  line-height: 1;\r\n\r\n  font-weight: 500;\r\n}\r\n\r\n#ot-white-collection .wc-feature-name {\r\n  align-self: center;\r\n\r\n  color: #6c6962;\r\n\r\n  font-size: 10px;\r\n  line-height: 1.45;\r\n\r\n  letter-spacing: .08em;\r\n  text-transform: uppercase;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CTA\r\n   ========================================================= *\/\r\n\r\n#ot-white-collection .wc-cta {\r\n  padding: 105px 0 115px;\r\n}\r\n\r\n#ot-white-collection .wc-cta-inner {\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n\r\n  text-align: center;\r\n}\r\n\r\n#ot-white-collection .wc-cta-label {\r\n  color: var(--muted);\r\n}\r\n\r\n#ot-white-collection .wc-cta-title {\r\n  max-width: 850px;\r\n\r\n  margin-top: 17px;\r\n\r\n  font-size: clamp(38px, 4vw, 60px);\r\n  line-height: 1.02;\r\n\r\n  letter-spacing: -.045em;\r\n  font-weight: 500;\r\n}\r\n\r\n#ot-white-collection .wc-cta-text {\r\n  max-width: 470px;\r\n\r\n  margin-top: 22px;\r\n\r\n  color: var(--muted);\r\n\r\n  font-size: 14px;\r\n  line-height: 1.75;\r\n}\r\n\r\n#ot-white-collection .wc-cta-button {\r\n  display: inline-flex;\r\n\r\n  align-items: center;\r\n  justify-content: center;\r\n\r\n  margin-top: 29px;\r\n\r\n  min-width: 175px;\r\n\r\n  padding: 14px 20px;\r\n\r\n  border: 1px solid var(--ink);\r\n\r\n  font-size: 10px;\r\n  line-height: 1.2;\r\n\r\n  letter-spacing: .1em;\r\n  text-transform: uppercase;\r\n\r\n  transition:\r\n    background .22s ease,\r\n    color .22s ease;\r\n}\r\n\r\n#ot-white-collection .wc-cta-button:hover {\r\n  background: var(--ink);\r\n  color: #fff;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n   ========================================================= *\/\r\n\r\n@media (min-width: 768px) and (max-width: 1100px) {\r\n\r\n  #ot-white-collection .wc-container {\r\n    width: calc(100% - 44px);\r\n  }\r\n\r\n  #ot-white-collection .wc-hero-grid {\r\n    min-height: 520px;\r\n  }\r\n\r\n  #ot-white-collection .wc-hero-copy {\r\n    padding: 36px 32px;\r\n  }\r\n\r\n  #ot-white-collection .wc-hero-title {\r\n    margin-top: 55px;\r\n\r\n    font-size: clamp(40px, 4.7vw, 54px);\r\n  }\r\n\r\n  #ot-white-collection .wc-product-grid {\r\n    grid-template-columns: repeat(2, 1fr);\r\n  }\r\n\r\n  #ot-white-collection .wc-feature-grid {\r\n    gap: 50px;\r\n  }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 767px) {\r\n\r\n  #ot-white-collection .wc-container {\r\n    width: calc(100% - 28px);\r\n  }\r\n\r\n  #ot-white-collection .wc-hero {\r\n    padding-top: 14px;\r\n  }\r\n\r\n  #ot-white-collection .wc-hero-grid {\r\n    grid-template-columns: 1fr;\r\n  }\r\n\r\n  #ot-white-collection .wc-hero-copy {\r\n    padding: 28px 20px 23px;\r\n  }\r\n\r\n  #ot-white-collection .wc-hero-title {\r\n    max-width: 300px;\r\n\r\n    margin: 50px 0 20px;\r\n\r\n    font-size: 36px;\r\n    line-height: 1;\r\n  }\r\n\r\n  #ot-white-collection .wc-hero-description {\r\n    max-width: 310px;\r\n\r\n    font-size: 14px;\r\n  }\r\n\r\n  #ot-white-collection .wc-hero-meta {\r\n    margin-top: 24px;\r\n  }\r\n\r\n  #ot-white-collection .wc-hero-image {\r\n    padding: 10px;\r\n  }\r\n\r\n  #ot-white-collection .wc-intro {\r\n    padding: 68px 0 58px;\r\n  }\r\n\r\n  #ot-white-collection .wc-intro-grid {\r\n    grid-template-columns: 1fr;\r\n\r\n    gap: 22px;\r\n  }\r\n\r\n  #ot-white-collection .wc-intro-title {\r\n    font-size: 34px;\r\n    line-height: 1.05;\r\n  }\r\n\r\n  #ot-white-collection .wc-intro-text {\r\n    margin-top: 20px;\r\n\r\n    font-size: 14px;\r\n  }\r\n\r\n  #ot-white-collection .wc-products {\r\n    padding-bottom: 70px;\r\n  }\r\n\r\n  #ot-white-collection .wc-products-heading {\r\n    display: block;\r\n  }\r\n\r\n  #ot-white-collection .wc-products-heading h2 {\r\n    font-size: 30px;\r\n  }\r\n\r\n  #ot-white-collection .wc-products-count {\r\n    display: block;\r\n\r\n    margin-top: 10px;\r\n  }\r\n\r\n  #ot-white-collection .wc-product-grid {\r\n    grid-template-columns: 1fr;\r\n\r\n    gap: 14px;\r\n\r\n    margin-top: 15px;\r\n  }\r\n\r\n  #ot-white-collection .wc-product-image {\r\n    padding: 8px 10px;\r\n  }\r\n\r\n  #ot-white-collection .wc-product-info {\r\n    padding: 19px 18px 20px;\r\n  }\r\n\r\n  #ot-white-collection .wc-product-title {\r\n    font-size: 24px;\r\n  }\r\n\r\n  #ot-white-collection .wc-product-description {\r\n    font-size: 13px;\r\n  }\r\n\r\n  #ot-white-collection .wc-action-row {\r\n    gap: 7px;\r\n  }\r\n\r\n  #ot-white-collection .wc-action {\r\n    min-height: 38px;\r\n\r\n    font-size: 8px;\r\n  }\r\n\r\n  #ot-white-collection .wc-view-link {\r\n    font-size: 8px;\r\n  }\r\n\r\n  #ot-white-collection .wc-feature {\r\n    padding: 70px 0;\r\n  }\r\n\r\n  #ot-white-collection .wc-feature-grid {\r\n    grid-template-columns: 1fr;\r\n\r\n    gap: 42px;\r\n  }\r\n\r\n  #ot-white-collection .wc-feature-title {\r\n    font-size: 34px;\r\n  }\r\n\r\n  #ot-white-collection .wc-feature-row {\r\n    grid-template-columns: 70px 1fr;\r\n  }\r\n\r\n  #ot-white-collection .wc-feature-number {\r\n    font-size: 22px;\r\n  }\r\n\r\n  #ot-white-collection .wc-feature-name {\r\n    font-size: 9px;\r\n  }\r\n\r\n  #ot-white-collection .wc-cta {\r\n    padding: 70px 0 78px;\r\n  }\r\n\r\n  #ot-white-collection .wc-cta-title {\r\n    font-size: 35px;\r\n  }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   VERY SMALL MOBILE\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 390px) {\r\n\r\n  #ot-white-collection .wc-container {\r\n    width: calc(100% - 24px);\r\n  }\r\n\r\n  #ot-white-collection .wc-hero-title {\r\n    font-size: 33px;\r\n  }\r\n\r\n  #ot-white-collection .wc-intro-title,\r\n  #ot-white-collection .wc-feature-title {\r\n    font-size: 32px;\r\n  }\r\n\r\n  #ot-white-collection .wc-cta-title {\r\n    font-size: 33px;\r\n  }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TOAST\r\n   ========================================================= *\/\r\n\r\n#ot-white-collection .wc-toast {\r\n  position: fixed;\r\n\r\n  left: 50%;\r\n  bottom: 24px;\r\n\r\n  z-index: 999999;\r\n\r\n  transform: translate(-50%, 15px);\r\n\r\n  padding: 11px 17px;\r\n\r\n  background: #1c1c1b;\r\n  color: #fff;\r\n\r\n  font-size: 11px;\r\n  line-height: 1.4;\r\n\r\n  opacity: 0;\r\n\r\n  pointer-events: none;\r\n\r\n  transition:\r\n    opacity .25s ease,\r\n    transform .25s ease;\r\n}\r\n\r\n#ot-white-collection .wc-toast.show {\r\n  opacity: 1;\r\n  transform: translate(-50%, 0);\r\n}\r\n<\/style>\r\n\r\n\r\n<main id=\"ot-white-collection\">\r\n\r\n  <!-- =====================================================\r\n       HERO\r\n       ===================================================== -->\r\n\r\n  <section class=\"wc-hero\">\r\n\r\n    <div class=\"wc-container\">\r\n\r\n      <div class=\"wc-hero-grid\">\r\n\r\n        <div class=\"wc-hero-copy\">\r\n\r\n          <div class=\"wc-label wc-hero-label\">\r\n            ON TIME 24 \/ COLLECTION\r\n          <\/div>\r\n\r\n          <div>\r\n\r\n            <h1 class=\"wc-hero-title\">\r\n              White<br>\r\n              Collection.\r\n            <\/h1>\r\n\r\n            <p class=\"wc-hero-description\">\r\n              A lighter expression of time. White engineered-stone housing meets carefully selected hand finishes for a calm architectural presence.\r\n            <\/p>\r\n\r\n            <div class=\"wc-hero-meta\">\r\n\r\n              <div>\r\n                <span class=\"wc-meta-title\">\r\n                  White Stone Housing\r\n                <\/span>\r\n\r\n                <span class=\"wc-meta-sub\">\r\n                  Engineered-stone composite\r\n                <\/span>\r\n              <\/div>\r\n\r\n              <div>\r\n                <span class=\"wc-meta-title\">\r\n                  3 Editions\r\n                <\/span>\r\n\r\n                <span class=\"wc-meta-sub\">\r\n                  Currently available\r\n                <\/span>\r\n              <\/div>\r\n\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"wc-hero-image\">\r\n\r\n          <img decoding=\"async\"\r\n            src=\"https:\/\/flyingontime.com\/wp-content\/uploads\/2026\/08\/white-silverhands-3.jpg\"\r\n            alt=\"ON TIME 24 White Stone Silver Hands\"\r\n            loading=\"eager\"\r\n          >\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/section>\r\n\r\n\r\n  <!-- =====================================================\r\n       INTRO\r\n       ===================================================== -->\r\n\r\n  <section class=\"wc-intro\">\r\n\r\n    <div class=\"wc-container\">\r\n\r\n      <div class=\"wc-intro-grid\">\r\n\r\n        <div class=\"wc-label\">\r\n          01 \u2014 THE COLLECTION\r\n        <\/div>\r\n\r\n        <div>\r\n\r\n          <h2 class=\"wc-intro-title\">\r\n            One movement.<br>\r\n            A lighter expression.\r\n          <\/h2>\r\n\r\n          <p class=\"wc-intro-text\">\r\n            The White Collection places the ON TIME 24 kinetic system within a light engineered-stone housing. Three hand finishes create three distinct visual expressions while preserving the same synchronized movement system.\r\n          <\/p>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/section>\r\n\r\n\r\n  <!-- =====================================================\r\n       PRODUCTS\r\n       ===================================================== -->\r\n\r\n  <section class=\"wc-products\">\r\n\r\n    <div class=\"wc-container\">\r\n\r\n      <div class=\"wc-products-heading\">\r\n\r\n        <h2>\r\n          Available Editions\r\n        <\/h2>\r\n\r\n        <span class=\"wc-products-count\">\r\n          03 \/ White Collection\r\n        <\/span>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"wc-product-grid\">\r\n\r\n\r\n        <!-- =================================================\r\n             PRODUCT 01\r\n             ================================================= -->\r\n\r\n        <article\r\n          class=\"wc-product\"\r\n          data-product-slug=\"on-time-24-white-stone-silver-hands\"\r\n          data-product-url=\"https:\/\/flyingontime.com\/product\/on-time-24-white-stone-silver-hands\/\"\r\n        >\r\n\r\n          <a\r\n            href=\"https:\/\/flyingontime.com\/product\/on-time-24-white-stone-silver-hands\/\"\r\n            aria-label=\"View ON TIME 24 White Stone Silver Hands\"\r\n          >\r\n\r\n            <div class=\"wc-product-image\">\r\n\r\n              <img decoding=\"async\"\r\n                src=\"https:\/\/flyingontime.com\/wp-content\/uploads\/2026\/08\/white-silverhands-3.jpg\"\r\n                alt=\"ON TIME 24 White Stone Silver Hands\"\r\n                loading=\"lazy\"\r\n              >\r\n\r\n            <\/div>\r\n\r\n          <\/a>\r\n\r\n\r\n          <div class=\"wc-product-info\">\r\n\r\n            <div class=\"wc-product-index\">\r\n              01 \/ WHITE STONE\r\n            <\/div>\r\n\r\n            <h3 class=\"wc-product-title\">\r\n              Silver Hands\r\n            <\/h3>\r\n\r\n            <p class=\"wc-product-description\">\r\n              A refined monochrome expression with a cool metallic accent.\r\n            <\/p>\r\n\r\n\r\n            <div class=\"wc-product-bottom\">\r\n\r\n              <div class=\"wc-product-price-row\">\r\n\r\n                <div>\r\n\r\n                  <div class=\"wc-price\">\r\n                    $1,500.00\r\n                  <\/div>\r\n\r\n                  <div class=\"wc-spec\">\r\n                    900 \u00d7 400 \u00d7 54 mm\r\n                  <\/div>\r\n\r\n                <\/div>\r\n\r\n              <\/div>\r\n\r\n\r\n              <div class=\"wc-action-row\">\r\n\r\n                <button\r\n                  class=\"wc-action wc-add-cart\"\r\n                  type=\"button\"\r\n                >\r\n                  Add to Cart\r\n                <\/button>\r\n\r\n                <button\r\n                  class=\"wc-action wc-buy-now\"\r\n                  type=\"button\"\r\n                >\r\n                  Buy Now\r\n                <\/button>\r\n\r\n              <\/div>\r\n\r\n\r\n              <a\r\n                class=\"wc-view-link\"\r\n                href=\"https:\/\/flyingontime.com\/product\/on-time-24-white-stone-silver-hands\/\"\r\n              >\r\n                View Edition\r\n              <\/a>\r\n\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n        <\/article>\r\n\r\n\r\n        <!-- =================================================\r\n             PRODUCT 02\r\n             ================================================= -->\r\n\r\n        <article\r\n          class=\"wc-product\"\r\n          data-product-slug=\"on-time-24-white-stone-gold-hands\"\r\n          data-product-url=\"https:\/\/flyingontime.com\/product\/on-time-24-white-stone-gold-hands\/\"\r\n        >\r\n\r\n          <a\r\n            href=\"https:\/\/flyingontime.com\/product\/on-time-24-white-stone-gold-hands\/\"\r\n            aria-label=\"View ON TIME 24 White Stone Gold Hands\"\r\n          >\r\n\r\n            <div class=\"wc-product-image\">\r\n\r\n              <img decoding=\"async\"\r\n                src=\"https:\/\/flyingontime.com\/wp-content\/uploads\/2026\/08\/white-goldhands1.jpg\"\r\n                alt=\"ON TIME 24 White Stone Gold Hands\"\r\n                loading=\"lazy\"\r\n              >\r\n\r\n            <\/div>\r\n\r\n          <\/a>\r\n\r\n\r\n          <div class=\"wc-product-info\">\r\n\r\n            <div class=\"wc-product-index\">\r\n              02 \/ WHITE STONE\r\n            <\/div>\r\n\r\n            <h3 class=\"wc-product-title\">\r\n              Gold Hands\r\n            <\/h3>\r\n\r\n            <p class=\"wc-product-description\">\r\n              A warm metallic accent that brings greater contrast to the light stone surface.\r\n            <\/p>\r\n\r\n\r\n            <div class=\"wc-product-bottom\">\r\n\r\n              <div class=\"wc-product-price-row\">\r\n\r\n                <div>\r\n\r\n                  <div class=\"wc-price\">\r\n                    $1,500.00\r\n                  <\/div>\r\n\r\n                  <div class=\"wc-spec\">\r\n                    900 \u00d7 400 \u00d7 54 mm\r\n                  <\/div>\r\n\r\n                <\/div>\r\n\r\n              <\/div>\r\n\r\n\r\n              <div class=\"wc-action-row\">\r\n\r\n                <button\r\n                  class=\"wc-action wc-add-cart\"\r\n                  type=\"button\"\r\n                >\r\n                  Add to Cart\r\n                <\/button>\r\n\r\n                <button\r\n                  class=\"wc-action wc-buy-now\"\r\n                  type=\"button\"\r\n                >\r\n                  Buy Now\r\n                <\/button>\r\n\r\n              <\/div>\r\n\r\n\r\n              <a\r\n                class=\"wc-view-link\"\r\n                href=\"https:\/\/flyingontime.com\/product\/on-time-24-white-stone-gold-hands\/\"\r\n              >\r\n                View Edition\r\n              <\/a>\r\n\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n        <\/article>\r\n\r\n\r\n        <!-- =================================================\r\n             PRODUCT 03\r\n             ================================================= -->\r\n\r\n        <article\r\n          class=\"wc-product\"\r\n          data-product-slug=\"ontime24-white-stone-black-hands\"\r\n          data-product-url=\"https:\/\/flyingontime.com\/product\/ontime24-white-stone-black-hands\/\"\r\n        >\r\n\r\n          <a\r\n            href=\"https:\/\/flyingontime.com\/product\/ontime24-white-stone-black-hands\/\"\r\n            aria-label=\"View ON TIME 24 White Stone Black Hands\"\r\n          >\r\n\r\n            <div class=\"wc-product-image\">\r\n\r\n              <img decoding=\"async\"\r\n                src=\"https:\/\/flyingontime.com\/wp-content\/uploads\/2026\/07\/White-Stone.-Black-Finish-Hands.jpg\"\r\n                alt=\"ON TIME 24 White Stone Black Hands\"\r\n                loading=\"lazy\"\r\n              >\r\n\r\n            <\/div>\r\n\r\n          <\/a>\r\n\r\n\r\n          <div class=\"wc-product-info\">\r\n\r\n            <div class=\"wc-product-index\">\r\n              03 \/ WHITE STONE\r\n            <\/div>\r\n\r\n            <h3 class=\"wc-product-title\">\r\n              Black Hands\r\n            <\/h3>\r\n\r\n            <p class=\"wc-product-description\">\r\n              A precise monochrome contrast with a restrained architectural character.\r\n            <\/p>\r\n\r\n\r\n            <div class=\"wc-product-bottom\">\r\n\r\n              <div class=\"wc-product-price-row\">\r\n\r\n                <div>\r\n\r\n                  <div class=\"wc-price\">\r\n                    $1,500.00\r\n                  <\/div>\r\n\r\n                  <div class=\"wc-spec\">\r\n                    900 \u00d7 400 \u00d7 54 mm\r\n                  <\/div>\r\n\r\n                <\/div>\r\n\r\n              <\/div>\r\n\r\n\r\n              <div class=\"wc-action-row\">\r\n\r\n                <button\r\n                  class=\"wc-action wc-add-cart\"\r\n                  type=\"button\"\r\n                >\r\n                  Add to Cart\r\n                <\/button>\r\n\r\n                <button\r\n                  class=\"wc-action wc-buy-now\"\r\n                  type=\"button\"\r\n                >\r\n                  Buy Now\r\n                <\/button>\r\n\r\n              <\/div>\r\n\r\n\r\n              <a\r\n                class=\"wc-view-link\"\r\n                href=\"https:\/\/flyingontime.com\/product\/ontime24-white-stone-black-hands\/\"\r\n              >\r\n                View Edition\r\n              <\/a>\r\n\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n        <\/article>\r\n\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/section>\r\n\r\n\r\n  <!-- =====================================================\r\n       FEATURE\r\n       ===================================================== -->\r\n\r\n  <section class=\"wc-feature\">\r\n\r\n    <div class=\"wc-container\">\r\n\r\n      <div class=\"wc-feature-grid\">\r\n\r\n        <div>\r\n\r\n          <div class=\"wc-label\">\r\n            02 \u2014 ONE SYSTEM\r\n          <\/div>\r\n\r\n          <h2 class=\"wc-feature-title\">\r\n            The same movement.<br>\r\n            Three visual expressions.\r\n          <\/h2>\r\n\r\n          <p class=\"wc-feature-copy\">\r\n            Every edition uses the same synchronized architecture: 24 coordinated dials and 48 independently moving hands, forming numbers, lines and evolving geometric compositions.\r\n          <\/p>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"wc-feature-list\">\r\n\r\n          <div class=\"wc-feature-row\">\r\n            <strong class=\"wc-feature-number\">24<\/strong>\r\n            <span class=\"wc-feature-name\">Coordinated dials<\/span>\r\n          <\/div>\r\n\r\n          <div class=\"wc-feature-row\">\r\n            <strong class=\"wc-feature-number\">48<\/strong>\r\n            <span class=\"wc-feature-name\">Moving hands<\/span>\r\n          <\/div>\r\n\r\n          <div class=\"wc-feature-row\">\r\n            <strong class=\"wc-feature-number\">54<\/strong>\r\n            <span class=\"wc-feature-name\">Millimetres deep<\/span>\r\n          <\/div>\r\n\r\n          <div class=\"wc-feature-row\">\r\n            <strong class=\"wc-feature-number\">18<\/strong>\r\n            <span class=\"wc-feature-name\">Kilograms net weight<\/span>\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/section>\r\n\r\n\r\n  <!-- =====================================================\r\n       CTA\r\n       ===================================================== -->\r\n\r\n  <section class=\"wc-cta\">\r\n\r\n    <div class=\"wc-container\">\r\n\r\n      <div class=\"wc-cta-inner\">\r\n\r\n        <div class=\"wc-label wc-cta-label\">\r\n          ON TIME 24\r\n        <\/div>\r\n\r\n        <h2 class=\"wc-cta-title\">\r\n          Choose the expression<br>\r\n          that belongs in your space.\r\n        <\/h2>\r\n\r\n        <p class=\"wc-cta-text\">\r\n          Explore the current ON TIME 24 editions and discover a different expression of time.\r\n        <\/p>\r\n\r\n        <a\r\n          class=\"wc-cta-button\"\r\n          href=\"https:\/\/flyingontime.com\/shop\/\"\r\n        >\r\n          Explore All Editions\r\n        <\/a>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/section>\r\n\r\n\r\n  <div\r\n    class=\"wc-toast\"\r\n    aria-live=\"polite\"\r\n  ><\/div>\r\n\r\n<\/main>\r\n\r\n\r\n<script>\r\n(function () {\r\n\r\n  const root = document.getElementById(\"ot-white-collection\");\r\n\r\n  if (!root) return;\r\n\r\n  const toast = root.querySelector(\".wc-toast\");\r\n\r\n\r\n  function showToast(message) {\r\n\r\n    if (!toast) return;\r\n\r\n    toast.textContent = message;\r\n    toast.classList.add(\"show\");\r\n\r\n    clearTimeout(toast._timer);\r\n\r\n    toast._timer = setTimeout(function () {\r\n      toast.classList.remove(\"show\");\r\n    }, 2200);\r\n  }\r\n\r\n\r\n  async function getProductId(slug) {\r\n\r\n    const response = await fetch(\r\n      \"\/wp-json\/wc\/store\/v1\/products?slug=\" +\r\n      encodeURIComponent(slug),\r\n      {\r\n        credentials: \"same-origin\",\r\n        cache: \"no-store\"\r\n      }\r\n    );\r\n\r\n    if (!response.ok) {\r\n      throw new Error(\"Product lookup failed.\");\r\n    }\r\n\r\n    const products = await response.json();\r\n\r\n    if (!Array.isArray(products) || !products.length || !products[0].id) {\r\n      throw new Error(\"Product not found.\");\r\n    }\r\n\r\n    return products[0].id;\r\n  }\r\n\r\n\r\n  async function addToCart(productId) {\r\n\r\n    const formData = new URLSearchParams();\r\n\r\n    formData.append(\"add-to-cart\", productId);\r\n    formData.append(\"quantity\", \"1\");\r\n\r\n\r\n    const response = await fetch(\r\n      \"\/\",\r\n      {\r\n        method: \"POST\",\r\n        credentials: \"same-origin\",\r\n\r\n        headers: {\r\n          \"Content-Type\":\r\n            \"application\/x-www-form-urlencoded; charset=UTF-8\"\r\n        },\r\n\r\n        body: formData.toString(),\r\n\r\n        redirect: \"follow\"\r\n      }\r\n    );\r\n\r\n\r\n    if (!response.ok) {\r\n      throw new Error(\"Add to cart failed.\");\r\n    }\r\n\r\n    return true;\r\n  }\r\n\r\n\r\n  root.addEventListener(\"click\", async function (event) {\r\n\r\n    const button = event.target.closest(\".wc-add-cart, .wc-buy-now\");\r\n\r\n    if (!button) return;\r\n\r\n    const product = button.closest(\".wc-product\");\r\n\r\n    if (!product) return;\r\n\r\n    const slug = product.getAttribute(\"data-product-slug\");\r\n    const productUrl = product.getAttribute(\"data-product-url\");\r\n\r\n    if (!slug || !productUrl) return;\r\n\r\n\r\n    const isBuyNow = button.classList.contains(\"wc-buy-now\");\r\n\r\n\r\n    button.classList.add(\"wc-loading\");\r\n\r\n    const originalText = button.textContent;\r\n\r\n    button.textContent = isBuyNow\r\n      ? \"Processing...\"\r\n      : \"Adding...\";\r\n\r\n\r\n    try {\r\n\r\n      const productId = await getProductId(slug);\r\n\r\n      await addToCart(productId);\r\n\r\n\r\n      if (isBuyNow) {\r\n\r\n        window.location.href =\r\n          \"https:\/\/flyingontime.com\/checkout\/\";\r\n\r\n        return;\r\n      }\r\n\r\n\r\n      button.textContent = \"Added\";\r\n\r\n      showToast(\"Added to cart\");\r\n\r\n\r\n      setTimeout(function () {\r\n        window.location.reload();\r\n      }, 650);\r\n\r\n\r\n    } catch (error) {\r\n\r\n      console.error(error);\r\n\r\n      \/*\r\n       * \u5b89\u5168\u964d\u7ea7\uff1a\r\n       * \u5982\u679c WooCommerce Store API \/ AJAX \u4e0d\u53ef\u7528\uff0c\r\n       * \u4e0d\u8ba9\u6309\u94ae\u53d8\u6210\u6b7b\u6309\u94ae\uff0c\u76f4\u63a5\u8fdb\u5165\u5bf9\u5e94\u4ea7\u54c1\u9875\u3002\r\n       *\/\r\n\r\n      if (isBuyNow) {\r\n\r\n        window.location.href = productUrl;\r\n\r\n      } else {\r\n\r\n        showToast(\"Opening product...\");\r\n\r\n        setTimeout(function () {\r\n          window.location.href = productUrl;\r\n        }, 500);\r\n\r\n      }\r\n\r\n    } finally {\r\n\r\n      button.classList.remove(\"wc-loading\");\r\n\r\n      if (document.body.contains(button)) {\r\n        button.textContent = originalText;\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 \/ COLLECTION White Collection. A lighter expression of time. White engineered-stone housing meets carefully selected hand finishes for a calm architectural presence. White Stone Housing Engineered-stone composite 3 Editions Currently available 01 \u2014 THE COLLECTION One movement. A lighter expression. The White Collection places the ON TIME 24 kinetic system within a [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-1228","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/flyingontime.com\/zh\/wp-json\/wp\/v2\/pages\/1228","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=1228"}],"version-history":[{"count":7,"href":"https:\/\/flyingontime.com\/zh\/wp-json\/wp\/v2\/pages\/1228\/revisions"}],"predecessor-version":[{"id":1235,"href":"https:\/\/flyingontime.com\/zh\/wp-json\/wp\/v2\/pages\/1228\/revisions\/1235"}],"wp:attachment":[{"href":"https:\/\/flyingontime.com\/zh\/wp-json\/wp\/v2\/media?parent=1228"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}