@nextcommerce/campaigns-os 1.34.1 → 1.37.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (119) hide show
  1. package/AGENTS.md +42 -13
  2. package/CHANGELOG.md +117 -0
  3. package/README.md +48 -21
  4. package/contracts/agent-relevant-change-policy.v1.json +1 -0
  5. package/contracts/campaign-cart-sdk-support-policy.v0.json +2 -2
  6. package/contracts/commerce-surface-catalog.json +31 -29
  7. package/contracts/fixtures/progress/observation.v0.json +89 -0
  8. package/contracts/release-ledger.json +425 -0
  9. package/contracts/supported-surface.json +20 -5
  10. package/contracts/template-brand-contract.shared-commerce.v0.json +1 -1
  11. package/demo/apollo-v0/NOTICE.txt +51 -0
  12. package/demo/apollo-v0/assets/css/demo.css +2 -0
  13. package/demo/apollo-v0/assets/css/landing/tokens.css +35 -0
  14. package/demo/apollo-v0/assets/css/next-core.css +16124 -0
  15. package/demo/apollo-v0/assets/images/1x1_1.svg +19 -0
  16. package/demo/apollo-v0/assets/images/1x1_2.svg +19 -0
  17. package/demo/apollo-v0/assets/images/affirm-logo.svg +24 -0
  18. package/demo/apollo-v0/assets/images/apple-pay-logo.svg +4 -0
  19. package/demo/apollo-v0/assets/images/bancontact-logo.svg +1 -0
  20. package/demo/apollo-v0/assets/images/cc-visa.svg +28 -0
  21. package/demo/apollo-v0/assets/images/cc_amex.svg +20 -0
  22. package/demo/apollo-v0/assets/images/cc_discover.svg +21 -0
  23. package/demo/apollo-v0/assets/images/cc_master.svg +22 -0
  24. package/demo/apollo-v0/assets/images/credit-card-flags.svg +38 -0
  25. package/demo/apollo-v0/assets/images/demo-inline-40788e52a7c75b78.svg +1 -0
  26. package/demo/apollo-v0/assets/images/demo-inline-686e73c8840a0f0a.svg +1 -0
  27. package/demo/apollo-v0/assets/images/google-pay-logo.svg +7 -0
  28. package/demo/apollo-v0/assets/images/guarantee-badge.png +0 -0
  29. package/demo/apollo-v0/assets/images/icon-dollar.svg +5 -0
  30. package/demo/apollo-v0/assets/images/icon-guarantee.svg +5 -0
  31. package/demo/apollo-v0/assets/images/icon-shipping.svg +5 -0
  32. package/demo/apollo-v0/assets/images/icons8-lock-24_1icons8-lock-24.png +0 -0
  33. package/demo/apollo-v0/assets/images/ideal-logo.svg +30 -0
  34. package/demo/apollo-v0/assets/images/klarna-logo.svg +9 -0
  35. package/demo/apollo-v0/assets/images/landing/_shared/16x9.svg +19 -0
  36. package/demo/apollo-v0/assets/images/landing/_shared/1x1_1.svg +19 -0
  37. package/demo/apollo-v0/assets/images/landing/_shared/4x3.svg +19 -0
  38. package/demo/apollo-v0/assets/images/landing/_shared/arrow-right.svg +6 -0
  39. package/demo/apollo-v0/assets/images/landing/_shared/cta-guarantee-icon.png +0 -0
  40. package/demo/apollo-v0/assets/images/landing/benefits-2/benefits-2-icon-1.svg +8 -0
  41. package/demo/apollo-v0/assets/images/landing/benefits-2/benefits-2-icon-2.svg +10 -0
  42. package/demo/apollo-v0/assets/images/landing/benefits-2/benefits-2-icon-3.svg +13 -0
  43. package/demo/apollo-v0/assets/images/landing/benefits-2/benefits-2-icon-4.svg +11 -0
  44. package/demo/apollo-v0/assets/images/landing/benefits-2/benefits-2-quote.svg +6 -0
  45. package/demo/apollo-v0/assets/images/landing/benefits-2/benefits-2-verified.svg +10 -0
  46. package/demo/apollo-v0/assets/images/landing/bottomcta-1/check-bullet.svg +5 -0
  47. package/demo/apollo-v0/assets/images/landing/faq-1/faq-chevron.svg +6 -0
  48. package/demo/apollo-v0/assets/images/landing/footer-1/footer-logo.png +0 -0
  49. package/demo/apollo-v0/assets/images/landing/guarantee-1/guarantee-1-badge.svg +8 -0
  50. package/demo/apollo-v0/assets/images/landing/hero-1/icon-check.svg +5 -0
  51. package/demo/apollo-v0/assets/images/landing/hero-1/icon-star.svg +6 -0
  52. package/demo/apollo-v0/assets/images/landing/hero-1/icon-verified.svg +6 -0
  53. package/demo/apollo-v0/assets/images/landing/icons-5/icon-batteries.svg +7 -0
  54. package/demo/apollo-v0/assets/images/landing/icons-5/icon-cuff-checking.svg +6 -0
  55. package/demo/apollo-v0/assets/images/landing/icons-5/icon-dual-user.svg +5 -0
  56. package/demo/apollo-v0/assets/images/landing/icons-5/icon-fda-cleared.svg +5 -0
  57. package/demo/apollo-v0/assets/images/landing/icons-5/icon-heartbeat.svg +17 -0
  58. package/demo/apollo-v0/assets/images/landing/icons-5/icon-lcd-display.svg +10 -0
  59. package/demo/apollo-v0/assets/images/landing/icons-5/icon-movement-error.svg +7 -0
  60. package/demo/apollo-v0/assets/images/landing/icons-5/icon-portable.png +0 -0
  61. package/demo/apollo-v0/assets/images/landing/icons-5/icon-reading-memory.svg +6 -0
  62. package/demo/apollo-v0/assets/images/landing/icons-5/icon-wrist-comfort.svg +5 -0
  63. package/demo/apollo-v0/assets/images/landing/ingredients-3/ingredients-3-card-1.jpg +0 -0
  64. package/demo/apollo-v0/assets/images/landing/ingredients-3/ingredients-3-card-2.jpg +0 -0
  65. package/demo/apollo-v0/assets/images/landing/ingredients-3/ingredients-3-card-3.jpg +0 -0
  66. package/demo/apollo-v0/assets/images/landing/ingredients-3/ingredients-3-card-4.jpg +0 -0
  67. package/demo/apollo-v0/assets/images/landing/ingredients-3/ingredients-3-promise-1.png +0 -0
  68. package/demo/apollo-v0/assets/images/landing/ingredients-3/ingredients-3-promise-2.png +0 -0
  69. package/demo/apollo-v0/assets/images/landing/ingredients-3/ingredients-3-promise-3.png +0 -0
  70. package/demo/apollo-v0/assets/images/landing/ingredients-3/ingredients-3-promise-4.png +0 -0
  71. package/demo/apollo-v0/assets/images/landing/ingredients-3/ingredients-3-promise-5.png +0 -0
  72. package/demo/apollo-v0/assets/images/landing/ingredients-3/ingredients-3-promise-6.png +0 -0
  73. package/demo/apollo-v0/assets/images/landing/nav-1/flag-us.png +0 -0
  74. package/demo/apollo-v0/assets/images/landing/reviews-3/star-card.svg +3 -0
  75. package/demo/apollo-v0/assets/images/landing/reviews-3/star-lg.svg +3 -0
  76. package/demo/apollo-v0/assets/images/landing/reviews-3/star-sm.svg +3 -0
  77. package/demo/apollo-v0/assets/images/landing/reviews-3/verified.svg +10 -0
  78. package/demo/apollo-v0/assets/images/landing/testimonials-2/testimonials-2-reactions.svg +9 -0
  79. package/demo/apollo-v0/assets/images/landing/testimonials-2/testimonials-2-stars.svg +6 -0
  80. package/demo/apollo-v0/assets/images/link-logo.svg +1 -0
  81. package/demo/apollo-v0/assets/images/next-dark.svg +8 -0
  82. package/demo/apollo-v0/assets/images/paypal-logo.svg +5 -0
  83. package/demo/apollo-v0/assets/images/paypal-txt.svg +8 -0
  84. package/demo/apollo-v0/assets/images/paypal.svg +22 -0
  85. package/demo/apollo-v0/assets/images/sepa-logo.svg +275 -0
  86. package/demo/apollo-v0/assets/images/twint-logo.svg +1 -0
  87. package/demo/apollo-v0/assets/images/united-states-flag-icon.webp +0 -0
  88. package/demo/apollo-v0/assets/images/upsell-payment-logos.svg +38 -0
  89. package/demo/apollo-v0/assets/images/usps.png +0 -0
  90. package/demo/apollo-v0/checkout/index.html +1370 -0
  91. package/demo/apollo-v0/landing/index.html +1836 -0
  92. package/demo/apollo-v0/provenance.json +342 -0
  93. package/demo/apollo-v0/receipt/index.html +292 -0
  94. package/demo/apollo-v0/upsell-bundle-stepper/index.html +401 -0
  95. package/docs/activation-and-evidence.md +37 -0
  96. package/docs/build-packet.md +107 -0
  97. package/docs/demo-preview.md +63 -0
  98. package/docs/diagnostics.md +55 -0
  99. package/docs/orientation-contract-reference.md +2 -1
  100. package/docs/progress-snapshots.md +142 -0
  101. package/docs/runtime-readiness.md +1 -1
  102. package/docs/supported-surface.md +13 -1
  103. package/package.json +13 -3
  104. package/schemas/campaign-runtime-build-context.v0.schema.json +42 -0
  105. package/schemas/campaigns-os-progress-snapshot.v0.schema.json +370 -0
  106. package/skills/next-campaigns-build/SKILL.md +17 -1
  107. package/skills/next-campaigns-os/SKILL.md +19 -3
  108. package/skills/next-campaigns-os-setup/SKILL.md +17 -1
  109. package/skills/next-campaigns-polish/SKILL.md +18 -2
  110. package/skills/next-campaigns-qa/SKILL.md +24 -8
  111. package/skills.json +5 -5
  112. package/src/cli.mjs +74 -4
  113. package/src/consent.mjs +2 -2
  114. package/src/demo-artifact.mjs +97 -0
  115. package/src/demo.mjs +85 -0
  116. package/src/diagnostic.mjs +101 -0
  117. package/src/install-mode.mjs +13 -1
  118. package/src/progress-node.mjs +177 -0
  119. package/src/progress.mjs +133 -0
package/demo/apollo-v0/checkout/index.html ADDED
@@ -0,0 +1,1370 @@
1
+ <!DOCTYPE html><html lang="en"><head><meta http-equiv="Content-Security-Policy" content="default-src 'none'; img-src 'self'; style-src 'self' 'unsafe-inline'; font-src 'self'; form-action 'none'; base-uri 'none'; connect-src 'none'; frame-src 'none'; object-src 'none'"><link rel="stylesheet" href="../assets/css/demo.css">
2
+ <meta charset="utf-8">
3
+ <title>Apollo Checkout</title>
4
+
5
+ <meta property="og:type" content="website">
6
+ <meta property="og:title" content="Apollo Checkout">
7
+ <meta name="twitter:card" content="summary_large_image">
8
+ <meta name="twitter:title" content="Apollo Checkout">
9
+
10
+
11
+ <meta property="og:description" content="Apollo checkout funnel">
12
+ <meta name="twitter:description" content="Apollo checkout funnel">
13
+
14
+
15
+
16
+
17
+ <meta property="og:site_name" content="Next Commerce">
18
+
19
+
20
+ <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
21
+
22
+
23
+
24
+
25
+
26
+
27
+
28
+
29
+
30
+
31
+
32
+
33
+
34
+
35
+
36
+
37
+
38
+
39
+
40
+
41
+
42
+
43
+
44
+
45
+
46
+
47
+
48
+ <link href="../assets/css/next-core.css" rel="stylesheet" type="text/css">
49
+
50
+
51
+
52
+
53
+
54
+
55
+ </head>
56
+ <body><aside data-demo-banner="true" class="demo-banner"><strong>Demo only</strong><span>Sample content. Checkout, payment and source controls are disabled.</span><nav aria-label="Sample pages"><a data-demo-nav="true" href="../landing/index.html">Landing</a><a data-demo-nav="true" href="../checkout/index.html">Checkout</a><a data-demo-nav="true" href="../upsell-bundle-stepper/index.html">Offer</a><a data-demo-nav="true" href="../receipt/index.html">Receipt</a></nav><p>For a real campaign, start in a new folder with a saved Campaign Map. Keep this demo and any edits as reference.</p></aside>
57
+
58
+
59
+ <div class="page-wrapper">
60
+ <div class="main-wrapper">
61
+
62
+ <div class="section_header">
63
+ <div class="promo-banner promo-banner--apollo">
64
+ <p class="promo-banner__text"><span class="promo-banner__emoji">✨</span> <span class="promo-banner__highlight">Up to 60% off</span> your <span class="promo-banner__strong">Product Name</span> - Today only · Free USA shipping</p>
65
+ </div>
66
+
67
+ </div>
68
+ <section class="checkout-header checkout-header--apollo">
69
+ <div class="container">
70
+ <div class="checkout-header__inner">
71
+ <div class="checkout-header__brand">
72
+ <img src="../assets/images/next-dark.svg" alt="Next Commerce" class="checkout-header__logo" loading="eager">
73
+ </div>
74
+ <span class="checkout-header__divider" aria-hidden="true"></span>
75
+ <div class="checkout-header__trust">
76
+ <div class="checkout-header__reviews">
77
+ <div class="star_wrapper" role="img" aria-label="5 out of 5 stars">
78
+ <div class="star_img"><svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
79
+ <rect width="15" height="15" rx="2" fill="#1BBA86"></rect>
80
+ <path d="M7.3125 2.25012L8.53329 6.00734L12.4839 6.00734L9.28779 8.32943L10.5086 12.0867L7.3125 9.76456L4.11642 12.0867L5.33721 8.32943L2.14113 6.00734L6.09171 6.00734L7.3125 2.25012Z" fill="white"></path>
81
+ </svg></div><div class="star_img"><svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
82
+ <rect width="15" height="15" rx="2" fill="#1BBA86"></rect>
83
+ <path d="M7.3125 2.25012L8.53329 6.00734L12.4839 6.00734L9.28779 8.32943L10.5086 12.0867L7.3125 9.76456L4.11642 12.0867L5.33721 8.32943L2.14113 6.00734L6.09171 6.00734L7.3125 2.25012Z" fill="white"></path>
84
+ </svg></div><div class="star_img"><svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
85
+ <rect width="15" height="15" rx="2" fill="#1BBA86"></rect>
86
+ <path d="M7.3125 2.25012L8.53329 6.00734L12.4839 6.00734L9.28779 8.32943L10.5086 12.0867L7.3125 9.76456L4.11642 12.0867L5.33721 8.32943L2.14113 6.00734L6.09171 6.00734L7.3125 2.25012Z" fill="white"></path>
87
+ </svg></div><div class="star_img"><svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
88
+ <rect width="15" height="15" rx="2" fill="#1BBA86"></rect>
89
+ <path d="M7.3125 2.25012L8.53329 6.00734L12.4839 6.00734L9.28779 8.32943L10.5086 12.0867L7.3125 9.76456L4.11642 12.0867L5.33721 8.32943L2.14113 6.00734L6.09171 6.00734L7.3125 2.25012Z" fill="white"></path>
90
+ </svg></div><div class="star_img"><svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
91
+ <rect width="15" height="15" rx="2" fill="#1BBA86"></rect>
92
+ <path d="M7.3125 2.25012L8.53329 6.00734L12.4839 6.00734L9.28779 8.32943L10.5086 12.0867L7.3125 9.76456L4.11642 12.0867L5.33721 8.32943L2.14113 6.00734L6.09171 6.00734L7.3125 2.25012Z" fill="white"></path>
93
+ </svg></div>
94
+ </div>
95
+ <span class="checkout-header__reviews-text"><strong>10,000+</strong> 5-Star Reviews</span>
96
+ </div>
97
+ <ul class="checkout-header__badges">
98
+ <li class="checkout-header__badge">
99
+ <img src="../assets/images/icon-shipping.svg" alt="" class="checkout-header__badge-icon" loading="eager">
100
+ <span>Free US Shipping</span>
101
+ </li>
102
+ <li class="checkout-header__badge">
103
+ <img src="../assets/images/icon-dollar.svg" alt="" class="checkout-header__badge-icon" loading="eager">
104
+ <span>60-Day Guarantee</span>
105
+ </li>
106
+ <li class="checkout-header__badge">
107
+ <img src="../assets/images/icon-guarantee.svg" alt="" class="checkout-header__badge-icon" loading="eager">
108
+ <span>2 Year Warranty</span>
109
+ </li>
110
+ </ul>
111
+ </div>
112
+ </div>
113
+ </div>
114
+ </section>
115
+
116
+ <div class="section-checkout cc-gray">
117
+ <div class="container">
118
+ <div class="checkout-page-layout">
119
+ <div class="show-tablet">
120
+ <div class="product-heading">
121
+ <h1 class="product-heading__title"><span>Product Name</span></h1>
122
+ <div class="product-heading__divider" aria-hidden="true"></div>
123
+ <ul class="product-heading__features">
124
+ <li class="product-heading__feature">
125
+ <svg class="product-heading__check" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"></path></svg>
126
+ <span>Key product benefit goes here</span>
127
+ </li>
128
+ <li class="product-heading__feature">
129
+ <svg class="product-heading__check" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"></path></svg>
130
+ <span>Another standout feature here</span>
131
+ </li>
132
+ <li class="product-heading__feature">
133
+ <svg class="product-heading__check" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"></path></svg>
134
+ <span>Backed by our guarantee</span>
135
+ </li>
136
+ <li class="product-heading__feature product-heading__feature--flag">
137
+ <span class="product-heading__flag" aria-hidden="true">🇺🇸</span>
138
+ <span>Proudly made in the USA</span>
139
+ </li>
140
+ </ul>
141
+ </div>
142
+
143
+ </div>
144
+ <div class="checkout-wrapper">
145
+ <div class="checkout-layout__left">
146
+ <div class="checkout-layout__content">
147
+ <div class="checkout-layout__content-inner">
148
+ <div class="checkout-media__wrapper">
149
+
150
+
151
+
152
+
153
+
154
+
155
+
156
+
157
+
158
+ <div data-component="swiper" data-variant="sw1">
159
+ <div class="slider_component">
160
+ <div class="slider_component-wrapper">
161
+ <div swiper="slider-main" class="swiper">
162
+ <div class="swiper-wrapper">
163
+
164
+ <div class="swiper-slide">
165
+ <div class="swiper-slide_inner">
166
+ <div class="swiper-slide_image-wrap is-square"><img src="../assets/images/1x1_1.svg" alt="" class="cover" loading="eager"></div>
167
+ </div>
168
+ </div>
169
+
170
+ <div class="swiper-slide">
171
+ <div class="swiper-slide_inner">
172
+ <div class="swiper-slide_image-wrap is-square"><img src="../assets/images/1x1_1.svg" alt="" class="cover" loading="eager"></div>
173
+ </div>
174
+ </div>
175
+
176
+ <div class="swiper-slide">
177
+ <div class="swiper-slide_inner">
178
+ <div class="swiper-slide_image-wrap is-square"><img src="../assets/images/1x1_1.svg" alt="" class="cover" loading="eager"></div>
179
+ </div>
180
+ </div>
181
+
182
+ <div class="swiper-slide">
183
+ <div class="swiper-slide_inner">
184
+ <div class="swiper-slide_image-wrap is-square"><img src="../assets/images/1x1_1.svg" alt="" class="cover" loading="eager"></div>
185
+ </div>
186
+ </div>
187
+
188
+ <div class="swiper-slide">
189
+ <div class="swiper-slide_inner">
190
+ <div class="swiper-slide_image-wrap is-square"><img src="../assets/images/1x1_1.svg" alt="" class="cover" loading="eager"></div>
191
+ </div>
192
+ </div>
193
+
194
+ <div class="swiper-slide">
195
+ <div class="swiper-slide_inner">
196
+ <div class="swiper-slide_image-wrap is-square"><img src="../assets/images/1x1_1.svg" alt="" class="cover" loading="eager"></div>
197
+ </div>
198
+ </div>
199
+
200
+ </div>
201
+ </div>
202
+ <div class="swiper-thumbs-arrow">
203
+ <div swiper="prev-button" class="swiper__button-static">
204
+ <div class="swiper__button-icon"><svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0.91316 12.9545L0 12.0028L0.91316 11.0511L9.16383 2.45175L10.077 1.5L11.8979 3.39789L10.9848 4.34964L4.93644 10.6592H22.7108H24V13.3464H22.7108H4.93644L10.9902 19.6504L11.9033 20.6021L10.0824 22.5L9.1692 21.5483L0.91316 12.9545Z" fill="currentColor"></path></svg></div>
205
+ </div>
206
+ <div class="slider_component__thumbs-wrap">
207
+ <div thumbsslider="" swiper="slider-thumbs" class="swiper">
208
+ <div class="swiper-wrapper">
209
+
210
+ <div class="swiper-slide is-thumb swiper-slide-thumb-active">
211
+ <div class="swiper-slide_inner">
212
+ <div class="swiper-slide_image-wrap"><img src="../assets/images/1x1_2.svg" alt="" class="cover" loading="eager"></div>
213
+ </div>
214
+ </div>
215
+
216
+ <div class="swiper-slide is-thumb">
217
+ <div class="swiper-slide_inner">
218
+ <div class="swiper-slide_image-wrap"><img src="../assets/images/1x1_2.svg" alt="" class="cover" loading="eager"></div>
219
+ </div>
220
+ </div>
221
+
222
+ <div class="swiper-slide is-thumb">
223
+ <div class="swiper-slide_inner">
224
+ <div class="swiper-slide_image-wrap"><img src="../assets/images/1x1_2.svg" alt="" class="cover" loading="eager"></div>
225
+ </div>
226
+ </div>
227
+
228
+ <div class="swiper-slide is-thumb">
229
+ <div class="swiper-slide_inner">
230
+ <div class="swiper-slide_image-wrap"><img src="../assets/images/1x1_2.svg" alt="" class="cover" loading="eager"></div>
231
+ </div>
232
+ </div>
233
+
234
+ <div class="swiper-slide is-thumb">
235
+ <div class="swiper-slide_inner">
236
+ <div class="swiper-slide_image-wrap"><img src="../assets/images/1x1_2.svg" alt="" class="cover" loading="eager"></div>
237
+ </div>
238
+ </div>
239
+
240
+ <div class="swiper-slide is-thumb">
241
+ <div class="swiper-slide_inner">
242
+ <div class="swiper-slide_image-wrap"><img src="../assets/images/1x1_2.svg" alt="" class="cover" loading="eager"></div>
243
+ </div>
244
+ </div>
245
+
246
+ </div>
247
+ </div>
248
+ </div>
249
+ <div swiper="next-button" class="swiper__button-static">
250
+ <div class="swiper__button-icon"><svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M23.0868 12.9545L24 12.0028L23.0868 11.0511L14.8362 2.45175L13.923 1.5L12.1021 3.39789L13.0152 4.34964L19.0636 10.6592H1.28917H0V13.3464H1.28917H19.0582L13.0098 19.6504L12.0967 20.6021L13.9176 22.5L14.8308 21.5483L23.0868 12.9545Z" fill="currentColor"></path></svg></div>
251
+ </div>
252
+ </div>
253
+ </div>
254
+ </div>
255
+ </div>
256
+
257
+ </div>
258
+ <div class="hide-tablet-down">
259
+ <section class="as-seen-in">
260
+ <div class="as-seen-in__head">
261
+ <h2 class="as-seen-in__heading">As seen in</h2>
262
+ <div class="as-seen-in__logos">
263
+ <img src="../assets/images/landing/_shared/16x9.svg" alt="Press logo" class="as-seen-in__logo" loading="eager"><img src="../assets/images/landing/_shared/16x9.svg" alt="Press logo" class="as-seen-in__logo" loading="eager"><img src="../assets/images/landing/_shared/16x9.svg" alt="Press logo" class="as-seen-in__logo" loading="eager"><img src="../assets/images/landing/_shared/16x9.svg" alt="Press logo" class="as-seen-in__logo" loading="eager">
264
+ </div>
265
+ </div>
266
+ <div class="as-seen-in__divider" aria-hidden="true"></div>
267
+ </section>
268
+
269
+ </div>
270
+
271
+ <div class="hide-tablet-down">
272
+ <div class="reviews-slider">
273
+ <div class="swiper" data-component="reviews-swiper">
274
+ <div class="swiper-wrapper">
275
+ <div class="swiper-slide">
276
+ <div class="checkout-review checkout-review--slide">
277
+ <div class="checkout-review__body grid-cell">
278
+ <div class="checkout-review__stars">
279
+ <div class="review_component cc-sm"><div class="review_component-wrapper"><div class="star_wrapper"><div class="star_img"><svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><rect width="15" height="15" rx="2" fill="#1BBA86"></rect><path d="M7.3125 2.25012L8.53329 6.00734L12.4839 6.00734L9.28779 8.32943L10.5086 12.0867L7.3125 9.76456L4.11642 12.0867L5.33721 8.32943L2.14113 6.00734L6.09171 6.00734L7.3125 2.25012Z" fill="white"></path></svg></div><div class="star_img"><svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><rect width="15" height="15" rx="2" fill="#1BBA86"></rect><path d="M7.3125 2.25012L8.53329 6.00734L12.4839 6.00734L9.28779 8.32943L10.5086 12.0867L7.3125 9.76456L4.11642 12.0867L5.33721 8.32943L2.14113 6.00734L6.09171 6.00734L7.3125 2.25012Z" fill="white"></path></svg></div><div class="star_img"><svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><rect width="15" height="15" rx="2" fill="#1BBA86"></rect><path d="M7.3125 2.25012L8.53329 6.00734L12.4839 6.00734L9.28779 8.32943L10.5086 12.0867L7.3125 9.76456L4.11642 12.0867L5.33721 8.32943L2.14113 6.00734L6.09171 6.00734L7.3125 2.25012Z" fill="white"></path></svg></div><div class="star_img"><svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><rect width="15" height="15" rx="2" fill="#1BBA86"></rect><path d="M7.3125 2.25012L8.53329 6.00734L12.4839 6.00734L9.28779 8.32943L10.5086 12.0867L7.3125 9.76456L4.11642 12.0867L5.33721 8.32943L2.14113 6.00734L6.09171 6.00734L7.3125 2.25012Z" fill="white"></path></svg></div><div class="star_img"><svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><rect width="15" height="15" rx="2" fill="#1BBA86"></rect><path d="M7.3125 2.25012L8.53329 6.00734L12.4839 6.00734L9.28779 8.32943L10.5086 12.0867L7.3125 9.76456L4.11642 12.0867L5.33721 8.32943L2.14113 6.00734L6.09171 6.00734L7.3125 2.25012Z" fill="white"></path></svg></div></div></div></div>
280
+ </div>
281
+ <p class="checkout-review__title">Whitest my teeth have ever been</p>
282
+ <p class="checkout-review__description">Years of coffee and wine stains gone in a week. I did the short sessions while watching TV and barely noticed - and zero sensitivity.</p>
283
+ <div class="checkout-review__meta">
284
+ <div class="review-auth">Jessica M.</div>
285
+ <div class="review-auth">|</div>
286
+ <div class="checkout-review__verified">Verified Customer</div>
287
+ </div>
288
+ </div>
289
+ </div>
290
+ </div>
291
+ <div class="swiper-slide">
292
+ <div class="checkout-review checkout-review--slide">
293
+ <div class="checkout-review__body grid-cell">
294
+ <div class="checkout-review__stars">
295
+ <div class="review_component cc-sm"><div class="review_component-wrapper"><div class="star_wrapper"><div class="star_img"><svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><rect width="15" height="15" rx="2" fill="#1BBA86"></rect><path d="M7.3125 2.25012L8.53329 6.00734L12.4839 6.00734L9.28779 8.32943L10.5086 12.0867L7.3125 9.76456L4.11642 12.0867L5.33721 8.32943L2.14113 6.00734L6.09171 6.00734L7.3125 2.25012Z" fill="white"></path></svg></div><div class="star_img"><svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><rect width="15" height="15" rx="2" fill="#1BBA86"></rect><path d="M7.3125 2.25012L8.53329 6.00734L12.4839 6.00734L9.28779 8.32943L10.5086 12.0867L7.3125 9.76456L4.11642 12.0867L5.33721 8.32943L2.14113 6.00734L6.09171 6.00734L7.3125 2.25012Z" fill="white"></path></svg></div><div class="star_img"><svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><rect width="15" height="15" rx="2" fill="#1BBA86"></rect><path d="M7.3125 2.25012L8.53329 6.00734L12.4839 6.00734L9.28779 8.32943L10.5086 12.0867L7.3125 9.76456L4.11642 12.0867L5.33721 8.32943L2.14113 6.00734L6.09171 6.00734L7.3125 2.25012Z" fill="white"></path></svg></div><div class="star_img"><svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><rect width="15" height="15" rx="2" fill="#1BBA86"></rect><path d="M7.3125 2.25012L8.53329 6.00734L12.4839 6.00734L9.28779 8.32943L10.5086 12.0867L7.3125 9.76456L4.11642 12.0867L5.33721 8.32943L2.14113 6.00734L6.09171 6.00734L7.3125 2.25012Z" fill="white"></path></svg></div><div class="star_img"><svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><rect width="15" height="15" rx="2" fill="#1BBA86"></rect><path d="M7.3125 2.25012L8.53329 6.00734L12.4839 6.00734L9.28779 8.32943L10.5086 12.0867L7.3125 9.76456L4.11642 12.0867L5.33721 8.32943L2.14113 6.00734L6.09171 6.00734L7.3125 2.25012Z" fill="white"></path></svg></div></div></div></div>
296
+ </div>
297
+ <p class="checkout-review__title">Woke up without the soreness</p>
298
+ <p class="checkout-review__description">First thing that's helped without taking something. I didn't expect it to make that kind of difference, but it really does.</p>
299
+ <div class="checkout-review__meta">
300
+ <div class="review-auth">Daniel K.</div>
301
+ <div class="review-auth">|</div>
302
+ <div class="checkout-review__verified">Verified Customer</div>
303
+ </div>
304
+ </div>
305
+ </div>
306
+ </div>
307
+ <div class="swiper-slide">
308
+ <div class="checkout-review checkout-review--slide">
309
+ <div class="checkout-review__body grid-cell">
310
+ <div class="checkout-review__stars">
311
+ <div class="review_component cc-sm"><div class="review_component-wrapper"><div class="star_wrapper"><div class="star_img"><svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><rect width="15" height="15" rx="2" fill="#1BBA86"></rect><path d="M7.3125 2.25012L8.53329 6.00734L12.4839 6.00734L9.28779 8.32943L10.5086 12.0867L7.3125 9.76456L4.11642 12.0867L5.33721 8.32943L2.14113 6.00734L6.09171 6.00734L7.3125 2.25012Z" fill="white"></path></svg></div><div class="star_img"><svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><rect width="15" height="15" rx="2" fill="#1BBA86"></rect><path d="M7.3125 2.25012L8.53329 6.00734L12.4839 6.00734L9.28779 8.32943L10.5086 12.0867L7.3125 9.76456L4.11642 12.0867L5.33721 8.32943L2.14113 6.00734L6.09171 6.00734L7.3125 2.25012Z" fill="white"></path></svg></div><div class="star_img"><svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><rect width="15" height="15" rx="2" fill="#1BBA86"></rect><path d="M7.3125 2.25012L8.53329 6.00734L12.4839 6.00734L9.28779 8.32943L10.5086 12.0867L7.3125 9.76456L4.11642 12.0867L5.33721 8.32943L2.14113 6.00734L6.09171 6.00734L7.3125 2.25012Z" fill="white"></path></svg></div><div class="star_img"><svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><rect width="15" height="15" rx="2" fill="#1BBA86"></rect><path d="M7.3125 2.25012L8.53329 6.00734L12.4839 6.00734L9.28779 8.32943L10.5086 12.0867L7.3125 9.76456L4.11642 12.0867L5.33721 8.32943L2.14113 6.00734L6.09171 6.00734L7.3125 2.25012Z" fill="white"></path></svg></div><div class="star_img"><svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><rect width="15" height="15" rx="2" fill="#1BBA86"></rect><path d="M7.3125 2.25012L8.53329 6.00734L12.4839 6.00734L9.28779 8.32943L10.5086 12.0867L7.3125 9.76456L4.11642 12.0867L5.33721 8.32943L2.14113 6.00734L6.09171 6.00734L7.3125 2.25012Z" fill="white"></path></svg></div></div></div></div>
312
+ </div>
313
+ <p class="checkout-review__title">Exactly as described</p>
314
+ <p class="checkout-review__description">Easy to use and the results showed up fast. Setup took a couple of minutes and I was good to go.</p>
315
+ <div class="checkout-review__meta">
316
+ <div class="review-auth">Priya S.</div>
317
+ <div class="review-auth">|</div>
318
+ <div class="checkout-review__verified">Verified Customer</div>
319
+ </div>
320
+ </div>
321
+ </div>
322
+ </div>
323
+ <div class="swiper-slide">
324
+ <div class="checkout-review checkout-review--slide">
325
+ <div class="checkout-review__body grid-cell">
326
+ <div class="checkout-review__stars">
327
+ <div class="review_component cc-sm"><div class="review_component-wrapper"><div class="star_wrapper"><div class="star_img"><svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><rect width="15" height="15" rx="2" fill="#1BBA86"></rect><path d="M7.3125 2.25012L8.53329 6.00734L12.4839 6.00734L9.28779 8.32943L10.5086 12.0867L7.3125 9.76456L4.11642 12.0867L5.33721 8.32943L2.14113 6.00734L6.09171 6.00734L7.3125 2.25012Z" fill="white"></path></svg></div><div class="star_img"><svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><rect width="15" height="15" rx="2" fill="#1BBA86"></rect><path d="M7.3125 2.25012L8.53329 6.00734L12.4839 6.00734L9.28779 8.32943L10.5086 12.0867L7.3125 9.76456L4.11642 12.0867L5.33721 8.32943L2.14113 6.00734L6.09171 6.00734L7.3125 2.25012Z" fill="white"></path></svg></div><div class="star_img"><svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><rect width="15" height="15" rx="2" fill="#1BBA86"></rect><path d="M7.3125 2.25012L8.53329 6.00734L12.4839 6.00734L9.28779 8.32943L10.5086 12.0867L7.3125 9.76456L4.11642 12.0867L5.33721 8.32943L2.14113 6.00734L6.09171 6.00734L7.3125 2.25012Z" fill="white"></path></svg></div><div class="star_img"><svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><rect width="15" height="15" rx="2" fill="#1BBA86"></rect><path d="M7.3125 2.25012L8.53329 6.00734L12.4839 6.00734L9.28779 8.32943L10.5086 12.0867L7.3125 9.76456L4.11642 12.0867L5.33721 8.32943L2.14113 6.00734L6.09171 6.00734L7.3125 2.25012Z" fill="white"></path></svg></div><div class="star_img"><svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><rect width="15" height="15" rx="2" fill="#1BBA86"></rect><path d="M7.3125 2.25012L8.53329 6.00734L12.4839 6.00734L9.28779 8.32943L10.5086 12.0867L7.3125 9.76456L4.11642 12.0867L5.33721 8.32943L2.14113 6.00734L6.09171 6.00734L7.3125 2.25012Z" fill="white"></path></svg></div></div></div></div>
328
+ </div>
329
+ <p class="checkout-review__title">Worth every penny</p>
330
+ <p class="checkout-review__description">Skeptical at first, but it delivered. I've already recommended it to two friends who ordered the same day.</p>
331
+ <div class="checkout-review__meta">
332
+ <div class="review-auth">Marcus T.</div>
333
+ <div class="review-auth">|</div>
334
+ <div class="checkout-review__verified">Verified Customer</div>
335
+ </div>
336
+ </div>
337
+ </div>
338
+ </div>
339
+ </div>
340
+ <div class="swiper-scrollbar reviews-slider__scrollbar"></div>
341
+ </div>
342
+ </div>
343
+
344
+ </div>
345
+ <div class="hide-tablet-down">
346
+ <div class="guarantee-section guarantee-section--apollo">
347
+ <img src="../assets/images/guarantee-badge.png" alt="" class="guarantee-badge" loading="eager">
348
+ <div class="guarantee-section__content">
349
+ <p class="guarantee-section__title">60 Day Money-Back Guarantee</p>
350
+ <p class="guarantee-section__text">Feel safe knowing you're protected. Try it risk-free and return it within 60 days for a full refund or replacement—no questions asked.</p>
351
+ </div>
352
+ </div>
353
+
354
+ </div>
355
+ </div>
356
+
357
+
358
+ </div>
359
+ </div>
360
+ <div class="checkout-layout__right">
361
+ <div class="checkout-layout__form">
362
+ <div class="checkout__form-container">
363
+ <div class="hide-tablet">
364
+ <div class="product-heading">
365
+ <h1 class="product-heading__title"><span>Product Name</span></h1>
366
+ <div class="product-heading__divider" aria-hidden="true"></div>
367
+ <ul class="product-heading__features">
368
+ <li class="product-heading__feature">
369
+ <svg class="product-heading__check" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"></path></svg>
370
+ <span>Key product benefit goes here</span>
371
+ </li>
372
+ <li class="product-heading__feature">
373
+ <svg class="product-heading__check" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"></path></svg>
374
+ <span>Another standout feature here</span>
375
+ </li>
376
+ <li class="product-heading__feature">
377
+ <svg class="product-heading__check" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"></path></svg>
378
+ <span>Backed by our guarantee</span>
379
+ </li>
380
+ <li class="product-heading__feature product-heading__feature--flag">
381
+ <span class="product-heading__flag" aria-hidden="true">🇺🇸</span>
382
+ <span>Proudly made in the USA</span>
383
+ </li>
384
+ </ul>
385
+ </div>
386
+
387
+ </div>
388
+ <div class="promo-timer">
389
+ <div class="promo-timer__inner">
390
+ <p class="promo-timer__label">
391
+ <span class="promo-timer__label-accent">Discount</span>
392
+ <span class="promo-timer__label-strong">Activated</span>
393
+ </p>
394
+ <span class="promo-timer__pill"><span>59:59</span></span>
395
+ </div>
396
+ </div>
397
+
398
+ <div class="checkout-form checkout-form--reveal">
399
+ <div id="combo_form" method="post">
400
+ <div class="form-content">
401
+ <div class="form-sections">
402
+ <div class="form-section grid-row-gap2 form-section--first">
403
+ <h2 class="form-section__title">Step 1: Pick Your Bundle Deal</h2>
404
+
405
+
406
+ <div data-component="bundle-selector" class="os-option">
407
+ <div class="bundle-cards">
408
+ <div role="button" aria-disabled="true" class="bundle-card demo-inert">
409
+ <div class="bundle-card__badges">
410
+ <div class="bundle-card__badge bundle-card__badge--popular">Most Popular</div>
411
+ <div class="bundle-card__badge bundle-card__badge--save"></div>
412
+ <div class="bundle-card__badge bundle-card__badge--save" style="display:none"></div>
413
+ </div>
414
+ <div class="bundle-card__main">
415
+ <div class="os-card__radio" aria-hidden="true"><div class="radio-inner"></div></div>
416
+ <img class="bundle-card__image" loading="eager" src="../assets/images/1x1_1.svg" alt="Sample product">
417
+ <div class="bundle-card__copy">
418
+ <div class="bundle-card__title">1x <span>Sample product</span></div>
419
+
420
+ </div>
421
+ <div class="bundle-card__price">
422
+ <div class="bundle-card__price-row">
423
+ <span class="bundle-card__price-reg">$29 (sample)</span>
424
+ <span class="bundle-card__price-total">$29 (sample)</span>
425
+ </div>
426
+ <div class="bundle-card__savings">Instant savings: <span>$29 (sample)</span></div>
427
+ </div>
428
+ </div>
429
+ </div>
430
+
431
+
432
+ <div role="button" aria-disabled="true" class="bundle-card demo-inert">
433
+ <div class="bundle-card__badges">
434
+ <div class="bundle-card__badge bundle-card__badge--deal">Best Deal</div>
435
+ <div class="bundle-card__badge bundle-card__badge--save"></div>
436
+ <div class="bundle-card__badge bundle-card__badge--save" style="display:none"></div>
437
+ </div>
438
+ <div class="bundle-card__main">
439
+ <div class="os-card__radio" aria-hidden="true"><div class="radio-inner"></div></div>
440
+ <img class="bundle-card__image" loading="eager" src="../assets/images/1x1_1.svg" alt="Sample product">
441
+ <div class="bundle-card__copy">
442
+ <div class="bundle-card__title">2x <span>Sample product</span></div>
443
+
444
+ </div>
445
+ <div class="bundle-card__price">
446
+ <div class="bundle-card__price-row">
447
+ <span class="bundle-card__price-reg">$29 (sample)</span>
448
+ <span class="bundle-card__price-total">$29 (sample)</span>
449
+ </div>
450
+ <div class="bundle-card__savings">Instant savings: <span>$29 (sample)</span></div>
451
+ </div>
452
+ </div>
453
+ </div>
454
+
455
+
456
+ <div role="button" aria-disabled="true" class="bundle-card demo-inert">
457
+ <div class="bundle-card__badges">
458
+
459
+ <div class="bundle-card__badge bundle-card__badge--save"></div>
460
+ <div class="bundle-card__badge bundle-card__badge--save" style="display:none"></div>
461
+ </div>
462
+ <div class="bundle-card__main">
463
+ <div class="os-card__radio" aria-hidden="true"><div class="radio-inner"></div></div>
464
+ <img class="bundle-card__image" loading="eager" src="../assets/images/1x1_1.svg" alt="Sample product">
465
+ <div class="bundle-card__copy">
466
+ <div class="bundle-card__title">3x <span>Sample product</span></div>
467
+ <div class="bundle-card__subtitle">+ Free Shipping</div>
468
+ </div>
469
+ <div class="bundle-card__price">
470
+ <div class="bundle-card__price-row">
471
+ <span class="bundle-card__price-reg">$29 (sample)</span>
472
+ <span class="bundle-card__price-total">$29 (sample)</span>
473
+ </div>
474
+ <div class="bundle-card__savings">Instant savings: <span>$29 (sample)</span></div>
475
+ </div>
476
+ </div>
477
+ </div>
478
+
479
+
480
+
481
+ </div>
482
+ </div>
483
+
484
+
485
+ </div>
486
+
487
+
488
+
489
+ <div data-component="prepurchase-upsell" data-variant="check03">
490
+ <div>
491
+ <div class="bump-card bump-card--product">
492
+ <div class="bump__badge"><span>Add-on</span> OFF</div>
493
+ <div class="bump-product__main">
494
+ <div class="bump__checkbox" aria-hidden="true">
495
+ <div os-component="check" class="checkbox__icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--fe" width="100%" height="100%" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="m6 10l-2 2l6 6L20 8l-2-2l-8 8z"></path></svg></div>
496
+ </div>
497
+ <img alt="" src="../assets/images/1x1_1.svg" class="bump__image bump-product__image" loading="eager">
498
+ <div class="bump-product__copy">
499
+ <div class="bump__title">Add a Travel Case</div>
500
+ <div class="bump__description">Protect your kit on the go — water-resistant zip case</div>
501
+ </div>
502
+ <div class="bump-product__price">
503
+
504
+
505
+ <div class="bump__price-row">
506
+ <span class="bump__price-reg">$29 (sample)</span>
507
+ <span class="bump__price-unit"><span class="bump__price-total">$29 (sample)</span><span class="text-sm text-muted text-weight-normal">/ea</span></span>
508
+ </div>
509
+
510
+ <div class="bump__savings">Instant savings: <span>$29 (sample)</span></div>
511
+ </div>
512
+ </div>
513
+
514
+ </div>
515
+ </div>
516
+ </div>
517
+
518
+
519
+
520
+ <div class="submit-section checkout-reveal__cta" data-checkout-reveal-cta="">
521
+ <div class="submit-section__button"><button type="button" data-checkout-reveal-trigger="" disabled="" aria-disabled="true" class="submit-button demo-inert">
522
+ <div class="submit-button__content">
523
+ <div class="submit-button__text">
524
+ <div class="submit-button__main-text">Add to Cart</div>
525
+ </div>
526
+ </div>
527
+ </button></div>
528
+ </div>
529
+
530
+ <div class="checkout-reveal__panel" data-checkout-reveal-panel="">
531
+
532
+ <div class="form-sections">
533
+
534
+ <div class="form-section form-section--first">
535
+ <h2 class="form-section__title">Step 2: Customer Information</h2>
536
+ <div class="form-grid">
537
+ <div class="form-grid__row">
538
+ <div class="form-group">
539
+ <div class="form-input"><label for="shipping_fname" class="label-checkout">First Name</label><input autocomplete="given-name" placeholder="First Name*" maxlength="256" name="shipping_fname" data-name="Shipping First Name" type="text" id="shipping_fname" disabled="" aria-disabled="true" class="input-flds demo-inert"></div>
540
+ </div>
541
+ <div class="form-group">
542
+ <div class="form-input"><label for="shipping_lname" class="label-checkout">Last Name</label><input autocomplete="family-name" placeholder="Last Name*" maxlength="256" name="shipping_lname" data-name="Shipping Last Name" type="text" id="shipping_lname" disabled="" aria-disabled="true" class="input-flds demo-inert"></div>
543
+ </div>
544
+ </div>
545
+ <div class="form-grid__row">
546
+ <div class="form-group">
547
+ <div class="form-input"><label for="email" class="label-checkout">Email</label><input autocomplete="email" name="email" data-name="Email" type="email" id="email" placeholder="Email*" disabled="" aria-disabled="true" class="input-flds demo-inert"></div>
548
+ </div>
549
+ </div>
550
+ <div class="form-grid__row">
551
+ <div class="form-group">
552
+ <div class="form-input"><label for="phone" class="label-checkout">Phone</label><input autocomplete="tel-full" name="phone" data-name="Phone" type="tel" id="phone" placeholder="201-555-0123" disabled="" aria-disabled="true" class="input-flds demo-inert"></div>
553
+ </div>
554
+ </div>
555
+ </div>
556
+ </div>
557
+
558
+
559
+ <div class="form-section form-section--first">
560
+ <h1 class="form-section__title">Step 3: Shipping Information</h1>
561
+ <div>
562
+ <div class="form-grid">
563
+ <div class="form-grid__row">
564
+ <div class="form-group">
565
+ <div class="form-input"><label for="shipping_country" class="label-checkout">Country</label>
566
+ <div class="select-form-wrapper"><select autocomplete="country-name" disabled="" aria-disabled="true" class="input-flds select-field demo-inert">
567
+ <option value="">Select Country</option>
568
+ </select>
569
+ <div class="caret-down">
570
+ <div class="select-arrow"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 14 14" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
571
+ <polyline points="2 4.75 7 9.25 12 4.75"></polyline>
572
+ </svg></div>
573
+ </div>
574
+ </div>
575
+ </div>
576
+ </div>
577
+ </div>
578
+ <div class="form-grid__row">
579
+ <div class="form-group">
580
+ <div class="form-input"><label for="shipping_address1" class="label-checkout">Address</label><input autocomplete="address-line1" placeholder="Address*" disabled="" aria-disabled="true" class="input-flds demo-inert"></div>
581
+ </div>
582
+ </div>
583
+ <div class="form-grid__row">
584
+ <div class="form-group">
585
+ <div class="form-input"><label for="shipping_address2" class="label-checkout">Apartment, suite, etc. (optional)</label><input autocomplete="address-line2" name="shipping_address2" data-name="Shipping Address 2" type="text" id="shipping_addres2" placeholder="Apartment, suite, etc. (optional)" maxlength="256" disabled="" aria-disabled="true" class="input-flds demo-inert"></div>
586
+ </div>
587
+ </div>
588
+ <div class="next-hidden">
589
+ <div class="form-grid__row">
590
+ <div class="form-group">
591
+ <div class="form-input"><label for="shipping_city" class="label-checkout">City</label><input autocomplete="address-level2" placeholder="City*" maxlength="256" name="shipping_city" data-name="Shipping City" type="text" id="shipping_city" pattern="^[A-Za-z\s]+$" disabled="" aria-disabled="true" class="input-flds demo-inert"></div>
592
+ </div>
593
+ <div class="form-group">
594
+ <div class="form-input"><label for="shipping_province" class="label-checkout">State</label>
595
+ <div class="select-form-wrapper"><select autocomplete="address-level1" name="shipping_province" data-name="Shipping Province" type="select" id="shipping_province" disabled="" aria-disabled="true" class="input-flds select-field demo-inert">
596
+ <option value="">Select State</option>
597
+ </select>
598
+ <div class="caret-down">
599
+ <div class="select-arrow"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 14 14" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
600
+ <polyline points="2 4.75 7 9.25 12 4.75"></polyline>
601
+ </svg></div>
602
+ </div>
603
+ </div>
604
+ </div>
605
+ </div>
606
+ <div class="form-group">
607
+ <div class="form-input"><label for="shipping_postal_code" class="label-checkout">ZIP Code</label><input autocomplete="postal-code" placeholder="ZIP Code*" maxlength="10" name="shipping_postal_code" data-name="Shipping Postal Code" type="text" id="shipping_postal_code" inputmode="numeric" pattern="(^\d{5}$)|(^\d{5}-\d{4}$)" disabled="" aria-disabled="true" class="input-flds demo-inert"></div>
608
+ </div>
609
+ </div>
610
+ </div>
611
+ </div>
612
+ </div>
613
+ </div>
614
+
615
+ </div>
616
+
617
+
618
+ <div class="order-bumps">
619
+
620
+
621
+
622
+ <div data-component="prepurchase-upsell" data-variant="check01">
623
+ <div>
624
+ <div class="bump-card">
625
+
626
+ <div class="bump__header-left">
627
+ <div class="bump__header-content">
628
+ <div class="bump__checkbox">
629
+ <div os-component="check" class="checkbox__icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--fe" width="100%" height="100%" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="m6 10l-2 2l6 6L20 8l-2-2l-8 8z"></path></svg></div>
630
+ </div>
631
+ <div class="bump__title">Get Extended Warranty</div>
632
+ </div>
633
+ </div>
634
+
635
+ <div class="bump__body">
636
+ <div class="bump__content">
637
+ <div class="bump__content-wrap">
638
+ <div class="bump__price">
639
+
640
+
641
+ <div class="bump__price-row">
642
+ <div class="bump__price-unit"><span class="bump__price-reg">$29 (sample)</span></div>
643
+ <div class="bump__price-unit"><span class="bump__price-sale">$29 (sample)</span><span class="text-xl">/ea</span></div>
644
+ </div>
645
+
646
+
647
+ </div>
648
+
649
+ <div class="list-container cc-2xs">
650
+ <ul role="list" class="list w-list-unstyled">
651
+ <li class="list__item">
652
+ <div class="list_icon"><svg width="100%" height="100%" viewBox="0 0 13 10" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" fill="CurrentColor"><path d="M12.265 0.182296C12.0219 -0.0607654 11.6279 -0.0607654 11.3848 0.182296L3.92853 7.63866L1.06245 4.77258C0.819416 4.52952 0.425382 4.52955 0.182296 4.77258C-0.0607654 5.01562 -0.0607654 5.40966 0.182296 5.65272L3.48845 8.95882C3.73142 9.20186 4.12574 9.20169 4.36861 8.95882L12.265 1.06245C12.508 0.819416 12.508 0.425358 12.265 0.182296Z" fill="inherit"></path></svg></div>
653
+ <div>1 year with our replacement and protection</div>
654
+ </li>
655
+ <li class="list__item">
656
+ <div class="list_icon"><svg width="100%" height="100%" viewBox="0 0 13 10" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" fill="CurrentColor"><path d="M12.265 0.182296C12.0219 -0.0607654 11.6279 -0.0607654 11.3848 0.182296L3.92853 7.63866L1.06245 4.77258C0.819416 4.52952 0.425382 4.52955 0.182296 4.77258C-0.0607654 5.01562 -0.0607654 5.40966 0.182296 5.65272L3.48845 8.95882C3.73142 9.20186 4.12574 9.20169 4.36861 8.95882L12.265 1.06245C12.508 0.819416 12.508 0.425358 12.265 0.182296Z" fill="inherit"></path></svg></div>
657
+ <div>Accidental Damage Protection</div>
658
+ </li>
659
+ <li class="list__item">
660
+ <div class="list_icon"><svg width="100%" height="100%" viewBox="0 0 13 10" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" fill="CurrentColor"><path d="M12.265 0.182296C12.0219 -0.0607654 11.6279 -0.0607654 11.3848 0.182296L3.92853 7.63866L1.06245 4.77258C0.819416 4.52952 0.425382 4.52955 0.182296 4.77258C-0.0607654 5.01562 -0.0607654 5.40966 0.182296 5.65272L3.48845 8.95882C3.73142 9.20186 4.12574 9.20169 4.36861 8.95882L12.265 1.06245C12.508 0.819416 12.508 0.425358 12.265 0.182296Z" fill="inherit"></path></svg></div>
661
+ <div>Express Replacement Service</div>
662
+ </li>
663
+ <li class="list__item">
664
+ <div class="list_icon"><svg width="100%" height="100%" viewBox="0 0 13 10" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" fill="CurrentColor"><path d="M12.265 0.182296C12.0219 -0.0607654 11.6279 -0.0607654 11.3848 0.182296L3.92853 7.63866L1.06245 4.77258C0.819416 4.52952 0.425382 4.52955 0.182296 4.77258C-0.0607654 5.01562 -0.0607654 5.40966 0.182296 5.65272L3.48845 8.95882C3.73142 9.20186 4.12574 9.20169 4.36861 8.95882L12.265 1.06245C12.508 0.819416 12.508 0.425358 12.265 0.182296Z" fill="inherit"></path></svg></div>
665
+ <div>24/7 Priority Customer Support</div>
666
+ </li>
667
+
668
+ </ul>
669
+ </div>
670
+ </div>
671
+ <img alt="Get Extended Warranty" src="../assets/images/1x1_1.svg" class="bump__image" loading="eager">
672
+ </div>
673
+ </div>
674
+ </div>
675
+ </div>
676
+ </div>
677
+
678
+
679
+ <div data-component="prepurchase-upsell" data-variant="switch">
680
+ <div>
681
+ <div class="bump-card bump-card--switch">
682
+ <div class="bump__header-left bump__head--switch">
683
+ <div class="bump__header-content bump__head-inner">
684
+ <span class="bump__title">Shipping Insurance &amp; Loss Prevention</span>
685
+ <span class="bump__switch" aria-hidden="true">
686
+ <span class="bump__switch-slider"></span>
687
+ </span>
688
+ </div>
689
+ </div>
690
+ <div class="bump__body">
691
+ <div class="bump__content">
692
+ <p class="bump__description">
693
+ Total shipping coverage and extended warranty. Breakage, loss, delays, porch pirates - even defects. 100% protected for just
694
+
695
+ <span class="display-visible bump__price-total">$9.99</span> total or <span class="display-visible">$9.99</span><span class="bump__price-ea">/ea</span>
696
+ </p>
697
+ </div>
698
+ </div>
699
+ </div>
700
+ </div>
701
+ </div>
702
+
703
+
704
+ </div>
705
+
706
+ <div class="form-section form-section--last">
707
+ <div class="form-section__header">
708
+ <h1 class="form-section__title">4. Payment Method</h1>
709
+ <div class="form-section__subtitle">All transactions are secure and encrypted.<br></div>
710
+
711
+ </div>
712
+
713
+ <div class="exp-checkout">
714
+
715
+ <div class="next-toast-handler">
716
+ <div class="tip1_bar is-warning">
717
+ <div class="text-sm">Error message</div>
718
+ </div>
719
+ </div>
720
+
721
+ <div class="express-checkout__buttons"></div>
722
+
723
+ <div class="divider-section">
724
+ <div class="divider-section__line-v2"></div>
725
+ <div class="divider-section__text-v2">OR</div>
726
+ <div class="divider-section__line-v2"></div>
727
+ </div>
728
+
729
+ </div>
730
+
731
+
732
+ <div class="payment-methods">
733
+ <div class="payment-method next-selected">
734
+ <div class="payment-method__header"><label for="combo_mode_credit" combo_mode="credit" class="payment-method__label"><input type="radio" name="payment_method" id="combo_mode_credit" data-name="Combo Mode" checked="" value="credit" disabled="" aria-disabled="true" class="payment-method__input demo-inert">
735
+ <div class="payment-method__title">Credit Card</div>
736
+ <div class="payment-method__icons"><img src="../assets/images/cc-visa.svg" alt="" class="payment-method__icon payment-method__icon--visa" loading="eager"><img src="../assets/images/cc_master.svg" alt="" class="payment-method__icon payment-method__icon--mastercard" loading="eager"><img src="../assets/images/cc_amex.svg" alt="" class="payment-method__icon payment-method__icon--amex" loading="eager"><img src="../assets/images/cc_discover.svg" alt="" class="payment-method__icon payment-method__icon--discover" loading="eager"></div>
737
+ </label></div>
738
+ <div os-shipping-method-same="true" class="payment-method__form payment-method__form--expanded">
739
+ <div class="payment-method__content">
740
+ <div class="next-toast-handler">
741
+ <div class="tip1_bar is-warning">
742
+ <div class="text-sm">Error message</div>
743
+ </div>
744
+ </div>
745
+ <div class="form-grid">
746
+ <div class="form-grid__row">
747
+ <div class="form-group">
748
+ <div class="form-input">
749
+ <div class="form-input-icon"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 14 14" focusable="false" aria-hidden="true" class="a8x1wuy a8x1wux *1fragem32 *1fragempm *1fragemlo *1fragemle _1fragemot">
750
+ <path fill="none" stroke="currentColor" stroke-width="1" d="M2.5 7c0-.966.784-1.75 1.75-1.75h5.5c.966 0 1.75.784 1.75 1.75v3.5a1.75 1.75 0 0 1-1.75 1.75h-5.5A1.75 1.75 0 0 1 2.5 10.5zm7-1.75V4.22c0-1.364-1.12-2.47-2.5-2.47S4.5 2.856 4.5 4.22v1.03"></path>
751
+ </svg></div>
752
+ <div class="input-flds spreedly-field"></div>
753
+ </div>
754
+ </div>
755
+ </div>
756
+ <div class="form-grid__row">
757
+ <div class="form-group">
758
+ <div class="form-input">
759
+ <div class="select-form-wrapper"><select autocomplete="cc-exp-month" data-placeholder="Exp. Month" placeholder="Exp. Month" name="credit_card_exp_month" id="credit_card_exp_month" data-name="Credit Card Exp. Month" disabled="" aria-disabled="true" class="input-flds select-field demo-inert">
760
+ <option value="">Exp. Month</option>
761
+ </select>
762
+ <div class="caret-down">
763
+ <div class="select-arrow"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 14 14" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
764
+ <polyline points="2 4.75 7 9.25 12 4.75"></polyline>
765
+ </svg></div>
766
+ </div>
767
+ </div>
768
+ </div>
769
+ </div>
770
+ <div class="form-group">
771
+ <div class="form-input">
772
+ <div class="select-form-wrapper"><select autocomplete="cc-exp-year" data-placeholder="Exp. Year" placeholder="Exp. Year" name="credit_card_exp_year" id="credit_card_exp_year" data-name="Credit Card Exp. Year" disabled="" aria-disabled="true" class="input-flds select-field demo-inert">
773
+ <option value="">Exp. Year</option>
774
+ </select>
775
+ <div class="caret-down">
776
+ <div class="select-arrow"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 14 14" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
777
+ <polyline points="2 4.75 7 9.25 12 4.75"></polyline>
778
+ </svg></div>
779
+ </div>
780
+ </div>
781
+ </div>
782
+ </div>
783
+ <div class="form-group">
784
+ <div class="form-input">
785
+ <div class="form-input-icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 14" width="100%" height="100%" focusable="false" aria-hidden="true" class="a8x1wuy a8x1wux *1fragem32 *1fragempm *1fragemlo *1fragemle _1fragemot">
786
+ <g clip-path="url(#a)">
787
+ <circle cx="7" cy="7" r="5.5" fill="none" stroke="currentColor" stroke-width="1"></circle>
788
+ <path stroke-linejoin="round" fill="none" stroke="currentColor" stroke-width="1" d="M6.99 10.24h.02v.02h-.02z"></path>
789
+ <path stroke-linecap="round" fill="none" stroke="currentColor" stroke-width="1" d="M5.5 5.25a1.5 1.5 0 1 1 2.428 1.179C7.494 6.77 7 7.198 7 7.75"></path>
790
+ </g>
791
+ <defs>
792
+ <clipPath id="a">
793
+ <path fill="#fff" d="M0 0h14v14H0z"></path>
794
+ </clipPath>
795
+ </defs>
796
+ </svg></div>
797
+ <div class="input-flds spreedly-field"></div>
798
+ </div>
799
+ </div>
800
+ </div>
801
+ </div>
802
+
803
+ <div class="billing-address">
804
+ <div os-input-field="use-shipping-address" class="checkbox-wrapper"><label class="checkout__checkbox"><input type="checkbox" name="use_shipping_address" id="use_shipping_address" data-name="Use Shipping Address" checked="" disabled="" aria-disabled="true" class="checkbox__input demo-inert">
805
+ <div class="checkbox__label">Use shipping address as billing address</div>
806
+ </label></div>
807
+ <div class="billing-address__form">
808
+ <h2 class="form-section__title cc-billing">Billing Address</h2>
809
+ <div class="form-grid"></div>
810
+ </div>
811
+ </div>
812
+
813
+ </div>
814
+ </div>
815
+ </div>
816
+
817
+ <div class="payment-method">
818
+ <div class="payment-method__header"><label for="combo_mode_paypal" combo_mode="paypal" class="payment-method__label"><input type="radio" name="payment_method" id="combo_mode_paypal" data-name="Combo Mode" value="paypal" disabled="" aria-disabled="true" class="payment-method__input demo-inert">
819
+ <div class="payment-method__title">PayPal</div>
820
+ <div class="payment-method__icons"><img src="../assets/images/paypal-logo.svg" alt="" class="payment-method__icon--paypal-logo" loading="eager"><img src="../assets/images/paypal-txt.svg" alt="" class="payment-method__icon--paypal-txt" loading="eager"></div>
821
+ </label></div>
822
+ <div class="payment-method__form payment-method__form--collapsed">
823
+ <div class="payment-method__content">
824
+ <div class="next-toast-handler">
825
+ <div class="tip1_bar is-warning">
826
+ <div class="text-sm">Error message</div>
827
+ </div>
828
+ </div>
829
+ <div class="payment-method__info"><img src="../assets/images/paypal.svg" alt="" class="payment-method__info-image" loading="eager">
830
+ <h4 class="payment-method__info-title">Complete your transaction via Paypal</h4>
831
+ <div class="payment-method__info-text">
832
+ <p class="checkout-form-secure">PayPal will open in a new tab.<br></p>
833
+ </div>
834
+ </div>
835
+ </div>
836
+ </div>
837
+ </div>
838
+
839
+
840
+ <div class="payment-method">
841
+ <div class="payment-method__header">
842
+ <label for="combo_mode_klarna" combo_mode="klarna" class="payment-method__label">
843
+ <input type="radio" name="payment_method" id="combo_mode_klarna" data-name="Combo Mode" value="klarna" disabled="" aria-disabled="true" class="payment-method__input demo-inert">
844
+ <div class="payment-method__title">Klarna - Flexible Payments</div>
845
+ <div class="payment-method__icons">
846
+ <img src="../assets/images/klarna-logo.svg" alt="" class="payment-method__icon--klarna-logo" loading="eager">
847
+ </div>
848
+ </label>
849
+ </div>
850
+ <div class="payment-method__form payment-method__form--collapsed">
851
+ <div class="payment-method__content">
852
+ <div class="next-toast-handler">
853
+ <div class="tip1_bar is-warning">
854
+ <div class="text-sm">Error message</div>
855
+ </div>
856
+ </div>
857
+ <div class="payment-method__info">
858
+ <div class="payment-method__info-image">
859
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="-252.3 356.1 163 80.9" preserveAspectRatio="xMidYMid meet" width="100%" height="100%" class="zjrzY">
860
+ <path fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="2" d="M-108.9 404.1v30c0 1.1-.9 2-2 2H-231c-1.1 0-2-.9-2-2v-75c0-1.1.9-2 2-2h120.1c1.1 0 2 .9 2 2v37m-124.1-29h124.1"></path>
861
+ <circle cx="-227.8" cy="361.9" r="1.8" fill="currentColor"></circle>
862
+ <circle cx="-222.2" cy="361.9" r="1.8" fill="currentColor"></circle>
863
+ <circle cx="-216.6" cy="361.9" r="1.8" fill="currentColor"></circle>
864
+ <path fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="2" d="M-128.7 400.1H-92m-3.6-4.1 4 4.1-4 4.1"></path>
865
+ </svg>
866
+ </div>
867
+ <h4 class="payment-method__info-title">
868
+ After clicking "Complete Purchase", you will be redirected to Klarna to complete your purchase securely.
869
+ </h4>
870
+ </div>
871
+ </div>
872
+ </div>
873
+ </div>
874
+
875
+
876
+ <div class="payment-method">
877
+ <div class="payment-method__header">
878
+ <label for="combo_mode_apple_pay" combo_mode="apple_pay" class="payment-method__label">
879
+ <input type="radio" name="payment_method" id="combo_mode_apple_pay" data-name="Combo Mode" value="apple_pay" disabled="" aria-disabled="true" class="payment-method__input demo-inert">
880
+ <div class="payment-method__title">Apple Pay</div>
881
+ <div class="payment-method__icons">
882
+ <img src="../assets/images/apple-pay-logo.svg" alt="" class="payment-method__icon--apple-pay-logo" loading="eager">
883
+ </div>
884
+ </label>
885
+ </div>
886
+ <div class="payment-method__form payment-method__form--collapsed">
887
+ <div class="payment-method__content">
888
+ <div class="next-toast-handler">
889
+ <div class="tip1_bar is-warning">
890
+ <div class="text-sm">Error message</div>
891
+ </div>
892
+ </div>
893
+ <div class="payment-method__info">
894
+ <div class="payment-method__info-image">
895
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="-252.3 356.1 163 80.9" preserveAspectRatio="xMidYMid meet" width="100%" height="100%" class="zjrzY">
896
+ <path fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="2" d="M-108.9 404.1v30c0 1.1-.9 2-2 2H-231c-1.1 0-2-.9-2-2v-75c0-1.1.9-2 2-2h120.1c1.1 0 2 .9 2 2v37m-124.1-29h124.1"></path>
897
+ <circle cx="-227.8" cy="361.9" r="1.8" fill="currentColor"></circle>
898
+ <circle cx="-222.2" cy="361.9" r="1.8" fill="currentColor"></circle>
899
+ <circle cx="-216.6" cy="361.9" r="1.8" fill="currentColor"></circle>
900
+ <path fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="2" d="M-128.7 400.1H-92m-3.6-4.1 4 4.1-4 4.1"></path>
901
+ </svg>
902
+ </div>
903
+ <h4 class="payment-method__info-title">
904
+ After clicking "Complete Purchase", you will be redirected to complete your purchase securely.
905
+ </h4>
906
+ </div>
907
+ </div>
908
+ </div>
909
+ </div>
910
+
911
+
912
+ <div class="payment-method">
913
+ <div class="payment-method__header">
914
+ <label for="combo_mode_google_pay" combo_mode="google_pay" class="payment-method__label">
915
+ <input type="radio" name="payment_method" id="combo_mode_google_pay" data-name="Combo Mode" value="google_pay" disabled="" aria-disabled="true" class="payment-method__input demo-inert">
916
+ <div class="payment-method__title">Google Pay</div>
917
+ <div class="payment-method__icons">
918
+ <img src="../assets/images/google-pay-logo.svg" alt="" class="payment-method__icon--google-pay-logo" loading="eager">
919
+ </div>
920
+ </label>
921
+ </div>
922
+ <div class="payment-method__form payment-method__form--collapsed">
923
+ <div class="payment-method__content">
924
+ <div class="next-toast-handler">
925
+ <div class="tip1_bar is-warning">
926
+ <div class="text-sm">Error message</div>
927
+ </div>
928
+ </div>
929
+ <div class="payment-method__info">
930
+ <div class="payment-method__info-image">
931
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="-252.3 356.1 163 80.9" preserveAspectRatio="xMidYMid meet" width="100%" height="100%" class="zjrzY">
932
+ <path fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="2" d="M-108.9 404.1v30c0 1.1-.9 2-2 2H-231c-1.1 0-2-.9-2-2v-75c0-1.1.9-2 2-2h120.1c1.1 0 2 .9 2 2v37m-124.1-29h124.1"></path>
933
+ <circle cx="-227.8" cy="361.9" r="1.8" fill="currentColor"></circle>
934
+ <circle cx="-222.2" cy="361.9" r="1.8" fill="currentColor"></circle>
935
+ <circle cx="-216.6" cy="361.9" r="1.8" fill="currentColor"></circle>
936
+ <path fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="2" d="M-128.7 400.1H-92m-3.6-4.1 4 4.1-4 4.1"></path>
937
+ </svg>
938
+ </div>
939
+ <h4 class="payment-method__info-title">
940
+ After clicking "Complete Purchase", you will be redirected to complete your purchase securely.
941
+ </h4>
942
+ </div>
943
+ </div>
944
+ </div>
945
+ </div>
946
+
947
+
948
+ <div class="payment-method">
949
+ <div class="payment-method__header">
950
+ <label for="combo_mode_twint" combo_mode="twint" class="payment-method__label">
951
+ <input type="radio" name="payment_method" id="combo_mode_twint" data-name="Combo Mode" value="twint" disabled="" aria-disabled="true" class="payment-method__input demo-inert">
952
+ <div class="payment-method__title">TWINT</div>
953
+ <div class="payment-method__icons">
954
+ <img src="../assets/images/twint-logo.svg" alt="" class="payment-method__icon--twint-logo" loading="eager">
955
+ </div>
956
+ </label>
957
+ </div>
958
+ <div class="payment-method__form payment-method__form--collapsed">
959
+ <div class="payment-method__content">
960
+ <div class="next-toast-handler">
961
+ <div class="tip1_bar is-warning">
962
+ <div class="text-sm">Error message</div>
963
+ </div>
964
+ </div>
965
+ <div class="payment-method__info">
966
+ <div class="payment-method__info-image">
967
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="-252.3 356.1 163 80.9" preserveAspectRatio="xMidYMid meet" width="100%" height="100%" class="zjrzY">
968
+ <path fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="2" d="M-108.9 404.1v30c0 1.1-.9 2-2 2H-231c-1.1 0-2-.9-2-2v-75c0-1.1.9-2 2-2h120.1c1.1 0 2 .9 2 2v37m-124.1-29h124.1"></path>
969
+ <circle cx="-227.8" cy="361.9" r="1.8" fill="currentColor"></circle>
970
+ <circle cx="-222.2" cy="361.9" r="1.8" fill="currentColor"></circle>
971
+ <circle cx="-216.6" cy="361.9" r="1.8" fill="currentColor"></circle>
972
+ <path fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="2" d="M-128.7 400.1H-92m-3.6-4.1 4 4.1-4 4.1"></path>
973
+ </svg>
974
+ </div>
975
+ <h4 class="payment-method__info-title">
976
+ After clicking "Complete Purchase", you will be redirected to TWINT to complete your purchase securely.
977
+ </h4>
978
+ </div>
979
+ </div>
980
+ </div>
981
+ </div>
982
+
983
+
984
+ <div class="payment-method">
985
+ <div class="payment-method__header">
986
+ <label for="combo_mode_affirm" combo_mode="affirm" class="payment-method__label">
987
+ <input type="radio" name="payment_method" id="combo_mode_affirm" data-name="Combo Mode" value="affirm" disabled="" aria-disabled="true" class="payment-method__input demo-inert">
988
+ <div class="payment-method__title">Affirm - Flexible Payments</div>
989
+ <div class="payment-method__icons">
990
+ <img src="../assets/images/affirm-logo.svg" alt="" class="payment-method__icon--affirm-logo" loading="eager">
991
+ </div>
992
+ </label>
993
+ </div>
994
+ <div class="payment-method__form payment-method__form--collapsed">
995
+ <div class="payment-method__content">
996
+ <div class="next-toast-handler">
997
+ <div class="tip1_bar is-warning">
998
+ <div class="text-sm">Error message</div>
999
+ </div>
1000
+ </div>
1001
+ <div class="payment-method__info">
1002
+ <div class="payment-method__info-image">
1003
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="-252.3 356.1 163 80.9" preserveAspectRatio="xMidYMid meet" width="100%" height="100%" class="zjrzY">
1004
+ <path fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="2" d="M-108.9 404.1v30c0 1.1-.9 2-2 2H-231c-1.1 0-2-.9-2-2v-75c0-1.1.9-2 2-2h120.1c1.1 0 2 .9 2 2v37m-124.1-29h124.1"></path>
1005
+ <circle cx="-227.8" cy="361.9" r="1.8" fill="currentColor"></circle>
1006
+ <circle cx="-222.2" cy="361.9" r="1.8" fill="currentColor"></circle>
1007
+ <circle cx="-216.6" cy="361.9" r="1.8" fill="currentColor"></circle>
1008
+ <path fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="2" d="M-128.7 400.1H-92m-3.6-4.1 4 4.1-4 4.1"></path>
1009
+ </svg>
1010
+ </div>
1011
+ <h4 class="payment-method__info-title">
1012
+ After clicking "Complete Purchase", you will be redirected to Affirm to complete your purchase securely.
1013
+ </h4>
1014
+ </div>
1015
+ </div>
1016
+ </div>
1017
+ </div>
1018
+
1019
+
1020
+ <div class="payment-method">
1021
+ <div class="payment-method__header">
1022
+ <label for="combo_mode_bancontact" combo_mode="bancontact" class="payment-method__label">
1023
+ <input type="radio" name="payment_method" id="combo_mode_bancontact" data-name="Combo Mode" value="bancontact" disabled="" aria-disabled="true" class="payment-method__input demo-inert">
1024
+ <div class="payment-method__title">Bancontact</div>
1025
+ <div class="payment-method__icons">
1026
+ <img src="../assets/images/bancontact-logo.svg" alt="" class="payment-method__icon--bancontact-logo" loading="eager">
1027
+ </div>
1028
+ </label>
1029
+ </div>
1030
+ <div class="payment-method__form payment-method__form--collapsed">
1031
+ <div class="payment-method__content">
1032
+ <div class="next-toast-handler">
1033
+ <div class="tip1_bar is-warning">
1034
+ <div class="text-sm">Error message</div>
1035
+ </div>
1036
+ </div>
1037
+ <div class="payment-method__info">
1038
+ <div class="payment-method__info-image">
1039
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="-252.3 356.1 163 80.9" preserveAspectRatio="xMidYMid meet" width="100%" height="100%" class="zjrzY">
1040
+ <path fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="2" d="M-108.9 404.1v30c0 1.1-.9 2-2 2H-231c-1.1 0-2-.9-2-2v-75c0-1.1.9-2 2-2h120.1c1.1 0 2 .9 2 2v37m-124.1-29h124.1"></path>
1041
+ <circle cx="-227.8" cy="361.9" r="1.8" fill="currentColor"></circle>
1042
+ <circle cx="-222.2" cy="361.9" r="1.8" fill="currentColor"></circle>
1043
+ <circle cx="-216.6" cy="361.9" r="1.8" fill="currentColor"></circle>
1044
+ <path fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="2" d="M-128.7 400.1H-92m-3.6-4.1 4 4.1-4 4.1"></path>
1045
+ </svg>
1046
+ </div>
1047
+ <h4 class="payment-method__info-title">
1048
+ After clicking "Complete Purchase", you will be redirected to Bancontact to complete your purchase securely.
1049
+ </h4>
1050
+ </div>
1051
+ </div>
1052
+ </div>
1053
+ </div>
1054
+
1055
+
1056
+ <div class="payment-method">
1057
+ <div class="payment-method__header">
1058
+ <label for="combo_mode_ideal" combo_mode="ideal" class="payment-method__label">
1059
+ <input type="radio" name="payment_method" id="combo_mode_ideal" data-name="Combo Mode" value="ideal" disabled="" aria-disabled="true" class="payment-method__input demo-inert">
1060
+ <div class="payment-method__title">iDEAL</div>
1061
+ <div class="payment-method__icons">
1062
+ <img src="../assets/images/ideal-logo.svg" alt="" class="payment-method__icon--ideal-logo" loading="eager">
1063
+ </div>
1064
+ </label>
1065
+ </div>
1066
+ <div class="payment-method__form payment-method__form--collapsed">
1067
+ <div class="payment-method__content">
1068
+ <div class="next-toast-handler">
1069
+ <div class="tip1_bar is-warning">
1070
+ <div class="text-sm">Error message</div>
1071
+ </div>
1072
+ </div>
1073
+ <div class="payment-method__info">
1074
+ <div class="payment-method__info-image">
1075
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="-252.3 356.1 163 80.9" preserveAspectRatio="xMidYMid meet" width="100%" height="100%" class="zjrzY">
1076
+ <path fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="2" d="M-108.9 404.1v30c0 1.1-.9 2-2 2H-231c-1.1 0-2-.9-2-2v-75c0-1.1.9-2 2-2h120.1c1.1 0 2 .9 2 2v37m-124.1-29h124.1"></path>
1077
+ <circle cx="-227.8" cy="361.9" r="1.8" fill="currentColor"></circle>
1078
+ <circle cx="-222.2" cy="361.9" r="1.8" fill="currentColor"></circle>
1079
+ <circle cx="-216.6" cy="361.9" r="1.8" fill="currentColor"></circle>
1080
+ <path fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="2" d="M-128.7 400.1H-92m-3.6-4.1 4 4.1-4 4.1"></path>
1081
+ </svg>
1082
+ </div>
1083
+ <h4 class="payment-method__info-title">
1084
+ After clicking "Complete Purchase", you will be redirected to iDEAL to complete your purchase securely.
1085
+ </h4>
1086
+ </div>
1087
+ </div>
1088
+ </div>
1089
+ </div>
1090
+
1091
+
1092
+ <div class="payment-method">
1093
+ <div class="payment-method__header">
1094
+ <label for="combo_mode_sepa_debit" combo_mode="sepa_debit" class="payment-method__label">
1095
+ <input type="radio" name="payment_method" id="combo_mode_sepa_debit" data-name="Combo Mode" value="sepa_debit" disabled="" aria-disabled="true" class="payment-method__input demo-inert">
1096
+ <div class="payment-method__title">SEPA Direct Debit</div>
1097
+ <div class="payment-method__icons">
1098
+ <img src="../assets/images/sepa-logo.svg" alt="" class="payment-method__icon--sepa-logo" loading="eager">
1099
+ </div>
1100
+ </label>
1101
+ </div>
1102
+ <div class="payment-method__form payment-method__form--collapsed">
1103
+ <div class="payment-method__content">
1104
+ <div class="next-toast-handler">
1105
+ <div class="tip1_bar is-warning">
1106
+ <div class="text-sm">Error message</div>
1107
+ </div>
1108
+ </div>
1109
+ <div class="payment-method__info">
1110
+ <div class="payment-method__info-image">
1111
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="-252.3 356.1 163 80.9" preserveAspectRatio="xMidYMid meet" width="100%" height="100%" class="zjrzY">
1112
+ <path fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="2" d="M-108.9 404.1v30c0 1.1-.9 2-2 2H-231c-1.1 0-2-.9-2-2v-75c0-1.1.9-2 2-2h120.1c1.1 0 2 .9 2 2v37m-124.1-29h124.1"></path>
1113
+ <circle cx="-227.8" cy="361.9" r="1.8" fill="currentColor"></circle>
1114
+ <circle cx="-222.2" cy="361.9" r="1.8" fill="currentColor"></circle>
1115
+ <circle cx="-216.6" cy="361.9" r="1.8" fill="currentColor"></circle>
1116
+ <path fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="2" d="M-128.7 400.1H-92m-3.6-4.1 4 4.1-4 4.1"></path>
1117
+ </svg>
1118
+ </div>
1119
+ <h4 class="payment-method__info-title">
1120
+ After clicking "Complete Purchase", you will be redirected to your bank to authorize your SEPA Direct Debit payment securely.
1121
+ </h4>
1122
+ </div>
1123
+ </div>
1124
+ </div>
1125
+ </div>
1126
+
1127
+
1128
+ <div class="payment-method">
1129
+ <div class="payment-method__header">
1130
+ <label for="combo_mode_link" combo_mode="link" class="payment-method__label">
1131
+ <input type="radio" name="payment_method" id="combo_mode_link" data-name="Combo Mode" value="link" disabled="" aria-disabled="true" class="payment-method__input demo-inert">
1132
+ <div class="payment-method__title">Link</div>
1133
+ <div class="payment-method__icons">
1134
+ <img src="../assets/images/link-logo.svg" alt="" class="payment-method__icon--link-logo" loading="eager">
1135
+ </div>
1136
+ </label>
1137
+ </div>
1138
+ <div class="payment-method__form payment-method__form--collapsed">
1139
+ <div class="payment-method__content">
1140
+ <div class="next-toast-handler">
1141
+ <div class="tip1_bar is-warning">
1142
+ <div class="text-sm">Error message</div>
1143
+ </div>
1144
+ </div>
1145
+ <div class="payment-method__info">
1146
+ <div class="payment-method__info-image">
1147
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="-252.3 356.1 163 80.9" preserveAspectRatio="xMidYMid meet" width="100%" height="100%" class="zjrzY">
1148
+ <path fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="2" d="M-108.9 404.1v30c0 1.1-.9 2-2 2H-231c-1.1 0-2-.9-2-2v-75c0-1.1.9-2 2-2h120.1c1.1 0 2 .9 2 2v37m-124.1-29h124.1"></path>
1149
+ <circle cx="-227.8" cy="361.9" r="1.8" fill="currentColor"></circle>
1150
+ <circle cx="-222.2" cy="361.9" r="1.8" fill="currentColor"></circle>
1151
+ <circle cx="-216.6" cy="361.9" r="1.8" fill="currentColor"></circle>
1152
+ <path fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="2" d="M-128.7 400.1H-92m-3.6-4.1 4 4.1-4 4.1"></path>
1153
+ </svg>
1154
+ </div>
1155
+ <h4 class="payment-method__info-title">
1156
+ After clicking "Complete Purchase", you will be redirected to Link to complete your purchase securely.
1157
+ </h4>
1158
+ </div>
1159
+ </div>
1160
+ </div>
1161
+ </div>
1162
+
1163
+ </div>
1164
+
1165
+ </div>
1166
+ <div class="form-section form-section--last">
1167
+ <div class="cart-box cart-box--card">
1168
+
1169
+
1170
+
1171
+ <div class="summary-wrapper">
1172
+
1173
+ </div>
1174
+
1175
+
1176
+ </div>
1177
+ </div>
1178
+
1179
+
1180
+
1181
+ <div class="submit-section">
1182
+ <div class="submit-section__disclaimer">By clicking the button below, you agree with our Terms of Use and Privacy Policy.</div>
1183
+ <div class="submit-section__button"><button data-action="submit" type="submit" disabled="" aria-disabled="true" class="submit-button demo-inert">
1184
+ <div data-pb-element="checkout-button-spinner" class="submit-button__loader">
1185
+ <div class="three-quarter-spinner black"></div>
1186
+ </div>
1187
+ <div data-pb-element="checkout-button-info" class="submit-button__content">
1188
+ <div class="submit-button__text">
1189
+ <div data-i18n="complete_purchase" class="submit-button__main-text">COMPLETE PURCHASE →</div>
1190
+ </div>
1191
+ <div data-i18n="try_risk_free" class="submit-button__subtext">TRY IT RISK FREE! - 30 DAY MONEY BACK GUARANTEE!</div>
1192
+ </div>
1193
+ </button></div>
1194
+ </div>
1195
+
1196
+ </div>
1197
+ </div>
1198
+ </div>
1199
+ </div>
1200
+
1201
+
1202
+ </div>
1203
+ <div class="checkout-trust-bar">
1204
+ <div class="trust-badges">
1205
+ <div class="trust-badge__item">
1206
+ <div class="trust-badge--icon"><svg width="100%" height="100%" viewBox="0 0 21 25" fill="none" xmlns="http://www.w3.org/2000/svg">
1207
+ <path d="M10.2857 0.5C6.97714 0.5 4.28571 3.23949 4.28571 6.60714V10.0969H2.57143C1.14857 10.0969 0 11.266 0 12.7143V22.3112C0 23.7595 1.14857 24.9286 2.57143 24.9286H18C19.4229 24.9286 20.5714 23.7595 20.5714 22.3112V12.7143C20.5714 11.266 19.4229 10.0969 18 10.0969H16.2857V6.60714C16.2857 3.23949 13.5943 0.5 10.2857 0.5ZM6 6.60714C6 4.19918 7.92 2.2449 10.2857 2.2449C12.6514 2.2449 14.5714 4.19918 14.5714 6.60714V10.0969H6V6.60714ZM18.8571 12.7143V22.3112C18.8571 22.7911 18.4714 23.1837 18 23.1837H2.57143C2.1 23.1837 1.71429 22.7911 1.71429 22.3112V12.7143C1.71429 12.2344 2.1 11.8418 2.57143 11.8418H18C18.4714 11.8418 18.8571 12.2344 18.8571 12.7143Z" fill="#5C5C5E"></path>
1208
+ <path d="M10.2857 13.587C8.87138 13.587 7.71423 14.7473 7.71423 16.1869C7.71423 17.3123 8.41709 18.3069 9.45423 18.6646C9.43709 18.717 9.42852 18.7606 9.42852 18.813V20.5579C9.42852 21.0377 9.81423 21.4303 10.2857 21.4303C10.7571 21.4303 11.1428 21.0377 11.1428 20.5579V18.813C11.1428 18.7606 11.1257 18.7083 11.1171 18.6646C12.4628 18.2022 13.1828 16.7191 12.7285 15.3581C12.3771 14.2937 11.3914 13.5783 10.2942 13.587H10.2857ZM10.2857 17.0768C9.81423 17.0768 9.42852 16.6842 9.42852 16.2043C9.42852 15.7245 9.81423 15.3319 10.2857 15.3319C10.7571 15.3319 11.1428 15.7245 11.1428 16.2043C11.1428 16.6842 10.7571 17.0768 10.2857 17.0768Z" fill="#5C5C5E"></path>
1209
+ </svg></div>
1210
+ <div class="trust-badge--text">SECURE<br>SSL ENCRYPTION</div>
1211
+ </div>
1212
+ <div class="trust-badge__item">
1213
+ <div class="trust-badge--icon"><svg width="100%" height="100%" viewBox="0 0 24 27" fill="none" xmlns="http://www.w3.org/2000/svg">
1214
+ <g clip-path="url(#clip0_213_4831)">
1215
+ <path d="M11.4991 0.503307C11.285 0.520446 11.0854 0.617568 10.9379 0.771819C8.34589 3.47122 4.63146 4.69666 0.8505 4.78807C0.378964 4.79664 0 5.17941 0 5.64502C0 16.177 4.67196 24.1466 11.3198 26.1776C11.4846 26.2262 11.6611 26.2262 11.826 26.1776C18.4738 24.1495 23.1429 16.1798 23.1429 5.64502C23.1429 5.17941 22.7639 4.79664 22.2924 4.78807C18.5114 4.69666 14.797 3.47122 12.2021 0.771819C12.0198 0.580433 11.7624 0.483312 11.4962 0.503307H11.4991ZM11.5714 2.52857C14.2734 4.99659 17.8026 6.16776 21.3609 6.41057C21.1352 15.8742 16.9203 22.6213 11.5714 24.4237C6.22254 22.6241 2.00475 15.8742 1.782 6.41342C5.34021 6.17062 8.87239 4.99945 11.5714 2.53143V2.52857ZM16.4546 9.34991C16.2289 9.3642 16.0177 9.46132 15.8673 9.627L10.4056 15.2772L7.84832 12.752C7.50986 12.4178 6.95732 12.4178 6.61886 12.752C6.28039 13.0862 6.28039 13.6318 6.61886 13.966L9.801 17.1082C10.1424 17.4424 10.692 17.4367 11.0276 17.1025C11.0305 17.0996 11.0363 17.0939 11.0391 17.0911L17.1141 10.8067C17.4497 10.4668 17.4439 9.92693 17.0997 9.59557C16.929 9.4299 16.6947 9.34134 16.4546 9.35277V9.34991Z" fill="#5C5C5E"></path>
1216
+ </g>
1217
+ <defs>
1218
+ <clipPath id="clip0_213_4831">
1219
+ <rect width="23.1429" height="25.7143" fill="white" transform="translate(0 0.5)"></rect>
1220
+ </clipPath>
1221
+ </defs>
1222
+ </svg></div>
1223
+ <div class="trust-badge--text">GUARANTEED<br>SAFE CHECKOUT</div>
1224
+ </div>
1225
+ </div><img src="../assets/images/credit-card-flags.svg" alt="" class="credit-card__flags" loading="eager">
1226
+ </div>
1227
+ <div class="hide-tablet-up">
1228
+ <div class="guarantee-section guarantee-section--apollo">
1229
+ <img src="../assets/images/guarantee-badge.png" alt="" class="guarantee-badge" loading="eager">
1230
+ <div class="guarantee-section__content">
1231
+ <p class="guarantee-section__title">60 Day Money-Back Guarantee</p>
1232
+ <p class="guarantee-section__text">Feel safe knowing you're protected. Try it risk-free and return it within 60 days for a full refund or replacement—no questions asked.</p>
1233
+ </div>
1234
+ </div>
1235
+
1236
+ </div>
1237
+ <div class="hide-tablet-up">
1238
+ <section class="as-seen-in as-seen-in--scroll">
1239
+ <div class="as-seen-in__head">
1240
+ <h2 class="as-seen-in__heading">As seen in</h2>
1241
+ <div class="as-seen-in__viewport">
1242
+ <div class="as-seen-in__track">
1243
+ <img src="../assets/images/landing/_shared/16x9.svg" alt="Press logo" class="as-seen-in__logo" loading="eager"><img src="../assets/images/landing/_shared/16x9.svg" alt="Press logo" class="as-seen-in__logo" loading="eager"><img src="../assets/images/landing/_shared/16x9.svg" alt="Press logo" class="as-seen-in__logo" loading="eager"><img src="../assets/images/landing/_shared/16x9.svg" alt="Press logo" class="as-seen-in__logo" loading="eager">
1244
+ <img src="../assets/images/landing/_shared/16x9.svg" alt="" aria-hidden="true" class="as-seen-in__logo" loading="eager"><img src="../assets/images/landing/_shared/16x9.svg" alt="" aria-hidden="true" class="as-seen-in__logo" loading="eager"><img src="../assets/images/landing/_shared/16x9.svg" alt="" aria-hidden="true" class="as-seen-in__logo" loading="eager"><img src="../assets/images/landing/_shared/16x9.svg" alt="" aria-hidden="true" class="as-seen-in__logo" loading="eager">
1245
+ </div>
1246
+ </div>
1247
+ </div>
1248
+ <div class="as-seen-in__divider" aria-hidden="true"></div>
1249
+ </section>
1250
+
1251
+ </div>
1252
+
1253
+ <div class="hide-tablet-up">
1254
+ <div class="reviews-slider">
1255
+ <div class="swiper" data-component="reviews-swiper">
1256
+ <div class="swiper-wrapper">
1257
+ <div class="swiper-slide">
1258
+ <div class="checkout-review checkout-review--slide">
1259
+ <div class="checkout-review__body grid-cell">
1260
+ <div class="checkout-review__stars">
1261
+ <div class="review_component cc-sm"><div class="review_component-wrapper"><div class="star_wrapper"><div class="star_img"><svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><rect width="15" height="15" rx="2" fill="#1BBA86"></rect><path d="M7.3125 2.25012L8.53329 6.00734L12.4839 6.00734L9.28779 8.32943L10.5086 12.0867L7.3125 9.76456L4.11642 12.0867L5.33721 8.32943L2.14113 6.00734L6.09171 6.00734L7.3125 2.25012Z" fill="white"></path></svg></div><div class="star_img"><svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><rect width="15" height="15" rx="2" fill="#1BBA86"></rect><path d="M7.3125 2.25012L8.53329 6.00734L12.4839 6.00734L9.28779 8.32943L10.5086 12.0867L7.3125 9.76456L4.11642 12.0867L5.33721 8.32943L2.14113 6.00734L6.09171 6.00734L7.3125 2.25012Z" fill="white"></path></svg></div><div class="star_img"><svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><rect width="15" height="15" rx="2" fill="#1BBA86"></rect><path d="M7.3125 2.25012L8.53329 6.00734L12.4839 6.00734L9.28779 8.32943L10.5086 12.0867L7.3125 9.76456L4.11642 12.0867L5.33721 8.32943L2.14113 6.00734L6.09171 6.00734L7.3125 2.25012Z" fill="white"></path></svg></div><div class="star_img"><svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><rect width="15" height="15" rx="2" fill="#1BBA86"></rect><path d="M7.3125 2.25012L8.53329 6.00734L12.4839 6.00734L9.28779 8.32943L10.5086 12.0867L7.3125 9.76456L4.11642 12.0867L5.33721 8.32943L2.14113 6.00734L6.09171 6.00734L7.3125 2.25012Z" fill="white"></path></svg></div><div class="star_img"><svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><rect width="15" height="15" rx="2" fill="#1BBA86"></rect><path d="M7.3125 2.25012L8.53329 6.00734L12.4839 6.00734L9.28779 8.32943L10.5086 12.0867L7.3125 9.76456L4.11642 12.0867L5.33721 8.32943L2.14113 6.00734L6.09171 6.00734L7.3125 2.25012Z" fill="white"></path></svg></div></div></div></div>
1262
+ </div>
1263
+ <p class="checkout-review__title">Whitest my teeth have ever been</p>
1264
+ <p class="checkout-review__description">Years of coffee and wine stains gone in a week. I did the short sessions while watching TV and barely noticed - and zero sensitivity.</p>
1265
+ <div class="checkout-review__meta">
1266
+ <div class="review-auth">Jessica M.</div>
1267
+ <div class="review-auth">|</div>
1268
+ <div class="checkout-review__verified">Verified Customer</div>
1269
+ </div>
1270
+ </div>
1271
+ </div>
1272
+ </div>
1273
+ <div class="swiper-slide">
1274
+ <div class="checkout-review checkout-review--slide">
1275
+ <div class="checkout-review__body grid-cell">
1276
+ <div class="checkout-review__stars">
1277
+ <div class="review_component cc-sm"><div class="review_component-wrapper"><div class="star_wrapper"><div class="star_img"><svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><rect width="15" height="15" rx="2" fill="#1BBA86"></rect><path d="M7.3125 2.25012L8.53329 6.00734L12.4839 6.00734L9.28779 8.32943L10.5086 12.0867L7.3125 9.76456L4.11642 12.0867L5.33721 8.32943L2.14113 6.00734L6.09171 6.00734L7.3125 2.25012Z" fill="white"></path></svg></div><div class="star_img"><svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><rect width="15" height="15" rx="2" fill="#1BBA86"></rect><path d="M7.3125 2.25012L8.53329 6.00734L12.4839 6.00734L9.28779 8.32943L10.5086 12.0867L7.3125 9.76456L4.11642 12.0867L5.33721 8.32943L2.14113 6.00734L6.09171 6.00734L7.3125 2.25012Z" fill="white"></path></svg></div><div class="star_img"><svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><rect width="15" height="15" rx="2" fill="#1BBA86"></rect><path d="M7.3125 2.25012L8.53329 6.00734L12.4839 6.00734L9.28779 8.32943L10.5086 12.0867L7.3125 9.76456L4.11642 12.0867L5.33721 8.32943L2.14113 6.00734L6.09171 6.00734L7.3125 2.25012Z" fill="white"></path></svg></div><div class="star_img"><svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><rect width="15" height="15" rx="2" fill="#1BBA86"></rect><path d="M7.3125 2.25012L8.53329 6.00734L12.4839 6.00734L9.28779 8.32943L10.5086 12.0867L7.3125 9.76456L4.11642 12.0867L5.33721 8.32943L2.14113 6.00734L6.09171 6.00734L7.3125 2.25012Z" fill="white"></path></svg></div><div class="star_img"><svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><rect width="15" height="15" rx="2" fill="#1BBA86"></rect><path d="M7.3125 2.25012L8.53329 6.00734L12.4839 6.00734L9.28779 8.32943L10.5086 12.0867L7.3125 9.76456L4.11642 12.0867L5.33721 8.32943L2.14113 6.00734L6.09171 6.00734L7.3125 2.25012Z" fill="white"></path></svg></div></div></div></div>
1278
+ </div>
1279
+ <p class="checkout-review__title">Woke up without the soreness</p>
1280
+ <p class="checkout-review__description">First thing that's helped without taking something. I didn't expect it to make that kind of difference, but it really does.</p>
1281
+ <div class="checkout-review__meta">
1282
+ <div class="review-auth">Daniel K.</div>
1283
+ <div class="review-auth">|</div>
1284
+ <div class="checkout-review__verified">Verified Customer</div>
1285
+ </div>
1286
+ </div>
1287
+ </div>
1288
+ </div>
1289
+ <div class="swiper-slide">
1290
+ <div class="checkout-review checkout-review--slide">
1291
+ <div class="checkout-review__body grid-cell">
1292
+ <div class="checkout-review__stars">
1293
+ <div class="review_component cc-sm"><div class="review_component-wrapper"><div class="star_wrapper"><div class="star_img"><svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><rect width="15" height="15" rx="2" fill="#1BBA86"></rect><path d="M7.3125 2.25012L8.53329 6.00734L12.4839 6.00734L9.28779 8.32943L10.5086 12.0867L7.3125 9.76456L4.11642 12.0867L5.33721 8.32943L2.14113 6.00734L6.09171 6.00734L7.3125 2.25012Z" fill="white"></path></svg></div><div class="star_img"><svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><rect width="15" height="15" rx="2" fill="#1BBA86"></rect><path d="M7.3125 2.25012L8.53329 6.00734L12.4839 6.00734L9.28779 8.32943L10.5086 12.0867L7.3125 9.76456L4.11642 12.0867L5.33721 8.32943L2.14113 6.00734L6.09171 6.00734L7.3125 2.25012Z" fill="white"></path></svg></div><div class="star_img"><svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><rect width="15" height="15" rx="2" fill="#1BBA86"></rect><path d="M7.3125 2.25012L8.53329 6.00734L12.4839 6.00734L9.28779 8.32943L10.5086 12.0867L7.3125 9.76456L4.11642 12.0867L5.33721 8.32943L2.14113 6.00734L6.09171 6.00734L7.3125 2.25012Z" fill="white"></path></svg></div><div class="star_img"><svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><rect width="15" height="15" rx="2" fill="#1BBA86"></rect><path d="M7.3125 2.25012L8.53329 6.00734L12.4839 6.00734L9.28779 8.32943L10.5086 12.0867L7.3125 9.76456L4.11642 12.0867L5.33721 8.32943L2.14113 6.00734L6.09171 6.00734L7.3125 2.25012Z" fill="white"></path></svg></div><div class="star_img"><svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><rect width="15" height="15" rx="2" fill="#1BBA86"></rect><path d="M7.3125 2.25012L8.53329 6.00734L12.4839 6.00734L9.28779 8.32943L10.5086 12.0867L7.3125 9.76456L4.11642 12.0867L5.33721 8.32943L2.14113 6.00734L6.09171 6.00734L7.3125 2.25012Z" fill="white"></path></svg></div></div></div></div>
1294
+ </div>
1295
+ <p class="checkout-review__title">Exactly as described</p>
1296
+ <p class="checkout-review__description">Easy to use and the results showed up fast. Setup took a couple of minutes and I was good to go.</p>
1297
+ <div class="checkout-review__meta">
1298
+ <div class="review-auth">Priya S.</div>
1299
+ <div class="review-auth">|</div>
1300
+ <div class="checkout-review__verified">Verified Customer</div>
1301
+ </div>
1302
+ </div>
1303
+ </div>
1304
+ </div>
1305
+ <div class="swiper-slide">
1306
+ <div class="checkout-review checkout-review--slide">
1307
+ <div class="checkout-review__body grid-cell">
1308
+ <div class="checkout-review__stars">
1309
+ <div class="review_component cc-sm"><div class="review_component-wrapper"><div class="star_wrapper"><div class="star_img"><svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><rect width="15" height="15" rx="2" fill="#1BBA86"></rect><path d="M7.3125 2.25012L8.53329 6.00734L12.4839 6.00734L9.28779 8.32943L10.5086 12.0867L7.3125 9.76456L4.11642 12.0867L5.33721 8.32943L2.14113 6.00734L6.09171 6.00734L7.3125 2.25012Z" fill="white"></path></svg></div><div class="star_img"><svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><rect width="15" height="15" rx="2" fill="#1BBA86"></rect><path d="M7.3125 2.25012L8.53329 6.00734L12.4839 6.00734L9.28779 8.32943L10.5086 12.0867L7.3125 9.76456L4.11642 12.0867L5.33721 8.32943L2.14113 6.00734L6.09171 6.00734L7.3125 2.25012Z" fill="white"></path></svg></div><div class="star_img"><svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><rect width="15" height="15" rx="2" fill="#1BBA86"></rect><path d="M7.3125 2.25012L8.53329 6.00734L12.4839 6.00734L9.28779 8.32943L10.5086 12.0867L7.3125 9.76456L4.11642 12.0867L5.33721 8.32943L2.14113 6.00734L6.09171 6.00734L7.3125 2.25012Z" fill="white"></path></svg></div><div class="star_img"><svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><rect width="15" height="15" rx="2" fill="#1BBA86"></rect><path d="M7.3125 2.25012L8.53329 6.00734L12.4839 6.00734L9.28779 8.32943L10.5086 12.0867L7.3125 9.76456L4.11642 12.0867L5.33721 8.32943L2.14113 6.00734L6.09171 6.00734L7.3125 2.25012Z" fill="white"></path></svg></div><div class="star_img"><svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><rect width="15" height="15" rx="2" fill="#1BBA86"></rect><path d="M7.3125 2.25012L8.53329 6.00734L12.4839 6.00734L9.28779 8.32943L10.5086 12.0867L7.3125 9.76456L4.11642 12.0867L5.33721 8.32943L2.14113 6.00734L6.09171 6.00734L7.3125 2.25012Z" fill="white"></path></svg></div></div></div></div>
1310
+ </div>
1311
+ <p class="checkout-review__title">Worth every penny</p>
1312
+ <p class="checkout-review__description">Skeptical at first, but it delivered. I've already recommended it to two friends who ordered the same day.</p>
1313
+ <div class="checkout-review__meta">
1314
+ <div class="review-auth">Marcus T.</div>
1315
+ <div class="review-auth">|</div>
1316
+ <div class="checkout-review__verified">Verified Customer</div>
1317
+ </div>
1318
+ </div>
1319
+ </div>
1320
+ </div>
1321
+ </div>
1322
+ <div class="swiper-scrollbar reviews-slider__scrollbar"></div>
1323
+ </div>
1324
+ </div>
1325
+
1326
+ </div>
1327
+ </div>
1328
+ </div>
1329
+ </div>
1330
+
1331
+ </div>
1332
+ </div>
1333
+ </div>
1334
+ </div>
1335
+
1336
+ </div>
1337
+ <footer class="footer_section">
1338
+ <div class="container">
1339
+ <div class="footer_layout">
1340
+ <div class="footer_copy-info">
1341
+ <div class="footer_link-wrapper">
1342
+ <a target="_blank" aria-disabled="true" class="footer_legal-link demo-inert">Shipping Policy</a>
1343
+ <a target="_blank" aria-disabled="true" class="footer_legal-link demo-inert">Refund Policy</a>
1344
+ <a target="_blank" aria-disabled="true" class="footer_legal-link demo-inert">Privacy Policy</a>
1345
+ <a target="_blank" aria-disabled="true" class="footer_legal-link demo-inert">Terms of Service</a>
1346
+ </div>
1347
+ <div class="text-xs">Copyright © <span class="copyright-year"></span> Next Commerce</div>
1348
+
1349
+ </div>
1350
+ </div>
1351
+ </div>
1352
+ </footer>
1353
+
1354
+ </div>
1355
+
1356
+
1357
+
1358
+
1359
+
1360
+
1361
+
1362
+
1363
+
1364
+
1365
+
1366
+
1367
+
1368
+
1369
+
1370
+ </body></html>