PageSourceSearch

https://kettl.co/products/class-crafting-the-perfect-matcha-latte

html kettl.co collected 2026-09-26 00:43:33 UTC 432,868 bytes, 10,302 lines download raw bytes

1<!doctype html>
2<html
3  
4  lang="en"
5>
6  <head><link
7        rel="icon"
8        type="image/png"
9        href="//kettl.co/cdn/shop/files/favicon_2.png?crop=center&height=32&v=1763492536&width=32"
10      >
11    
12<meta charset="utf-8">
13<meta
14  http-equiv="X-UA-Compatible"
15  content="IE=edge"
16>
17<meta
18  name="viewport"
19  content="width=device-width,initial-scale=1"
20>
21<meta
22  name="view-transition"
23  content="same-origin"
24>
25<meta
26  name="theme-color"
27  content=""
28>
29
30<meta
31  property="og:site_name"
32  content="Kettl "
33>
34<meta
35  property="og:url"
36  content="https://kettl.co/products/class-crafting-the-perfect-matcha-latte"
37>
38<meta
39  property="og:title"
40  content="Class | Crafting the Perfect Matcha Latte | Kettl Tea"
41>
42<meta
43  property="og:type"
44  content="product"
45>
46<meta
47  property="og:description"
48  content="Craft your matcha latte skills in Kettl Tea&#39;s Class | Crafting the Perfect Matcha Latte, learning whisking and steaming techniques."
49><meta
50    property="og:image"
51    content="http://kettl.co/cdn/shop/files/bdcda6c0-7a47-459a-beea-7d70f1752ab0.jpg?v=1778879116"
52  >
53  <meta
54    property="og:image:secure_url"
55    content="https://kettl.co/cdn/shop/files/bdcda6c0-7a47-459a-beea-7d70f1752ab0.jpg?v=1778879116"
56  >
57  <meta
58    property="og:image:width"
59    content="2048"
60  >
61  <meta
62    property="og:image:height"
63    content="2048"
64  ><meta
65    property="og:price:amount"
66    content="60.00"
67  >
68  <meta
69    property="og:price:currency"
70    content="USD"
71  ><meta
72  name="twitter:card"
73  content="summary_large_image"
74>
75<meta
76  name="twitter:title"
77  content="Class | Crafting the Perfect Matcha Latte | Kettl Tea"
78>
79<meta
80  name="twitter:description"
81  content="Craft your matcha latte skills in Kettl Tea&#39;s Class | Crafting the Perfect Matcha Latte, learning whisking and steaming techniques."
82>
83
84<title>
85  Class | Crafting the Perfect Matcha Latte | Kettl Tea
86</title>
87
88<link
89  rel="canonical"
90  href="https://kettl.co/products/class-crafting-the-perfect-matcha-latte"
91>
92
93
94  <meta
95    name="description"
96    content="Craft your matcha latte skills in Kettl Tea&#39;s Class | Crafting the Perfect Matcha Latte, learning whisking and steaming techniques."
97  >
98
99<link href="//kettl.co/cdn/shop/t/84/assets/overflow-list.css?v=101911674359793798601774249490" as="style" rel="preload">
100<link href="//kettl.co/cdn/shop/t/84/assets/base.css?v=114171944754742179191781604850" rel="stylesheet" type="text/css" media="all" />
101
102
103<script async crossorigin fetchpriority="high" src="/cdn/shopifycloud/importmap-polyfill/es-modules-shim.2.4.0.js"></script>
vendor: 1 bytes, line 103
103
104<script type="importmap">
105  {
106    "imports": {
107      "@theme/overflow-list": "//kettl.co/cdn/shop/t/84/assets/overflow-list.js?v=46858356770684902511774249490",
108      "@theme/product-title": "//kettl.co/cdn/shop/t/84/assets/product-title-truncation.js?v=81744426891537421781774249489",
109      "@theme/component": "//kettl.co/cdn/shop/t/84/assets/component.js?v=184240237101443119871774249490",
110      "@theme/dialog": "//kettl.co/cdn/shop/t/84/assets/dialog.js?v=150888536568694194021774249488",
111      "@theme/events": "//kettl.co/cdn/shop/t/84/assets/events.js?v=147926035229139604561774249488",
112      "@theme/focus": "//kettl.co/cdn/shop/t/84/assets/focus.js?v=60436577539430446401774249490",
113      "@theme/morph": "//kettl.co/cdn/shop/t/84/assets/morph.js?v=102085577784545683451774249489",
114      "@theme/paginated-list": "//kettl.co/cdn/shop/t/84/assets/paginated-list.js?v=95298315036233333871774249491",
115      "@theme/performance": "//kettl.co/cdn/shop/t/84/assets/performance.js?v=171015751390534793081774249491",
116      "@theme/product-form": "//kettl.co/cdn/shop/t/84/assets/product-form.js?v=37993400097492174081774249490",
117      "@theme/recently-viewed-products": "//kettl.co/cdn/shop/t/84/assets/recently-viewed-products.js?v=94729125001750262651774249491",
118      "@theme/scrolling": "//kettl.co/cdn/shop/t/84/assets/scrolling.js?v=162288454571026455011774249488",
119      "@theme/section-renderer": "//kettl.co/cdn/shop/t/84/assets/section-renderer.js?v=152586934315572818121774249489",
120      "@theme/section-hydration": "//kettl.co/cdn/shop/t/84/assets/section-hydration.js?v=108434990705342316311774249488",
121      "@theme/money-formatting": "//kettl.co/cdn/shop/t/84/assets/money-formatting.js?v=182191346160333327151774249489",
122      "@theme/utilities": "//kettl.co/cdn/shop/t/84/assets/utilities.js?v=137979405375850297411774249491",
123      "@theme/variant-picker": "//kettl.co/cdn/shop/t/84/assets/variant-picker.js?v=124079696159966615681774249488",
124      "@theme/media-gallery": "//kettl.co/cdn/shop/t/84/assets/media-gallery.js?v=14624021005636302161774249488",
125      "@theme/quick-add": "//kettl.co/cdn/shop/t/84/assets/quick-add.js?v=30824691974824705521781616943",
126      "@theme/paginated-list-aspect-ratio": "//kettl.co/cdn/shop/t/84/assets/paginated-list-aspect-ratio.js?v=25254270272143792451774249490",
127      "@theme/popover-polyfill": "//kettl.co/cdn/shop/t/84/assets/popover-polyfill.js?v=119029313658895111201774249488",
128      "@theme/component-quantity-selector": "//kettl.co/cdn/shop/t/84/assets/component-quantity-selector.js?v=67906657287482036641774249490",
129      "@theme/comparison-slider": "//kettl.co/cdn/shop/t/84/assets/comparison-slider.js?v=106705562947035711941774249488",
130      "@theme/sticky-add-to-cart": "//kettl.co/cdn/shop/t/84/assets/sticky-add-to-cart.js?v=48956925339276737091774249490",
131      "@theme/fly-to-cart": "//kettl.co/cdn/shop/t/84/assets/fly-to-cart.js?v=48483246440248933081774249490"
132    }
133  }
134</script>
134
135
136<script
137  src="//kettl.co/cdn/shop/t/84/assets/view-transitions.js?v=7106414069516106341774249488"
138  async
139  
140></script>
140
141
142<link
143  rel="modulepreload"
144  href="//kettl.co/cdn/shop/t/84/assets/utilities.js?v=137979405375850297411774249491"
145  fetchpriority="low"
146>
147<link
148  rel="modulepreload"
149  href="//kettl.co/cdn/shop/t/84/assets/component.js?v=184240237101443119871774249490"
150  fetchpriority="low"
151>
152<link
153  rel="modulepreload"
154  href="//kettl.co/cdn/shop/t/84/assets/section-renderer.js?v=152586934315572818121774249489"
155  fetchpriority="low"
156>
157<link
158  rel="modulepreload"
159  href="//kettl.co/cdn/shop/t/84/assets/section-hydration.js?v=108434990705342316311774249488"
160  fetchpriority="low"
161>
162<link
163  rel="modulepreload"
164  href="//kettl.co/cdn/shop/t/84/assets/morph.js?v=102085577784545683451774249489"
165  fetchpriority="low"
166>
167
168
169
170<link
171  rel="modulepreload"
172  href="//kettl.co/cdn/shop/t/84/assets/focus.js?v=60436577539430446401774249490"
173  fetchpriority="low"
174>
175<link
176  rel="modulepreload"
177  href="//kettl.co/cdn/shop/t/84/assets/recently-viewed-products.js?v=94729125001750262651774249491"
178  fetchpriority="low"
179>
180<link
181  rel="modulepreload"
182  href="//kettl.co/cdn/shop/t/84/assets/scrolling.js?v=162288454571026455011774249488"
183  fetchpriority="low"
184>
185<link
186  rel="modulepreload"
187  href="//kettl.co/cdn/shop/t/84/assets/events.js?v=147926035229139604561774249488"
188  fetchpriority="low"
189>
190<script
191  src="//kettl.co/cdn/shop/t/84/assets/popover-polyfill.js?v=119029313658895111201774249488"
192  type="module"
193  fetchpriority="low"
194></script>
vendor: 1 bytes, line 194
194
195<script
196  src="//kettl.co/cdn/shop/t/84/assets/overflow-list.js?v=46858356770684902511774249490"
197  type="module"
198  fetchpriority="low"
199></script>
vendor: 1 bytes, line 199
199
200<script
201  src="//kettl.co/cdn/shop/t/84/assets/quick-add.js?v=30824691974824705521781616943"
202  type="module"
203  fetchpriority="low"
204></script>
204
205
206
207<script
208  src="//kettl.co/cdn/shop/t/84/assets/dialog.js?v=150888536568694194021774249488"
209  type="module"
210  fetchpriority="low"
211></script>
vendor: 1 bytes, line 211
211
212<script
213  src="//kettl.co/cdn/shop/t/84/assets/variant-picker.js?v=124079696159966615681774249488"
214  type="module"
215  fetchpriority="low"
216></script>
vendor: 1 bytes, line 216
216
217<script
218  src="//kettl.co/cdn/shop/t/84/assets/product-card.js?v=124402285637860180781774249489"
219  type="module"
220  fetchpriority="low"
221></script>
vendor: 1 bytes, line 221
221
222<script
223  src="//kettl.co/cdn/shop/t/84/assets/product-card-badge.js?v=4235209399147113041781270510"
224  type="module"
225  fetchpriority="low"
226></script>
vendor: 1 bytes, line 226
226
227<script
228  src="//kettl.co/cdn/shop/t/84/assets/product-form.js?v=37993400097492174081774249490"
229  type="module"
230  fetchpriority="low"
231></script>
vendor: 1 bytes, line 231
231
232<script
233  src="//kettl.co/cdn/shop/t/84/assets/fly-to-cart.js?v=48483246440248933081774249490"
234  type="module"
235  fetchpriority="low"
236></script>
vendor: 1 bytes, line 236
236
237<script
238  src="//kettl.co/cdn/shop/t/84/assets/accordion-custom.js?v=97588419883090888471774249488"
239  type="module"
240  fetchpriority="low"
241></script>
vendor: 1 bytes, line 241
241
242<script
243  src="//kettl.co/cdn/shop/t/84/assets/media.js?v=37825095869491791421774249489"
244  type="module"
245  fetchpriority="low"
246></script>
vendor: 1 bytes, line 246
246
247<script
248  src="//kettl.co/cdn/shop/t/84/assets/product-price.js?v=125406045307689219221774249491"
249  type="module"
250  fetchpriority="low"
251></script>
vendor: 1 bytes, line 251
251
252<script
253  src="//kettl.co/cdn/shop/t/84/assets/product-sku.js?v=121804655373531320511774249488"
254  type="module"
255  fetchpriority="low"
256></script>
vendor: 1 bytes, line 256
256
257<script
258  src="//kettl.co/cdn/shop/t/84/assets/product-title-truncation.js?v=81744426891537421781774249489"
259  type="module"
260  fetchpriority="low"
261></script>
vendor: 1 bytes, line 261
261
262<script
263  src="//kettl.co/cdn/shop/t/84/assets/product-inventory.js?v=81520546963552472391774249491"
264  type="module"
265  fetchpriority="low"
266></script>
vendor: 1 bytes, line 266
266
267<script
268  src="//kettl.co/cdn/shop/t/84/assets/show-more.js?v=94563802205717136101774249489"
269  type="module"
270  fetchpriority="low"
271></script>
vendor: 1 bytes, line 271
271
272<script
273  src="//kettl.co/cdn/shop/t/84/assets/slideshow.js?v=17868446697736367161774249490"
274  type="module"
275  fetchpriority="low"
276></script>
vendor: 1 bytes, line 276
276
277<script
278  src="//kettl.co/cdn/shop/t/84/assets/layered-slideshow.js?v=30135417790894624731774249491"
279  type="module"
280  fetchpriority="low"
281></script>
vendor: 1 bytes, line 281
281
282<script
283  src="//kettl.co/cdn/shop/t/84/assets/anchored-popover.js?v=95953304814728754461774249488"
284  type="module"
285  fetchpriority="low"
286></script>
vendor: 1 bytes, line 286
286
287<script
288  src="//kettl.co/cdn/shop/t/84/assets/floating-panel.js?v=151277338116891310371774249489"
289  type="module"
290  fetchpriority="low"
291></script>
vendor: 1 bytes, line 291
291
292<script
293  src="//kettl.co/cdn/shop/t/84/assets/video-background.js?v=25237992823806706551774249488"
294  type="module"
295  fetchpriority="low"
296></script>
vendor: 1 bytes, line 296
296
297<script
298  src="//kettl.co/cdn/shop/t/84/assets/component-quantity-selector.js?v=67906657287482036641774249490"
299  type="module"
300  fetchpriority="low"
301></script>
vendor: 1 bytes, line 301
301
302<script
303  src="//kettl.co/cdn/shop/t/84/assets/media-gallery.js?v=14624021005636302161774249488"
304  type="module"
305  fetchpriority="low"
306></script>
vendor: 1 bytes, line 306
306
307<script
308  src="//kettl.co/cdn/shop/t/84/assets/rte-formatter.js?v=40306132146590816021774249491"
309  type="module"
310  fetchpriority="low"
311></script>
vendor: 1 bytes, line 311
311
312<script
313  src="//kettl.co/cdn/shop/t/84/assets/volume-pricing.js?v=15442793518842484731774249489"
314  type="module"
315  fetchpriority="low"
316></script>
vendor: 1 bytes, line 316
316
317<script
318  src="//kettl.co/cdn/shop/t/84/assets/price-per-item.js?v=144512917617120124431774249489"
319  type="module"
320  fetchpriority="low"
321></script>
vendor: 1 bytes, line 321
321
322<script
323  src="//kettl.co/cdn/shop/t/84/assets/volume-pricing-info.js?v=94479640769665442661774249489"
324  type="module"
325  fetchpriority="low"
326></script>
326
327
328
329  
329<script
330    src="//kettl.co/cdn/shop/t/84/assets/localization.js?v=15585934801240115691774249492"
331    type="module"
332    fetchpriority="low"
333  ></script>
333
334
335
336
337  
337<script
338    src="//kettl.co/cdn/shop/t/84/assets/fly-to-cart.js?v=48483246440248933081774249490"
339    type="module"
340    fetchpriority="low"
341  ></script>
341
342  
342<script
343    src="//kettl.co/cdn/shop/t/84/assets/sticky-add-to-cart.js?v=48956925339276737091774249490"
344    type="module"
345    fetchpriority="low"
346  ></script>
346
347  
347<script type="module">
348    import { RecentlyViewed } from '@theme/recently-viewed-products';
349    RecentlyViewed.addProduct('9228053381370');
350  </script>
350
351
352
353
354
355<script
356  src="//kettl.co/cdn/shop/t/84/assets/auto-close-details.js?v=58350291535404441581774249489"
357  defer="defer"
358></script>
358
359
360<script>
361  const Theme = {
362    translations: {
363      placeholder_image: `Placeholder image`,
364      added: `Added`,
365      recipient_form_fields_visible: `Recipient form fields are now visible`,
366      recipient_form_fields_hidden: `Recipient form fields are now hidden`,
367      recipient_form_error: `There was an error with the form submission`,
368      items_added_to_cart_one: `1 item added to cart`,
369      items_added_to_cart_other: `{{ count }} items added to cart`,
370    },
371    routes: {
372      cart_add_url: '/cart/add.js',
373      cart_change_url: '/cart/change',
374      cart_update_url: '/cart/update',
375      cart_url: '/cart',
376      predictive_search_url: '/search/suggest',
377      search_url: '/search',
378    },
379    template: {
380      name: 'product.classes',
381    },
382  };
383</script>
383
384<style data-shopify>
385
386
387  :root {
388    /* Page Layout */
389    --sidebar-width: 25rem;
390    --narrow-content-width: 36rem;
391    --normal-content-width: 42rem;
392    --wide-content-width: 46rem;
393    --narrow-page-width: 90rem;
394    --normal-page-width: 120rem;
395    --wide-page-width: 150rem;
396
397    /* Section Heights */
398    --section-height-small: 15rem;
399    --section-height-medium: 25rem;
400    --section-height-large: 35rem;
401
402    @media screen and (min-width: 40em) {
403      --section-height-small: 40svh;
404      --section-height-medium: 55svh;
405      --section-height-large: 70svh;
406    }
407
408    @media screen and (min-width: 60em) {
409      --section-height-small: 50svh;
410      --section-height-medium: 65svh;
411      --section-height-large: 80svh;
412    }
413
414    /* Letter spacing */
415    --letter-spacing-sm: 0.06em;
416    --letter-spacing-md: 0.13em;
417
418    /* Font families */
419    --font-body--family: Helvetica, Arial, sans-serif;
420    --font-body--style: normal;
421    --font-body--weight: 400;
422    --font-subheading--family: Helvetica, Arial, sans-serif;
423    --font-subheading--style: normal;
424    --font-subheading--weight: 400;
425    --font-heading--family: Helvetica, Arial, sans-serif;
426    --font-heading--style: normal;
427    --font-heading--weight: 400;
428    --font-accent--family: Helvetica, Arial, sans-serif;
429    --font-accent--style: normal;
430    --font-accent--weight: 400;
431
432    /* Margin sizes */
433    --font-h1--spacing: 0.25em;
434    --font-h2--spacing: 0.25em;
435    --font-h3--spacing: 0.25em;
436    --font-h4--spacing: 0.25em;
437    --font-h5--spacing: 0.25em;
438    --font-h6--spacing: 0.25em;
439    --font-paragraph--spacing: 0.5em;
440
441    /* Heading colors */
442    --font-h1--color: var(--color-foreground-heading);
443    --font-h2--color: var(--color-foreground-heading);
444    --font-h3--color: var(--color-foreground-heading);
445    --font-h4--color: var(--color-foreground-heading);
446    --font-h5--color: var(--color-foreground-heading);
447    --font-h6--color: var(--color-foreground-heading);
448
449    /** Z-Index / Layering */
450    --layer-section-background: -2;
451    --layer-lowest: -1;
452    --layer-base: 0;
453    --layer-flat: 1;
454    --layer-raised: 2;
455    --layer-heightened: 4;
456    --layer-sticky: 8;
457    --layer-window-overlay: 10;
458    --layer-header-menu: 12;
459    --layer-overlay: 16;
460    --layer-menu-drawer: 18;
461    --layer-temporary: 20;
462
463    /* Max-width / Measure */
464    --max-width--body-normal: 32.5em;
465    --max-width--body-narrow: 22.75em;
466
467    --max-width--heading-normal: 32.5em;
468    --max-width--heading-narrow: 19.5em;
469
470    --max-width--display-normal: 13em;
471    --max-width--display-narrow: 9.75em;
472    --max-width--display-tight: 3.25em;
473
474    /* Letter-spacing / Tracking */
475    --letter-spacing--display-tight: -0.03em;
476    --letter-spacing--display-normal: 0em;
477    --letter-spacing--display-loose: 0.03em;
478
479    --letter-spacing--heading-tight: -0.03em;
480    --letter-spacing--heading-normal: 0em;
481    --letter-spacing--heading-loose: 0.03em;
482
483    --letter-spacing--body-tight: -0.03em;
484    --letter-spacing--body-normal: 0em;
485    --letter-spacing--body-loose: 0.03em;
486
487    /* Line height / Leading */
488    --line-height: 1;
489
490    --line-height--display-tight: 1;
491    --line-height--display-normal: 1.1;
492    --line-height--display-loose: 1.2;
493
494    --line-height--heading-tight: 1.15;
495    --line-height--heading-normal: 1.25;
496    --line-height--heading-loose: 1.35;
497
498    --line-height--body-tight: 1.2;
499    --line-height--body-normal: 1.4;
500    --line-height--body-loose: 1.6;
501
502    /* Typography presets */
503    --font-size--paragraph: 0.875rem;--font-size--h1: 2.0rem;--font-size--h2: 1.5rem;--font-size--h3: 1.25rem;--font-size--h4: 1.0rem;--font-size--h5: 0.875rem;--font-size--h6: 0.75rem;--font-paragraph--weight: 400;--font-paragraph--letter-spacing: var(--letter-spacing--body-normal);--font-paragraph--size: var(--font-size--paragraph);--font-paragraph--family: var(--font-body--family);--font-paragraph--style: var(--font-body--style);--font-paragraph--case: ;--font-paragraph--line-height: var(--line-height--body-tight);--font-h1--weight: var(--font-heading--weight);--font-h1--letter-spacing: var(--letter-spacing--heading-normal);--font-h1--size: var(--font-size--h1);--font-h1--family: var(--font-heading--family);--font-h1--style: var(--font-heading--style);--font-h1--case: none;--font-h1--line-height: var(--line-height--display-tight);--font-h2--weight: var(--font-heading--weight);--font-h2--letter-spacing: var(--letter-spacing--heading-normal);--font-h2--size: var(--font-size--h2);--font-h2--family: var(--font-heading--family);--font-h2--style: var(--font-heading--style);--font-h2--case: none;--font-h2--line-height: var(--line-height--display-tight);--font-h3--weight: var(--font-heading--weight);--font-h3--letter-spacing: var(--letter-spacing--heading-normal);--font-h3--size: var(--font-size--h3);--font-h3--family: var(--font-heading--family);--font-h3--style: var(--font-heading--style);--font-h3--case: none;--font-h3--line-height: var(--line-height--display-normal);--font-h4--weight: var(--font-heading--weight);--font-h4--letter-spacing: var(--letter-spacing--heading-normal);--font-h4--size: var(--font-size--h4);--font-h4--family: var(--font-heading--family);--font-h4--style: var(--font-heading--style);--font-h4--case: none;--font-h4--line-height: var(--line-height--display-tight);--font-h5--weight: var(--font-subheading--weight);--font-h5--letter-spacing: var(--letter-spacing--heading-normal);--font-h5--size: var(--font-size--h5);--font-h5--family: var(--font-subheading--family);--font-h5--style: var(--font-subheading--style);--font-h5--case: none;--font-h5--line-height: var(--line-height--display-loose);--font-h6--weight: var(--font-subheading--weight);--font-h6--letter-spacing: var(--letter-spacing--heading-normal);--font-h6--size: var(--font-size--h6);--font-h6--family: var(--font-subheading--family);--font-h6--style: var(--font-subheading--style);--font-h6--case: none;--font-h6--line-height: var(--line-height--display-loose);
504
505    /* Hardcoded font sizes */
506    --font-size--3xs: 0.625rem;
507    --font-size--2xs: 0.75rem;
508    --font-size--xs: 0.8125rem;
509    --font-size--sm: 0.875rem;
510    --font-size--md: 1rem;
511    --font-size--lg: 1.125rem;
512    --font-size--xl: 1.25rem;
513    --font-size--2xl: 1.5rem;
514    --font-size--3xl: 2rem;
515    --font-size--4xl: 2.5rem;
516    --font-size--5xl: 3rem;
517    --font-size--6xl: 3.5rem;
518
519    /* Menu font sizes */
520    --menu-font-sm--size: 0.875rem;
521    --menu-font-sm--line-height: calc(1.1 + 0.5 * min(16 / 14));
522    --menu-font-md--size: 1rem;
523    --menu-font-md--line-height: calc(1.1 + 0.5 * min(16 / 16));
524    --menu-font-lg--size: 1.125rem;
525    --menu-font-lg--line-height: calc(1.1 + 0.5 * min(16 / 18));
526    --menu-font-xl--size: 1.25rem;
527    --menu-font-xl--line-height: calc(1.1 + 0.5 * min(16 / 20));
528    --menu-font-2xl--size: 1.75rem;
529    --menu-font-2xl--line-height: calc(1.1 + 0.5 * min(16 / 28));
530
531    /* Colors */
532    --color-error: #8B0000;
533    --color-success: #006400;
534    --color-white: #FFFFFF;
535    --color-white-rgb: 255 255 255;
536    --color-black: #000000;
537    --color-instock: #3ED660;
538    --color-lowstock: #EE9441;
539    --color-outofstock: #C8C8C8;
540
541    /* Opacity */
542    --opacity-5: 0.05;
543    --opacity-8: 0.08;
544    --opacity-10: 0.1;
545    --opacity-15: 0.15;
546    --opacity-20: 0.2;
547    --opacity-25: 0.25;
548    --opacity-30: 0.3;
549    --opacity-40: 0.4;
550    --opacity-50: 0.5;
551    --opacity-60: 0.6;
552    --opacity-70: 0.7;
553    --opacity-80: 0.8;
554    --opacity-85: 0.85;
555    --opacity-90: 0.9;
556    --opacity-subdued-text: var(--opacity-70);
557
558    --shadow-button: 0 2px 3px rgb(0 0 0 / 20%);
559    --gradient-image-overlay: linear-gradient(to top, rgb(0 0 0 / 0.5), transparent);
560
561    /* Spacing */
562    --margin-3xs: 0.125rem;
563    --margin-2xs: 0.3rem;
564    --margin-xs: 0.5rem;
565    --margin-sm: 0.7rem;
566    --margin-md: 0.8rem;
567    --margin-lg: 1rem;
568    --margin-xl: 1.25rem;
569    --margin-2xl: 1.5rem;
570    --margin-3xl: 1.75rem;
571    --margin-4xl: 2rem;
572    --margin-5xl: 3rem;
573    --margin-6xl: 5rem;
574
575    --scroll-margin: 50px;
576
577    --padding-3xs: 0.125rem;
578    --padding-2xs: 0.25rem;
579    --padding-xs: 0.5rem;
580    --padding-sm: 0.7rem;
581    --padding-md: 0.8rem;
582    --padding-lg: 1rem;
583    --padding-xl: 1.25rem;
584    --padding-2xl: 1.5rem;
585    --padding-3xl: 1.75rem;
586    --padding-4xl: 2rem;
587    --padding-5xl: 3rem;
588    --padding-6xl: 4rem;
589
590    --gap-3xs: 0.125rem;
591    --gap-2xs: 0.3rem;
592    --gap-xs: 0.5rem;
593    --gap-sm: 0.7rem;
594    --gap-md: 0.9rem;
595    --gap-lg: 1rem;
596    --gap-xl: 1.25rem;
597    --gap-2xl: 2rem;
598    --gap-3xl: 3rem;
599
600    --spacing-scale-sm: 0.6;
601    --spacing-scale-md: 0.7;
602    --spacing-scale-default: 1.0;
603
604    /* Checkout buttons gap */
605    --checkout-button-gap: 10px;
606
607    /* Borders */
608    --style-border-width: 1px;
609    --style-border-radius-xs: 0.2rem;
610    --style-border-radius-sm: 0.6rem;
611    --style-border-radius-md: 0.8rem;
612    --style-border-radius-50: 50%;
613    --style-border-radius-lg: 1rem;
614    --style-border-radius-pills: 12px;
615    --style-border-radius-inputs: 5px;
616    --style-border-radius-buttons-primary: 4px;
617    --style-border-radius-buttons-secondary: 4px;
618    --style-border-width-primary: 1px;
619    --style-border-width-secondary: 1px;
620    --style-border-width-inputs: 1px;
621    --style-border-radius-popover: 5px;
622    --style-border-popover: 1px none rgb(var(--color-border-rgb) / 50%);
623    --style-border-drawer: 1px none rgb(var(--color-border-rgb) / 50%);
624    --style-border-swatch-opacity: 10%;
625    --style-border-swatch-width: 1px;
626    --style-border-swatch-style: solid;
627
628    /* Animation */
629    --ease-out-cubic: cubic-bezier(0.33, 1, 0.68, 1);
630    --ease-out-quad: cubic-bezier(0.32, 0.72, 0, 1);
631    --ease-in-out-quad: cubic-bezier(0.455, 0.03, 0.515, 0.955);
632    --animation-speed-fast: 0.0625s;
633    --animation-speed: 0.125s;
634    --animation-speed-slow: 0.2s;
635    --animation-speed-medium: 0.15s;
636    --animation-easing: ease-in-out;
637    --animation-slideshow-easing: cubic-bezier(0.4, 0, 0.2, 1);
638    --drawer-animation-speed: 0.2s;
639    --animation-values-slow: var(--animation-speed-slow) var(--animation-easing);
640    --animation-values: var(--animation-speed) var(--animation-easing);
641    --animation-values-fast: var(--animation-speed-fast) var(--animation-easing);
642    --animation-values-allow-discrete: var(--animation-speed) var(--animation-easing) allow-discrete;
643    --animation-timing-hover: cubic-bezier(0.25, 0.46, 0.45, 0.94);
644    --animation-timing-active: cubic-bezier(0.5, 0, 0.75, 0);
645    --animation-timing-bounce: cubic-bezier(0.34, 1.56, 0.64, 1);
646    --animation-timing-default: cubic-bezier(0, 0, 0.2, 1);
647    --animation-timing-fade-in: cubic-bezier(0.16, 1, 0.3, 1);
648    --animation-timing-fade-out: cubic-bezier(0.4, 0, 0.2, 1);
649    /* Spring definitions suffixed with perceptual duration (d<ms>) and bounce (b<%>)*/
650    --spring-d300-b0-easing: linear(0, 0.0033 0.81%, 0.027 2.42%, 0.0916 4.84%, 0.4745 15.32%, 0.6422 20.97%, 0.7175, 0.7789, 0.8283 30.64%, 0.876, 0.9111 38.71%, 0.941, 0.9611 48.39%, 0.9707, 0.978 54.84%, 0.9885 62.1%, 0.9949 70.97%, 0.9982 82.26%, 0.9997 100%);
651    --spring-d300-b0-duration: 0.4980s;
652    --spring-d280-b0-easing: linear(0, 0.0044, 0.0164 1.85%, 0.085 4.63%, 0.4571 14.81%, 0.575 18.52%, 0.6505, 0.7148 24.07%, 0.7849, 0.8393, 0.8809 35.18%, 0.9189, 0.9453 44.44%, 0.9662, 0.9793 55.55%, 0.9894 62.95%, 0.995 71.28%, 0.9982 82.39%, 0.9997 99.98%);
653    --spring-d280-b0-duration: 0.4648s;
654    --spring-d260-b0-easing: linear(0, 0.0058, 0.0216 2.15%, 0.0748 4.29%, 0.4646 15.03%, 0.5673, 0.655, 0.7279, 0.7872, 0.8349, 0.8727 34.36%, 0.9107, 0.9379 42.95%, 0.9609 48.31%, 0.9778 54.76%, 0.9887 62.27%, 0.9948 70.86%, 0.9983 82.67%, 0.9997 99.85%);
655    --spring-d260-b0-duration: 0.4316s;
656    --spring-d220-b0-easing: linear(
657      0,
658      0.0093 1.37%,
659      0.0696 4.12%,
660      0.4667 15.09%,
661      0.6322 20.58%,
662      0.6986 23.32%,
663      0.7793 27.44%,
664      0.8219 30.18%,
665      0.8721,
666      0.9089 38.42%,
667      0.9427,
668      0.9644,
669      0.978 54.88%,
670      0.9881 61.74%,
671      0.9944 69.97%,
672      0.998 80.95%,
673      0.9996 98.78%
674    );
675    --spring-d220-b0-duration: 0.3818s;
676    --spring-d180-b0-easing: linear(0, 0.0234, 0.0805 4.48%, 0.4865 15.68%, 0.6211 20.16%, 0.7696 26.88%, 0.8064 29.12%, 0.8646, 0.9063, 0.9358, 0.9563 47.04%, 0.9757, 0.9867 60.48%, 0.9941 69.44%, 0.9979 80.64%, 0.9996 98.56%);
677    --spring-d180-b0-duration: 0.2988s;
678
679    /* View transition old */
680    --view-transition-old-main-content: var(--animation-speed) var(--animation-easing) both fadeOut;
681
682    /* View transition new */
683    --view-transition-new-main-content: var(--animation-speed) var(--animation-easing) both fadeIn, var(--animation-speed) var(--animation-easing) both slideInTopViewTransition;
684
685    /* Focus */
686    --focus-outline-width: 0.09375rem;
687    --focus-outline-offset: 0.2em;
688
689    /* Badges */
690    --badge-blob-padding-block: 1px;
691    --badge-blob-padding-inline: 12px 8px;
692    --badge-rectangle-padding-block: 1px;
693    --badge-rectangle-padding-inline: 6px;
694    @media screen and (min-width: 750px) {
695      --badge-blob-padding-block: 4px;
696      --badge-blob-padding-inline: 16px 12px;
697      --badge-rectangle-padding-block: 4px;
698      --badge-rectangle-padding-inline: 10px;
699    }
700
701    /* Icons */
702    --icon-size-2xs: 0.6rem;
703    --icon-size-xs: 0.85rem;
704    --icon-size-sm: 1.25rem;
705    --icon-size-md: 1.375rem;
706    --icon-size-lg: 1.5rem;
707    --icon-stroke-width: 1px;
708
709    /* Input */
710    --input-email-min-width: 200px;
711    --input-search-max-width: 650px;
712    --input-padding-y: 0.8rem;
713    --input-padding-x: 0.8rem;
714    --input-padding: var(--input-padding-y) var(--input-padding-x);
715    --input-box-shadow-width: var(--style-border-width-inputs);
716    --input-box-shadow: 0 0 0 var(--input-box-shadow-width) var(--color-input-border);
717    --input-box-shadow-focus: 0 0 0 calc(var(--input-box-shadow-width) + 0.5px) var(--color-input-border);
718    --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
719    --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5));
720    --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
721    --input-textarea-min-height: 55px;
722
723    /* Checkbox */
724    --checkbox-size: 22px;
725    --checkbox-border-radius: 7px;
726    --checkbox-border: 1px solid rgb(var(--color-foreground-rgb) / var(--opacity-35-55));
727    --checkbox-label-padding: 8px;
728
729    @media screen and (min-width: 750px) {
730      --checkbox-size: 16px;
731      --checkbox-border-radius: 5px;
732      --checkbox-label-padding: 6px;
733    }
734
735    /* Button size */
736    --button-size-sm: 30px;
737    --button-size-md: 36px;
738    --button-size: var(--minimum-touch-target);
739    --button-padding-inline: 24px;
740    --button-padding-block: 16px;
741
742    /* Button font-family */
743    --button-font-family-primary: var(--font-body--family);
744    --button-font-family-secondary: var(--font-body--family);
745
746    /* Button text case */
747    --button-text-case: ;
748    --button-text-case-primary: default;
749    --button-text-case-secondary: default;
750
751    /* Borders */
752    --border-color: rgb(var(--color-border-rgb) / var(--opacity-50));
753    --border-width-sm: 1px;
754    --border-width-md: 2px;
755    --border-width-lg: 5px;
756    --border-radius-sm: 0.25rem;
757
758    /* Drawers */
759    --drawer-inline-padding: 25px;
760    --drawer-menu-inline-padding: 2.5rem;
761    --drawer-header-block-padding: 20px;
762    --drawer-content-block-padding: 10px;
763    --drawer-header-desktop-top: 0rem;
764    --drawer-padding: calc(var(--padding-sm) + 7px);
765    --drawer-height: 100dvh;
766    --drawer-width: 95vw;
767    --drawer-max-width: 500px;
768
769    /* Variant Picker Swatches */
770    --variant-picker-swatch-width-unitless: 34;
771    --variant-picker-swatch-height-unitless: 34;
772    --variant-picker-swatch-width: 34px;
773    --variant-picker-swatch-height: 34px;
774    --variant-picker-swatch-radius: 32px;
775    --variant-picker-border-width: 1px;
776    --variant-picker-border-style: solid;
777    --variant-picker-border-opacity: 10%;
778
779    /* Variant Picker Buttons */
780    --variant-picker-button-radius: 5px;
781    --variant-picker-button-border-width: 1px;
782
783    /* Slideshow */
784    --slideshow-controls-size: 3.5rem;
785    --slideshow-controls-icon: 2rem;
786    --peek-next-slide-size: 3rem;
787
788    /* Utilities */
789    --backdrop-opacity: 0.15;
790    --backdrop-color-rgb: var(--color-shadow-rgb);
791    --minimum-touch-target: 44px;
792    --disabled-opacity: 0.5;
793    --skeleton-opacity: 0.025;
794
795    /* Shapes */
796    --shape--circle: circle(50% at center);
797    --shape--sunburst: polygon(100% 50%,94.62% 55.87%,98.3% 62.94%,91.57% 67.22%,93.3% 75%,85.7% 77.39%,85.36% 85.36%,77.39% 85.7%,75% 93.3%,67.22% 91.57%,62.94% 98.3%,55.87% 94.62%,50% 100%,44.13% 94.62%,37.06% 98.3%,32.78% 91.57%,25% 93.3%,22.61% 85.7%,14.64% 85.36%,14.3% 77.39%,6.7% 75%,8.43% 67.22%,1.7% 62.94%,5.38% 55.87%,0% 50%,5.38% 44.13%,1.7% 37.06%,8.43% 32.78%,6.7% 25%,14.3% 22.61%,14.64% 14.64%,22.61% 14.3%,25% 6.7%,32.78% 8.43%,37.06% 1.7%,44.13% 5.38%,50% 0%,55.87% 5.38%,62.94% 1.7%,67.22% 8.43%,75% 6.7%,77.39% 14.3%,85.36% 14.64%,85.7% 22.61%,93.3% 25%,91.57% 32.78%,98.3% 37.06%,94.62% 44.13%);
798    --shape--diamond: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
799    --shape--blob: polygon(85.349% 11.712%, 87.382% 13.587%, 89.228% 15.647%, 90.886% 17.862%, 92.359% 20.204%, 93.657% 22.647%, 94.795% 25.169%, 95.786% 27.752%, 96.645% 30.382%, 97.387% 33.048%, 98.025% 35.740%, 98.564% 38.454%, 99.007% 41.186%, 99.358% 43.931%, 99.622% 46.685%, 99.808% 49.446%, 99.926% 52.210%, 99.986% 54.977%, 99.999% 57.744%, 99.975% 60.511%, 99.923% 63.278%, 99.821% 66.043%, 99.671% 68.806%, 99.453% 71.565%, 99.145% 74.314%, 98.724% 77.049%, 98.164% 79.759%, 97.433% 82.427%, 96.495% 85.030%, 95.311% 87.529%, 93.841% 89.872%, 92.062% 91.988%, 89.972% 93.796%, 87.635% 95.273%, 85.135% 96.456%, 82.532% 97.393%, 79.864% 98.127%, 77.156% 98.695%, 74.424% 99.129%, 71.676% 99.452%, 68.918% 99.685%, 66.156% 99.844%, 63.390% 99.942%, 60.624% 99.990%, 57.856% 99.999%, 55.089% 99.978%, 52.323% 99.929%, 49.557% 99.847%, 46.792% 99.723%, 44.031% 99.549%, 41.273% 99.317%, 38.522% 99.017%, 35.781% 98.639%, 33.054% 98.170%, 30.347% 97.599%, 27.667% 96.911%, 25.024% 96.091%, 22.432% 95.123%, 19.907% 93.994%, 17.466% 92.690%, 15.126% 91.216%, 12.902% 89.569%, 10.808% 87.761%, 8.854% 85.803%, 7.053% 83.703%, 5.418% 81.471%, 3.962% 79.119%, 2.702% 76.656%, 1.656% 74.095%, 0.846% 71.450%, 0.294% 68.740%, 0.024% 65.987%, 0.050% 63.221%, 0.343% 60.471%, 0.858% 57.752%, 1.548% 55.073%, 2.370% 52.431%, 3.283% 49.819%, 4.253% 47.227%, 5.249% 44.646%, 6.244% 42.063%, 7.211% 39.471%, 8.124% 36.858%, 8.958% 34.220%, 9.711% 31.558%, 10.409% 28.880%, 11.083% 26.196%, 11.760% 23.513%, 12.474% 20.839%, 13.259% 18.186%, 14.156% 15.569%, 15.214% 13.012%, 16.485% 10.556%, 18.028% 8.261%, 19.883
799% 6.211%, 22.041% 4.484%, 24.440% 3.110%, 26.998% 2.057%, 29.651% 1.275%, 32.360% 0.714%, 35.101% 0.337%, 37.859% 0.110%, 40.624% 0.009%, 43.391% 0.016%, 46.156% 0.113%, 48.918% 0.289%, 51.674% 0.533%, 54.425% 0.837%, 57.166% 1.215%, 59.898% 1.654%, 62.618% 2.163%, 65.322% 2.750%, 68.006% 3.424%, 70.662% 4.197%, 73.284% 5.081%, 75.860% 6.091%, 78.376% 7.242%, 80.813% 8.551%, 83.148% 10.036%, 85.349% 11.712%);
800
801    /* Buy buttons */
802    --height-buy-buttons: calc(var(--padding-lg) * 2 + var(--icon-size-sm));
803
804    /* Card image width and height variables */
805    --card-width-small: 10rem;
806
807    --height-small: 10rem;
808    --height-medium: 11.5rem;
809    --height-large: 13rem;
810    --height-full: 100vh;
811
812    @media screen and (min-width: 750px) {
813      --height-small: 17.5rem;
814      --height-medium: 21.25rem;
815      --height-large: 25rem;
816    }
817
818    /* Modal */
819    --modal-max-height: 65dvh;
820    --quick-add-modal-height: min(38.5rem, 96vh);
821    --quick-add-modal-width: min(54rem, 96vw);
822    --quick-add-modal-gallery-width: 24rem;
823
824    /* Card styles for search */
825    --card-bg-hover: rgb(var(--color-foreground-rgb) / var(--opacity-5));
826    --card-border-hover: rgb(var(--color-foreground-rgb) / var(--opacity-30));
827    --card-border-focus: rgb(var(--color-foreground-rgb) / var(--opacity-10));
828
829    /* Cart */
830    --cart-primary-font-family: var(--font-body--family);
831    --cart-primary-font-style: var(--font-body--style);
832    --cart-primary-font-weight: var(--font-body--weight);
833    --cart-secondary-font-family: var(--font-body--family);
834    --cart-secondary-font-style: var(--font-body--style);
835    --cart-secondary-font-weight: var(--font-body--weight);
836  }
837</style>
838<style data-shopify>
839  
840    
841      :root,
842    
843    
844    
845    .color-scheme-1 {
846        --color-background: rgb(252 248 245 / 1.0);
847        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
848        --color-background-rgb: 252 248 245;
849        --opacity-5-15: 0.05;
850        --opacity-10-25: 0.1;
851        --opacity-35-55: 0.35;
852        --opacity-40-60: 0.4;
853        --opacity-30-60: 0.3;
854        --color-foreground: rgb(42 42 42 / 1.0);
855        --color-foreground-rgb: 42 42 42;
856        --color-foreground-heading: rgb(42 42 42 / 1.0);
857        --color-foreground-heading-rgb: 42 42 42;
858        --color-primary: rgb(42 42 42 / 1.0);
859        --color-primary-rgb: 42 42 42;
860        --color-primary-hover: rgb(42 42 42 / 1.0);
861        --color-primary-hover-rgb: 42 42 42;
862        --color-border: rgb(220 215 211 / 1.0);
863        --color-border-rgb: 220 215 211;
864        --color-shadow: rgb(42 42 42 / 1.0);
865        --color-shadow-rgb: 42 42 42;
866        --color-primary-button-text: rgb(252 248 245 / 1.0);
867        --color-primary-button-background: rgb(42 42 42 / 1.0);
868        --color-primary-button-border: rgb(42 42 42 / 1.0);
869        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
870        --color-primary-button-hover-background: rgb(0 0 0 / 1.0);
871        --color-primary-button-hover-border: rgb(0 0 0 / 1.0);
872        --color-secondary-button-text: rgb(0 0 0 / 1.0);
873        --color-secondary-button-background: rgb(0 0 0 / 0.0);
874        --color-secondary-button-border: rgb(220 215 211 / 1.0);
875        --color-secondary-button-hover-text: rgb(51 51 51 / 1.0);
876        --color-secondary-button-hover-background: rgb(250 250 250 / 1.0);
877        --color-secondary-button-hover-border: rgb(51 51 51 / 1.0);
878        --color-input-background: rgb(255 255 255 / 0.78);
879        --color-input-text: rgb(51 51 51 / 1.0);
880        --color-input-text-rgb: 51 51 51;
881        --color-input-border: rgb(223 223 223 / 1.0);
882        --color-input-hover-background: rgb(0 0 0 / 0.01);
883        --color-variant-background: rgb(255 255 255 / 1.0);
884        --color-variant-border: rgb(0 0 0 / 0.13);
885        --color-variant-text: rgb(0 0 0 / 1.0);
886        --color-variant-text-rgb: 0 0 0;
887        --color-variant-hover-background: rgb(245 245 245 / 1.0);
888        --color-variant-hover-text: rgb(0 0 0 / 1.0);
889        --color-variant-hover-border: rgb(230 230 230 / 1.0);
890        --color-selected-variant-background: rgb(0 0 0 / 1.0);
891        --color-selected-variant-border: rgb(0 0 0 / 1.0);
892        --color-selected-variant-text: rgb(255 255 255 / 1.0);
893        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
894        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
895        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
896
897        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
898        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
899        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
900        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
901        --font-h1--color: var(--color-foreground-heading);
902        --font-h2--color: var(--color-foreground-heading);
903        --font-h3--color: var(--color-foreground-heading);
904        --font-h4--color: var(--color-foreground-heading);
905        --font-h5--color: var(--color-foreground-heading);
906        --font-h6--color: var(--color-foreground-heading);
907
908        /* Shadows */
909        
910          --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
911        
912        
913          --shadow-blur: 20px;
914          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
915        
916      }
917  
918    
919    
920    
921    .color-scheme-2 {
922        --color-background: rgb(252 248 245 / 1.0);
923        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
924        --color-background-rgb: 252 248 245;
925        --opacity-5-15: 0.05;
926        --opacity-10-25: 0.1;
927        --opacity-35-55: 0.35;
928        --opacity-40-60: 0.4;
929        --opacity-30-60: 0.3;
930        --color-foreground: rgb(42 42 42 / 0.45);
931        --color-foreground-rgb: 42 42 42;
932        --color-foreground-heading: rgb(42 42 42 / 1.0);
933        --color-foreground-heading-rgb: 42 42 42;
934        --color-primary: rgb(42 42 42 / 1.0);
935        --color-primary-rgb: 42 42 42;
936        --color-primary-hover: rgb(255 255 255 / 1.0);
937        --color-primary-hover-rgb: 255 255 255;
938        --color-border: rgb(223 223 223 / 1.0);
939        --color-border-rgb: 223 223 223;
940        --color-shadow: rgb(42 42 42 / 1.0);
941        --color-shadow-rgb: 42 42 42;
942        --color-primary-button-text: rgb(252 248 245 / 1.0);
943        --color-primary-button-background: rgb(42 42 42 / 1.0);
944        --color-primary-button-border: rgb(42 42 42 / 1.0);
945        --color-primary-button-hover-text: rgb(252 248 245 / 1.0);
946        --color-primary-button-hover-background: rgb(42 42 42 / 1.0);
947        --color-primary-button-hover-border: rgb(42 42 42 / 1.0);
948        --color-secondary-button-text: rgb(0 0 0 / 1.0);
949        --color-secondary-button-background: rgb(0 0 0 / 0.0);
950        --color-secondary-button-border: rgb(0 0 0 / 1.0);
951        --color-secondary-button-hover-text: rgb(0 0 0 / 1.0);
952        --color-secondary-button-hover-background: rgb(255 255 255 / 0.36);
953        --color-secondary-button-hover-border: rgb(51 51 51 / 0.73);
954        --color-input-background: rgb(0 0 0 / 0.0);
955        --color-input-text: rgb(0 0 0 / 0.53);
956        --color-input-text-rgb: 0 0 0;
957        --color-input-border: rgb(0 0 0 / 0.13);
958        --color-input-hover-background: rgb(255 255 255 / 0.36);
959        --color-variant-background: rgb(255 255 255 / 1.0);
960        --color-variant-border: rgb(230 230 230 / 1.0);
961        --color-variant-text: rgb(0 0 0 / 1.0);
962        --color-variant-text-rgb: 0 0 0;
963        --color-variant-hover-background: rgb(245 245 245 / 1.0);
964        --color-variant-hover-text: rgb(0 0 0 / 1.0);
965        --color-variant-hover-border: rgb(230 230 230 / 1.0);
966        --color-selected-variant-background: rgb(0 0 0 / 1.0);
967        --color-selected-variant-border: rgb(0 0 0 / 1.0);
968        --color-selected-variant-text: rgb(255 255 255 / 1.0);
969        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
970        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
971        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
972
973        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
974        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
975        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
976        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
977        --font-h1--color: var(--color-foreground-heading);
978        --font-h2--color: var(--color-foreground-heading);
979        --font-h3--color: var(--color-foreground-heading);
980        --font-h4--color: var(--color-foreground-heading);
981        --font-h5--color: var(--color-foreground-heading);
982        --font-h6--color: var(--color-foreground-heading);
983
984        /* Shadows */
985        
986          --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
987        
988        
989          --shadow-blur: 20px;
990          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
991        
992      }
993  
994    
995    
996    
997    .color-scheme-3 {
998        --color-background: rgb(42 42 42 / 1.0);
999        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
1000        --color-background-rgb: 42 42 42;
1001        --opacity-5-15: 0.15;
1002        --opacity-10-25: 0.25;
1003        --opacity-35-55: 0.55;
1004        --opacity-40-60: 0.6;
1005        --opacity-30-60: 0.6;
1006        --color-foreground: rgb(252 248 245 / 1.0);
1007        --color-foreground-rgb: 252 248 245;
1008        --color-foreground-heading: rgb(252 248 245 / 1.0);
1009        --color-foreground-heading-rgb: 252 248 245;
1010        --color-primary: rgb(252 248 245 / 1.0);
1011        --color-primary-rgb: 252 248 245;
1012        --color-primary-hover: rgb(252 248 245 / 1.0);
1013        --color-primary-hover-rgb: 252 248 245;
1014        --color-border: rgb(220 215 211 / 1.0);
1015        --color-border-rgb: 220 215 211;
1016        --color-shadow: rgb(220 215 211 / 1.0);
1017        --color-shadow-rgb: 220 215 211;
1018        --color-primary-button-text: rgb(42 42 42 / 1.0);
1019        --color-primary-button-background: rgb(252 248 245 / 1.0);
1020        --color-primary-button-border: rgb(252 248 245 / 1.0);
1021        --color-primary-button-hover-text: rgb(42 42 42 / 1.0);
1022        --color-primary-button-hover-background: rgb(252 248 245 / 1.0);
1023        --color-primary-button-hover-border: rgb(252 248 245 / 1.0);
1024        --color-secondary-button-text: rgb(252 248 245 / 1.0);
1025        --color-secondary-button-background: rgb(0 0 0 / 0.0);
1026        --color-secondary-button-border: rgb(252 248 245 / 1.0);
1027        --color-secondary-button-hover-text: rgb(255 255 255 / 1.0);
1028        --color-secondary-button-hover-background: rgb(255 255 255 / 0.36);
1029        --color-secondary-button-hover-border: rgb(255 255 255 / 1.0);
1030        --color-input-background: rgb(0 0 0 / 0.0);
1031        --color-input-text: rgb(252 248 245 / 1.0);
1032        --color-input-text-rgb: 252 248 245;
1033        --color-input-border: rgb(252 248 245 / 0.61);
1034        --color-input-hover-background: rgb(67 64 64 / 1.0);
1035        --color-variant-background: rgb(255 255 255 / 1.0);
1036        --color-variant-border: rgb(230 230 230 / 1.0);
1037        --color-variant-text: rgb(0 0 0 / 1.0);
1038        --color-variant-text-rgb: 0 0 0;
1039        --color-variant-hover-background: rgb(245 245 245 / 1.0);
1040        --color-variant-hover-text: rgb(0 0 0 / 1.0);
1041        --color-variant-hover-border: rgb(230 230 230 / 1.0);
1042        --color-selected-variant-background: rgb(0 0 0 / 1.0);
1043        --color-selected-variant-border: rgb(0 0 0 / 1.0);
1044        --color-selected-variant-text: rgb(255 255 255 / 1.0);
1045        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
1046        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
1047        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
1048
1049        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
1050        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
1051        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
1052        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
1053        --font-h1--color: var(--color-foreground-heading);
1054        --font-h2--color: var(--color-foreground-heading);
1055        --font-h3--color: var(--color-foreground-heading);
1056        --font-h4--color: var(--color-foreground-heading);
1057        --font-h5--color: var(--color-foreground-heading);
1058        --font-h6--color: var(--color-foreground-heading);
1059
1060        /* Shadows */
1061        
1062          --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1063        
1064        
1065          --shadow-blur: 20px;
1066          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1067        
1068      }
1069  
1070    
1071    
1072    
1073    .color-scheme-4 {
1074        --color-background: rgb(100 52 27 / 1.0);
1075        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
1076        --color-background-rgb: 100 52 27;
1077        --opacity-5-15: 0.15;
1078        --opacity-10-25: 0.25;
1079        --opacity-35-55: 0.55;
1080        --opacity-40-60: 0.6;
1081        --opacity-30-60: 0.6;
1082        --color-foreground: rgb(252 248 245 / 1.0);
1083        --color-foreground-rgb: 252 248 245;
1084        --color-foreground-heading: rgb(252 248 245 / 1.0);
1085        --color-foreground-heading-rgb: 252 248 245;
1086        --color-primary: rgb(252 248 245 / 1.0);
1087        --color-primary-rgb: 252 248 245;
1088        --color-primary-hover: rgb(252 248 245 / 1.0);
1089        --color-primary-hover-rgb: 252 248 245;
1090        --color-border: rgb(198 152 128 / 1.0);
1091        --color-border-rgb: 198 152 128;
1092        --color-shadow: rgb(252 248 245 / 1.0);
1093        --color-shadow-rgb: 252 248 245;
1094        --color-primary-button-text: rgb(100 52 27 / 1.0);
1095        --color-primary-button-background: rgb(252 248 245 / 1.0);
1096        --color-primary-button-border: rgb(255 255 255 / 1.0);
1097        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
1098        --color-primary-button-hover-background: rgb(100 52 27 / 1.0);
1099        --color-primary-button-hover-border: rgb(255 255 255 / 1.0);
1100        --color-secondary-button-text: rgb(252 248 245 / 1.0);
1101        --color-secondary-button-background: rgb(0 0 0 / 0.0);
1102        --color-secondary-button-border: rgb(252 248 245 / 1.0);
1103        --color-secondary-button-hover-text: rgb(252 248 245 / 1.0);
1104        --color-secondary-button-hover-background: rgb(255 255 255 / 0.36);
1105        --color-secondary-button-hover-border: rgb(252 248 245 / 1.0);
1106        --color-input-background: rgb(0 0 0 / 0.0);
1107        --color-input-text: rgb(0 0 0 / 0.81);
1108        --color-input-text-rgb: 0 0 0;
1109        --color-input-border: rgb(0 0 0 / 0.81);
1110        --color-input-hover-background: rgb(255 255 255 / 0.36);
1111        --color-variant-background: rgb(255 255 255 / 1.0);
1112        --color-variant-border: rgb(230 230 230 / 1.0);
1113        --color-variant-text: rgb(0 0 0 / 1.0);
1114        --color-variant-text-rgb: 0 0 0;
1115        --color-variant-hover-background: rgb(245 245 245 / 1.0);
1116        --color-variant-hover-text: rgb(0 0 0 / 1.0);
1117        --color-variant-hover-border: rgb(230 230 230 / 1.0);
1118        --color-selected-variant-background: rgb(0 0 0 / 1.0);
1119        --color-selected-variant-border: rgb(0 0 0 / 1.0);
1120        --color-selected-variant-text: rgb(255 255 255 / 1.0);
1121        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
1122        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
1123        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
1124
1125        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
1126        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
1127        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
1128        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
1129        --font-h1--color: var(--color-foreground-heading);
1130        --font-h2--color: var(--color-foreground-heading);
1131        --font-h3--color: var(--color-foreground-heading);
1132        --font-h4--color: var(--color-foreground-heading);
1133        --font-h5--color: var(--color-foreground-heading);
1134        --font-h6--color: var(--color-foreground-heading);
1135
1136        /* Shadows */
1137        
1138          --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1139        
1140        
1141          --shadow-blur: 20px;
1142          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1143        
1144      }
1145  
1146    
1147    
1148    
1149    .color-scheme-5 {
1150        --color-background: rgb(51 51 51 / 1.0);
1151        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
1152        --color-background-rgb: 51 51 51;
1153        --opacity-5-15: 0.15;
1154        --opacity-10-25: 0.25;
1155        --opacity-35-55: 0.55;
1156        --opacity-40-60: 0.6;
1157        --opacity-30-60: 0.6;
1158        --color-foreground: rgb(255 255 255 / 1.0);
1159        --color-foreground-rgb: 255 255 255;
1160        --color-foreground-heading: rgb(255 255 255 / 1.0);
1161        --color-foreground-heading-rgb: 255 255 255;
1162        --color-primary: rgb(255 255 255 / 1.0);
1163        --color-primary-rgb: 255 255 255;
1164        --color-primary-hover: rgb(255 255 255 / 0.69);
1165        --color-primary-hover-rgb: 255 255 255;
1166        --color-border: rgb(255 255 255 / 0.69);
1167        --color-border-rgb: 255 255 255;
1168        --color-shadow: rgb(0 0 0 / 1.0);
1169        --color-shadow-rgb: 0 0 0;
1170        --color-primary-button-text: rgb(0 0 0 / 1.0);
1171        --color-primary-button-background: rgb(255 255 255 / 1.0);
1172        --color-primary-button-border: rgb(255 255 255 / 1.0);
1173        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
1174        --color-primary-button-hover-background: rgb(0 0 0 / 1.0);
1175        --color-primary-button-hover-border: rgb(0 0 0 / 1.0);
1176        --color-secondary-button-text: rgb(255 255 255 / 1.0);
1177        --color-secondary-button-background: rgb(0 0 0 / 0.0);
1178        --color-secondary-button-border: rgb(255 255 255 / 0.69);
1179        --color-secondary-button-hover-text: rgb(255 255 255 / 0.93);
1180        --color-secondary-button-hover-background: rgb(255 255 255 / 0.04);
1181        --color-secondary-button-hover-border: rgb(255 255 255 / 0.69);
1182        --color-input-background: rgb(51 51 51 / 1.0);
1183        --color-input-text: rgb(255 255 255 / 0.93);
1184        --color-input-text-rgb: 255 255 255;
1185        --color-input-border: rgb(255 255 255 / 0.69);
1186        --color-input-hover-background: rgb(255 255 255 / 0.04);
1187        --color-variant-background: rgb(255 255 255 / 1.0);
1188        --color-variant-border: rgb(230 230 230 / 1.0);
1189        --color-variant-text: rgb(0 0 0 / 1.0);
1190        --color-variant-text-rgb: 0 0 0;
1191        --color-variant-hover-background: rgb(245 245 245 / 1.0);
1192        --color-variant-hover-text: rgb(0 0 0 / 1.0);
1193        --color-variant-hover-border: rgb(230 230 230 / 1.0);
1194        --color-selected-variant-background: rgb(0 0 0 / 1.0);
1195        --color-selected-variant-border: rgb(0 0 0 / 1.0);
1196        --color-selected-variant-text: rgb(255 255 255 / 1.0);
1197        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
1198        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
1199        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
1200
1201        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
1202        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
1203        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
1204        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
1205        --font-h1--color: var(--color-foreground-heading);
1206        --font-h2--color: var(--color-foreground-heading);
1207        --font-h3--color: var(--color-foreground-heading);
1208        --font-h4--color: var(--color-foreground-heading);
1209        --font-h5--color: var(--color-foreground-heading);
1210        --font-h6--color: var(--color-foreground-heading);
1211
1212        /* Shadows */
1213        
1214          --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1215        
1216        
1217          --shadow-blur: 20px;
1218          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1219        
1220      }
1221  
1222    
1223    
1224    
1225    .color-scheme-6 {
1226        --color-background: rgb(0 0 0 / 0.0);
1227        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
1228        --color-background-rgb: 0 0 0;
1229        --opacity-5-15: 0.15;
1230        --opacity-10-25: 0.25;
1231        --opacity-35-55: 0.55;
1232        --opacity-40-60: 0.6;
1233        --opacity-30-60: 0.6;
1234        --color-foreground: rgb(255 255 255 / 1.0);
1235        --color-foreground-rgb: 255 255 255;
1236        --color-foreground-heading: rgb(255 255 255 / 1.0);
1237        --color-foreground-heading-rgb: 255 255 255;
1238        --color-primary: rgb(255 255 255 / 1.0);
1239        --color-primary-rgb: 255 255 255;
1240        --color-primary-hover: rgb(255 255 255 / 0.69);
1241        --color-primary-hover-rgb: 255 255 255;
1242        --color-border: rgb(230 230 230 / 1.0);
1243        --color-border-rgb: 230 230 230;
1244        --color-shadow: rgb(0 0 0 / 1.0);
1245        --color-shadow-rgb: 0 0 0;
1246        --color-primary-button-text: rgb(0 0 0 / 1.0);
1247        --color-primary-button-background: rgb(255 255 255 / 1.0);
1248        --color-primary-button-border: rgb(255 255 255 / 1.0);
1249        --color-primary-b
1249utton-hover-text: rgb(255 255 255 / 1.0);
1250        --color-primary-button-hover-background: rgb(0 0 0 / 1.0);
1251        --color-primary-button-hover-border: rgb(0 0 0 / 1.0);
1252        --color-secondary-button-text: rgb(255 255 255 / 1.0);
1253        --color-secondary-button-background: rgb(0 0 0 / 0.0);
1254        --color-secondary-button-border: rgb(255 255 255 / 0.19);
1255        --color-secondary-button-hover-text: rgb(255 255 255 / 1.0);
1256        --color-secondary-button-hover-background: rgb(0 0 0 / 0.0);
1257        --color-secondary-button-hover-border: rgb(255 255 255 / 1.0);
1258        --color-input-background: rgb(255 255 255 / 1.0);
1259        --color-input-text: rgb(0 0 0 / 0.53);
1260        --color-input-text-rgb: 0 0 0;
1261        --color-input-border: rgb(0 0 0 / 0.13);
1262        --color-input-hover-background: rgb(250 250 250 / 1.0);
1263        --color-variant-background: rgb(255 255 255 / 1.0);
1264        --color-variant-border: rgb(230 230 230 / 1.0);
1265        --color-variant-text: rgb(0 0 0 / 1.0);
1266        --color-variant-text-rgb: 0 0 0;
1267        --color-variant-hover-background: rgb(245 245 245 / 1.0);
1268        --color-variant-hover-text: rgb(0 0 0 / 1.0);
1269        --color-variant-hover-border: rgb(230 230 230 / 1.0);
1270        --color-selected-variant-background: rgb(0 0 0 / 1.0);
1271        --color-selected-variant-border: rgb(0 0 0 / 1.0);
1272        --color-selected-variant-text: rgb(255 255 255 / 1.0);
1273        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
1274        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
1275        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
1276
1277        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
1278        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
1279        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
1280        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
1281        --font-h1--color: var(--color-foreground-heading);
1282        --font-h2--color: var(--color-foreground-heading);
1283        --font-h3--color: var(--color-foreground-heading);
1284        --font-h4--color: var(--color-foreground-heading);
1285        --font-h5--color: var(--color-foreground-heading);
1286        --font-h6--color: var(--color-foreground-heading);
1287
1288        /* Shadows */
1289        
1290          --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1291        
1292        
1293          --shadow-blur: 20px;
1294          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1295        
1296      }
1297  
1298    
1299    
1300    
1301    .color-scheme-58084d4c-a86e-4d0a-855e-a0966e5043f7 {
1302        --color-background: rgb(0 0 0 / 0.0);
1303        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
1304        --color-background-rgb: 0 0 0;
1305        --opacity-5-15: 0.15;
1306        --opacity-10-25: 0.25;
1307        --opacity-35-55: 0.55;
1308        --opacity-40-60: 0.6;
1309        --opacity-30-60: 0.6;
1310        --color-foreground: rgb(0 0 0 / 1.0);
1311        --color-foreground-rgb: 0 0 0;
1312        --color-foreground-heading: rgb(0 0 0 / 1.0);
1313        --color-foreground-heading-rgb: 0 0 0;
1314        --color-primary: rgb(0 0 0 / 1.0);
1315        --color-primary-rgb: 0 0 0;
1316        --color-primary-hover: rgb(0 0 0 / 0.53);
1317        --color-primary-hover-rgb: 0 0 0;
1318        --color-border: rgb(230 230 230 / 1.0);
1319        --color-border-rgb: 230 230 230;
1320        --color-shadow: rgb(0 0 0 / 1.0);
1321        --color-shadow-rgb: 0 0 0;
1322        --color-primary-button-text: rgb(255 255 255 / 1.0);
1323        --color-primary-button-background: rgb(0 0 0 / 1.0);
1324        --color-primary-button-border: rgb(0 0 0 / 1.0);
1325        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
1326        --color-primary-button-hover-background: rgb(51 51 51 / 1.0);
1327        --color-primary-button-hover-border: rgb(51 51 51 / 1.0);
1328        --color-secondary-button-text: rgb(0 0 0 / 1.0);
1329        --color-secondary-button-background: rgb(0 0 0 / 0.0);
1330        --color-secondary-button-border: rgb(0 0 0 / 1.0);
1331        --color-secondary-button-hover-text: rgb(51 51 51 / 1.0);
1332        --color-secondary-button-hover-background: rgb(250 250 250 / 1.0);
1333        --color-secondary-button-hover-border: rgb(51 51 51 / 1.0);
1334        --color-input-background: rgb(255 255 255 / 1.0);
1335        --color-input-text: rgb(0 0 0 / 0.53);
1336        --color-input-text-rgb: 0 0 0;
1337        --color-input-border: rgb(0 0 0 / 0.13);
1338        --color-input-hover-background: rgb(250 250 250 / 1.0);
1339        --color-variant-background: rgb(255 255 255 / 1.0);
1340        --color-variant-border: rgb(230 230 230 / 1.0);
1341        --color-variant-text: rgb(0 0 0 / 1.0);
1342        --color-variant-text-rgb: 0 0 0;
1343        --color-variant-hover-background: rgb(245 245 245 / 1.0);
1344        --color-variant-hover-text: rgb(0 0 0 / 1.0);
1345        --color-variant-hover-border: rgb(230 230 230 / 1.0);
1346        --color-selected-variant-background: rgb(0 0 0 / 1.0);
1347        --color-selected-variant-border: rgb(0 0 0 / 1.0);
1348        --color-selected-variant-text: rgb(255 255 255 / 1.0);
1349        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
1350        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
1351        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
1352
1353        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
1354        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
1355        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
1356        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
1357        --font-h1--color: var(--color-foreground-heading);
1358        --font-h2--color: var(--color-foreground-heading);
1359        --font-h3--color: var(--color-foreground-heading);
1360        --font-h4--color: var(--color-foreground-heading);
1361        --font-h5--color: var(--color-foreground-heading);
1362        --font-h6--color: var(--color-foreground-heading);
1363
1364        /* Shadows */
1365        
1366          --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1367        
1368        
1369          --shadow-blur: 20px;
1370          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1371        
1372      }
1373  
1374    
1375    
1376    
1377    .color-scheme-5b807e48-6f4d-46f8-a1a2-f35d22f2dff9 {
1378        --color-background: rgb(79 105 11 / 1.0);
1379        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
1380        --color-background-rgb: 79 105 11;
1381        --opacity-5-15: 0.05;
1382        --opacity-10-25: 0.1;
1383        --opacity-35-55: 0.35;
1384        --opacity-40-60: 0.4;
1385        --opacity-30-60: 0.3;
1386        --color-foreground: rgb(252 248 245 / 1.0);
1387        --color-foreground-rgb: 252 248 245;
1388        --color-foreground-heading: rgb(252 248 245 / 1.0);
1389        --color-foreground-heading-rgb: 252 248 245;
1390        --color-primary: rgb(252 248 245 / 1.0);
1391        --color-primary-rgb: 252 248 245;
1392        --color-primary-hover: rgb(252 248 245 / 1.0);
1393        --color-primary-hover-rgb: 252 248 245;
1394        --color-border: rgb(220 215 211 / 1.0);
1395        --color-border-rgb: 220 215 211;
1396        --color-shadow: rgb(252 248 245 / 1.0);
1397        --color-shadow-rgb: 252 248 245;
1398        --color-primary-button-text: rgb(79 105 11 / 1.0);
1399        --color-primary-button-background: rgb(252 248 245 / 1.0);
1400        --color-primary-button-border: rgb(252 248 245 / 1.0);
1401        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
1402        --color-primary-button-hover-background: rgb(252 248 245 / 1.0);
1403        --color-primary-button-hover-border: rgb(252 248 245 / 1.0);
1404        --color-secondary-button-text: rgb(252 248 245 / 1.0);
1405        --color-secondary-button-background: rgb(0 0 0 / 0.0);
1406        --color-secondary-button-border: rgb(252 248 245 / 1.0);
1407        --color-secondary-button-hover-text: rgb(252 248 245 / 1.0);
1408        --color-secondary-button-hover-background: rgb(250 250 250 / 1.0);
1409        --color-secondary-button-hover-border: rgb(252 248 245 / 1.0);
1410        --color-input-background: rgb(255 255 255 / 0.78);
1411        --color-input-text: rgb(51 51 51 / 1.0);
1412        --color-input-text-rgb: 51 51 51;
1413        --color-input-border: rgb(223 223 223 / 1.0);
1414        --color-input-hover-background: rgb(0 0 0 / 0.01);
1415        --color-variant-background: rgb(255 255 255 / 1.0);
1416        --color-variant-border: rgb(0 0 0 / 0.13);
1417        --color-variant-text: rgb(0 0 0 / 1.0);
1418        --color-variant-text-rgb: 0 0 0;
1419        --color-variant-hover-background: rgb(245 245 245 / 1.0);
1420        --color-variant-hover-text: rgb(0 0 0 / 1.0);
1421        --color-variant-hover-border: rgb(230 230 230 / 1.0);
1422        --color-selected-variant-background: rgb(0 0 0 / 1.0);
1423        --color-selected-variant-border: rgb(0 0 0 / 1.0);
1424        --color-selected-variant-text: rgb(255 255 255 / 1.0);
1425        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
1426        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
1427        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
1428
1429        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
1430        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
1431        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
1432        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
1433        --font-h1--color: var(--color-foreground-heading);
1434        --font-h2--color: var(--color-foreground-heading);
1435        --font-h3--color: var(--color-foreground-heading);
1436        --font-h4--color: var(--color-foreground-heading);
1437        --font-h5--color: var(--color-foreground-heading);
1438        --font-h6--color: var(--color-foreground-heading);
1439
1440        /* Shadows */
1441        
1442          --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1443        
1444        
1445          --shadow-blur: 20px;
1446          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1447        
1448      }
1449  
1450    
1451    
1452    
1453    .color-scheme-097dac92-64b8-4ba1-ba5f-91bb68880e07 {
1454        --color-background: rgb(220 215 211 / 1.0);
1455        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
1456        --color-background-rgb: 220 215 211;
1457        --opacity-5-15: 0.05;
1458        --opacity-10-25: 0.1;
1459        --opacity-35-55: 0.35;
1460        --opacity-40-60: 0.4;
1461        --opacity-30-60: 0.3;
1462        --color-foreground: rgb(42 42 42 / 1.0);
1463        --color-foreground-rgb: 42 42 42;
1464        --color-foreground-heading: rgb(42 42 42 / 1.0);
1465        --color-foreground-heading-rgb: 42 42 42;
1466        --color-primary: rgb(42 42 42 / 1.0);
1467        --color-primary-rgb: 42 42 42;
1468        --color-primary-hover: rgb(42 42 42 / 1.0);
1469        --color-primary-hover-rgb: 42 42 42;
1470        --color-border: rgb(220 215 211 / 1.0);
1471        --color-border-rgb: 220 215 211;
1472        --color-shadow: rgb(42 42 42 / 1.0);
1473        --color-shadow-rgb: 42 42 42;
1474        --color-primary-button-text: rgb(255 255 255 / 1.0);
1475        --color-primary-button-background: rgb(0 0 0 / 1.0);
1476        --color-primary-button-border: rgb(0 0 0 / 1.0);
1477        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
1478        --color-primary-button-hover-background: rgb(51 51 51 / 1.0);
1479        --color-primary-button-hover-border: rgb(0 0 0 / 1.0);
1480        --color-secondary-button-text: rgb(0 0 0 / 1.0);
1481        --color-secondary-button-background: rgb(0 0 0 / 0.0);
1482        --color-secondary-button-border: rgb(0 0 0 / 1.0);
1483        --color-secondary-button-hover-text: rgb(51 51 51 / 1.0);
1484        --color-secondary-button-hover-background: rgb(250 250 250 / 1.0);
1485        --color-secondary-button-hover-border: rgb(51 51 51 / 1.0);
1486        --color-input-background: rgb(255 255 255 / 0.78);
1487        --color-input-text: rgb(51 51 51 / 1.0);
1488        --color-input-text-rgb: 51 51 51;
1489        --color-input-border: rgb(223 223 223 / 1.0);
1490        --color-input-hover-background: rgb(0 0 0 / 0.01);
1491        --color-variant-background: rgb(255 255 255 / 1.0);
1492        --color-variant-border: rgb(0 0 0 / 0.13);
1493        --color-variant-text: rgb(0 0 0 / 1.0);
1494        --color-variant-text-rgb: 0 0 0;
1495        --color-variant-hover-background: rgb(245 245 245 / 1.0);
1496        --color-variant-hover-text: rgb(0 0 0 / 1.0);
1497        --color-variant-hover-border: rgb(230 230 230 / 1.0);
1498        --color-selected-variant-background: rgb(0 0 0 / 1.0);
1499        --color-selected-variant-border: rgb(0 0 0 / 1.0);
1500        --color-selected-variant-text: rgb(255 255 255 / 1.0);
1501        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
1502        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
1503        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
1504
1505        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
1506        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
1507        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
1508        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
1509        --font-h1--color: var(--color-foreground-heading);
1510        --font-h2--color: var(--color-foreground-heading);
1511        --font-h3--color: var(--color-foreground-heading);
1512        --font-h4--color: var(--color-foreground-heading);
1513        --font-h5--color: var(--color-foreground-heading);
1514        --font-h6--color: var(--color-foreground-heading);
1515
1516        /* Shadows */
1517        
1518          --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1519        
1520        
1521          --shadow-blur: 20px;
1522          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1523        
1524      }
1525  
1526    
1527    
1528    
1529    .color-scheme-e8c2327c-091e-4c77-83b8-d9bc55850e78 {
1530        --color-background: rgb(252 248 245 / 1.0);
1531        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
1532        --color-background-rgb: 252 248 245;
1533        --opacity-5-15: 0.05;
1534        --opacity-10-25: 0.1;
1535        --opacity-35-55: 0.35;
1536        --opacity-40-60: 0.4;
1537        --opacity-30-60: 0.3;
1538        --color-foreground: rgb(42 42 42 / 1.0);
1539        --color-foreground-rgb: 42 42 42;
1540        --color-foreground-heading: rgb(42 42 42 / 1.0);
1541        --color-foreground-heading-rgb: 42 42 42;
1542        --color-primary: rgb(42 42 42 / 1.0);
1543        --color-primary-rgb: 42 42 42;
1544        --color-primary-hover: rgb(42 42 42 / 1.0);
1545        --color-primary-hover-rgb: 42 42 42;
1546        --color-border: rgb(220 215 211 / 1.0);
1547        --color-border-rgb: 220 215 211;
1548        --color-shadow: rgb(42 42 42 / 1.0);
1549        --color-shadow-rgb: 42 42 42;
1550        --color-primary-button-text: rgb(42 42 42 / 1.0);
1551        --color-primary-button-background: rgb(0 0 0 / 0.01);
1552        --color-primary-button-border: rgb(255 255 255 / 0.26);
1553        --color-primary-button-hover-text: rgb(42 42 42 / 1.0);
1554        --color-primary-button-hover-background: rgb(0 0 0 / 0.0);
1555        --color-primary-button-hover-border: rgb(255 255 255 / 1.0);
1556        --color-secondary-button-text: rgb(0 0 0 / 1.0);
1557        --color-secondary-button-background: rgb(0 0 0 / 0.0);
1558        --color-secondary-button-border: rgb(255 255 255 / 0.29);
1559        --color-secondary-button-hover-text: rgb(42 42 42 / 1.0);
1560        --color-secondary-button-hover-background: rgb(0 0 0 / 0.0);
1561        --color-secondary-button-hover-border: rgb(255 255 255 / 1.0);
1562        --color-input-background: rgb(255 255 255 / 0.78);
1563        --color-input-text: rgb(51 51 51 / 1.0);
1564        --color-input-text-rgb: 51 51 51;
1565        --color-input-border: rgb(223 223 223 / 1.0);
1566        --color-input-hover-background: rgb(0 0 0 / 0.01);
1567        --color-variant-background: rgb(255 255 255 / 1.0);
1568        --color-variant-border: rgb(0 0 0 / 0.13);
1569        --color-variant-text: rgb(0 0 0 / 1.0);
1570        --color-variant-text-rgb: 0 0 0;
1571        --color-variant-hover-background: rgb(245 245 245 / 1.0);
1572        --color-variant-hover-text: rgb(0 0 0
1572 / 1.0);
1573        --color-variant-hover-border: rgb(230 230 230 / 1.0);
1574        --color-selected-variant-background: rgb(0 0 0 / 1.0);
1575        --color-selected-variant-border: rgb(0 0 0 / 1.0);
1576        --color-selected-variant-text: rgb(255 255 255 / 1.0);
1577        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
1578        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
1579        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
1580
1581        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
1582        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
1583        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
1584        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
1585        --font-h1--color: var(--color-foreground-heading);
1586        --font-h2--color: var(--color-foreground-heading);
1587        --font-h3--color: var(--color-foreground-heading);
1588        --font-h4--color: var(--color-foreground-heading);
1589        --font-h5--color: var(--color-foreground-heading);
1590        --font-h6--color: var(--color-foreground-heading);
1591
1592        /* Shadows */
1593        
1594          --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1595        
1596        
1597          --shadow-blur: 20px;
1598          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1599        
1600      }
1601  
1602
1603  body, .color-scheme-1, .color-scheme-2, .color-scheme-3, .color-scheme-4, .color-scheme-5, .color-scheme-6, .color-scheme-58084d4c-a86e-4d0a-855e-a0966e5043f7, .color-scheme-5b807e48-6f4d-46f8-a1a2-f35d22f2dff9, .color-scheme-097dac92-64b8-4ba1-ba5f-91bb68880e07, .color-scheme-e8c2327c-091e-4c77-83b8-d9bc55850e78 {
1604    color: var(--color-foreground);
1605    background-color: var(--color-background);
1606  }
1607</style>
1608
1609
1610<script>
1611  /** @type {string} Shop's permanent domain */
1612  window.SHOPIFY_DOMAIN = "kettl.myshopify.com";
1613
1614  /** @type {Object} Current cart state */
1615  window.CART = {"note":null,"attributes":{},"original_total_price":0,"total_price":0,"total_discount":0,"total_weight":0.0,"item_count":0,"items":[],"requires_shipping":false,"currency":"USD","items_subtotal_price":0,"cart_level_discount_applications":[],"checkout_charge_amount":0};
1616
1617  /** @type {Object} Current template metadata */
1618  window.TEMPLATE = "product.classes";
1619
1620  /** @type {string|null} Klaviyo list ID for newsletter subscriptions */
1621  window.KLAVIYO_LIST_ID = "";
1622
1623  /** @type {string|null} Klaviyo company/public API key */
1624  window.KLAVIYO_COMPANY_ID = "";
1625
1626  /** @type {string|null} Logged-in customer's email address */
1627  
1628  window.CUSTOMER_EMAIL = null;
1629  
1630
1631  /** @type {Object} Currency formatting and metadata */
1632  window.CURRENCY = {
1633    "money_format": "${{amount}}",
1634    "money_with_currency_format": "${{amount}} USD",
1635    "iso_code": "USD",
1636    "name": "United States Dollar",
1637    "symbol": "$",
1638  };
1639</script>
1639
1640
1641    
1642
1643
1644<link href="//kettl.co/cdn/shop/t/84/assets/core.css?v=124550640574538117001781779976" rel="stylesheet" type="text/css" media="all" />
1645<script type="module" src="//kettl.co/cdn/shop/t/84/assets/core.js?v=90288017502331480151781875822"></script>
1645
1646
1647
1648    
1649
1650    
1650<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script>
1650<meta name="google-site-verification" content="8sZb2emCopNEKIiSD0nWAnoWGIaihfXQXsBdD8t0xno">
1651<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/8061780028/digital_wallets/dialog">
1652<meta id="in-context-paypal-metadata" data-shop-id="8061780028" data-venmo-supported="false" data-environment="production" data-locale="en_US" data-paypal-v4="true" data-currency="USD">
1653<link rel="ucp" href="/.well-known/ucp" version="2026-08-25"><link rel="buy" href="/cart/50136173510906:1?ucp/version=2026-08-25&amp;context/payment/0/handler=dev.shopify.shop_pay" payment="dev.shopify.shop_pay com.google.pay dev.shopify.card"><link rel="alternate" type="application/json+oembed" href="https://kettl.co/products/class-crafting-the-perfect-matcha-latte.oembed">
1654<script async="async" src="/checkouts/internal/preloads.js?locale=en-US&default_configuration_id=480903418"></script>
1654
1655<link rel="preconnect" href="https://shop.app" crossorigin="anonymous">
1656<script async="async" src="https://shop.app/checkouts/internal/preloads.js?locale=en-US&default_configuration_id=480903418&shop_id=8061780028" crossorigin="anonymous"></script>
vendor: 1 bytes, line 1656
1656
1657<script id="apple-pay-shop-capabilities" type="application/json">{"shopId":8061780028,"countryCode":"US","currencyCode":"USD","merchantCapabilities":["supports3DS"],"merchantId":"gid:\/\/shopify\/Shop\/8061780028","merchantName":"Kettl ","requiredBillingContactFields":["postalAddress","email"],"requiredShippingContactFields":["postalAddress","email"],"shippingType":"shipping","supportedNetworks":["visa","masterCard","amex","discover","elo","jcb"],"total":{"type":"pending","label":"Kettl ","amount":"1.00"},"shopifyPaymentsEnabled":true,"supportsSubscriptions":true}</script>
vendor: 1 bytes, line 1657
1657
1658<script id="shopify-features" type="application/json">{"accessToken":"28b384ad3362a3ba6e9447e5085db633","betas":["rich-media-storefront-analytics"],"domain":"kettl.co","predictiveSearch":true,"shopId":8061780028,"locale":"en"}</script>
vendor: 1 bytes, line 1658
1658
1659<script>var Shopify = Shopify || {};
1660Shopify.shop = "kettl.myshopify.com";
1661Shopify.locale = "en";
1662Shopify.currency = {"active":"USD","rate":"1.0"};
1663Shopify.country = "US";
1664Shopify.theme = {"name":"[BF] PRODUCTION","id":160987250938,"schema_name":"Horizon","schema_version":"3.3.0","theme_store_id":null,"role":"main"};
1665Shopify.theme.handle = "null";
1666Shopify.theme.style = {"id":null,"handle":null};
1667Shopify.cdnHost = "kettl.co/cdn";
1668Shopify.routes = Shopify.routes || {};
1669Shopify.routes.root = "/";
1670Shopify.shopJsCdnBaseUrl = "https://cdn.shopify.com/shopifycloud/shop-js";
1671Shopify.SignInWithShop = Shopify.SignInWithShop || {};
1672Shopify.SignInWithShop.User = Shopify.SignInWithShop.User || {};
1673Shopify.SignInWithShop.User.recognized = false;</script>
vendor: 1 bytes, line 1673
1673
1674<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
vendor: 1 bytes, line 1674
1674
1675<script>!function(o){function n(){var o=[];function n(){o.push(Array.prototype.slice.apply(arguments))}return n.q=o,n}var t=o.Shopify=o.Shopify||{};t.loadFeatures=n(),t.autoloadFeatures=n()}(window);</script>
vendor: 1 bytes, line 1675
1675
1676<script>
1677  window.ShopifyPay = window.ShopifyPay || {};
1678  window.ShopifyPay.apiHost = "shop.app\/pay";
1679  window.ShopifyPay.redirectState = null;
1680</script>
vendor: 1 bytes, line 1680
1680
1681<script>
1682  window.Shopify = window.Shopify || {};
1683  window.Shopify.SignInWithShop = window.Shopify.SignInWithShop || {};
1684  window.Shopify.SignInWithShop.assetMetrics = { sampleRate: 0.25 };
1685  window.Shopify.SignInWithShop.eligible = true;
1686</script>
vendor: 1 bytes, line 1686
1686
1687<script id="shop-js-analytics" type="application/json">{"pageType":"product"}</script>
vendor: 1 bytes, line 1687
1687
1688<script defer="defer" async type="module" src="https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js"></script>
vendor: 1 bytes, line 1688
1688
1689<script type="module">
1690  await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js");
1691
1692  window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true});
1693
1694</script>
vendor: 1 bytes, line 1694
1694
1695<script>
1696  window.Shopify = window.Shopify || {};
1697  if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {};
1698  window.Shopify.featureAssets['shop-js'] = {"avatar":["modules/v2/loader.avatar.en.esm.js"],"checkout-modal":["modules/v2/loader.checkout-modal.en.esm.js"],"init-customer-accounts-sign-up":["modules/v2/loader.init-customer-accounts-sign-up.en.esm.js"],"init-customer-accounts":["modules/v2/loader.init-customer-accounts.en.esm.js"],"init-fed-cm":["modules/v2/loader.init-fed-cm.en.esm.js"],"init-shop-cart-sync":["modules/v2/loader.init-shop-cart-sync.en.esm.js"],"init-shop-email-lookup-coordinator":["modules/v2/loader.init-shop-email-lookup-coordinator.en.esm.js"],"init-shop-for-new-customer-accounts":["modules/v2/loader.init-shop-for-new-customer-accounts.en.esm.js"],"init-shop-user-recognition":["modules/v2/loader.init-shop-user-recognition.en.esm.js"],"init-windoid":["modules/v2/loader.init-windoid.en.esm.js"],"lead-capture":["modules/v2/loader.lead-capture.en.esm.js"],"listener":["modules/v2/loader.listener.en.esm.js"],"pay-button":["modules/v2/loader.pay-button.en.esm.js"],"payment-terms":["modules/v2/loader.payment-terms.en.esm.js"],"shop-button":["modules/v2/loader.shop-button.en.esm.js"],"shop-cart-sync":["modules/v2/loader.shop-cart-sync.en.esm.js"],"shop-cash-offers":["modules/v2/loader.shop-cash-offers.en.esm.js"],"shop-follow-button":["modules/v2/loader.shop-follow-button.en.esm.js"],"shop-login-button":["modules/v2/loader.shop-login-button.en.esm.js"],"shop-login":["modules/v2/loader.shop-login.en.esm.js"],"shop-toast-manager":["modules/v2/loader.shop-toast-manager.en.esm.js"],"shop-user-recognition":["modules/v2/loader.shop-user-recognition.en.esm.js"]};
1699</script>
vendor: 1 bytes, line 1699
1699
1700<script>(function() {
1701  var isLoaded = false;
1702  function asyncLoad() {
1703    if (isLoaded) return;
1704    isLoaded = true;
1705    var urls = ["https:\/\/shy.elfsight.com\/p\/platform.js?shop=kettl.myshopify.com","https:\/\/accessibly.onthemapmarketing.com\/public\/widget\/run.js?shop=kettl.myshopify.com","https:\/\/static.rechargecdn.com\/assets\/js\/widget.min.js?shop=kettl.myshopify.com"];
1706    for (var i = 0; i < urls.length; i++) {
1707      var s = document.createElement('script');
1708      s.type = 'text/javascript';
1709      s.async = true;
1710      s.src = urls[i];
1711      var x = document.getElementsByTagName('script')[0];
1712      x.parentNode.insertBefore(s, x);
1713    }
1714  };
1715  if(window.attachEvent) {
1716    window.attachEvent('onload', asyncLoad);
1717  } else {
1718    window.addEventListener('load', asyncLoad, false);
1719  }
1720})();</script>
vendor: 1 bytes, line 1720
1720
1721<script id="__st">var __st={"a":8061780028,"offset":-14400,"reqid":"773b54d9-3976-45f1-ab8e-f302ab3cf4bc-1790383413","pageurl":"kettl.co\/products\/class-crafting-the-perfect-matcha-latte","u":"9c9119d5bb98","p":"product","rtyp":"product","rid":9228053381370};</script>
vendor: 1 bytes, line 1721
1721
1722<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
vendor: 1 bytes, line 1722
1722
1723<script id="captcha-bootstrap">!function(){'use strict';const t='contact',e='account',n='new_comment',o=[[t,t],['blogs',n],['comments',n],[t,'customer']],c=[[e,'customer_login'],[e,'guest_login'],[e,'recover_customer_password'],[e,'create_customer']],r=t=>t.map((([t,e])=>`form[action*='/${t}']:not([data-nocaptcha='true']) input[name='form_type'][value='${e}']`)).join(','),a=t=>()=>t?[...document.querySelectorAll(t)].map((t=>t.form)):[];function s(){const t=[...o],e=r(t);return a(e)}const i='password',u='form_key',d=['recaptcha-v3-token','g-recaptcha-response','h-captcha-response',i],f=()=>{try{return window.sessionStorage}catch{return}},m='__shopify_v',_=t=>t.elements[u];function p(t,e,n=!1){try{const o=window.sessionStorage,c=JSON.parse(o.getItem(e)),{data:r}=function(t){const{data:e,action:n}=t;return t[m]||n?{data:e,action:n}:{data:t,action:n}}(c);for(const[e,n]of Object.entries(r))t.elements[e]&&(t.elements[e].value=n);n&&o.removeItem(e)}catch(o){console.error('form repopulation failed',{error:o})}}const l='form_type',E='cptcha';function T(t){t.dataset[E]=!0}const w=window,h=w.document,L='Shopify',v='ce_forms',y='captcha';let A=!1;((t,e)=>{const n=(g='f06e6c50-85a8-45c8-87d0-21a2b65856fe',I='https://cdn.shopify.com/shopifycloud/storefront-forms-hcaptcha/ce_storefront_forms_captcha_hcaptcha.v1.5.3.iife.js',D={infoText:'Protected by hCaptcha',privacyText:'Privacy',termsText:'Terms'},(t,e,n)=>{const o=w[L][v],c=o.bindForm;if(c)return c(t,g,e,D).then(n);var r;o.q.push([[t,g,e,D],n]),r=I,A||(h.body.append(Object.assign(h.createElement('script'),{id:'captcha-provider',async:!0,src:r})),A=!0)});var g,I,D;w[L]=w[L]||{},w[L][v]=w[L][v]||{},w[L][v].q=[],w[L][y]=w[L][y]||{},w[L][y].protect=function(t,e){n(t,void 0,e),T(t)},Object.freeze(w[L][y]),function(t,e,n,w,h,L){const[v,y,A,g]=function(t,e,n){const i=e?o:[],u=t?c:[],d=[...i,...u],f=r(d),m=r(i),_=r(d.filter((([t,e])=>n.includes(e))));return[a(f),a(m),a(_),s()]}(w,h,L),I=t=>{const e=t.target;return e instanceof HTMLFormElement?e:e&&e.form},D=t=>v().includes(t);t.addEventListener('submit',(t=>{const e=I(t);if(!e)return;const n=D(e)&&!e.dataset.hcaptchaBound&&!e.dataset.recaptchaBound,o=_(e),c=g().includes(e)&&(!o||!o.value);(n||c)&&t.preventDefault(),c&&!n&&(function(t){try{if(!f())return;!function(t){const e=f();if(!e)return;const n=_(t);if(!n)return;const o=n.value;o&&e.removeItem(o)}(t);const e=Array.from(Array(32),(()=>Math.random().toString(36)[2])).join('');!function(t,e){_(t)||t.append(Object.assign(document.createElement('input'),{type:'hidden',name:u})),t.elements[u].value=e}(t,e),function(t,e){const n=f();if(!n)return;const o=[...t.querySelectorAll(`input[type='${i}']`)].map((({name:t})=>t)),c=[...d,...o],r={};for(const[a,s]of new FormData(t).entries())c.includes(a)||(r[a]=s);n.setItem(e,JSON.stringify({[m]:1,action:t.action,data:r}))}(t,e)}catch(e){console.error('failed to persist form',e)}}(e),e.submit())}));const S=(t,e)=>{t&&!t.dataset[E]&&(n(t,e.some((e=>e===t))),T(t))};for(const o of['focusin','change'])t.addEventListener(o,(t=>{const e=I(t);D(e)&&S(e,y())}));const B=e.get('form_key'),M=e.get(l),P=B&&M;t.addEventListener('DOMContentLoaded',(()=>{const t=y();if(P)for(const e of t)e.elements[l].value===M&&p(e,B);[...new Set([...A(),...v().filter((t=>'true'===t.dataset.shopifyCaptcha))])].forEach((e=>S(e,t)))}))}(h,new URLSearchParams(w.location.search),n,t,e,['guest_login'])})(!0,!0)}();</script>
vendor: 1 bytes, line 1723
1723
1724<script integrity="sha256-JjoPp5ZfB1sSAs5SQaol1x1GgvveM+BgmRzyDexInEQ=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//kettl.co/cdn/shopifycloud/storefront/assets/storefront/load_feature-1bd60354.js" crossorigin="anonymous"></script>
vendor: 1 bytes, line 1724
1724
1725<script>(function () {var userAgent = navigator.userAgent;var platform = navigator.platform;var maxTouchPoints = navigator.maxTouchPoints || 0;var isIOS = /iPad|iPhone|iPod/.test(platform) || (platform === 'MacIntel' && maxTouchPoints > 1);var isMacSafari = platform.indexOf('Mac') === 0 && /Safari/.test(userAgent) && !/Chrome|Chromium|CriOS|FxiOS|Edg|OPR|Android/.test(userAgent);var isAppleSafari = isIOS || isMacSafari;if (isAppleSafari) {fetch('/sf_private_access_tokens' + location.search).catch(function () {});}function browserMajorVersion(pattern) {var match = userAgent.match(pattern);return match ? parseInt(match[1], 10) : null;}function shouldLoadAutosizesPolyfill() {if (!window.PerformanceObserver?.supportedEntryTypes?.includes('paint')) {return false;}var chromeVersion = browserMajorVersion(/Chrome\/(\d+)/);if (chromeVersion !== null) {return chromeVersion < 126;}var firefoxVersion = browserMajorVersion(/Firefox\/(\d+)/);if (firefoxVersion !== null) {return firefoxVersion < 150;}var safariVersion = isAppleSafari ? browserMajorVersion(/Version\/(\d+).*Safari\//) : null;if (safariVersion !== null) {return safariVersion < 27;}return true;}if (shouldLoadAutosizesPolyfill()) {var autosizesScript = document.createElement('script');autosizesScript.async = true;autosizesScript.crossOrigin = 'anonymous';autosizesScript.src = "//kettl.co/cdn/shopifycloud/storefront/assets/storefront/autosizes-84416378.js";(document.head || document.documentElement).appendChild(autosizesScript);}window.ShopifyAnalytics = window.ShopifyAnalytics || {};window.ShopifyAnalytics.performance = window.ShopifyAnalytics.performance || {};(function () {var LONG_FRAME_THRESHOLD = 50;var longAnimationFrames = [];var activeRafId = null;function collectLongFrames() {var previousTime = null;function rafMonitor(now) {if (activeRafId === null) {return;}var delta = now - previousTime;if (delta > LONG_FRAME_THRESHOLD) {longAnimationFrames.push({startTime: previousTime,endTime: now,});}previousTime = now;activeRafId = requestAnimationFrame(rafMonitor);}previousTime = performance.now();activeRafId = requestAnimationFrame(rafMonitor);}if (!window.PerformanceObserver?.supportedEntryTypes?.includes('long-animation-frame')) {collectLongFrames();var timeoutId = setTimeout(function () {cancelAnimationFrame(activeRafId);}, 10000);window.ShopifyAnalytics.performance.getLongAnimationFrames = function (stopCollection) {if (stopCollection === undefined) {stopCollection = false;}if (stopCollection) {clearTimeout(timeoutId);cancelAnimationFrame(activeRafId);}return longAnimationFrames;};}})();})();</script>
1725<script crossorigin="anonymous" defer="defer" src="//kettl.co/cdn/shopifycloud/storefront/assets/shopify_pay/storefront-616277c7.js?v=20250812"></script>
vendor: 1 bytes, line 1725
1725
1726<script id="shopify-origin-trials" async="async" integrity="sha256-qJbe/jEZBHtr5W/BlA2cKAz3vkXu6vJQyLjgvgCC86g=" src="//cdn.shopify.com/shopifycloud/storefront/assets/storefront/origin_trials-318ab40a.js" crossorigin="anonymous" onload="window.__shopifyOriginTrialsDone = true" onerror="window.__shopifyOriginTrialsDone = true"></script>
vendor: 1 bytes, line 1726
1726
1727<script>
1728  window.Shopify = window.Shopify || {};
1729  window.Shopify.MCP = window.Shopify.MCP || {};
1730  window.Shopify.MCP.enabled = true;
1731  window.Shopify.MCP.shop = "kettl.myshopify.com";
1732  window.Shopify.MCP.mcpEndpoint = "https:\/\/kettl.co\/api\/mcp";
1733  window.Shopify.MCP.tools = [{"name":"search_shop_policies_and_faqs","description":"Used to get facts about the stores policies, products, or services.\nSome examples of questions you can ask are:\n  - What is your return policy?\n  - What is your shipping policy?\n  - What is your phone number?\n  - What are your hours of operation?\"\n","inputSchema":{"$schema":"https:\/\/json-schema.org\/draft\/2020-12\/schema","type":"object","properties":{"query":{"type":"string","description":"A natural language query."},"context":{"type":"string","description":"Additional information about the request such as user demographics, mood, location, or other relevant details that could help in tailoring the response appropriately."}},"required":["query"]}}];
1734</script>
vendor: 1 bytes, line 1734
1734
1735<script>(()=>{var d="shopify:webmcp_adapter_loaded",n=Symbol.for("shopify.webmcp_adapter_loading");function s(c,a,{win:r=window,doc:o=document}={}){function p(){try{return r.localStorage.getItem(d)==="true"}catch{return!1}}function l(){try{r.localStorage.setItem(d,"true")}catch{}}function u(){return typeof(o.modelContext||r.navigator?.modelContext)?.registerTool=="function"}function f(){if(r[n]||!u())return;let t=o.head||o.getElementsByTagName("head")[0];if(!t)return;let e=o.createElement("script");e.type="module",e.crossOrigin="anonymous",a&&(e.integrity=a),e.src=c,e.addEventListener("load",l,{once:!0}),e.addEventListener("error",()=>{r[n]=!1},{once:!0}),t.appendChild(e),r[n]=!0}function _(t){let e=o.getElementById("shopify-origin-trials");if(!e||r.__shopifyOriginTrialsDone){t();return}e.addEventListener("load",t,{once:!0}),e.addEventListener("error",t,{once:!0})}function i(){_(()=>r.setTimeout(f,0))}function m(){o.addEventListener("DOMContentLoaded",i,{once:!0})}p()?i():m()}s("\/\/kettl.co\/cdn\/shopifycloud\/storefront\/assets\/storefront\/webmcp-c6b62ece.js","sha256-ke4DDuBjdvea3vxLWxHc9E9nq8zihuG4IfYEGbb77ys=");})();
1736</script>
vendor: 1 bytes, line 1736
1736
1737<script data-source-attribution="shopify.dynamic_checkout.dynamic.init">var Shopify=Shopify||{};Shopify.PaymentButton=Shopify.PaymentButton||{isStorefrontPortableWallets:!0,init:function(){window.Shopify.PaymentButton.init=function(){};var t=document.createElement("script");t.src="https://kettl.co/cdn/shopifycloud/portable-wallets/latest/portable-wallets.en.js",t.type="module",document.head.appendChild(t)}};
1738</script>
vendor: 1 bytes, line 1738
1738
1739<script data-source-attribution="shopify.dynamic_checkout.buyer_consent">
1740  function portableWalletsHideBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.add("hidden"),t.setAttribute("aria-hidden","true"),n.removeEventListener("click",e))}function portableWalletsShowBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.remove("hidden"),t.removeAttribute("aria-hidden"),n.addEventListener("click",e))}window.Shopify?.PaymentButton&&(window.Shopify.PaymentButton.hideBuyerConsent=portableWalletsHideBuyerConsent,window.Shopify.PaymentButton.showBuyerConsent=portableWalletsShowBuyerConsent);
1741</script>
vendor: 1 bytes, line 1741
1741
1742<script data-source-attribution="shopify.dynamic_checkout.cart.bootstrap">document.addEventListener("DOMContentLoaded",(function(){function t(){return document.querySelector("shopify-accelerated-checkout-cart, shopify-accelerated-checkout")}if(t())Shopify.PaymentButton.init();else{new MutationObserver((function(e,n){t()&&(Shopify.PaymentButton.init(),n.disconnect())})).observe(document.body,{childList:!0,subtree:!0})}}));
1743</script>
vendor: 1 bytes, line 1743
1743
1744<script id='scb4127' type='text/javascript' async='' src='https://kettl.co/cdn/shopifycloud/privacy-banner/storefront-banner.js'></script>
1744<link id="shopify-accelerated-checkout-styles" rel="stylesheet" media="screen" href="https://kettl.co/cdn/shopifycloud/portable-wallets/latest/accelerated-checkout-backwards-compat.css" crossorigin="anonymous">
1745<style id="shopify-accelerated-checkout-cart">
1746        #shopify-buyer-consent {
1747  margin-top: 1em;
1748  display: inline-block;
1749  width: 100%;
1750}
1751
1752#shopify-buyer-consent.hidden {
1753  display: none;
1754}
1755
1756#shopify-subscription-policy-button {
1757  background: none;
1758  border: none;
1759  padding: 0;
1760  text-decoration: underline;
1761  font-size: inherit;
1762  cursor: pointer;
1763}
1764
1765#shopify-subscription-policy-button::before {
1766  box-shadow: none;
1767}
1768
1769      </style>
1770<link rel="stylesheet" media="screen" href="//kettl.co/cdn/shop/t/84/compiled_assets/styles.css?v=127221331503726846211781616946">
1771<script id="shopify-cfh-end">window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
1771
1772  
1772<script type="application/ld+json">
1773{
1774  "@context": "https://schema.org",
1775  "@type": "Organization",
1776  "name": "Kettl",
1777  "legalName": "Kettl",
1778  "alternateName": "Kettl Tea",
1779  "description": "Kettl sources and sells the finest Japanese teas directly from top producers in Japan. Founded by Zach and Minami Mangan, Kettl offers the most diverse catalog of Japanese tea available outside of Japan, including matcha, loose leaf teas, tea bags, ceramics, tea tools, incense, chocolate, and kombucha. Kettl operates retail cafes in Brooklyn, NY and Los Angeles, CA, and an office in Fukuoka, Japan.",
1780  "slogan": "Farm Fresh Tea, Direct From Japan's Top Producers",
1781  "url": "https://kettl.co",
1782  "logo": "https://kettl.co/cdn/shop/files/preview_images/4b33f178c06543698948edf255196cbe.thumbnail.0000000000.jpg",
1783  "image": "https://kettl.co/cdn/shop/files/A_commitment_to_quality.jpg",
1784  "email": "[email protected]",
1785  "address": {
1786    "@type": "PostalAddress",
1787    "streetAddress": "70 Greenpoint Ave",
1788    "addressLocality": "Brooklyn",
1789    "addressRegion": "NY",
1790    "postalCode": "11222",
1791    "addressCountry": "US"
1792  },
1793  "location": [
1794    {
1795      "@type": "Place",
1796      "name": "Kettl Greenpoint",
1797      "address": {
1798        "@type": "PostalAddress",
1799        "streetAddress": "70 Greenpoint Ave",
1800        "addressLocality": "Brooklyn",
1801        "addressRegion": "NY",
1802        "postalCode": "11222",
1803        "addressCountry": "US"
1804      }
1805    },
1806    {
1807      "@type": "Place",
1808      "name": "Kettl Los Feliz",
1809      "address": {
1810        "@type": "PostalAddress",
1811        "streetAddress": "4677 Hollywood Blvd",
1812        "addressLocality": "Los Angeles",
1813        "addressRegion": "CA",
1814        "postalCode": "90027",
1815        "addressCountry": "US"
1816      }
1817    },
1818    {
1819      "@type": "Place",
1820      "name": "Kettl Japan Office",
1821      "address": {
1822        "@type": "PostalAddress",
1823        "addressLocality": "Fukuoka",
1824        "addressCountry": "JP"
1825      }
1826    }
1827  ],
1828  "contactPoint": [
1829    {
1830      "@type": "ContactPoint",
1831      "email": "[email protected]",
1832      "contactType": "customer service",
1833      "availableLanguage": ["English", "Japanese"],
1834      "areaServed": "Worldwide"
1835    },
1836    {
1837      "@type": "ContactPoint",
1838      "email": "[email protected]",
1839      "contactType": "sales",
1840      "availableLanguage": ["English"],
1841      "areaServed": "Worldwide"
1842    }
1843  ],
1844  "knowsLanguage": [
1845    {
1846      "@type": "Language",
1847      "name": "English",
1848      "alternateName": "en"
1849    },
1850    {
1851      "@type": "Language",
1852      "name": "Japanese",
1853      "alternateName": "ja"
1854    }
1855  ],
1856  "founder": [
1857    {
1858      "@type": "Person",
1859      "name": "Zach Mangan"
1860    },
1861    {
1862      "@type": "Person",
1863      "name": "Minami Mangan"
1864    }
1865  ],
1866  "foundingLocation": {
1867    "@type": "Place",
1868    "name": "Brooklyn, New York",
1869    "address": {
1870      "@type": "PostalAddress",
1871      "addressLocality": "Brooklyn",
1872      "addressRegion": "NY",
1873      "addressCountry": "US"
1874    }
1875  },
1876  "areaServed": [
1877    {
1878      "@type": "Country",
1879      "name": "United States"
1880    },
1881    {
1882      "@type": "AdministrativeArea",
1883      "name": "Worldwide"
1884    }
1885  ],
1886  "brand": [
1887    {
1888      "@type": "Brand",
1889      "name": "Kettl",
1890      "url": "https://kettl.co"
1891    },
1892    {
1893      "@type": "Brand",
1894      "name": "Yumi Nakamura Collection",
1895      "url": "https://kettl.co/collections/yumi-nakamura-collection"
1896    },
1897    {
1898      "@type": "Brand",
1899      "name": "Toru Hatsuta Collection",
1900      "url": "https://kettl.co/collections/toru-hatsuta-collection"
1901    }
1902  ],
1903  "hasOfferCatalog": {
1904    "@type": "OfferCatalog",
1905    "name": "Kettl Japanese Tea & Goods Catalog",
1906    "itemListElement": [
1907      {
1908        "@type": "OfferCatalog",
1909        "name": "Matcha",
1910        "url": "https://kettl.co/collections/matcha-green-tea"
1911      },
1912      {
1913        "@type": "OfferCatalog",
1914        "name": "Loose Tea",
1915        "url": "https://kettl.co/collections/japanese-green-tea"
1916      },
1917      {
1918        "@type": "OfferCatalog",
1919        "name": "Tea Bags",
1920        "url": "https://kettl.co/collections/japenese-tea-bags"
1921      },
1922      {
1923        "@type": "OfferCatalog",
1924        "name": "Ceramics",
1925        "url": "https://kettl.co/collections/ceramics"
1926      },
1927      {
1928        "@type": "OfferCatalog",
1929        "name": "Tea Tools",
1930        "url": "https://kettl.co/collections/tea-tools"
1931      },
1932      {
1933        "@type": "OfferCatalog",
1934        "name": "Incense",
1935        "url": "https://kettl.co/collections/incense"
1936      },
1937      {
1938        "@type": "OfferCatalog",
1939        "name": "Chocolate & Sweets",
1940        "url": "https://kettl.co/collections/matcha-chocolate"
1941      },
1942      {
1943        "@type": "OfferCatalog",
1944        "name": "Kombucha",
1945        "url": "https://kettl.co/collections/kombucha"
1946      },
1947      {
1948        "@type": "OfferCatalog",
1949        "name": "Classes & Events",
1950        "url": "https://kettl.co/collections/class"
1951      },
1952      {
1953        "@type": "OfferCatalog",
1954        "name": "Subscriptions",
1955        "url": "https://kettl.co/collections/subscriptions"
1956      }
1957    ]
1958  },
1959  "hasMerchantReturnPolicy": {
1960    "@type": "MerchantReturnPolicy",
1961    "url": "https://kettl.co/policies/refund-policy",
1962    "applicableCountry": "US",
1963    "returnPolicyCategory": "https://schema.org/MerchantReturnFiniteReturnWindow"
1964  },
1965  "hasShippingService": [
1966    {
1967      "@type": "ShippingService",
1968      "name": "Free Shipping on Orders Over $150",
1969      "description": "Orders over $150 receive free shipping.",
1970      "shippingConditions": {
1971        "@type": "ShippingConditions",
1972        "shippingRate": {
1973          "@type": "MonetaryAmount",
1974          "value": "0",
1975          "currency": "USD"
1976        }
1977      }
1978    },
1979    {
1980      "@type": "ShippingService",
1981      "name": "Free Subscription Shipping (USA)",
1982      "description": "All subscriptions ship free within the USA.",
1983      "shippingConditions": {
1984        "@type": "ShippingConditions",
1985        "shippingRate": {
1986          "@type": "MonetaryAmount",
1987          "value": "0",
1988          "currency": "USD"
1989        }
1990      }
1991    }
1992  ],
1993  "acceptedPaymentMethod": "https://schema.org/CreditCard",
1994  "knowsAbout": 
1995  [
1996    "Japanese Tea",
1997    "Matcha",
1998    "Green Tea",
1999    "Japanese Tea Ceremony",
2000    "Tea Sourcing",
2001    "Tea Cultivation",
2002    "Japanese Ceramics",
2003    "Tea Culture"
2004  ],
2005  "keywords": "Japanese tea, matcha, green tea, loose leaf tea, tea bags, ceramics, tea tools, incense, kombucha, Japanese tea ceremony, Uji matcha, sencha, houjich
2005a",
2006  "sameAs": [
2007    "https://www.facebook.com/kettltea/",
2008    "https://www.instagram.com/kettltea/",
2009    "https://www.youtube.com/c/KettlTeaJapaneseTeaMatchaChannel"
2010  ],
2011  "subOrganization": [
2012    {
2013      "@type": "LocalBusiness",
2014      "name": "Kettl Greenpoint",
2015      "url": "https://kettl.co/pages/locations",
2016      "address": {
2017        "@type": "PostalAddress",
2018        "streetAddress": "70 Greenpoint Ave",
2019        "addressLocality": "Brooklyn",
2020        "addressRegion": "NY",
2021        "postalCode": "11222",
2022        "addressCountry": "US"
2023      }
2024    },
2025    {
2026      "@type": "LocalBusiness",
2027      "name": "Kettl Los Feliz",
2028      "url": "https://kettl.co/pages/locations",
2029      "address": {
2030        "@type": "PostalAddress",
2031        "streetAddress": "4677 Hollywood Blvd",
2032        "addressLocality": "Los Angeles",
2033        "addressRegion": "CA",
2034        "postalCode": "90027",
2035        "addressCountry": "US"
2036      }
2037    },
2038    {
2039      "@type": "Organization",
2040      "name": "Kettl Japan",
2041      "address": {
2042        "@type": "PostalAddress",
2043        "addressLocality": "Fukuoka",
2044        "addressCountry": "JP"
2045      }
2046    }
2047  ],
2048  "publishingPrinciples": "https://kettl.co/blogs/kettl-tea-blog",
2049  "potentialAction": [
2050    {
2051      "@type": "OrderAction",
2052      "target": {
2053        "@type": "EntryPoint",
2054        "urlTemplate": "https://kettl.co/collections/all",
2055        "actionPlatform": [
2056          "https://schema.org/DesktopWebPlatform",
2057          "https://schema.org/MobileWebPlatform"
2058        ]
2059      }
2060    },
2061    {
2062      "@type": "SearchAction",
2063      "target": {
2064        "@type": "EntryPoint",
2065        "urlTemplate": "https://kettl.co/search?q={search_term_string}"
2066      },
2067      "query-input": "required name=search_term_string"
2068    }
2069  ]
2070}
2071</script>
2071
2072  
2072<script type="application/ld+json">
2073{
2074  "@context": "https://schema.org",
2075  "@graph": [
2076    {
2077      "@type": "SiteNavigationElement",
2078      "name": "Shop",
2079      "url": "https://kettl.co/collections/all",
2080      "hasPart": [
2081        {"@type":"SiteNavigationElement","name":"Shop All","url":"https://kettl.co/collections/all"},
2082        {"@type":"SiteNavigationElement","name":"Matcha","url":"https://kettl.co/collections/matcha-green-tea"},
2083        {"@type":"SiteNavigationElement","name":"Loose Tea","url":"https://kettl.co/collections/japanese-green-tea"},
2084        {"@type":"SiteNavigationElement","name":"Tea Bags","url":"https://kettl.co/collections/japenese-tea-bags"},
2085        {"@type":"SiteNavigationElement","name":"Ceramics","url":"https://kettl.co/collections/ceramics"},
2086        {"@type":"SiteNavigationElement","name":"Tea Tools","url":"https://kettl.co/collections/tea-tools"},
2087        {"@type":"SiteNavigationElement","name":"Incense","url":"https://kettl.co/collections/incense"},
2088        {"@type":"SiteNavigationElement","name":"Chocolate + Sweets","url":"https://kettl.co/collections/matcha-chocolate"},
2089        {"@type":"SiteNavigationElement","name":"Kombucha","url":"https://kettl.co/collections/kombucha"},
2090        {"@type":"SiteNavigationElement","name":"New Releases","url":"https://kettl.co/collections/new-releases"},
2091        {"@type":"SiteNavigationElement","name":"Best Sellers","url":"https://kettl.co/collections/best-sellers"},
2092        {"@type":"SiteNavigationElement","name":"Subscriptions","url":"https://kettl.co/collections/subscriptions"},
2093        {"@type":"SiteNavigationElement","name":"Yumi Nakamura Collection","url":"https://kettl.co/collections/yumi-nakamura-collection"},
2094        {"@type":"SiteNavigationElement","name":"Toru Hatsuta Collection","url":"https://kettl.co/collections/toru-hatsuta-collection"}
2095      ]
2096    },
2097    {
2098      "@type": "SiteNavigationElement",
2099      "name": "Experience",
2100      "hasPart": [
2101        {"@type":"SiteNavigationElement","name":"Classes & Events","url":"https://kettl.co/collections/class"},
2102        {"@type":"SiteNavigationElement","name":"Kettl Studio","url":"https://kettl.co/pages/kettl-studio"},
2103        {"@type":"SiteNavigationElement","name":"Visit Us","url":"https://kettl.co/pages/locations"},
2104        {"@type":"SiteNavigationElement","name":"Reservations","url":"https://kettl.co/pages/reservations"}
2105      ]
2106    },
2107    {
2108      "@type": "SiteNavigationElement",
2109      "name": "Learn",
2110      "hasPart": [
2111        {"@type":"SiteNavigationElement","name":"Brewing Guides","url":"https://kettl.co/pages/brewing-guides"},
2112        {"@type":"SiteNavigationElement","name":"Classes & Events","url":"https://kettl.co/collections/class"},
2113        {"@type":"SiteNavigationElement","name":"Kettl Blog","url":"https://kettl.co/blogs/kettl-tea-blog"}
2114      ]
2115    },
2116    {
2117      "@type": "SiteNavigationElement",
2118      "name": "Featured",
2119      "hasPart": [
2120        {"@type":"SiteNavigationElement","name":"Whisking the Perfect Matcha","url":"https://kettl.co/pages/matcha-brewing-guide"},
2121        {"@type":"SiteNavigationElement","name":"Class: Crafting the Perfect Matcha Latte","url":"https://kettl.co/products/class-learn-to-make-the-perfect-tea-latte"},
2122        {"@type":"SiteNavigationElement","name":"Kettl Blog: 2025 Harvest Thoughts","url":"https://kettl.co/blogs/kettl-tea-blog/the-great-matcha-shortage-2025-harvest-first-thoughts"}
2123      ]
2124    },
2125    {
2126      "@type": "SiteNavigationElement",
2127      "name": "About",
2128      "url": "https://kettl.co/pages/our-story"
2129    }
2130  ]
2131}
2132</script>
2132
2133  <!-- BEGIN app block: shopify://apps/klaviyo-email-marketing-sms/blocks/klaviyo-onsite-embed/2632fe16-c075-4321-a88b-50b567f42507 -->
2134
2135
2136
2137
2138
2139
2140
2141
2142
2143
2144
2145
2146  
2146<script async src="https://static.klaviyo.com/onsite/js/UzPaDy/klaviyo.js?company_id=UzPaDy"></script>
2146
2147  
2147<script>!function(){if(!window.klaviyo){window._klOnsite=window._klOnsite||[];try{window.klaviyo=new Proxy({},{get:function(n,i){return"push"===i?function(){var n;(n=window._klOnsite).push.apply(n,arguments)}:function(){for(var n=arguments.length,o=new Array(n),w=0;w<n;w++)o[w]=arguments[w];var t="function"==typeof o[o.length-1]?o.pop():void 0,e=new Promise((function(n){window._klOnsite.push([i].concat(o,[function(i){t&&t(i),n(i)}]))}));return e}}})}catch(n){window.klaviyo=window.klaviyo||[],window.klaviyo.push=function(){var n;(n=window._klOnsite).push.apply(n,arguments)}}}}();</script>
2147
2148
2149  
2150    
2150<script id="viewed_product">
2151      if (item == null) {
2152        var _learnq = _learnq || [];
2153
2154        var MetafieldReviews = null
2155        var MetafieldYotpoRating = null
2156        var MetafieldYotpoCount = null
2157        var MetafieldLooxRating = null
2158        var MetafieldLooxCount = null
2159        var okendoProduct = null
2160        var okendoProductReviewCount = null
2161        var okendoProductReviewAverageValue = null
2162        try {
2163          // The following fields are used for Customer Hub recently viewed in order to add reviews.
2164          // This information is not part of __kla_viewed. Instead, it is part of __kla_viewed_reviewed_items
2165          MetafieldReviews = {};
2166          MetafieldYotpoRating = null
2167          MetafieldYotpoCount = null
2168          MetafieldLooxRating = null
2169          MetafieldLooxCount = null
2170
2171          okendoProduct = null
2172          // If the okendo metafield is not legacy, it will error, which then requires the new json formatted data
2173          if (okendoProduct && 'error' in okendoProduct) {
2174            okendoProduct = null
2175          }
2176          okendoProductReviewCount = okendoProduct ? okendoProduct.reviewCount : null
2177          okendoProductReviewAverageValue = okendoProduct ? okendoProduct.reviewAverageValue : null
2178        } catch (error) {
2179          console.error('Error in Klaviyo onsite reviews tracking:', error);
2180        }
2181
2182        var item = {
2183          Name: "Class | Crafting the Perfect Matcha Latte",
2184          ProductID: 9228053381370,
2185          Categories: ["All Products","Classes \u0026 Events","Kettl Matcha Sen Mon Ten","Wholesale Portal"],
2186          ImageURL: "https://kettl.co/cdn/shop/files/bdcda6c0-7a47-459a-beea-7d70f1752ab0_grande.jpg?v=1778879116",
2187          URL: "https://kettl.co/products/class-crafting-the-perfect-matcha-latte",
2188          Brand: "Kettl ",
2189          Price: "$60.00",
2190          Value: "60.00",
2191          CompareAtPrice: "$0.00"
2192        };
2193        _learnq.push(['track', 'Viewed Product', item]);
2194        _learnq.push(['trackViewedItem', {
2195          Title: item.Name,
2196          ItemId: item.ProductID,
2197          Categories: item.Categories,
2198          ImageUrl: item.ImageURL,
2199          Url: item.URL,
2200          Metadata: {
2201            Brand: item.Brand,
2202            Price: item.Price,
2203            Value: item.Value,
2204            CompareAtPrice: item.CompareAtPrice
2205          },
2206          metafields:{
2207            reviews: MetafieldReviews,
2208            yotpo:{
2209              rating: MetafieldYotpoRating,
2210              count: MetafieldYotpoCount,
2211            },
2212            loox:{
2213              rating: MetafieldLooxRating,
2214              count: MetafieldLooxCount,
2215            },
2216            okendo: {
2217              rating: okendoProductReviewAverageValue,
2218              count: okendoProductReviewCount,
2219            }
2220          }
2221        }]);
2222      }
2223    </script>
2223
2224  
2225
2226
2227
2228
2229  
2229<script>
2230    window.klaviyoReviewsProductDesignMode = false
2231  </script>
2231
2232
2233
2234
2235
2236
2237
2238
2239
2240
2241<!-- END app block -->
2241<script src="https://cdn.shopify.com/extensions/01a0d4b8-8379-7ce0-ba3b-32bf0b62bd2b/sesami-112/assets/sesami-main.js" type="text/javascript" defer="defer"></script>
2241
2242<link href="https://cdn.shopify.com/extensions/01a0d4b8-8379-7ce0-ba3b-32bf0b62bd2b/sesami-112/assets/sesami-components.css" rel="stylesheet" type="text/css" media="all">
2243<script src="https://cdn.shopify.com/extensions/01a0c2ae-4dd8-7f9f-b1c8-5cd994c9b536/appointo-102/assets/appointo_bundle.js" type="text/javascript" defer="defer"></script>
vendor: 1 bytes, line 2243
2243
2244<script src="https://cdn.shopify.com/extensions/019d43d1-bbad-7de5-bd49-ea6de5e8ca58/accessibly-app-30/assets/acc-main.js" type="text/javascript" defer="defer"></script>
vendor: 1 bytes, line 2244
2244
2245<script src="https://cdn.shopify.com/extensions/019d61b2-a1af-7b3c-92da-a20c440e18a2/referral-program-21/assets/floating-button.js" type="text/javascript" defer="defer"></script>
2245
2246<link href="https://cdn.shopify.com/extensions/019d61b2-a1af-7b3c-92da-a20c440e18a2/referral-program-21/assets/floating-button.css" rel="stylesheet" type="text/css" media="all">
2247<link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
2248<script>(function(){if ("sendBeacon" in navigator && "performance" in window) {try {var session_token_from_headers = performance.getEntriesByType('navigation')[0].serverTiming.find(x => x.name == '_s').description;} catch {var session_token_from_headers = undefined;}var session_cookie_matches = document.cookie.match(/_shopify_s=([^;]*)/);var session_token_from_cookie = session_cookie_matches && session_cookie_matches.length === 2 ? session_cookie_matches[1] : "";var session_token = session_token_from_headers || session_token_from_cookie || "";function handle_abandonment_event(e) {var entries = performance.getEntries().filter(function(entry) {return /monorail-edge.shopifysvc.com/.test(entry.name);});if (!window.abandonment_tracked && entries.length === 0) {window.abandonment_tracked = true;var currentMs = Date.now();var navigation_start = performance.timing.navigationStart;var payload = {shop_id: 8061780028,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token,page_type: "product"};window.navigator.sendBeacon("https://monorail-edge.shopifysvc.com/v1/produce", JSON.stringify({schema_id: "online_store_buyer_site_abandonment/1.1",payload: payload,metadata: {event_created_at_ms: currentMs,event_sent_at_ms: currentMs}}));}}window.addEventListener('pagehide', handle_abandonment_event);}}());</script>
vendor: 1 bytes, line 2248
2248
2249<script>
2250  window.__TREKKIE_SHIM_QUEUE = window.__TREKKIE_SHIM_QUEUE || [];
2251</script>
vendor: 1 bytes, line 2251
2251
2252<script>(function(){var wpmLoader=function(){"use strict";var e=/Googlebot|Storebot-Google|bingbot|Baiduspider|YandexBot|DuckDuckBot|Slurp|facebookexternalhit|Twitterbot|LinkedInBot|Applebot|AdsBot-Google|Mediapartners-Google|APIs-Google|PetalBot|SemrushBot|AhrefsBot|MJ12bot|DotBot|Acunetix|PerplexityBot|Perplexity-User/i,t=/bytedance/i;function i(){try{var e=document.cookie;if(!e||"string"!=typeof e)return;for(var t=0,i=e.split(";");t<i.length;t++){var n=i[t],r=n.indexOf("=");if(-1!==r){var o=n.slice(0,r).trim();if(o){var a=void 0;try{a=decodeURIComponent(o)}catch(e){a=o}if("_shopify_s"===a){var d=n.slice(r+1).trim();try{return decodeURIComponent(d)}catch(e){return d}}}}}return}catch(e){return}}function n(e){try{"undefined"!=typeof console&&"function"==typeof console.warn&&console.warn(e)}catch(e){}}function r(e,t){return"string"==typeof e&&e.length>0&&e.length<=t?e:void 0}function o(e){var t;switch(null==(t=null==e?void 0:e.navigation)?void 0:t.type){case 0:return"navigate";case 1:return"reload";case 2:return"back_forward";default:return}}function a(){var e,t,i;try{var n=null==(i=null==(t=null==(e=self.ShopifyAnalytics)?void 0:e.lib)?void 0:t.trekkie)?void 0:i.state;return"awaiting-consent"===n||"initialized"===n?n:void 0}catch(e){return}}return function(d,s,u,l){var c=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};try{var p=c.trekkieShim;!0!==p&&"true"!==p||null!=window.__TREKKIE_SHIM_QUEUE||(window.__TREKKIE_SHIM_QUEUE=[])}catch(e){}var f,v,h,y,g=(v=(f={modern:/Edge?\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Firefox\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Chrom(ium|e)\/(9{2}|\d{3,})\.\d+(\.\d+|)|(Maci|X1{2}).+ Version\/(15\.\d+|(1[6-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(9{2}|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(15[._]\d+|(1[6-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Android.+Firefox\/(15\d|1[6-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|SamsungBrowser\/([2-9]\d|\d{3,})\.\d+/,legacy:/Edge?\/(1[6-9]|[2-9]\d|\d{3,})\.\d+(\.\d+|)|Firefox\/(5[4-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)|Chrom(ium|e)\/(5[1-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)([\d.]+$|.*Safari\/(?![\d.]+ Edge\/[\d.]+$))|(Maci|X1{2}).+ Version\/(10\.\d+|(1[1-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(3[89]|[4-9]\d|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(10[._]\d+|(1[1-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Mobile Safari.+OPR\/([89]\d|\d{3,})\.\d+\.\d+|Android.+Firefox\/(15\d|1[6-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+(UC? ?Browser|UCWEB|U3)[ /]?(15\.([5-9]|\d{2,})|(1[6-9]|[2-9]\d|\d{3,})\.\d+)\.\d+|SamsungBrowser\/(5\.\d+|([6-9]|\d{2,})\.\d+)|Android.+MQ{2}Browser\/(14(\.(9|\d{2,})|)|(1[5-9]|[2-9]\d|\d{3,})(\.\d+|))(\.\d+|)|K[Aa][Ii]OS\/(3\.\d+|([4-9]|\d{2,})\.\d+)(\.\d+|)/}).modern,h=f.legacy,(y=navigator.userAgent).match(e)?"bot":y.match(v)?"modern":y.match(h)?"legacy":y.match(t)?"bot":"unknown"),m=function(e){var t,i,n=r(e,128);try{var a=window.performance,d=null==(t=null==a?void 0:a.getEntriesByType)?void 0:t.call(a,"navigation")[0];if(!d)return{requestId:n,navigationType:o(a)};var s="type"in d?r(d.type,64):void 0,u="serverTiming"in d&&Array.isArray(d.serverTiming)?d.serverTiming:[];return{requestId:null!=n?n:r(null==(i=u.find(function(e){return"requestID"===e.name}))?void 0:i.description,128),navigationType:s}}catch(e){return{requestId:n}}}(c.requestId),w=function(e){var t=e.version,r=e.browserTarget,o=e.surface,a=e.shopId,d=e.monorailEndpoint,s=window.location.href;return{emit:function(e){var u=e.status,l=e.errorMsg,c=e.failureReason,p=e.useKeepaliveFallback,f=void 0!==p&&p,v=e.navigationType,h=e.pagehidePersisted,y=e.requestId,g=e.trekkieState;if(d){var m,w;try{var b=(new Date).getTime();m=JSON.stringify({metadata:{event_sent_at_ms:b},events:[{schema_id:"web_pixels_manager_load/3.3",payload:{version:t,bundle_target:r,page_url:s,status:u,surface:o,error_msg:l,failure_reason:c,navigation_type:v,pagehide_persisted:h,request_id:y,trekkie_state:g,shop_id:a,visit_token:i()},metadata:{event_created_at_ms:b}}]})}catch(e){return}try{if("function"==typeof window.navigator.sendBeacon&&-1===(w=window.navigator.userAgent).indexOf("iPhone; CPU iPhone OS 12_")&&-1===w.indexOf("iPad; CPU OS 12_")&&-1===w.indexOf("iPod touch; CPU iPhone OS 12_")&&window.navigator.sendBeacon.bind(window.navigator)(d,m))return}catch(e){}if(f)try{"function"==typeof window.fetch&&window.fetch(d,{method:"POST",headers:{"Content-Type":"text/plain"},body:m,keepalive:!0}
2252).catch(function(){})}catch(e){}else try{var _=new XMLHttpRequest;_.open("POST",d,!0),_.setRequestHeader("Content-Type","text/plain"),_.send(m)}catch(e){n("[Web Pixels Manager] Got an unhandled error while logging to Monorail.")}}else n("[Web Pixels Manager] No Monorail endpoint provided, skipping logging.")}}}({version:u,browserTarget:g,surface:d.surface,shopId:d.shopId,monorailEndpoint:d.monorailEndpoint});if(Boolean(null==(_=null==(b=window.Shopify)?void 0:b.analytics)?void 0:_.replayQueue))w.emit({status:"setup-skipped",errorMsg:"replay queue already initialized."});else{var b,_;w.emit({status:"setup-started"}),window.Shopify=window.Shopify||{};var S=window.Shopify;S.analytics=S.analytics||{};var P=S.analytics;P.replayQueue=[],P.publish=function(e,t,i){return P.replayQueue.push([e,t,i]),!0};try{self.performance.mark("wpm:start")}catch(e){}var k,C="modern"===g?"modern":"legacy",E=(null!=l?l:{modern:"",legacy:""})[C],I=[(k={baseUrl:s,hashVersion:u,buildTarget:C}).baseUrl,"/wpm","/b",k.hashVersion,"modern"===k.buildTarget?"m":"l",".js"].join(""),O=!1,T=!1;try{c.browserTarget=g,function(){O=!0;try{window.addEventListener("pagehide",M)}catch(e){O=!1}}(),R(function(){try{R(x)}catch(e){D(e)}}),w.emit({status:"loading",requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()})}catch(e){D(e)}}function U(){var e;if(q(),!function(){var e,t;return Boolean(null==(t=null==(e=window.Shopify)?void 0:e.analytics)?void 0:t.initialized)}()){var t,i,n;try{if("function"!=typeof(null==(e=window.webPixelsManager)?void 0:e.init))return void A();if(!(null!==(n=i=t=window.webPixelsManager.init(d))&&"function"!=typeof n&&Object(n)===n&&"publish"in i&&"function"==typeof i.publish&&"publishCustomEvent"in i&&"function"==typeof i.publishCustomEvent&&"visitor"in i&&"function"==typeof i.visitor))return void A()}catch(e){return void A(e)}var r=window.Shopify.analytics;r.replayQueue.forEach(function(e){var i=e[0],n=e[1],r=e[2];t.publishCustomEvent(i,n,r)}),r.replayQueue=[],r.publish=t.publishCustomEvent,r.visitor=t.visitor,r.initialized=!0}}function A(e){B("manager_api_unavailable",void 0===e?void 0:Q(e))}function x(){B("script_load_failed","".concat(I," has failed to load"))}function B(e,t){T||(T=!0,q(),w.emit({status:"failed",errorMsg:t,failureReason:e,requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()}))}function M(e){O&&(q(),w.emit({status:"pagehide-while-loading",useKeepaliveFallback:!0,pagehidePersisted:e.persisted,requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()}))}function q(){O=!1;try{window.removeEventListener("pagehide",M)}catch(e){}}function R(e){var t;!function(e){var t=e.src,i=e.async,n=void 0===i||i,r=e.onload,o=e.onerror,a=e.sri,d=e.scriptDataAttributes,s=void 0===d?{}:d,u=document.createElement("script"),l=document.querySelector("head"),c=document.querySelector("body");if(u.async=n,u.src=t,a&&(u.integrity=a,u.crossOrigin="anonymous"),s)for(var p in s)if(Object.prototype.hasOwnProperty.call(s,p))try{u.dataset[p]=String(s[p])}catch(e){}if(r&&u.addEventListener("load",r),o&&u.addEventListener("error",o),l)l.appendChild(u);else{if(!c)throw new Error("Did not find a head or body element to append the script");c.appendChild(u)}}({src:I,async:!0,onload:U,onerror:e,sri:(t=E,"string"==typeof t&&/^sha384-[A-Za-z0-9+/=]+$/.test(t)?E:""),scriptDataAttributes:c})}function D(e){B("script_append_failed",Q(e))}function Q(e){return e instanceof Error?e.message:"Unknown error"}}}();wpmLoader({shopId: 8061780028,storefrontBaseUrl: "https://kettl.co",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://kettl.co/.well-known/shopify/monorail/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["16072cab","8450a54b","7ee89bf1"],webPixelsConfigList: [{"id":"2096529658","configuration":"{\"accountID\":\"123456789\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"33ee5eb3a4f7f4f7c9649d0a1cdb3908","type":"APP","apiClientId":1363407,"privacyPurposes":["ANALYTICS"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]}
2252,"dataSharingState":"unrestricted"},{"id":"1932165370","configuration":"{\"accountID\":\"UzPaDy\",\"webPixelConfig\":\"eyJlbmFibGVBZGRlZFRvQ2FydEV2ZW50cyI6IHRydWV9\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"c63c5b72c8d77be5f2d27d14c081da38","type":"APP","apiClientId":123074,"privacyPurposes":["ANALYTICS","MARKETING"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"1673199866","configuration":"{\"tagID\":\"2613344913958\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"7ae565e198624b39e0856d352b9a6b4c","type":"APP","apiClientId":3009811,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"757924090","configuration":"{\"store_id\":\"119328\",\"environment\":\"prod\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"10c4f173702937db6fa4bf871600cafd","type":"APP","apiClientId":294517,"privacyPurposes":["ANALYTICS"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"unrestricted"},{"id":"451838202","configuration":"{\"config\":\"{\\\"google_tag_ids\\\":[\\\"G-71GP7QFXBM\\\",\\\"GT-5DDNVX4\\\"],\\\"target_country\\\":\\\"US\\\",\\\"gtag_events\\\":[{\\\"type\\\":\\\"search\\\",\\\"action_label\\\":\\\"G-71GP7QFXBM\\\"},{\\\"type\\\":\\\"begin_checkout\\\",\\\"action_label\\\":\\\"G-71GP7QFXBM\\\"},{\\\"type\\\":\\\"remove_from_cart\\\",\\\"action_label\\\":\\\"G-71GP7QFXBM\\\"},{\\\"type\\\":\\\"view_item\\\",\\\"action_label\\\":[\\\"G-71GP7QFXBM\\\",\\\"MC-27FJQY6Z19\\\"]},{\\\"type\\\":\\\"purchase\\\",\\\"action_label\\\":[\\\"G-71GP7QFXBM\\\",\\\"MC-27FJQY6Z19\\\"]},{\\\"type\\\":\\\"add_shipping_info\\\",\\\"action_label\\\":\\\"G-71GP7QFXBM\\\"},{\\\"type\\\":\\\"page_view\\\",\\\"action_label\\\":[\\\"G-71GP7QFXBM\\\",\\\"MC-27FJQY6Z19\\\"]},{\\\"type\\\":\\\"view_item_list\\\",\\\"action_label\\\":\\\"G-71GP7QFXBM\\\"},{\\\"type\\\":\\\"add_payment_info\\\",\\\"action_label\\\":\\\"G-71GP7QFXBM\\\"},{\\\"type\\\":\\\"add_to_cart\\\",\\\"action_label\\\":\\\"G-71GP7QFXBM\\\"},{\\\"type\\\":\\\"view_cart\\\",\\\"action_label\\\":\\\"G-71GP7QFXBM\\\"}],\\\"enable_monitoring_mode\\\":false}\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"a3321ca85cf5aaf6b57585fcd8d67b3a","type":"APP","apiClientId":1780363,"privacyPurposes":[],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"133562618","configuration":"{\"pixel_id\":\"193205159141018\",\"pixel_type\":\"facebook_pixel\",\"metaapp_system_user_token\":\"-\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"96420dbe9ea96c426a1b7f364f977719","type":"APP","apiClientId":2329312,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"27558138","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"2","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"name":"Google Ads"},{"id":"69468410","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"1","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"name":"Google Ads Updated (Shopify+)"}
2252,{"id":"122618106","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"1","type":"CUSTOM","privacyPurposes":[],"name":"ADBeacon"},{"id":"122814714","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"1","type":"CUSTOM","privacyPurposes":[],"name":"AdBeacon (Japan)"},{"id":"175964410","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"1","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"name":"OpenAi Ads"},{"id":"shopify-app-pixel","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"0530","apiClientId":"shopify-pixel","type":"APP","privacyPurposes":["ANALYTICS","MARKETING"]},{"id":"shopify-custom-pixel","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"0530","apiClientId":"shopify-pixel","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING"]}],isMerchantRequest: false,initData: {"shop":{"name":"Kettl ","paymentSettings":{"currencyCode":"USD"},"myshopifyDomain":"kettl.myshopify.com","countryCode":"US","storefrontUrl":"https:\/\/kettl.co"},"customer":null,"cart":null,"checkout":null,"productVariants":[{"price":{"amount":60.0,"currencyCode":"USD"},"product":{"title":"Class | Crafting the Perfect Matcha Latte","vendor":"Kettl ","id":"9228053381370","untranslatedTitle":"Class | Crafting the Perfect Matcha Latte","url":"\/products\/class-crafting-the-perfect-matcha-latte","type":"Class"},"id":"50136173478138","image":{"src":"\/\/kettl.co\/cdn\/shop\/files\/bdcda6c0-7a47-459a-beea-7d70f1752ab0.jpg?v=1778879116"},"sku":"SL-260919-0930","title":"9\/19 Sat. @9:30am","untranslatedTitle":"9\/19 Sat. @9:30am"},{"price":{"amount":60.0,"currencyCode":"USD"},"product":{"title":"Class | Crafting the Perfect Matcha Latte","vendor":"Kettl ","id":"9228053381370","untranslatedTitle":"Class | Crafting the Perfect Matcha Latte","url":"\/products\/class-crafting-the-perfect-matcha-latte","type":"Class"},"id":"50136173510906","image":{"src":"\/\/kettl.co\/cdn\/shop\/files\/bdcda6c0-7a47-459a-beea-7d70f1752ab0.jpg?v=1778879116"},"sku":"SL-260920-0930","title":"9\/20 Sun. @9:30am","untranslatedTitle":"9\/20 Sun. @9:30am"},{"price":{"amount":60.0,"currencyCode":"USD"},"product":{"title":"Class | Crafting the Perfect Matcha Latte","vendor":"Kettl ","id":"9228053381370","untranslatedTitle":"Class | Crafting the Perfect Matcha Latte","url":"\/products\/class-crafting-the-perfect-matcha-latte","type":"Class"},"id":"50136173543674","image":{"src":"\/\/kettl.co\/cdn\/shop\/files\/bdcda6c0-7a47-459a-beea-7d70f1752ab0.jpg?v=1778879116"},"sku":"SL-260921-1100","title":"9\/21 Mon. @11am","untranslatedTitle":"9\/21 Mon. @11am"},{"price":{"amount":60.0,"currencyCode":"USD"},"product":{"title":"Class | Crafting the Perfect Matcha Latte","vendor":"Kettl ","id":"9228053381370","untranslatedTitle":"Class | Crafting the Perfect Matcha Latte","url":"\/products\/class-crafting-the-perfect-matcha-latte","type":"Class"},"id":"50136173576442","image":{"src":"\/\/kettl.co\/cdn\/shop\/files\/bdcda6c0-7a47-459a-beea-7d70f1752ab0.jpg?v=1778879116"},"sku":"SL-260922-1100","title":"9\/22 Tue @11am","untranslatedTitle":"9\/22 Tue @11am"},{"price":{"amount":60.0,"currencyCode":"USD"},"product":{"title":"Class | Crafting the Perfect Matcha Latte","vendor":"Kettl ","id":"9228053381370","untranslatedTitle":"Class | Crafting the Perfect Matcha Latte","url":"\/products\/class-crafting-the-perfect-matcha-latte","type":"Class"},"id":"50136173609210","image":{"src":"\/\/kettl.co\/cdn\/shop\/files\/bdcda6c0-7a47-459a-beea-7d70f1752ab0.jpg?v=1778879116"},"sku":"SL-260925-1000","title":"9\/25 Fri. @10am","untranslatedTitle":"9\/25 Fri. @10am"},{"price":{"amount":60.0,"currencyCode":"USD"},"product":{"title":"Class | Crafting the Perfect Matcha Latte","vendor":"Kettl ","id":"9228053381370","untranslatedTitle":"Class | Crafting the Perfect Matcha Latte","url":"\/products\/class-crafting-the-perfect-matcha-latte","type":"Class"},"id":"50136173641978","image":{"src":"\/\/kettl.co\/cdn\/shop\/files\/bdcda6c0-7a47-459a-beea-7d70f1752ab0.jpg?v=1778879116"},"sku":"SL-260926-0930","title":"9\/26 Sat. @9:30am","untranslatedTitle":"9\/26 Sat. @9:30am"},{"price":{"amount":60.0,"currencyCode":"USD"}
2252,"product":{"title":"Class | Crafting the Perfect Matcha Latte","vendor":"Kettl ","id":"9228053381370","untranslatedTitle":"Class | Crafting the Perfect Matcha Latte","url":"\/products\/class-crafting-the-perfect-matcha-latte","type":"Class"},"id":"50136173674746","image":{"src":"\/\/kettl.co\/cdn\/shop\/files\/bdcda6c0-7a47-459a-beea-7d70f1752ab0.jpg?v=1778879116"},"sku":"SL-260928-1600","title":"9\/28 Mon. @4pm","untranslatedTitle":"9\/28 Mon. @4pm"},{"price":{"amount":60.0,"currencyCode":"USD"},"product":{"title":"Class | Crafting the Perfect Matcha Latte","vendor":"Kettl ","id":"9228053381370","untranslatedTitle":"Class | Crafting the Perfect Matcha Latte","url":"\/products\/class-crafting-the-perfect-matcha-latte","type":"Class"},"id":"50136173740282","image":{"src":"\/\/kettl.co\/cdn\/shop\/files\/bdcda6c0-7a47-459a-beea-7d70f1752ab0.jpg?v=1778879116"},"sku":"SL-261003-0930","title":"10\/03 Sat. @9:30am","untranslatedTitle":"10\/03 Sat. @9:30am"},{"price":{"amount":60.0,"currencyCode":"USD"},"product":{"title":"Class | Crafting the Perfect Matcha Latte","vendor":"Kettl ","id":"9228053381370","untranslatedTitle":"Class | Crafting the Perfect Matcha Latte","url":"\/products\/class-crafting-the-perfect-matcha-latte","type":"Class"},"id":"50276683153658","image":{"src":"\/\/kettl.co\/cdn\/shop\/files\/bdcda6c0-7a47-459a-beea-7d70f1752ab0.jpg?v=1778879116"},"sku":"SL-261006-1100","title":"10\/06 Tue @11am","untranslatedTitle":"10\/06 Tue @11am"},{"price":{"amount":60.0,"currencyCode":"USD"},"product":{"title":"Class | Crafting the Perfect Matcha Latte","vendor":"Kettl ","id":"9228053381370","untranslatedTitle":"Class | Crafting the Perfect Matcha Latte","url":"\/products\/class-crafting-the-perfect-matcha-latte","type":"Class"},"id":"50276683186426","image":{"src":"\/\/kettl.co\/cdn\/shop\/files\/bdcda6c0-7a47-459a-beea-7d70f1752ab0.jpg?v=1778879116"},"sku":"SL-261009-1000","title":"10\/09 Fri @10am","untranslatedTitle":"10\/09 Fri @10am"},{"price":{"amount":60.0,"currencyCode":"USD"},"product":{"title":"Class | Crafting the Perfect Matcha Latte","vendor":"Kettl ","id":"9228053381370","untranslatedTitle":"Class | Crafting the Perfect Matcha Latte","url":"\/products\/class-crafting-the-perfect-matcha-latte","type":"Class"},"id":"50276683219194","image":{"src":"\/\/kettl.co\/cdn\/shop\/files\/bdcda6c0-7a47-459a-beea-7d70f1752ab0.jpg?v=1778879116"},"sku":"SL-261010-0930","title":"10\/10 Sat @ 930 am","untranslatedTitle":"10\/10 Sat @ 930 am"},{"price":{"amount":60.0,"currencyCode":"USD"},"product":{"title":"Class | Crafting the Perfect Matcha Latte","vendor":"Kettl ","id":"9228053381370","untranslatedTitle":"Class | Crafting the Perfect Matcha Latte","url":"\/products\/class-crafting-the-perfect-matcha-latte","type":"Class"},"id":"50276683251962","image":{"src":"\/\/kettl.co\/cdn\/shop\/files\/bdcda6c0-7a47-459a-beea-7d70f1752ab0.jpg?v=1778879116"},"sku":"SL-261012-1600","title":"10\/12 Mon @4pm","untranslatedTitle":"10\/12 Mon @4pm"},{"price":{"amount":60.0,"currencyCode":"USD"},"product":{"title":"Class | Crafting the Perfect Matcha Latte","vendor":"Kettl ","id":"9228053381370","untranslatedTitle":"Class | Crafting the Perfect Matcha Latte","url":"\/products\/class-crafting-the-perfect-matcha-latte","type":"Class"},"id":"50276683284730","image":{"src":"\/\/kettl.co\/cdn\/shop\/files\/bdcda6c0-7a47-459a-beea-7d70f1752ab0.jpg?v=1778879116"},"sku":"SL-261017-0930","title":"10\/17 Sat @ 930 am","untranslatedTitle":"10\/17 Sat @ 930 am"},{"price":{"amount":60.0,"currencyCode":"USD"},"product":{"title":"Class | Crafting the Perfect Matcha Latte","vendor":"Kettl ","id":"9228053381370","untranslatedTitle":"Class | Crafting the Perfect Matcha Latte","url":"\/products\/class-crafting-the-perfect-matcha-latte","type":"Class"},"id":"50276683317498","image":{"src":"\/\/kettl.co\/cdn\/shop\/files\/bdcda6c0-7a47-459a-beea-7d70f1752ab0.jpg?v=1778879116"},"sku":"SL-261019-1100","title":"10\/19 Mon @11am","untranslatedTitle":"10\/19 Mon @11am"},{"price":{"amount":60.0,"currencyCode":"USD"}
2252,"product":{"title":"Class | Crafting the Perfect Matcha Latte","vendor":"Kettl ","id":"9228053381370","untranslatedTitle":"Class | Crafting the Perfect Matcha Latte","url":"\/products\/class-crafting-the-perfect-matcha-latte","type":"Class"},"id":"50276683350266","image":{"src":"\/\/kettl.co\/cdn\/shop\/files\/bdcda6c0-7a47-459a-beea-7d70f1752ab0.jpg?v=1778879116"},"sku":"SL-261022-1100","title":"10\/22 Thu @11am","untranslatedTitle":"10\/22 Thu @11am"},{"price":{"amount":60.0,"currencyCode":"USD"},"product":{"title":"Class | Crafting the Perfect Matcha Latte","vendor":"Kettl ","id":"9228053381370","untranslatedTitle":"Class | Crafting the Perfect Matcha Latte","url":"\/products\/class-crafting-the-perfect-matcha-latte","type":"Class"},"id":"50276683383034","image":{"src":"\/\/kettl.co\/cdn\/shop\/files\/bdcda6c0-7a47-459a-beea-7d70f1752ab0.jpg?v=1778879116"},"sku":"SL-261024-0930","title":"10\/24 Sat @ 930am","untranslatedTitle":"10\/24 Sat @ 930am"},{"price":{"amount":60.0,"currencyCode":"USD"},"product":{"title":"Class | Crafting the Perfect Matcha Latte","vendor":"Kettl ","id":"9228053381370","untranslatedTitle":"Class | Crafting the Perfect Matcha Latte","url":"\/products\/class-crafting-the-perfect-matcha-latte","type":"Class"},"id":"50276683415802","image":{"src":"\/\/kettl.co\/cdn\/shop\/files\/bdcda6c0-7a47-459a-beea-7d70f1752ab0.jpg?v=1778879116"},"sku":"SL-261031-0930","title":"10\/31 Sat  @ 930 am","untranslatedTitle":"10\/31 Sat  @ 930 am"}],"products":[{"id":"9228053381370","handle":"class-crafting-the-perfect-matcha-latte","isCollective":null,"title":"Class | Crafting the Perfect Matcha Latte","type":"Class","untranslatedTitle":"Class | Crafting the Perfect Matcha Latte","url":"\/products\/class-crafting-the-perfect-matcha-latte","vendor":"Kettl ","remoteShopId":null,"variants":[{"id":"50136173478138","image":{"src":"\/\/kettl.co\/cdn\/shop\/files\/bdcda6c0-7a47-459a-beea-7d70f1752ab0.jpg?v=1778879116"},"price":{"amount":60.0,"currencyCode":"USD"},"sku":"SL-260919-0930","title":"9\/19 Sat. @9:30am","untranslatedTitle":"9\/19 Sat. @9:30am"},{"id":"50136173510906","image":{"src":"\/\/kettl.co\/cdn\/shop\/files\/bdcda6c0-7a47-459a-beea-7d70f1752ab0.jpg?v=1778879116"},"price":{"amount":60.0,"currencyCode":"USD"},"sku":"SL-260920-0930","title":"9\/20 Sun. @9:30am","untranslatedTitle":"9\/20 Sun. @9:30am"},{"id":"50136173543674","image":{"src":"\/\/kettl.co\/cdn\/shop\/files\/bdcda6c0-7a47-459a-beea-7d70f1752ab0.jpg?v=1778879116"},"price":{"amount":60.0,"currencyCode":"USD"},"sku":"SL-260921-1100","title":"9\/21 Mon. @11am","untranslatedTitle":"9\/21 Mon. @11am"},{"id":"50136173576442","image":{"src":"\/\/kettl.co\/cdn\/shop\/files\/bdcda6c0-7a47-459a-beea-7d70f1752ab0.jpg?v=1778879116"},"price":{"amount":60.0,"currencyCode":"USD"},"sku":"SL-260922-1100","title":"9\/22 Tue @11am","untranslatedTitle":"9\/22 Tue @11am"},{"id":"50136173609210","image":{"src":"\/\/kettl.co\/cdn\/shop\/files\/bdcda6c0-7a47-459a-beea-7d70f1752ab0.jpg?v=1778879116"},"price":{"amount":60.0,"currencyCode":"USD"},"sku":"SL-260925-1000","title":"9\/25 Fri. @10am","untranslatedTitle":"9\/25 Fri. @10am"},{"id":"50136173641978","image":{"src":"\/\/kettl.co\/cdn\/shop\/files\/bdcda6c0-7a47-459a-beea-7d70f1752ab0.jpg?v=1778879116"},"price":{"amount":60.0,"currencyCode":"USD"},"sku":"SL-260926-0930","title":"9\/26 Sat. @9:30am","untranslatedTitle":"9\/26 Sat. @9:30am"},{"id":"50136173674746","image":{"src":"\/\/kettl.co\/cdn\/shop\/files\/bdcda6c0-7a47-459a-beea-7d70f1752ab0.jpg?v=1778879116"},"price":{"amount":60.0,"currencyCode":"USD"},"sku":"SL-260928-1600","title":"9\/28 Mon. @4pm","untranslatedTitle":"9\/28 Mon. @4pm"},{"id":"50136173740282","image":{"src":"\/\/kettl.co\/cdn\/shop\/files\/bdcda6c0-7a47-459a-beea-7d70f1752ab0.jpg?v=1778879116"},"price":{"amount":60.0,"currencyCode":"USD"},"sku":"SL-261003-0930","title":"10\/03 Sat. @9:30am","untranslatedTitle":"10\/03 Sat. @9:30am"},{"id":"50276683153658","image":{"src":"\/\/kettl.co\/cdn\/shop\/files\/bdcda6c0-7a47-459a-beea-7d70f1752ab0.jpg?v=1778879116"},"price":{"amount":60.0,"currencyCode":"USD"},"sku":"SL-261006-1100","title":"10\/06 Tue @11am","untranslatedTitle":"10\/06 Tue @11am"},{"id":"50276683186426","image":{"src":"\/\/kettl.co\/cdn\/shop\/files\/bdcda6c0-7a47-459a-beea-7d70f1752ab0.jpg?v=1778879116"},"price":{"amount":60.0,"currencyCode":"USD"},"sku":"SL-261009-1000","title":"10\/09 Fri @10am","untranslatedTitle":"10\/09 Fri @10am"},{"id":"50276683219194","image":{"src":"\/\/kettl.co\/cdn\/shop\/files\/bdcda6c0-7a47-459a-beea-7d70f1752ab0.jpg?v=1778879116"},"price":{"amount":60.0,"currencyCode":"USD"},"sku":"SL-261010-0930","title":"10\/10 Sat @ 930 am","untranslatedTitle":"10\/10 Sat @ 930 am"},{"id":"50276683251962","image":{"src":"\/\/kettl.co\/cdn\/shop\/files\/bdcda6c0-7a47-459a-beea-7d70f1752ab0.jpg?v=1778879116"},"price":{"amount":60.0,"currencyCode":"USD"},"sku":"SL-261012-1600","title":"10\/12 Mon @4pm","untranslatedTitle":"10\/12 Mon @4pm"},{"id":"50276683284730","image":{"src":"\/\/kettl.co\/cdn\/shop\/files\/bdcda6c0-7a47-459a-beea-7d70f1752ab0.jpg?v=1778879116"},"price":{"amount":60.0,"currencyCode":"USD"},"sku":"SL-261017-0930","title":"10\/17 Sat @ 930 am","untranslatedTitle":"10\/17 Sat @ 930 am"},{"id":"50276683317498","image":{"src":"\/\/kettl.co\/cdn\/shop\/files\/bdcda6c0-7a47-459a-beea-7d70f1752ab0.jpg?v=1778879116"},"price":{"amount":60.0,"currencyCode":"USD"},"sku":"SL-261019-1100","title":"10\/19 Mon @11am","untranslatedTitle":"10\/19 Mon @11am"},{"id":"50276683350266","image":{"src":"\/\/kettl.co\/cdn\/shop\/files\/bdcda6c0-7a47-459a-beea-7d70f1752ab0.jpg?v=1778879116"},"price":{"amount":60.0,"currencyCode":"USD"},"sku":"SL-261022-1100","title":"10\/22 Thu @11am","untranslatedTitle":"10\/22 Thu @11am"},{"id":"50276683383034","image":{"src":"\/\/kettl.co\/cdn\/shop\/files\/bdcda6c0-7a47-459a-beea-7d70f1752ab0.jpg?v=1778879116"},"price":{"amount":60.0,"currencyCode":"USD"},"sku":"SL-261024-0930","title":"10\/24 Sat @ 930am","untranslatedTitle":"10\/24 Sat @ 930am"},{"id":"50276683415802","image":{"src":"\/\/kettl.co\/cdn\/shop\/files\/bdcda6c0-7a47-459a-beea-7d70f1752ab0.jpg?v=1778879116"},"price":{"amount":60.0,"currencyCode":"USD"},"sku":"SL-261031-0930","title":"10\/31 Sat  @ 930 am","untranslatedTitle":"10\/31 Sat  @ 930 am"}]},{"id":"9060143628538","handle":"class-the-foundational-flavors-of-japanese-tea-umami-sweetness-biterness","isCollective":null,"title":"Class | The Foundational Flavors of Japanese Tea: Umami, Sweetness, Biterness","type":"class","untranslatedTitle":"Class | The Foundational Flavors of Japanese Tea: Umami, Sweetness, Biterness","url":"\/products\/class-the-foundational-flavors-of-japanese-tea-umami-sweetness-biterness","vendor":"Kettl ","remoteShopId":null,"variants":[{"id":"50228973797626","image":{"src":"\/\/kettl.co\/cdn\/shop\/files\/f721518a-4109-4e73-b163-02bbc0d4447c.jpg?v=1776886423"},"price":{"amount":90.0,"currencyCode":"USD"},"sku":"SF-261004-1000","title":"10\/04 Sun. @10am","untranslatedTitle":"10\/04 Sun. @10am"}]},{"id":"9145504891130","handle":"virtual-class-an-introduction-to-matcha","isCollective":null,"title":"Virtual Class | An Introduction to Matcha","type":"Class","untranslatedTitle":"Virtual Class | An Introduction to Matcha","url":"\/products\/virtual-class-an-introduction-to-matcha","vendor":"Kettl ","remoteShopId":null,"variants":[{"id":"48918091497722","image":{"src":"\/\/kettl.co\/cdn\/shop\/files\/c6a78455-0ade-4bd3-84e4-6d36ba003388.jpg?v=1776187667"},"price":{"amount":30.0,"currencyCode":"USD"},"sku":"BKV-260820-1500","title":"Virtual Class Only | Thurs. Oct 22nd 3pm (EST)","untranslatedTitle":"Virtual Class Only | Thurs. Oct 22nd 3pm (EST)"}
2252]},{"id":"9162364879098","handle":"okuju-matcha","isCollective":null,"title":"Okuju Matcha","type":"Matcha","untranslatedTitle":"Okuju Matcha","url":"\/products\/okuju-matcha","vendor":"Kettl ","remoteShopId":null,"variants":[{"id":"48550702186746","image":{"src":"\/\/kettl.co\/cdn\/shop\/files\/a1fc159e-2e1d-439b-84dd-966e7409d3eb.jpg?v=1775077490"},"price":{"amount":45.0,"currencyCode":"USD"},"sku":"022975943748","title":"30g","untranslatedTitle":"30g"}]},{"id":"8771784769786","handle":"uji-homare-matcha","isCollective":null,"title":"Uji Homare Matcha","type":"Matcha","untranslatedTitle":"Uji Homare Matcha","url":"\/products\/uji-homare-matcha","vendor":"Kettl ","remoteShopId":null,"variants":[{"id":"47274794352890","image":{"src":"\/\/kettl.co\/cdn\/shop\/files\/a09da220-cf92-45a7-83cd-d9516e5a4bd9.jpg?v=1776700735"},"price":{"amount":85.0,"currencyCode":"USD"},"sku":"022975933954","title":"100g","untranslatedTitle":"100g"}]},{"id":"4572772106300","handle":"hukuju-matcha","isCollective":null,"title":"Hukuju Matcha","type":"Matcha","untranslatedTitle":"Hukuju Matcha","url":"\/products\/hukuju-matcha","vendor":"Kettl ","remoteShopId":null,"variants":[{"id":"47783373734138","image":{"src":"\/\/kettl.co\/cdn\/shop\/files\/599d9ca7-61cd-42af-a698-afd20169922c.jpg?v=1776700631"},"price":{"amount":65.0,"currencyCode":"USD"},"sku":"030203170262","title":"100g","untranslatedTitle":"100g"}]},{"id":"8937986195706","handle":"tsubaki-matcha-2","isCollective":null,"title":"Tsubaki Matcha","type":"Matcha","untranslatedTitle":"Tsubaki Matcha","url":"\/products\/tsubaki-matcha-2","vendor":"Kettl ","remoteShopId":null,"variants":[{"id":"47768617484538","image":{"src":"\/\/kettl.co\/cdn\/shop\/files\/40a3471e-ce27-49ca-938c-71ee66532e10.jpg?v=1763138568"},"price":{"amount":45.0,"currencyCode":"USD"},"sku":"022974266268","title":"40g","untranslatedTitle":"40g"}]}],"purchasingCompany":null},},"https://kettl.co/cdn","c8540278we853e1abpb62b2c4amde256306",{"modern":"","legacy":""},{"trekkieShim":true,"agentContext":true,"apiClientId":"580111","facebookCapiEnabled":"true","themeId":"160987250938","themePublished":"true","eventMetadataId":"d9ce6890-c47d-44dc-b58e-e2e6ac8d62bd","pageType":"product","resourceId":"9228053381370","shopId":"8061780028","storefrontBaseUrl":"https:\/\/kettl.co","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"16072cab\", \"8450a54b\", \"7ee89bf1\"]","isMerchantRequest":"false","hashVersion":"c8540278we853e1abpb62b2c4amde256306","publish":"custom","events":"[[\"page_viewed\",{}],[\"product_viewed\",{\"productVariant\":{\"price\":{\"amount\":60.0,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Class | Crafting the Perfect Matcha Latte\",\"vendor\":\"Kettl \",\"id\":\"9228053381370\",\"untranslatedTitle\":\"Class | Crafting the Perfect Matcha Latte\",\"url\":\"\/products\/class-crafting-the-perfect-matcha-latte\",\"type\":\"Class\"},\"id\":\"50136173510906\",\"image\":{\"src\":\"\/\/kettl.co\/cdn\/shop\/files\/bdcda6c0-7a47-459a-beea-7d70f1752ab0.jpg?v=1778879116\"},\"sku\":\"SL-260920-0930\",\"title\":\"9\/20 Sun. @9:30am\",\"untranslatedTitle\":\"9\/20 Sun. @9:30am\"}}]]"});})();</script>
2252<script>
2253  window.ShopifyAnalytics = window.ShopifyAnalytics || {};
2254  window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {};
2255  window.ShopifyAnalytics.meta.currency = 'USD';
2256  var meta = {"product":{"id":9228053381370,"gid":"gid:\/\/shopify\/Product\/9228053381370","vendor":"Kettl ","type":"Class","handle":"class-crafting-the-perfect-matcha-latte","variants":[{"id":50136173478138,"price":6000,"name":"Class | Crafting the Perfect Matcha Latte - 9\/19 Sat. @9:30am","public_title":"9\/19 Sat. @9:30am","sku":"SL-260919-0930"},{"id":50136173510906,"price":6000,"name":"Class | Crafting the Perfect Matcha Latte - 9\/20 Sun. @9:30am","public_title":"9\/20 Sun. @9:30am","sku":"SL-260920-0930"},{"id":50136173543674,"price":6000,"name":"Class | Crafting the Perfect Matcha Latte - 9\/21 Mon. @11am","public_title":"9\/21 Mon. @11am","sku":"SL-260921-1100"},{"id":50136173576442,"price":6000,"name":"Class | Crafting the Perfect Matcha Latte - 9\/22 Tue @11am","public_title":"9\/22 Tue @11am","sku":"SL-260922-1100"},{"id":50136173609210,"price":6000,"name":"Class | Crafting the Perfect Matcha Latte - 9\/25 Fri. @10am","public_title":"9\/25 Fri. @10am","sku":"SL-260925-1000"},{"id":50136173641978,"price":6000,"name":"Class | Crafting the Perfect Matcha Latte - 9\/26 Sat. @9:30am","public_title":"9\/26 Sat. @9:30am","sku":"SL-260926-0930"},{"id":50136173674746,"price":6000,"name":"Class | Crafting the Perfect Matcha Latte - 9\/28 Mon. @4pm","public_title":"9\/28 Mon. @4pm","sku":"SL-260928-1600"},{"id":50136173740282,"price":6000,"name":"Class | Crafting the Perfect Matcha Latte - 10\/03 Sat. @9:30am","public_title":"10\/03 Sat. @9:30am","sku":"SL-261003-0930"},{"id":50276683153658,"price":6000,"name":"Class | Crafting the Perfect Matcha Latte - 10\/06 Tue @11am","public_title":"10\/06 Tue @11am","sku":"SL-261006-1100"},{"id":50276683186426,"price":6000,"name":"Class | Crafting the Perfect Matcha Latte - 10\/09 Fri @10am","public_title":"10\/09 Fri @10am","sku":"SL-261009-1000"},{"id":50276683219194,"price":6000,"name":"Class | Crafting the Perfect Matcha Latte - 10\/10 Sat @ 930 am","public_title":"10\/10 Sat @ 930 am","sku":"SL-261010-0930"},{"id":50276683251962,"price":6000,"name":"Class | Crafting the Perfect Matcha Latte - 10\/12 Mon @4pm","public_title":"10\/12 Mon @4pm","sku":"SL-261012-1600"},{"id":50276683284730,"price":6000,"name":"Class | Crafting the Perfect Matcha Latte - 10\/17 Sat @ 930 am","public_title":"10\/17 Sat @ 930 am","sku":"SL-261017-0930"},{"id":50276683317498,"price":6000,"name":"Class | Crafting the Perfect Matcha Latte - 10\/19 Mon @11am","public_title":"10\/19 Mon @11am","sku":"SL-261019-1100"},{"id":50276683350266,"price":6000,"name":"Class | Crafting the Perfect Matcha Latte - 10\/22 Thu @11am","public_title":"10\/22 Thu @11am","sku":"SL-261022-1100"},{"id":50276683383034,"price":6000,"name":"Class | Crafting the Perfect Matcha Latte - 10\/24 Sat @ 930am","public_title":"10\/24 Sat @ 930am","sku":"SL-261024-0930"},{"id":50276683415802,"price":6000,"name":"Class | Crafting the Perfect Matcha Latte - 10\/31 Sat  @ 930 am","public_title":"10\/31 Sat  @ 930 am","sku":"SL-261031-0930"}],"remote":false},"page":{"pageType":"product","resourceType":"product","resourceId":9228053381370,"requestId":"773b54d9-3976-45f1-ab8e-f302ab3cf4bc-1790383413"}};
2257  for (var attr in meta) {
2258    window.ShopifyAnalytics.meta[attr] = meta[attr];
2259  }
2260</script>
vendor: 1 bytes, line 2260
2260
2261<script class="analytics">
2262  (function () {
2263    var customDocumentWrite = function(content) {
2264      var jquery = null;
2265
2266      if (window.jQuery) {
2267        jquery = window.jQuery;
2268      } else if (window.Checkout && window.Checkout.$) {
2269        jquery = window.Checkout.$;
2270      }
2271
2272      if (jquery) {
2273        jquery('body').append(content);
2274      }
2275    };
2276
2277    var hasLoggedConversion = function(token) {
2278      if (token) {
2279        return document.cookie.indexOf('loggedConversion=' + token) !== -1;
2280      }
2281      return false;
2282    }
2283
2284    var setCookieIfConversion = function(token) {
2285      if (token) {
2286        var twoMonthsFromNow = new Date(Date.now());
2287        twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2);
2288
2289        document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow;
2290      }
2291    }
2292
2293    var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || [];
2294    window.ShopifyAnalytics.lib.trekkie = window.trekkie;
2295    if (trekkie.integrations) {
2296      return;
2297    }
2298    trekkie.methods = [
2299      'identify',
2300      'page',
2301      'ready',
2302      'track',
2303      'trackForm',
2304      'trackLink'
2305    ];
2306    trekkie.factory = function(method) {
2307      return function() {
2308        var args = Array.prototype.slice.call(arguments);
2309        args.unshift(method);
2310        trekkie.push(args);
2311        if (method == 'track' || method == 'page') {
2312          var pageUrl;
2313          try {
2314            pageUrl = window.location.href;
2315          } catch (e) {}
2316          var pageReferrer;
2317          try {
2318            pageReferrer = document.referrer;
2319          } catch (e) {}
2320          try {
2321            if (window.__TREKKIE_SHIM_QUEUE == null) {
2322              window.__TREKKIE_SHIM_QUEUE = [];
2323            }
2324            window.__TREKKIE_SHIM_QUEUE.push({
2325              from: 'trekkie-stub',
2326              method: method,
2327              args: args.slice(1),
2328              pageContext: {
2329                url: pageUrl,
2330                referrer: pageReferrer
2331              }
2332            });
2333          } catch (e) {
2334            // no-op
2335          }
2336        }
2337        return trekkie;
2338      };
2339    };
2340    for (var i = 0; i < trekkie.methods.length; i++) {
2341      var key = trekkie.methods[i];
2342      trekkie[key] = trekkie.factory(key);
2343    }
2344    trekkie.load = function(config) {
2345      trekkie.config = config || {};
2346      trekkie.config.initialDocumentCookie = document.cookie;
2347      var first = document.getElementsByTagName('script')[0];
2348var script = document.createElement('script');
2349script.type = 'text/javascript';
2350script.onerror = function(e) {
2351  var scriptFallback = document.createElement('script');
2352  scriptFallback.type = 'text/javascript';
2353  scriptFallback.onerror = function(error) {
2354          var Monorail = {
2355      produce: function produce(monorailDomain, schemaId, payload) {
2356        var currentMs = new Date().getTime();
2357        var event = {
2358          schema_id: schemaId,
2359          payload: payload,
2360          metadata: {
2361            event_created_at_ms: currentMs,
2362            event_sent_at_ms: currentMs
2363          }
2364        };
2365        return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event));
2366      },
2367      sendRequest: function sendRequest(endpointUrl, payload) {
2368        // Try the sendBeacon API
2369        if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) {
2370          var blobData = new window.Blob([payload], {
2371            type: 'text/plain'
2372          });
2373
2374          if (window.navigator.sendBeacon(endpointUrl, blobData)) {
2375            return true;
2376          } // sendBeacon was not successful
2377
2378        } // XHR beacon
2379
2380        var xhr = new XMLHttpRequest();
2381
2382        try {
2383          xhr.open('POST', endpointUrl);
2384          xhr.setRequestHeader('Content-Type', 'text/plain');
2385          xhr.send(payload);
2386        } catch (e) {
2387          console.log(e);
2388        }
2389
2390        return false;
2391      },
2392      isIos12: function isIos12() {
2393        return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1;
2394      }
2395    };
2396    Monorail.produce('monorail-edge.shopifysvc.com',
2397      'trekkie_storefront_load_errors/1.1',
2398      {shop_id: 8061780028,
2399      theme_id: 160987250938,
2400      app_name: "storefront",
2401      context_url: window.location.href,
2402      source_url: "//kettl.co/cdn/s/trekkie.storefront.f1ba865b3fecd812ad617f74ac079261075e9edb.min.js"});
2403
2404  };
2405  scriptFallback.async = true;
2406  scriptFallback.src = '//kettl.co/cdn/s/trekkie.storefront.f1ba865b3fecd812ad617f74ac079261075e9edb.min.js';
2407  first.parentNode.insertBefore(scriptFallback, first);
2408};
2409script.async = true;
2410script.src = '//kettl.co/cdn/s/trekkie.storefront.f1ba865b3fecd812ad617f74ac079261075e9edb.min.js';
2411first.parentNode.insertBefore(script, first);
2412
2413    };
2414    trekkie.load(
2415      {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":8061780028,"isMerchantRequest":null,"themeId":160987250938,"themeCityHash":"16740866049016409191","contentLanguage":"en","currency":"USD","eventMetadataId":"d9ce6890-c47d-44dc-b58e-e2e6ac8d62bd"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["764d78cb","8450a54b","7ee89bf1"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":true,"source":"trekkie-storefront-renderer","apiClientId":580111}}
2416    );
2417
2418    var loaded = false;
2419    trekkie.ready(function() {
2420      if (loaded) return;
2421      loaded = true;
2422
2423      window.ShopifyAnalytics.lib = window.trekkie;
2424
2425      var originalDocumentWrite = document.write;
2426      document.write = customDocumentWrite;
2427      try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {};
2428      document.write = originalDocumentWrite;
2429
2430      var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/)
2431      var token = match? match[1]: undefined;
2432      if (!hasLoggedConversion(token)) {
2433        setCookieIfConversion(token);
2434        window.ShopifyAnalytics.lib.track("Viewed Product",{"currency":"USD","variantId":50136173510906,"productId":9228053381370,"productGid":"gid:\/\/shopify\/Product\/9228053381370","name":"Class | Crafting the Perfect Matcha Latte - 9\/20 Sun. @9:30am","price":"60.00","sku":"SL-260920-0930","brand":"Kettl ","variant":"9\/20 Sun. @9:30am","category":"Class","nonInteraction":true,"remote":false,"available":true},undefined,undefined,{"shopifyEmitted":true});
2435      }
2436    });
2437
2438    window.ShopifyAnalytics.lib.page(null,{"pageType":"product","resourceType":"product","resourceId":9228053381370,"requestId":"773b54d9-3976-45f1-ab8e-f302ab3cf4bc-1790383413","shopifyEmitted":true});
2439
2440    var eventsListenerScript = document.createElement('script');
2441    eventsListenerScript.async = true;
2442    eventsListenerScript.src = "//kettl.co/cdn/shopifycloud/storefront/assets/shop_events_listener-4e26a9ce.js";
2443    document.getElementsByTagName('head')[0].appendChild(eventsListenerScript);
2444})();</script>
2444
2445  
2445<script>
2446  if (!window.ga || (window.ga && typeof window.ga !== 'function')) {
2447    window.ga = function ga() {
2448      (window.ga.q = window.ga.q || []).push(arguments);
2449      if (window.Shopify && window.Shopify.analytics && typeof window.Shopify.analytics.publish === 'function') {
2450        window.Shopify.analytics.publish("ga_stub_called", {}, {sendTo: "google_osp_migration"});
2451      }
2452      console.error("Shopify's Google Analytics stub called with:", Array.from(arguments), "\nSee https://help.shopify.com/manual/promoting-marketing/pixels/pixel-migration#google for more information.");
2453    };
2454    if (window.Shopify && window.Shopify.analytics && typeof window.Shopify.analytics.publish === 'function') {
2455      window.Shopify.analytics.publish("ga_stub_initialized", {}, {sendTo: "google_osp_migration"});
2456    }
2457  }
2458</script>
vendor: 1 bytes, line 2458
2458
2459<script
2460  defer
2461  src="https://kettl.co/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.9.4.min.js"
2462  data-application="storefront-renderer"
2463  data-shop-id="8061780028"
2464  data-render-region="gcp-us-central1"
2465  data-page-type="product"
2466  data-theme-instance-id="160987250938"
2467  data-theme-name="Horizon"
2468  data-theme-version="3.3.0"
2469  data-monorail-region="shop_domain"
2470  data-resource-timing-sampling-rate="10"
2471  data-shs="true"
2472  data-shs-beacon="true"
2473  data-shs-export-with-fetch="true"
2474  data-shs-logs-sample-rate="1"
2475  data-shs-beacon-endpoint="https://kettl.co/api/collect"
2476></script>
2476
2477<meta name="shopify-y" content="24a6469d-7ded-4883-bebf-d33518c52059" data-expiration="1821941013000"><meta name="shopify-s" content="b0861914-26ac-48c4-8bfb-f69fe962004d" data-expiration="1790385213000"><meta name="new-cookie-storage-activated" content="t">
2478</head>
2479
2480  <body class="page-width-normal card-hover-effect-none">
2481    <a
2482  class="skip-to-content-link button-secondary"
2483  href="#MainContent"
2484>
2485  Skip to content
2486</a>
2487
2488    <div id="header-group">
2489      <!-- BEGIN sections: header-group -->
2490<div id="shopify-section-sections--22111673385210__header_announcements_9jGBFp" class="shopify-section shopify-section-group-header-group">
2491  
2491<script
2492    src="//kettl.co/cdn/shop/t/84/assets/announcement-bar.js?v=34024675399582161451774249489"
2493    type="module"
2494    fetchpriority="low"
2495  ></script>
2495
2496
2497
2498<div class="section-background color-scheme-5"></div>
2499<aside
2500  class="announcement-bar spacing-style section section--page-width color-scheme-5"
2501  style="--padding-block-start: 15px; --padding-block-end:15px; 
2502--padding-inline-start:0px; --padding-inline-end:0px; 
2503; --border-bottom-width: 1px;"
2504>
2505  
2506
2507  <announcement-bar-component
2508    class="announcement-bar__slider"
2509    
2510      autoplay="5" aria-live="polite"
2511    
2512  >
2513    
2514      <slideshow-arrows
2515  position="center"
2516  
2517><button
2518  class="
2519    slideshow-control slideshow-control--previous
2520    
2521    
2522    slideshow-control--style-chevron
2523    button button-unstyled button-unstyled--transparent
2524     flip-x
2525  "
2526  
2527  aria-label="Previous slide"
2528  
2529  on:click="/previous"
2530  ref="previous"
2531>
2532  <span class="svg-wrapper icon-caret"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
2533  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
2534</svg>
2535</span>
2536</button>
2537<button
2538  class="
2539    slideshow-control slideshow-control--next
2540    
2541    
2542    slideshow-control--style-chevron
2543    button button-unstyled button-unstyled--transparent
2544    
2545  "
2546  
2547  aria-label="Next slide"
2548  
2549  on:click="/next"
2550  ref="next"
2551>
2552  <span class="svg-wrapper icon-caret"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
2553  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
2554</svg>
2555</span>
2556</button>
2557</slideshow-arrows>
2558
2559    
2560
2561    <div class="announcement-bar__slides">
2562      <slideshow-slide
2563    ref="slides[]"
2564    class="
2565      announcement-bar__slide
2566      text-block
2567      text-block--AV2hqcFRPWTUyWS9lc__announcement_BxgCk9
2568      text-block--align-center
2569      text-block--full-width
2570      custom-typography
2571      custom-font-size
2572      
2573    "
2574    style="
2575      
2576--color: ;--font-size: 0.75rem;      --font-weight: var(--font-subheading--weight);--font-family: var(--font-subheading--family);    --text-transform: none;    --text-wrap: pretty;          --line-height: var(--line-height--body-);        --letter-spacing: var(--letter-spacing--body-normal);
2577      --width: 100%;
2578      --text-align: center;
2579      --line-height: 1;
2580    "
2581    
2582    aria-hidden="false"
2583  >
2584    <p class="announcement-bar__text">
2585      Orders over $150 receive free shipping. All Subscriptions ship free in the USA.
2586    </p>
2587
2588    
2589  </slideshow-slide>
2590
2591
2592<slideshow-slide
2593    ref="slides[]"
2594    class="
2595      announcement-bar__slide
2596      text-block
2597      text-block--AWmNxaHZUMG5ZamZTc__announcement_BhKW87
2598      text-block--align-center
2599      text-block--full-width
2600      custom-typography
2601      custom-font-size
2602      
2603    "
2604    style="
2605      
2606--color: ;--font-size: 0.75rem;      --font-weight: var(--font-subheading--weight);--font-family: var(--font-subheading--family);    --text-transform: none;    --text-wrap: pretty;          --line-height: var(--line-height--body-);        --letter-spacing: var(--letter-spacing--body-normal);
2607      --width: 100%;
2608      --text-align: center;
2609      --line-height: 1;
2610    "
2611    
2612    aria-hidden="true"
2613  >
2614    <p class="announcement-bar__text">
2615      A gift for every ritual—enjoy a complimentary matcha or tea with select tea tools and teaware purchases.
2616    </p>
2617
2618    
2619  </slideshow-slide>
2620
2621
2622
2623    </div>
2624  </announcement-bar-component>
2625</aside>
2626
2627
2628
2629
2630</div><div id="shopify-section-sections--22111673385210__header_section" class="shopify-section shopify-section-group-header-group header-section core">
2631
2632<div
2633  class="custom--header-underlay"
2634  @click="$store.headerMenu.closeDropdown()"
2635  x-data
2636  x-cloak
2637  x-show="$store.headerMenu.headerOpened === true"
2638  x-transition:enter="opacity-0"
2639  x-transition:enter-start="opacity-0"
2640  x-transition:enter-end="opacity-100"
2641  x-transition:leave="opacity-100"
2642  x-transition:leave-start="opacity-100"
2643  x-transition:leave-end="opacity-0"
2644></div>
2645
2646<div
2647  id="header-component"
2648>
2649  
2649<script type="application/json" data-header-menu-config>
2650    {
2651      "isTransparent": false,
2652      "transparentTextColor": "var(--custom-color-white)"
2653    }
2654  </script>
2654
2655  <header
2656  data-custom-component
2657  x-data
2658  id="custom--header-desktop"
2659  class="custom--header-section desktop mobile:hidden"
2660  :class="$store.headerMenu.headerStuck && $store.headerMenu.isTransparent ? 'stuck' : ''"
2661  
2662    @mouseleave="$store.headerMenu.closeDropdown()"
2663  
2664  :style="
2665    $store.headerMenu.headerOpened && `
2666      --custom-header-bg-color: var(--custom-color-white);
2667      --custom-header-text-color: var(--custom-color-black);
2668    `
2669  "
2670>
2671  <div class="custom--header">
2672    <div class="custom--logo custom--header-ends">
2673      <a href="/" aria-label="Home">
2674        <svg width="55" height="50" viewbox="0 0 55 50" fill="none" xmlns="http://www.w3.org/2000/svg">
2675  <g clip-path="url(#clip0_1374_886)">
2676  <path d="M2.53893 41.6483L8.24074 35.7657H9.9817L4.15941 41.7687L11.932 49.6317H10.1609L3.28743 42.6995L2.53743 43.4796V49.6317H1.18652V24.8712H2.53743V41.6483H2.53893Z" fill="currentColor"></path>
2677  <path d="M16.7601 42.8184C16.6697 46.3304 19.1004 48.6708 22.3128 48.6708C24.4739 48.6708 26.2149 47.3801 27.2044 45.5202L28.3444 46.1798C27.0839 48.5804 24.8625 49.9313 22.1321 49.9313C18.0206 49.9313 15.4092 46.6 15.4092 42.6693C15.4092 38.7973 18.0809 35.466 22.1321 35.466C26.3339 35.466 28.8248 38.8274 28.7947 42.8199H16.7601V42.8184ZM27.4438 41.5578C27.114 39.0066 25.0131 36.7265 22.1622 36.7265C19.3414 36.7265 16.9995 38.9479 16.7601 41.5578H27.4438Z" fill="currentColor"></path>
2678  <path d="M36.5617 49.6314H35.2108V37.026H33.6807V35.7654H35.2108V30.8136H36.5617V35.7654H38.9924V37.026H36.5617V49.6314Z" fill="currentColor"></path>
2679  <path d="M45.798 49.6314H44.4471V37.026H42.917V35.7654H44.4471V30.8136H45.798V35.7654H48.2287V37.026H45.798V49.6314Z" fill="currentColor"></path>
2680  <path d="M54.8358 49.6317H53.4849V24.8712H54.8358V49.6317Z" fill="currentColor"></path>
2681  <path d="M27.6548 6.77175C29.5187 6.77175 31.0298 5.26072 31.0298 3.39676C31.0298 1.53279 29.5187 0.0217552 27.6548 0.0217552C25.7908 0.0217552 24.2798 1.53279 24.2798 3.39676C24.2798 5.26072 25.7908 6.77175 27.6548 6.77175Z" fill="#DD6444"></path>
2682  <path d="M12.2905 12.7628C14.1545 12.7628 15.6655 11.2517 15.6655 9.38776C15.6655 7.5238 14.1545 6.01276 12.2905 6.01276C10.4266 6.01276 8.91553 7.5238 8.91553 9.38776C8.91553 11.2517 10.4266 12.7628 12.2905 12.7628Z" fill="#DD6444"></path>
2683  <path d="M43.021 12.7628C44.885 12.7628 46.396 11.2517 46.396 9.38776C46.396 7.5238 44.885 6.01276 43.021 6.01276C41.157 6.01276 39.646 7.5238 39.646 9.38776C39.646 11.2517 41.157 12.7628 43.021 12.7628Z" fill="#DD6444"></path>
2684  </g>
2685</svg>
2686      </a>
2687    </div>
2688    <nav class="custom--menu-items" aria-label="Main navigation">
2689      
2690        
2691          <button
2692            type="button"
2693            class="custom--dropdown-button"
2694            :id="'menu-trigger-1'"
2695            :aria-controls="'menu-panel-1'"
2696            @click="$store.headerMenu.handleDropdownClick('dropdown-collection_dropdown-1')"
2697            @mouseenter="$store.headerMenu.handleDropdownHover('dropdown-collection_dropdown-1')"
2698            :class="$store.headerMenu.activeDropdownId === 'dropdown-collection_dropdown-1' ? 'active' : ''"
2699            :aria-expanded="$store.headerMenu.activeDropdownId === 'dropdown-collection_dropdown-1' ? 'true' : 'false'"
2700          >
2701            Shop
2702          </button>
2703        
2704      
2705        
2706          <button
2707            type="button"
2708            class="custom--dropdown-button"
2709            :id="'menu-trigger-2'"
2710            :aria-controls="'menu-panel-2'"
2711            @click="$store.headerMenu.handleDropdownClick('dropdown-three_up_dropdown-2')"
2712            @mouseenter="$store.headerMenu.handleDropdownHover('dropdown-three_up_dropdown-2')"
2713            :class="$store.headerMenu.activeDropdownId === 'dropdown-three_up_dropdown-2' ? 'active' : ''"
2714            :aria-expanded="$store.headerMenu.activeDropdownId === 'dropdown-three_up_dropdown-2' ? 'true' : 'false'"
2715          >
2716            Experience
2717          </button>
2718        
2719      
2720        
2721          <button
2722            type="button"
2723            class="custom--dropdown-button"
2724            :id="'menu-trigger-3'"
2725            :aria-controls="'menu-panel-3'"
2726            @click="$store.headerMenu.handleDropdownClick('dropdown-three_up_dropdown-3')"
2727            @mouseenter="$store.headerMenu.handleDropdownHover('dropdown-three_up_dropdown-3')"
2728            :class="$store.headerMenu.activeDropdownId === 'dropdown-three_up_dropdown-3' ? 'active' : ''"
2729            :aria-expanded="$store.headerMenu.activeDropdownId === 'dropdown-three_up_dropdown-3' ? 'true' : 'false'"
2730          >
2731            Learn
2732          </button>
2733        
2734      
2735        
2736          <a
2737            href="/pages/our-story"
2738            class="custom--dropdown-button"
2739            @click="$store.headerMenu.closeDropdown()"
2740          >
2741            About
2742          </a>
2743        
2744      
2745    </nav>
2746    <div class="custom--header-ends block-end">
2747      
2748        <a
2749          class="custom--secondary-link"
2750          href="/pages/wholesale-portal"
2751        >
2752          Wholesale
2753        </a>
2754      
2755      <div class="custom--header-actions">
2756        <button
2757          type="button"
2758          class="header-action-button"
2759          aria-label="Open search"
2760          @click="$store.headerMenu.openSearch()"
2761        >
2762          <svg width="18" height="18" viewbox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
2763<circle cx="7.48528" cy="7.48528" r="5.5" transform="rotate(-45 7.48528 7.48528)" stroke="currentColor"></circle>
2764<path d="M12.5874 12.3643L15.5874 15.3643" stroke="currentColor"></path>
2765</svg>
2766        </button>
2767        <a
2768          type="button"
2769          class="header-action-button"
2770          aria-label="Navigate to account page"
2771          href="https://kettl.co/customer_authentication/redirect?locale=en&region_country=US"
2772        >
2773          <svg width="18" height="18" viewbox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
2774<path d="M15 16C12.0001 16 9.00012 10.5148 9.00012 10.5148C9.00012 10.5148 6.00012 16 2.94934 16" stroke="currentColor" stroke-linejoin="round"></path>
2775<circle cx="9" cy="5" r="3.5" stroke="currentColor"></circle>
2776</svg>
2777        </a>
2778        <button
2779          type="button"
2780          class="header-action-button"
2781          aria-label="Open shopping cart"
2782          @click="$store.headerMenu.openCart()"
2783        >
2784          <svg width="18" height="18" viewbox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
2785<path d="M2.90918 6.5H15.0908C15.3168 6.5 15.5 6.68325 15.5 6.90918V9C15.5 12.5899 12.5899 15.5 9 15.5C5.41015 15.5 2.5 12.5899 2.5 9V6.90918C2.5 6.68324 2.68325 6.5 2.90918 6.5Z" stroke="currentColor" stroke-linejoin="round"></path>
2786<path d="M6.5 5V2H11.5V5" stroke="currentColor" stroke-linejoin="round"></path>
2787</svg>
2788        </button>
2789      </div>
2790    </div>
2791    <div class="custom--header-border bottom px" :class="$store.headerMenu.headerOpened === true ? 'visible' : ''">
2792      <div class="custom--dotted-border"></div>
2793    </div>
2794  </div>
2795
2796  <nav
2797    x-data
2798    x-show="$store.headerMenu.headerOpened === true"
2799    @keydown.escape="$store.headerMenu.closeDropdown()"
2800    aria-label="Expanded menu"
2801    class="custom--dropdown-menu"
2802    x-collapse
2803    x-cloak
2804  >
2805    
2806      
2807        <div
2808          style="display: contents"
2809          x-data="
2810            {
2811              runTrap: false
2812            }
2813          "
2814          x-trap="runTrap"
2815          x-show="$store.headerMenu.activeDropdownId === 'dropdown-collection_dropdown-1'"
2816          x-init="
2817            $watch('$store.headerMenu.activeDropdownId', (value) => {
2818              if (value === 'dropdown-collection_dropdown-1') {
2819                setTimeout(() => {
2820                  runTrap = true;
2821                }, 50)
2822              } else {
2823                runTrap = false;
2824              }
2825            })
2826          "
2827        >
2828          <div
2829            id="'menu-panel-1'"
2830            x-cloak
2831            class="custom--dropdown-content"
2832            role="group"
2833            aria-labelledby="'menu-trigger-1'"
2834            tabindex="0"
2835          >
2836            <div class="custom--dropdown-content-block-start">
2837              
2838                <h2 class="custom--dropdown-heading">Curated Selections</h2>
2839                <ul class="custom--dropdown-link-list">
2840                  
2841                    <li>
2842                      <a href="/collections/all" class="custom--link">Shop All</a>
2843                    </li>
2844                  
2845                    <li>
2846                      <a href="/collections/new-releases" class="custom--link">New Releases</a>
2847                    </li>
2848                  
2849                    <li>
2850                      <a href="/collections/best-sellers" class="custom--link">Best Sellers</a>
2851                    </li>
2852                  
2853                    <li>
2854                      <a href="/collections/subscriptions" class="custom--link">Subscriptions</a>
2855                    </li>
2856                  
2857                    <li>
2858                      <a href="/collections/yumi-nakamura-collection" class="custom--link">Yumi Nakamura Collection</a>
2859                    </li>
2860                  
2861                </ul>
2862              
2863            </div>
2864            <div class="custom--dropdown-content-block-end">
2865              
2866                  <div>
2867                    <h2 class="custom--dropdown-heading">Categories</h2>
2868                    <div class="custom--collection-dropdown">
2869                      
2870                        <a href="/collections/matcha-green-tea" class="custom--header-collection-card" data-custom-component>
2871  
2872  <div class="custom--collection-card-image-wrapper">
2873    
2874      <img src="//kettl.co/cdn/shop/files/Matcha_collection_card_03bb232c-ce6f-4307-aa7e-f86404ea786a.jpg?v=1762805804&amp;width=600" srcset="//kettl.co/cdn/shop/files/Matcha_collection_card_03bb232c-ce6f-4307-aa7e-f86404ea786a.jpg?v=1762805804&amp;width=352 352w, //kettl.co/cdn/shop/files/Matcha_collection_card_03bb232c-ce6f-4307-aa7e-f86404ea786a.jpg?v=1762805804&amp;width=600 600w" width="600" height="400" loading="lazy" class="" sizes="(min-width: 750px) 16.66vw, 50vw">
2875    
2876  </div>
2877  <div class="custom--header-collection-card-title">
2878    <h2>Matcha</h2>
2879    <span>
2880      
2881
2882
2883    <svg width="8" height="6" viewBox="0 0 8 6" fill="none" xmlns="http://www.w3.org/2000/svg">
2884      <path d="M4.758 5.31C4.662 5.31 4.584 5.244 4.584 5.16C4.584 5.112 4.608 5.016 4.674 4.836L5.388 2.928L0.978 3.246C0.264 3.324 0 3.036 0 2.658C0 2.274 0.282 1.986 0.978 2.064L5.382 2.376L4.674 0.468C4.608 0.294 4.584 0.222 4.584 0.15C4.584 0.0659996 4.662 0 4.758 0C4.818 0 4.902 0.012 4.992 0.0899997L7.788 2.4C7.878 2.478 7.932 2.544 7.932 2.652C7.932 2.754 7.89 2.826 7.788 2.91L4.992 5.22C4.902 5.292 4.818 5.31 4.758 5.31Z" fill="currentColor"/>
2885    </svg>
2886
2887  
2888
2889    </span>
2890  </div>
2891</a>
2892                        
2893                      
2894                        <a href="/collections/japanese-green-tea" class="custom--header-collection-card" data-custom-component>
2895  
2896  <div class="custom--collection-card-image-wrapper">
2897    
2898      <img src="//kettl.co/cdn/shop/files/Loose_tea_collection_card.jpg?v=1762805325&amp;width=600" srcset="//kettl.co/cdn/shop/files/Loose_tea_collection_card.jpg?v=1762805325&amp;width=352 352w, //kettl.co/cdn/shop/files/Loose_tea_collection_card.jpg?v=1762805325&amp;width=600 600w" width="600" height="400" loading="lazy" class="" sizes="(min-width: 750px) 16.66vw, 50vw">
2899    
2900  </div>
2901  <div class="custom--header-collection-card-title">
2902    <h2>Loose Tea</h2>
2903    <span>
2904      
2905
2906
2907    <svg width="8" height="6" viewBox="0 0 8 6" fill="none" xmlns="http://www.w3.org/2000/svg">
2908      <path d="M4.758 5.31C4.662 5.31 4.584 5.244 4.584 5.16C4.584 5.112 4.608 5.016 4.674 4.836L5.388 2.928L0.978 3.246C0.264 3.324 0 3.036 0 2.658C0 2.274 0.282 1.986 0.978 2.064L5.382 2.376L4.674 0.468C4.608 0.294 4.584 0.222 4.584 0.15C4.584 0.0659996 4.662 0 4.758 0C4.818 0 4.902 0.012 4.992 0.0899997L7.788 2.4C7.878 2.478 7.932 2.544 7.932 2.652C7.932 2.754 7.89 2.826 7.788 2.91L4.992 5.22C4.902 5.292 4.818 5.31 4.758 5.31Z" fill="currentColor"/>
2909    </svg>
2910
2911  
2912
2913    </span>
2914  </div>
2915</a>
2916                        
2917                      
2918                        <a href="/collections/japenese-tea-bags" class="custom--header-collection-card" data-custom-component>
2919  
2920  <div class="custom--collection-card-image-wrapper">
2921    
2922      <img src="//kettl.co/cdn/shop/files/Tea_bag_collection_card.jpg?v=1762805866&amp;width=600" srcset="//kettl.co/cdn/shop/files/Tea_bag_collection_card.jpg?v=1762805866&amp;width=352 352w, //kettl.co/cdn/shop/files/Tea_bag_collection_card.jpg?v=1762805866&amp;width=600 600w" width="600" height="400" loading="lazy" class="" sizes="(min-width: 750px) 16.66vw, 50vw">
2923    
2924  </div>
2925  <div class="custom--header-collection-card-title">
2926    <h2>Tea Bags</h2>
2927    <span>
2928      
2929
2930
2931    <svg width="8" height="6" viewBox="0 0 8 6" fill="none" xmlns="http://www.w3.org/2000/svg">
2932      <path d="M4.758 5.31C4.662 5.31 4.584 5.244 4.584 5.16C4.584 5.112 4.608 5.016 4.674 4.836L5.388 2.928L0.978 3.246C0.264 3.324 0 3.036 0 2.658C0 2.274 0.282 1.986 0.978 2.064L5.382 2.376L4.674 0.468C4.608 0.294 4.584 0.222 4.584 0.15C4.584 0.0659996 4.662 0 4.758 0C4.818 0 4.902 0.012 4.992 0.0899997L7.788 2.4C7.878 2.478 7.932 2.544 7.932 2.652C7.932 2.754 7.89 2.826 7.788 2.91L4.992 5.22C4.902 5.292 4.818 5.31 4.758 5.31Z" fill="currentColor"/>
2933    </svg>
2934
2935  
2936
2937    </span>
2938  </div>
2939</a>
2940                        
2941                      
2942                        <a href="/collections/ceramics" class="custom--header-collection-card" data-custom-component>
2943  
2944  <div class="custom--collection-card-image-wrapper">
2945    
2946      <img src="//kettl.co/cdn/shop/files/Ceramics_collection_card.jpg?v=1762804421&amp;width=600" srcset="//kettl.co/cdn/shop/files/Ceramics_collection_card.jpg?v=1762804421&amp;width=352 352w, //kettl.co/cdn/shop/files/Ceramics_collection_card.jpg?v=1762804421&amp;width=600 600w" width="600" height="400" loading="lazy" class="" sizes="(min-width: 750px) 16.66vw, 50vw">
2947    
2948  </div>
2949  <div class="custom--header-collection-card-title">
2950    <h2>Ceramics</h2>
2951    <span>
2952      
2953
2954
2955    <svg width="8" height="6" viewBox="0 0 8 6" fill="none" xmlns="http://www.w3.org/2000/svg">
2956      <path d="M4.758 5.31C4.662 5.31 4.584 5.244 4.584 5.16C4.584 5.112 4.608 5.016 4.674 4.836L5.388 2.928L0.978 3.246C0.264 3.324 0 3.036 0 2.658C0 2.274 0.282 1.986 0.978 2.064L5.382 2.376L4.674 0.468C4.608 0.294 4.584 0.222 4.584 0.15C4.584 0.0659996 4.662 0 4.758 0C4.818 0 4.902 0.012 4.992 0.0899997L7.788 2.4C7.878 2.478 7.932 2.544 7.932 2.652C7.932 2.754 7.89 2.826 7.788 2.91L4.992 5.22C4.902 5.292 4.818 5.31 4.758 5.31Z" fill="currentColor"/>
2957    </svg>
2958
2959  
2960
2961    </span>
2962  </div>
2963</a>
2964                        
2965                      
2966                        <a href="/collections/tea-tools" class="custom--header-collection-card" data-custom-component>
2967  
2968  <div class="custom--collection-card-image-wrapper">
2969    
2970      <img src="//kettl.co/cdn/shop/files/Tea_tools_collection_card.jpg?v=1762805887&amp;width=600" srcset="//kettl.co/cdn/shop/files/Tea_tools_collection_card.jpg?v=1762805887&amp;width=352 352w, //kettl.co/cdn/shop/files/Tea_tools_collection_card.jpg?v=1762805887&amp;width=600 600w" width="600" height="400" loading="lazy" class="" sizes="(min-width: 750px) 16.66vw, 50vw">
2971    
2972  </div>
2973  <div class="custom--header-collection-card-title">
2974    <h2>Tea Tools</h2>
2975    <span>
2976      
2977
2978
2979    <svg width="8" height="6" viewBox="0 0 8 6" fill="none" xmlns="http://www.w3.org/2000/svg">
2980      <path d="M4.758 5.31C4.662 5.31 4.584 5.244 4.584 5.16C4.584 5.112 4.608 5.016 4.674 4.836L5.388 2.928L0.978 3.246C0.264 3.324 0 3.036 0 2.658C0 2.274 0.282 1.986 0.978 2.064L5.382 2.376L4.674 0.468C4.608 0.294 4.584 0.222 4.584 0.15C4.584 0.0659996 4.662 0 4.758 0C4.818 0 4.902 0.012 4.992 0.0899997L7.788 2.4C7.878 2.478 7.932 2.544 7.932 2.652C7.932 2.754 7.89 2.826 7.788 2.91L4.992 5.22C4.902 5.292 4.818 5.31 4.758 5.31Z" fill="currentColor"/>
2981    </svg>
2982
2983  
2984
2985    </span>
2986  </div>
2987</a>
2988                        
2989                      
2990                        <a href="/collections/incense" class="custom--header-collection-card" data-custom-component>
2991  
2992  <div class="custom--collection-card-image-wrapper">
2993    
2994      <img src="//kettl.co/cdn/shop/files/Incense_colletion_card.jpg?v=1762805084&amp;width=600" srcset="//kettl.co/cdn/shop/files/Incense_colletion_card.jpg?v=1762805084&amp;width=352 352w, //kettl.co/cdn/shop/files/Incense_colletion_card.jpg?v=1762805084&amp;width=600 600w" width="600" height="400" loading="lazy" class="" sizes="(min-width: 750px) 16.66vw, 50vw">
2995    
2996  </div>
2997  <div class="custom--header-collection-card-title">
2998    <h2>Incense</h2>
2999    <span>
3000      
3001
3002
3003    <svg width="8" height="6" viewBox="0 0 8 6" fill="none" xmlns="http://www.w3.org/2000/svg">
3004      <path d="M4.758 5.31C4.662 5.31 4.584 5.244 4.584 5.16C4.584 5.112 4.608 5.016 4.674 4.836L5.388 2.928L0.978 3.246C0.264 3.324 0 3.036 0 2.658C0 2.274 0.282 1.986 0.978 2.064L5.382 2.376L4.674 0.468C4.608 0.294 4.584 0.222 4.584 0.15C4.584 0.0659996 4.662 0 4.758 0C4.818 0 4.902 0.012 4.992 0.0899997L7.788 2.4C7.878 2.478 7.932 2.544 7.932 2.652C7.932 2.754 7.89 2.826 7.788 2.91L4.992 5.22C4.902 5.292 4.818 5.31 4.758 5.31Z" fill="currentColor"/>
3005    </svg>
3006
3007  
3008
3009    </span>
3010  </div>
3011</a>
3012                        
3013                      
3014                        <a href="/collections/matcha-chocolate" class="custom--header-collection-card" data-custom-component>
3015  
3016  <div class="custom--collection-card-image-wrapper">
3017    
3018      <img src="//kettl.co/cdn/shop/files/Chocolate_collection_card.jpg?v=1762808381&amp;width=600" srcset="//kettl.co/cdn/shop/files/Chocolate_collection_card.jpg?v=1762808381&amp;width=352 352w, //kettl.co/cdn/shop/files/Chocolate_collection_card.jpg?v=1762808381&amp;width=600 600w" width="600" height="400" loading="lazy" class="" sizes="(min-width: 750px) 16.66vw, 50vw">
3019    
3020  </div>
3021  <div class="custom--header-collection-card-title">
3022    <h2>Chocolate + Sweets</h2>
3023    <span>
3024      
3025
3026
3027    <svg width="8" height="6" viewBox="0 0 8 6" fill="none" xmlns="http://www.w3.org/2000/svg">
3028      <path d="M4.758 5.31C4.662 5.31 4.584 5.244 4.584 5.16C4.584 5.112 4.608 5.016 4.674 4.836L5.388 2.928L0.978 3.246C0.264 3.324 0 3.036 0 2.658C0 2.274 0.282 1.986 0.978 2.064L5.382 2.376L4.674 0.468C4.608 0.294 4.584 0.222 4.584 0.15C4.584 0.0659996 4.662 0 4.758 0C4.818 0 4.902 0.012 4.992 0.0899997L7.788 2.4C7.878 2.478 7.932 2.544 7.932 2.652C7.932 2.754 7.89 2.826 7.788 2.91L4.992 5.22C4.902 5.292 4.818 5.31 4.758 5.31Z" fill="currentColor"/>
3029    </svg>
3030
3031  
3032
3033    </span>
3034  </div>
3035</a>
3036                        
3037                      
3038                        <a href="/collections/kombucha" class="custom--header-collection-card" data-custom-component>
3039  
3040  <div class="custom--collection-card-image-wrapper">
3041    
3042      <img src="//kettl.co/cdn/shop/files/Kombucha_collection_card.jpg?v=1762810379&amp;width=600" srcset="//kettl.co/cdn/shop/files/Kombucha_collection_card.jpg?v=1762810379&amp;width=352 352w, //kettl.co/cdn/shop/files/Kombucha_collection_card.jpg?v=1762810379&amp;width=600 600w" width="600" height="400" loading="lazy" class="" sizes="(min-width: 750px) 16.66vw, 50vw">
3043    
3044  </div>
3045  <div class="custom--header-collection-card-title">
3046    <h2>Kombucha</h2>
3047    <span>
3048      
3049
3050
3051    <svg width="8" height="6" viewBox="0 0 8 6" fill="none" xmlns="http://www.w3.org/2000/svg">
3052      <path d="M4.758 5.31C4.662 5.31 4.584 5.244 4.584 5.16C4.584 5.112 4.608 5.016 4.674 4.836L5.388 2.928L0.978 3.246C0.264 3.324 0 3.036 0 2.658C0 2.274 0.282 1.986 0.978 2.064L5.382 2.376L4.674 0.468C4.608 0.294 4.584 0.222 4.584 0.15C4.584 0.0659996 4.662 0 4.758 0C4.818 0 4.902 0.012 4.992 0.0899997L7.788 2.4C7.878 2.478 7.932 2.544 7.932 2.652C7.932 2.754 7.89 2.826 7.788 2.91L4.992 5.22C4.902 5.292 4.818 5.31 4.758 5.31Z" fill="currentColor"/>
3053    </svg>
3054
3055  
3056
3057    </span>
3058  </div>
3059</a>
3060                        
3061                          
3062                    </div>
3063                  </div>
3064                
3065            </div>
3066          </div>
3067          <div class="custom--dropdown-footer">
3068            <div class="custom--header-border visible top px">
3069              <div class="custom--dotted-border"></div>
3070            </div>
3071            <div class="custom--dropdown-footer-content">
3072              <div class="custom--dropdown-footer-block-start">
3073                
3074                  
3075                  <a href="https://kettl.co/pages/locations" class="custom--footer-location">
3076                    <div class="custom--footer-location-image">
3077                      <img src="//kettl.co/cdn/shop/files/Kettl_Greenpoint_7c889cb1-7bbd-4fd5-9881-fa12942b483d.jpg?v=1762271649&amp;width=200" srcset="//kettl.co/cdn/shop/files/Kettl_Greenpoint_7c889cb1-7bbd-4fd5-9881-fa12942b483d.jpg?v=1762271649&amp;width=200 200w" width="200" height="200" loading="lazy" class="">
3078                    </div>
3079                    <div>
3080                      <h3>Kettl Greenpoint</h3>
3081                      <p>70 Greenpoint Ave<br />
3082Brooklyn, NY 11222</p>
3083                    </div>
3084                  </a>
3085                
3086                  
3087                  <a href="https://kettl.co/pages/locations" class="custom--footer-location">
3088                    <div class="custom--footer-location-image">
3089                      <img src="//kettl.co/cdn/shop/files/Kettl_Los_Feliz_David.jpg?v=1762271635&amp;width=200" srcset="//kettl.co/cdn/shop/files/Kettl_Los_Feliz_David.jpg?v=1762271635&amp;width=200 200w" width="200" height="200" loading="lazy" class="">
3090                    </div>
3091                    <div>
3092                      <h3>Kettl Los Feliz</h3>
3093                      <p>4677 Hollywood Blvd<br />
3094Los Angeles, CA 90027</p>
3095                    </div>
3096                  </a>
3097                
3098                  
3099                  <a href="https://kettl.co/pages/locations" class="custom--footer-location">
3100                    <div class="custom--footer-location-image">
3101                      <img src="//kettl.co/cdn/shop/files/Kettl_Sen_Mon_Ten_Light.jpg?v=1762271792&amp;width=200" srcset="//kettl.co/cdn/shop/files/Kettl_Sen_Mon_Ten_Light.jpg?v=1762271792&amp;width=200 200w" width="200" height="200" loading="lazy" class="">
3102                    </div>
3103                    <div>
3104                      <h3>Kettl Matcha Sen Mon Ten</h3>
3105                      <p>38 Norman Avenue<br />
3106Brooklyn, NY 11222</p>
3107                    </div>
3108                  </a>
3109                
3110              </div>
3111              <div class="custom--dropdown-footer-block-end">
3112                
3113                  <p>Our experts will guide you through the freshest teas produced in Japan.</p>
3114                
3115                
3116                  <a class="custom--secondary-link" href="/pages/locations">
3117                    Visit us
3118                  </a>
3119                
3120              </div>
3121            </div>
3122          </div>
3123        </div>
3124      
3125    
3126      
3127        <div
3128          style="display: contents"
3129          x-data="
3130            {
3131              runTrap: false
3132            }
3133          "
3134          x-trap="runTrap"
3135          x-show="$store.headerMenu.activeDropdownId === 'dropdown-three_up_dropdown-2'"
3136          x-init="
3137            $watch('$store.headerMenu.activeDropdownId', (value) => {
3138              if (value === 'dropdown-three_up_dropdown-2') {
3139                setTimeout(() => {
3140                  runTrap = true;
3141                }, 50)
3142              } else {
3143                runTrap = false;
3144              }
3145            })
3146          "
3147        >
3148          <div
3149            id="'menu-panel-2'"
3150            x-cloak
3151            class="custom--dropdown-content"
3152            role="group"
3153            aria-labelledby="'menu-trigger-2'"
3154            tabindex="0"
3155          >
3156            <div class="custom--dropdown-content-block-start">
3157              
3158                <h2 class="custom--dropdown-heading">Curated Selections</h2>
3159                <ul class="custom--dropdown-link-list">
3160                  
3161                    <li>
3162                      <a href="/collections/class" class="custom--link">Classes & Events</a>
3163                    </li>
3164                  
3165                    <li>
3166                      <a href="/pages/kettl-studio" class="custom--link">Kettl Studio</a>
3167                    </li>
3168                  
3169                    <li>
3170                      <a href="/pages/locations" class="custom--link">Visit Us</a>
3171                    </li>
3172                  
3173                    <li>
3174                      <a href="/pages/reservations" class="custom--link">Reservations</a>
3175                    </li>
3176                  
3177                </ul>
3178              
3179            </div>
3180            <div class="custom--dropdown-content-block-end">
3181              
3182                  <div>
3183                    <h2 class="custom--dropdown-heading">Featured</h2>
3184                    <div class="custom--three-up-dropown">
3185                      <a href="/products/class-crafting-the-perfect-matcha-latte" class="custom--header-three-up-card">
3186  <div class="custom--header-three-up-card-image">
3187    
3188      <img src="//kettl.co/cdn/shop/files/77be9838-469b-4b04-b1e2-3f4d651fa0f6_e5f489e7-45b3-43cf-b00b-a53a680ccafb.jpg?v=1780520533&amp;width=800" srcset="//kettl.co/cdn/shop/files/77be9838-469b-4b04-b1e2-3f4d651fa0f6_e5f489e7-45b3-43cf-b00b-a53a680ccafb.jpg?v=1780520533&amp;width=352 352w, //kettl.co/cdn/shop/files/77be9838-469b-4b04-b1e2-3f4d651fa0f6_e5f489e7-45b3-43cf-b00b-a53a680ccafb.jpg?v=1780520533&amp;width=800 800w" width="800" height="800" loading="lazy" class="" sizes="(min-width: 750px) 23vw, 100vw">
3189    
3190  </div>
3191  
3192    <h2 class="custom--header-three-up-card-title">Class | Crafting the Perfect Latte (NY)</h2>
3193  
3194  
3195    <span class="underline">
3196      
3197        View Event
3198      
3199    </span>
3200  
3201</a>
3202                      <a href="/products/class-the-foundational-flavors-of-japanese-tea-umami-sweetness-biterness" class="custom--header-three-up-card">
3203  <div class="custom--header-three-up-card-image">
3204    
3205      <img src="//kettl.co/cdn/shop/files/DSCF9792.jpg?v=1769199403&amp;width=800" srcset="//kettl.co/cdn/shop/files/DSCF9792.jpg?v=1769199403&amp;width=352 352w, //kettl.co/cdn/shop/files/DSCF9792.jpg?v=1769199403&amp;width=800 800w" width="800" height="533" loading="lazy" class="" sizes="(min-width: 750px) 23vw, 100vw">
3206    
3207  </div>
3208  
3209    <h2 class="custom--header-three-up-card-title">The Foundational Flavors of Japanese Tea (NY)</h2>
3210  
3211  
3212    <span class="underline">
3213      
3214        View Class
3215      
3216    </span>
3217  
3218</a>
3219                      <a href="/products/virtual-class-an-introduction-to-matcha" class="custom--header-three-up-card">
3220  <div class="custom--header-three-up-card-image">
3221    
3222      <img src="//kettl.co/cdn/shop/files/dscf2665-2.jpg?v=1778271892&amp;width=800" srcset="//kettl.co/cdn/shop/files/dscf2665-2.jpg?v=1778271892&amp;width=352 352w, //kettl.co/cdn/shop/files/dscf2665-2.jpg?v=1778271892&amp;width=800 800w" width="800" height="1000" loading="lazy" class="" sizes="(min-width: 750px) 23vw, 100vw">
3223    
3224  </div>
3225  
3226    <h2 class="custom--header-three-up-card-title">Virtual Class: An Introduction to Matcha</h2>
3227  
3228  
3229    <span class="underline">
3230      
3231        View Class
3232      
3233    </span>
3234  
3235</a>
3236                    </div>
3237                  </div>
3238                
3239            </div>
3240          </div>
3241          <div class="custom--dropdown-footer">
3242            <div class="custom--header-border visible top px">
3243              <div class="custom--dotted-border"></div>
3244            </div>
3245            <div class="custom--dropdown-footer-content">
3246              <div class="custom--dropdown-footer-block-start">
3247                
3248                  
3249                  <a href="https://kettl.co/pages/locations" class="custom--footer-location">
3250                    <div class="custom--footer-location-image">
3251                      <img src="//kettl.co/cdn/shop/files/Kettl_Greenpoint_7c889cb1-7bbd-4fd5-9881-fa12942b483d.jpg?v=1762271649&amp;width=200" srcset="//kettl.co/cdn/shop/files/Kettl_Greenpoint_7c889cb1-7bbd-4fd5-9881-fa12942b483d.jpg?v=1762271649&amp;width=200 200w" width="200" height="200" loading="lazy" class="">
3252                    </div>
3253                    <div>
3254                      <h3>Kettl Greenpoint</h3>
3255                      <p>70 Greenpoint Ave<br />
3256Brooklyn, NY 11222</p>
3257                    </div>
3258                  </a>
3259                
3260                  
3261                  <a href="https://kettl.co/pages/locations" class="custom--footer-location">
3262                    <div class="custom--footer-location-image">
3263                      <img src="//kettl.co/cdn/shop/files/Kettl_Los_Feliz_David.jpg?v=1762271635&amp;width=200" srcset="//kettl.co/cdn/shop/files/Kettl_Los_Feliz_David.jpg?v=1762271635&amp;width=200 200w" width="200" height="200" loading="lazy" class="">
3264                    </div>
3265                    <div>
3266                      <h3>Kettl Los Feliz</h3>
3267                      <p>4677 Hollywood Blvd<br />
3268Los Angeles, CA 90027</p>
3269                    </div>
3270                  </a>
3271                
3272                  
3273                  <a href="https://kettl.co/pages/locations" class="custom--footer-location">
3274                    <div class="custom--footer-location-image">
3275                      <img src="//kettl.co/cdn/shop/files/Kettl_Sen_Mon_Ten_Light.jpg?v=1762271792&amp;width=200" srcset="//kettl.co/cdn/shop/files/Kettl_Sen_Mon_Ten_Light.jpg?v=1762271792&amp;width=200 200w" width="200" height="200" loading="lazy" class="">
3276                    </div>
3277                    <div>
3278                      <h3>Kettl Matcha Sen Mon Ten</h3>
3279                      <p>38 Norman Avenue<br />
3280Brooklyn, NY 11222</p>
3281                    </div>
3282                  </a>
3283                
3284              </div>
3285              <div class="custom--dropdown-footer-block-end">
3286                
3287                  <p>Our experts will guide you through the freshest teas produced in Japan.</p>
3288                
3289                
3290                  <a class="custom--secondary-link" href="/pages/locations">
3291                    Visit us
3292                  </a>
3293                
3294              </div>
3295            </div>
3296          </div>
3297        </div>
3298      
3299    
3300      
3301        <div
3302          style="display: contents"
3303          x-data="
3304            {
3305              runTrap: false
3306            }
3307          "
3308          x-trap="runTrap"
3309          x-show="$store.headerMenu.activeDropdownId === 'dropdown-three_up_dropdown-3'"
3310          x-init="
3311            $watch('$store.headerMenu.activeDropdownId', (value) => {
3312              if (value === 'dropdown-three_up_dropdown-3') {
3313                setTimeout(() => {
3314                  runTrap = true;
3315                }, 50)
3316              } else {
3317                runTrap = false;
3318              }
3319            })
3320          "
3321        >
3322          <div
3323            id="'menu-panel-3'"
3324            x-cloak
3325            class="custom--dropdown-content"
3326            role="group"
3327            aria-labelledby="'menu-trigger-3'"
3328            tabindex="0"
3329          >
3330            <div class="custom--dropdown-content-block-start">
3331              
3332                <h2 class="custom--dropdown-heading">Guides</h2>
3333                <ul class="custom--dropdown-link-list">
3334                  
3335                    <li>
3336                      <a href="/pages/brewing-guides" class="custom--link">Brewing Guides</a>
3337                    </li>
3338                  
3339                    <li>
3340                      <a href="/collections/class" class="custom--link">Classes & Events</a>
3341                    </li>
3342                  
3343                    <li>
3344                      <a href="/blogs/kettl-tea-blog" class="custom--link">Kettl Blog</a>
3345                    </li>
3346                  
3347                    <li>
3348                      <a href="/pages/our-partners" class="custom--link">Our Partners</a>
3349                    </li>
3350                  
3351                </ul>
3352              
3353            </div>
3354            <div class="custom--dropdown-content-block-end">
3355              
3356                  <div>
3357                    <h2 class="custom--dropdown-heading">Featured</h2>
3358                    <div class="custom--three-up-dropown">
3359                      <a href="/pages/matcha-brewing-guide" class="custom--header-three-up-card">
3360  <div class="custom--header-three-up-card-image">
3361    
3362      <img src="//kettl.co/cdn/shop/files/Matcha_pouring.jpg?v=1762292737&amp;width=800" srcset="//kettl.co/cdn/shop/files/Matcha_pouring.jpg?v=1762292737&amp;width=352 352w, //kettl.co/cdn/shop/files/Matcha_pouring.jpg?v=1762292737&amp;width=800 800w" width="800" height="535" loading="lazy" class="" sizes="(min-width: 750px) 23vw, 100vw">
3363    
3364  </div>
3365  
3366    <h2 class="custom--header-three-up-card-title">Whisking the Perfect Matcha</h2>
3367  
3368  
3369    <span class="underline">
3370      
3371        Read More
3372      
3373    </span>
3374  
3375</a>
3376                      <a href="/products/class-crafting-the-perfect-matcha-latte" class="custom--header-three-up-card">
3377  <div class="custom--header-three-up-card-image">
3378    
3379      <img src="//kettl.co/cdn/shop/files/Latte_Pour_2.jpg?v=1762201258&amp;width=800" srcset="//kettl.co/cdn/shop/files/Latte_Pour_2.jpg?v=1762201258&amp;width=352 352w, //kettl.co/cdn/shop/files/Latte_Pour_2.jpg?v=1762201258&amp;width=800 800w" width="800" height="640" loading="lazy" class="" sizes="(min-width: 750px) 23vw, 100vw">
3380    
3381  </div>
3382  
3383    <h2 class="custom--header-three-up-card-title">Class: Crafting the Perfect Matcha Latte</h2>
3384  
3385  
3386    <span class="underline">
3387      
3388        Read More
3389      
3390    </span>
3391  
3392</a>
3393                      <a href="/blogs/kettl-tea-blog/matcha-pricing-2026-update" class="custom--header-three-up-card">
3394  <div class="custom--header-three-up-card-image">
3395    
3396      <img src="//kettl.co/cdn/shop/files/512B9E1A-AE3C-4BEB-987D-F29914AA177F-28036-00000E1D092F0CB6.jpg?v=1761145651&amp;width=800" srcset="//kettl.co/cdn/shop/files/512B9E1A-AE3C-4BEB-987D-F29914AA177F-28036-00000E1D092F0CB6.jpg?v=1761145651&amp;width=352 352w, //kettl.co/cdn/shop/files/512B9E1A-AE3C-4BEB-987D-F29914AA177F-28036-00000E1D092F0CB6.jpg?v=1761145651&amp;width=800 800w" width="800" height="533" loading="lazy" class="" sizes="(min-width: 750px) 23vw, 100vw">
3397    
3398  </div>
3399  
3400    <h2 class="custom--header-three-up-card-title">Kettl Blog: 2026 Matcha Pricing</h2>
3401  
3402  
3403    <span class="underline">
3404      
3405        Read More
3406      
3407    </span>
3408  
3409</a>
3410                    </div>
3411                  </div>
3412                
3413            </div>
3414          </div>
3415          <div class="custom--dropdown-footer">
3416            <div class="custom--header-border visible top px">
3417              <div class="custom--dotted-border"></div>
3418            </div>
3419            <div class="custom--dropdown-footer-content">
3420              <div class="custom--dropdown-footer-block-start">
3421                
3422                  
3423                  <a href="https://kettl.co/pages/locations" class="custom--footer-location">
3424                    <div class="custom--footer-location-image">
3425                      <img src="//kettl.co/cdn/shop/files/Kettl_Greenpoint_7c889cb1-7bbd-4fd5-9881-fa12942b483d.jpg?v=1762271649&amp;width=200" srcset="//kettl.co/cdn/shop/files/Kettl_Greenpoint_7c889cb1-7bbd-4fd5-9881-fa12942b483d.jpg?v=1762271649&amp;width=200 200w" width="200" height="200" loading="lazy" class="">
3426                    </div>
3427                    <div>
3428                      <h3>Kettl Greenpoint</h3>
3429                      <p>70 Greenpoint Ave<br />
3430Brooklyn, NY 11222</p>
3431                    </div>
3432                  </a>
3433                
3434                  
3435                  <a href="https://kettl.co/pages/locations" class="custom--footer-location">
3436                    <div class="custom--footer-location-image">
3437                      <img src="//kettl.co/cdn/shop/files/Kettl_Los_Feliz_David.jpg?v=1762271635&amp;width=200" srcset="//kettl.co/cdn/shop/files/Kettl_Los_Feliz_David.jpg?v=1762271635&amp;width=200 200w" width="200" height="200" loading="lazy" class="">
3438                    </div>
3439                    <div>
3440                      <h3>Kettl Los Feliz</h3>
3441                      <p>4677 Hollywood Blvd<br />
3442Los Angeles, CA 90027</p>
3443                    </div>
3444                  </a>
3445                
3446                  
3447                  <a href="https://kettl.co/pages/locations" class="custom--footer-location">
3448                    <div class="custom--footer-location-image">
3449                      <img src="//kettl.co/cdn/shop/files/Kettl_Sen_Mon_Ten_Light.jpg?v=1762271792&amp;width=200" srcset="//kettl.co/cdn/shop/files/Kettl_Sen_Mon_Ten_Light.jpg?v=1762271792&amp;width=200 200w" width="200" height="200" loading="lazy" class="">
3450                    </div>
3451                    <div>
3452                      <h3>Kettl Matcha Sen Mon Ten</h3>
3453                      <p>38 Norman Avenue<br />
3454Brooklyn, NY 11222</p>
3455                    </div>
3456                  </a>
3457                
3458              </div>
3459              <div class="custom--dropdown-footer-block-end">
3460                
3461                  <p>Our experts will guide you through the freshest teas produced in Japan.</p>
3462                
3463                
3464                  <a class="custom--secondary-link" href="/pages/locations">
3465                    Visit us
3466                  </a>
3467                
3468              </div>
3469            </div>
3470          </div>
3471        </div>
3472      
3473    
3474      
3475    
3476  </nav>
3477</header>
3478
3479  <header
3480  data-custom-component
3481  x-data
3482  id="custom--header-mobile"
3483  class="custom--header-section mobile desktop:hidden"
3484  :style="
3485    $store.headerMenu.headerOpened && `
3486      --custom-header-bg-color: var(--custom-color-white);
3487      --custom-header-text-color: var(--custom-color-black);
3488    `;
3489  "
3490>
3491  <div class="custom--header">
3492    <nav class="custom--menu-items" aria-label="Main navigation">
3493      <div style="width: 16px">
3494        <button
3495          type="button"
3496          class="header-action-button"
3497          aria-label="Open mobile menu"
3498          @click="$store.headerMenu.openDropdown()"
3499          x-show="!$store.headerMenu.headerOpened"
3500          x-cloak
3501        >
3502          <svg width="18" height="18" viewbox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
3503<line x1="2" y1="4.5" x2="16" y2="4.5" stroke="currentColor"></line>
3504<line x1="2" y1="9.5" x2="16" y2="9.5" stroke="currentColor"></line>
3505<line x1="2" y1="14.5" x2="16" y2="14.5" stroke="currentColor"></line>
3506</svg>
3507        </button>
3508        <button
3509          type="button"
3510          class="header-action-button"
3511          aria-label="Close mobile menu"
3512          @click="$store.headerMenu.closeDropdown()"
3513          x-show="$store.headerMenu.headerOpened"
3514          x-cloak
3515        >
3516          <svg width="18" height="18" viewbox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
3517<g clip-path="url(#clip0_1374_1973)">
3518<path d="M14 4L4 14" stroke="currentColor"></path>
3519<path d="M14.0625 14.0625L3.9375 3.9375" stroke="currentColor"></path>
3520</g>
3521<defs>
3522<clippath id="clip0_1374_1973">
3523<rect width="18" height="18" fill="white"></rect>
3524</clippath>
3525</defs>
3526</svg>
3527        </button>
3528      </div>
3529      <button
3530        type="button"
3531        class="header-action-button"
3532        aria-label="Open search"
3533        @click="$store.headerMenu.openSearch()"
3534      >
3535        <svg width="18" height="18" viewbox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
3536<circle cx="7.48528" cy="7.48528" r="5.5" transform="rotate(-45 7.48528 7.48528)" stroke="currentColor"></circle>
3537<path d="M12.5874 12.3643L15.5874 15.3643" stroke="currentColor"></path>
3538</svg>
3539      </button>
3540      <a href="/" class="custom--logo-icon" aria-label="Home">
3541        <svg width="55" height="50" viewbox="0 0 55 50" fill="none" xmlns="http://www.w3.org/2000/svg">
3542  <g clip-path="url(#clip0_1374_886)">
3543  <path d="M2.53893 41.6483L8.24074 35.7657H9.9817L4.15941 41.7687L11.932 49.6317H10.1609L3.28743 42.6995L2.53743 43.4796V49.6317H1.18652V24.8712H2.53743V41.6483H2.53893Z" fill="currentColor"></path>
3544  <path d="M16.7601 42.8184C16.6697 46.3304 19.1004 48.6708 22.3128 48.6708C24.4739 48.6708 26.2149 47.3801 27.2044 45.5202L28.3444 46.1798C27.0839 48.5804 24.8625 49.9313 22.1321 49.9313C18.0206 49.9313 15.4092 46.6 15.4092 42.6693C15.4092 38.7973 18.0809 35.466 22.1321 35.466C26.3339 35.466 28.8248 38.8274 28.7947 42.8199H16.7601V42.8184ZM27.4438 41.5578C27.114 39.0066 25.0131 36.7265 22.1622 36.7265C19.3414 36.7265 16.9995 38.9479 16.7601 41.5578H27.4438Z" fill="currentColor"></path>
3545  <path d="M36.5617 49.6314H35.2108V37.026H33.6807V35.7654H35.2108V30.8136H36.5617V35.7654H38.9924V37.026H36.5617V49.6314Z" fill="currentColor"></path>
3546  <path d="M45.798 49.6314H44.4471V37.026H42.917V35.7654H44.4471V30.8136H45.798V35.7654H48.2287V37.026H45.798V49.6314Z" fill="currentColor"></path>
3547  <path d="M54.8358 49.6317H53.4849V24.8712H54.8358V49.6317Z" fill="currentColor"></path>
3548  <path d="M27.6548 6.77175C29.5187 6.77175 31.0298 5.26072 31.0298 3.39676C31.0298 1.53279 29.5187 0.0217552 27.6548 0.0217552C25.7908 0.0217552 24.2798 1.53279 24.2798 3.39676C24.2798 5.26072 25.7908 6.77175 27.6548 6.77175Z" fill="#DD6444"></path>
3549  <path d="M12.2905 12.7628C14.1545 12.7628 15.6655 11.2517 15.6655 9.38776C15.6655 7.5238 14.1545 6.01276 12.2905 6.01276C10.4266 6.01276 8.91553 7.5238 8.91553 9.38776C8.91553 11.2517 10.4266 12.7628 12.2905 12.7628Z" fill="#DD6444"></path>
3550  <path d="M43.021 12.7628C44.885 12.7628 46.396 11.2517 46.396 9.38776C46.396 7.5238 44.885 6.01276 43.021 6.01276C41.157 6.01276 39.646 7.5238 39.646 9.38776C39.646 11.2517 41.157 12.7628 43.021 12.7628Z" fill="#DD6444"></path>
3551  </g>
3552</svg>
3553      </a>
3554      <a
3555        type="button"
3556        class="header-action-button"
3557        aria-label="Navigate to account page"
3558        href="https://kettl.co/customer_authentication/redirect?locale=en&region_country=US"
3559      >
3560        <svg width="18" height="18" viewbox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
3561<path d="M15 16C12.0001 16 9.00012 10.5148 9.00012 10.5148C9.00012 10.5148 6.00012 16 2.94934 16" stroke="currentColor" stroke-linejoin="round"></path>
3562<circle cx="9" cy="5" r="3.5" stroke="currentColor"></circle>
3563</svg>
3564      </a>
3565      <button
3566        type="button"
3567        class="header-action-button"
3568        aria-label="Open shopping cart"
3569        @click="$store.headerMenu.openCart()"
3570      >
3571        <svg width="18" height="18" viewbox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
3572<path d="M2.90918 6.5H15.0908C15.3168 6.5 15.5 6.68325 15.5 6.90918V9C15.5 12.5899 12.5899 15.5 9 15.5C5.41015 15.5 2.5 12.5899 2.5 9V6.90918C2.5 6.68324 2.68325 6.5 2.90918 6.5Z" stroke="currentColor" stroke-linejoin="round"></path>
3573<path d="M6.5 5V2H11.5V5" stroke="currentColor" stroke-linejoin="round"></path>
3574</svg>
3575      </button>
3576    </nav>
3577    <div class="custom--header-border bottom px" :class="$store.headerMenu.headerOpened === true ? 'visible' : ''">
3578      <div class="custom--dotted-border"></div>
3579    </div>
3580  </div>
3581
3582  <nav
3583    x-data
3584    x-show="$store.headerMenu.headerOpened === true"
3585    x-trap="$store.headerMenu.headerOpened === true"
3586    @keydown.escape="$store.headerMenu.closeDropdown()"
3587    aria-label="Expanded menu"
3588    class="custom--dropdown-menu"
3589    x-collapse
3590    x-cloak
3591  >
3592    <div class="custom--dropdown-content">
3593      <div class="custom--mobile-dropdown-buttons">
3594        
3595          
3596            <div class="custom--mobile-dropdown-button">
3597              <button
3598                class="custom--trigger"
3599                type="button"
3600                :id="'menu-trigger-1'"
3601                :aria-controls="'menu-panel-1'"
3602                @click="$store.headerMenu.handleMobileDropdownClick('dropdown-collection_dropdown-1')"
3603                :aria-expanded="$store.headerMenu.activeDropdownId === 'dropdown-collection_dropdown-1' ? 'true' : 'false'"
3604              >
3605                <span>
3606                  Shop
3607                </span>
3608                <span
3609                  x-show="$store.headerMenu.activeDropdownId !== 'dropdown-collection_dropdown-1'"
3610                  x-cloak
3611                >
3612                  
3613
3614
3615    <svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
3616      <path d="M10.9993 3.75753V18.2425" stroke="currentColor" stroke-width="1.5"/>
3617      <path d="M18.333 11H3.66699" stroke="currentColor" stroke-width="1.5"/>
3618    </svg>
3619
3620  
3621
3622                </span>
3623                <span
3624                  x-show="$store.headerMenu.activeDropdownId === 'dropdown-collection_dropdown-1'"
3625                  x-cloak
3626                >
3627                  
3628
3629
3630    <svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
3631      <g clip-path="url(#clip0_1374_2166)">
3632        <path d="M18.333 11H3.66699" stroke="currentColor" stroke-width="1.5"/>
3633      </g>
3634    </svg>
3635
3636  
3637
3638                </span>
3639                
3640                  <div class="custom--header-border visible bottom">
3641                    <div class="custom--dotted-border"></div>
3642                  </div>
3643                
3644              </button>
3645              <div
3646                id="'menu-panel-1'"
3647                x-cloak
3648                class=""
3649                role="group"
3650                aria-labelledby="'menu-trigger-1'"
3651                x-show="$store.headerMenu.activeDropdownId === 'dropdown-collection_dropdown-1'"
3652                x-collapse
3653              >
3654                <div class="custom--dropdown-content-block-start">
3655                  
3656                    <h2 class="custom--dropdown-heading">Curated Selections</h2>
3657                    <ul class="custom--dropdown-link-list">
3658                      
3659                        <li>
3660                          <a href="/collections/all" class="custom--mobile-dropdown-link">Shop All</a>
3661                        </li>
3662                      
3663                        <li>
3664                          <a href="/collections/new-releases" class="custom--mobile-dropdown-link">New Releases</a>
3665                        </li>
3666                      
3667                        <li>
3668                          <a href="/collections/best-sellers" class="custom--mobile-dropdown-link">Best Sellers</a>
3669                        </li>
3670                      
3671                        <li>
3672                          <a href="/collections/subscriptions" class="custom--mobile-dropdown-link">Subscriptions</a>
3673                        </li>
3674                      
3675                        <li>
3676                          <a href="/collections/yumi-nakamura-collection" class="custom--mobile-dropdown-link">Yumi Nakamura Collection</a>
3677                        </li>
3678                      
3679                    </ul>
3680                  
3681                </div>
3682                <div class="custom--dropdown-content-block-end">
3683                  
3684                      <div>
3685                        <h2 class="custom--dropdown-heading">Categories</h2>
3686                        <div class="custom--collection-dropdown">
3687                          
3688                            <a href="/collections/matcha-green-tea" class="custom--header-collection-card" data-custom-component>
3689  
3690  <div class="custom--collection-card-image-wrapper">
3691    
3692      <img src="//kettl.co/cdn/shop/files/Matcha_collection_card_03bb232c-ce6f-4307-aa7e-f86404ea786a.jpg?v=1762805804&amp;width=600" srcset="//kettl.co/cdn/shop/files/Matcha_collection_card_03bb232c-ce6f-4307-aa7e-f86404ea786a.jpg?v=1762805804&amp;width=352 352w, //kettl.co/cdn/shop/files/Matcha_collection_card_03bb232c-ce6f-4307-aa7e-f86404ea786a.jpg?v=1762805804&amp;width=600 600w" width="600" height="400" loading="lazy" class="" sizes="(min-width: 750px) 16.66vw, 50vw">
3693    
3694  </div>
3695  <div class="custom--header-collection-card-title">
3696    <h2>Matcha</h2>
3697    <span>
3698      
3699
3700
3701    <svg width="8" height="6" viewBox="0 0 8 6" fill="none" xmlns="http://www.w3.org/2000/svg">
3702      <path d="M4.758 5.31C4.662 5.31 4.584 5.244 4.584 5.16C4.584 5.112 4.608 5.016 4.674 4.836L5.388 2.928L0.978 3.246C0.264 3.324 0 3.036 0 2.658C0 2.274 0.282 1.986 0.978 2.064L5.382 2.376L4.674 0.468C4.608 0.294 4.584 0.222 4.584 0.15C4.584 0.0659996 4.662 0 4.758 0C4.818 0 4.902 0.012 4.992 0.0899997L7.788 2.4C7.878 2.478 7.932 2.544 7.932 2.652C7.932 2.754 7.89 2.826 7.788 2.91L4.992 5.22C4.902 5.292 4.818 5.31 4.758 5.31Z" fill="currentColor"/>
3703    </svg>
3704
3705  
3706
3707    </span>
3708  </div>
3709</a>
3710                          
3711                            <a href="/collections/japanese-green-tea" class="custom--header-collection-card" data-custom-component>
3712  
3713  <div class="custom--collection-card-image-wrapper">
3714    
3715      <img src="//kettl.co/cdn/shop/files/Loose_tea_collection_card.jpg?v=1762805325&amp;width=600" srcset="//kettl.co/cdn/shop/files/Loose_tea_collection_card.jpg?v=1762805325&amp;width=352 352w, //kettl.co/cdn/shop/files/Loose_tea_collection_card.jpg?v=1762805325&amp;width=600 600w" width="600" height="400" loading="lazy" class="" sizes="(min-width: 750px) 16.66vw, 50vw">
3716    
3717  </div>
3718  <div class="custom--header-collection-card-title">
3719    <h2>Loose Tea</h2>
3720    <span>
3721      
3722
3723
3724    <svg width="8" height="6" viewBox="0 0 8 6" fill="none" xmlns="http://www.w3.org/2000/svg">
3725      <path d="M4.758 5.31C4.662 5.31 4.584 5.244 4.584 5.16C4.584 5.112 4.608 5.016 4.674 4.836L5.388 2.928L0.978 3.246C0.264 3.324 0 3.036 0 2.658C0 2.274 0.282 1.986 0.978 2.064L5.382 2.376L4.674 0.468C4.608 0.294 4.584 0.222 4.584 0.15C4.584 0.0659996 4.662 0 4.758 0C4.818 0 4.902 0.012 4.992 0.0899997L7.788 2.4C7.878 2.478 7.932 2.544 7.932 2.652C7.932 2.754 7.89 2.826 7.788 2.91L4.992 5.22C4.902 5.292 4.818 5.31 4.758 5.31Z" fill="currentColor"/>
3726    </svg>
3727
3728  
3729
3730    </span>
3731  </div>
3732</a>
3733                          
3734                            <a href="/collections/japenese-tea-bags" class="custom--header-collection-card" data-custom-component>
3735  
3736  <div class="custom--collection-card-image-wrapper">
3737    
3738      <img src="//kettl.co/cdn/shop/files/Tea_bag_collection_card.jpg?v=1762805866&amp;width=600" srcset="//kettl.co/cdn/shop/files/Tea_bag_collection_card.jpg?v=1762805866&amp;width=352 352w, //kettl.co/cdn/shop/files/Tea_bag_collection_card.jpg?v=1762805866&amp;width=600 600w" width="600" height="400" loading="lazy" class="" sizes="(min-width: 750px) 16.66vw, 50vw">
3739    
3740  </div>
3741  <div class="custom--header-collection-card-title">
3742    <h2>Tea Bags</h2>
3743    <span>
3744      
3745
3746
3747    <svg width="8" height="6" viewBox="0 0 8 6" fill="none" xmlns="http://www.w3.org/2000/svg">
3748      <path d="M4.758 5.31C4.662 5.31 4.584 5.244 4.584 5.16C4.584 5.112 4.608 5.016 4.674 4.836L5.388 2.928L0.978 3.246C0.264 3.324 0 3.036 0 2.658C0 2.274 0.282 1.986 0.978 2.064L5.382 2.376L4.674 0.468C4.608 0.294 4.584 0.222 4.584 0.15C4.584 0.0659996 4.662 0 4.758 0C4.818 0 4.902 0.012 4.992 0.0899997L7.788 2.4C7.878 2.478 7.932 2.544 7.932 2.652C7.932 2.754 7.89 2.826 7.788 2.91L4.992 5.22C4.902 5.292 4.818 5.31 4.758 5.31Z" fill="currentColor"/>
3749    </svg>
3750
3751  
3752
3753    </span>
3754  </div>
3755</a>
3756                          
3757                            <a href="/collections/ceramics" class="custom--header-collection-card" data-custom-component>
3758  
3759  <div class="custom--collection-card-image-wrapper">
3760    
3761      <img src="//kettl.co/cdn/shop/files/Ceramics_collection_card.jpg?v=1762804421&amp;width=600" srcset="//kettl.co/cdn/shop/files/Ceramics_collection_card.jpg?v=1762804421&amp;width=352 352w, //kettl.co/cdn/shop/files/Ceramics_collection_card.jpg?v=1762804421&amp;width=600 600w" width="600" height="400" loading="lazy" class="" sizes="(min-width: 750px) 16.66vw, 50vw">
3762    
3763  </div>
3764  <div class="custom--header-collection-card-title">
3765    <h2>Ceramics</h2>
3766    <span>
3767      
3768
3769
3770    <svg width="8" height="6" viewBox="0 0 8 6" fill="none" xmlns="http://www.w3.org/2000/svg">
3771      <path d="M4.758 5.31C4.662 5.31 4.584 5.244 4.584 5.16C4.584 5.112 4.608 5.016 4.674 4.836L5.388 2.928L0.978 3.246C0.264 3.324 0 3.036 0 2.658C0 2.274 0.282 1.986 0.978 2.064L5.382 2.376L4.674 0.468C4.608 0.294 4.584 0.222 4.584 0.15C4.584 0.0659996 4.662 0 4.758 0C4.818 0 4.902 0.012 4.992 0.0899997L7.788 2.4C7.878 2.478 7.932 2.544 7.932 2.652C7.932 2.754 7.89 2.826 7.788 2.91L4.992 5.22C4.902 5.292 4.818 5.31 4.758 5.31Z" fill="currentColor"/>
3772    </svg>
3773
3774  
3775
3776    </span>
3777  </div>
3778</a>
3779                          
3780                            <a href="/collections/tea-tools" class="custom--header-collection-card" data-custom-component>
3781  
3782  <div class="custom--collection-card-image-wrapper">
3783    
3784      <img src="//kettl.co/cdn/shop/files/Tea_tools_collection_card.jpg?v=1762805887&amp;width=600" srcset="//kettl.co/cdn/shop/files/Tea_tools_collection_card.jpg?v=1762805887&amp;width=352 352w, //kettl.co/cdn/shop/files/Tea_tools_collection_card.jpg?v=1762805887&amp;width=600 600w" width="600" height="400" loading="lazy" class="" sizes="(min-width: 750px) 16.66vw, 50vw">
3785    
3786  </div>
3787  <div class="custom--header-collection-card-title">
3788    <h2>Tea Tools</h2>
3789    <span>
3790      
3791
3792
3793    <svg width="8" height="6" viewBox="0 0 8 6" fill="none" xmlns="http://www.w3.org/2000/svg">
3794      <path d="M4.758 5.31C4.662 5.31 4.584 5.244 4.584 5.16C4.584 5.112 4.608 5.016 4.674 4.836L5.388 2.928L0.978 3.246C0.264 3.324 0 3.036 0 2.658C0 2.274 0.282 1.986 0.978 2.064L5.382 2.376L4.674 0.468C4.608 0.294 4.584 0.222 4.584 0.15C4.584 0.0659996 4.662 0 4.758 0C4.818 0 4.902 0.012 4.992 0.0899997L7.788 2.4C7.878 2.478 7.932 2.544 7.932 2.652C7.932 2.754 7.89 2.826 7.788 2.91L4.992 5.22C4.902 5.292 4.818 5.31 4.758 5.31Z" fill="currentColor"/>
3795    </svg>
3796
3797  
3798
3799    </span>
3800  </div>
3801</a>
3802                          
3803                            <a href="/collections/incense" class="custom--header-collection-card" data-custom-component>
3804  
3805  <div class="custom--collection-card-image-wrapper">
3806    
3807      <img src="//kettl.co/cdn/shop/files/Incense_colletion_card.jpg?v=1762805084&amp;width=600" srcset="//kettl.co/cdn/shop/files/Incense_colletion_card.jpg?v=1762805084&amp;width=352 352w, //kettl.co/cdn/shop/files/Incense_colletion_card.jpg?v=1762805084&amp;width=600 600w" width="600" height="400" loading="lazy" class="" sizes="(min-width: 750px) 16.66vw, 50vw">
3808    
3809  </div>
3810  <div class="custom--header-collection-card-title">
3811    <h2>Incense</h2>
3812    <span>
3813      
3814
3815
3816    <svg width="8" height="6" viewBox="0 0 8 6" fill="none" xmlns="http://www.w3.org/2000/svg">
3817      <path d="M4.758 5.31C4.662 5.31 4.584 5.244 4.584 5.16C4.584 5.112 4.608 5.016 4.674 4.836L5.388 2.928L0.978 3.246C0.264 3.324 0 3.036 0 2.658C0 2.274 0.282 1.986 0.978 2.064L5.382 2.376L4.674 0.468C4.608 0.294 4.584 0.222 4.584 0.15C4.584 0.0659996 4.662 0 4.758 0C4.818 0 4.902 0.012 4.992 0.0899997L7.788 2.4C7.878 2.478 7.932 2.544 7.932 2.652C7.932 2.754 7.89 2.826 7.788 2.91L4.992 5.22C4.902 5.292 4.818 5.31 4.758 5.31Z" fill="currentColor"/>
3818    </svg>
3819
3820  
3821
3822    </span>
3823  </div>
3824</a>
3825                          
3826                            <a href="/collections/matcha-chocolate" class="custom--header-collection-card" data-custom-component>
3827  
3828  <div class="custom--collection-card-image-wrapper">
3829    
3830      <img src="//kettl.co/cdn/shop/files/Chocolate_collection_card.jpg?v=1762808381&amp;width=600" srcset="//kettl.co/cdn/shop/files/Chocolate_collection_card.jpg?v=1762808381&amp;width=352 352w, //kettl.co/cdn/shop/files/Chocolate_collection_card.jpg?v=1762808381&amp;width=600 600w" width="600" height="400" loading="lazy" class="" sizes="(min-width: 750px) 16.66vw, 50vw">
3831    
3832  </div>
3833  <div class="custom--header-collection-card-title">
3834    <h2>Chocolate + Sweets</h2>
3835    <span>
3836      
3837
3838
3839    <svg width="8" height="6" viewBox="0 0 8 6" fill="none" xmlns="http://www.w3.org/2000/svg">
3840      <path d="M4.758 5.31C4.662 5.31 4.584 5.244 4.584 5.16C4.584 5.112 4.608 5.016 4.674 4.836L5.388 2.928L0.978 3.246C0.264 3.324 0 3.036 0 2.658C0 2.274 0.282 1.986 0.978 2.064L5.382 2.376L4.674 0.468C4.608 0.294 4.584 0.222 4.584 0.15C4.584 0.0659996 4.662 0 4.758 0C4.818 0 4.902 0.012 4.992 0.0899997L7.788 2.4C7.878 2.478 7.932 2.544 7.932 2.652C7.932 2.754 7.89 2.826 7.788 2.91L4.992 5.22C4.902 5.292 4.818 5.31 4.758 5.31Z" fill="currentColor"/>
3841    </svg>
3842
3843  
3844
3845    </span>
3846  </div>
3847</a>
3848                          
3849                            <a href="/collections/kombucha" class="custom--header-collection-card" data-custom-component>
3850  
3851  <div class="custom--collection-card-image-wrapper">
3852    
3853      <img src="//kettl.co/cdn/shop/files/Kombucha_collection_card.jpg?v=1762810379&amp;width=600" srcset="//kettl.co/cdn/shop/files/Kombucha_collection_card.jpg?v=1762810379&amp;width=352 352w, //kettl.co/cdn/shop/files/Kombucha_collection_card.jpg?v=1762810379&amp;width=600 600w" width="600" height="400" loading="lazy" class="" sizes="(min-width: 750px) 16.66vw, 50vw">
3854    
3855  </div>
3856  <div class="custom--header-collection-card-title">
3857    <h2>Kombucha</h2>
3858    <span>
3859      
3860
3861
3862    <svg width="8" height="6" viewBox="0 0 8 6" fill="none" xmlns="http://www.w3.org/2000/svg">
3863      <path d="M4.758 5.31C4.662 5.31 4.584 5.244 4.584 5.16C4.584 5.112 4.608 5.016 4.674 4.836L5.388 2.928L0.978 3.246C0.264 3.324 0 3.036 0 2.658C0 2.274 0.282 1.986 0.978 2.064L5.382 2.376L4.674 0.468C4.608 0.294 4.584 0.222 4.584 0.15C4.584 0.0659996 4.662 0 4.758 0C4.818 0 4.902 0.012 4.992 0.0899997L7.788 2.4C7.878 2.478 7.932 2.544 7.932 2.652C7.932 2.754 7.89 2.826 7.788 2.91L4.992 5.22C4.902 5.292 4.818 5.31 4.758 5.31Z" fill="currentColor"/>
3864    </svg>
3865
3866  
3867
3868    </span>
3869  </div>
3870</a>
3871                          
3872                        </div>
3873                      </div>
3874                    
3875                </div>
3876              </div>
3877            </div>
3878          
3879        
3880          
3881            <div class="custom--mobile-dropdown-button">
3882              <button
3883                class="custom--trigger"
3884                type="button"
3885                :id="'menu-trigger-2'"
3886                :aria-controls="'menu-panel-2'"
3887                @click="$store.headerMenu.handleMobileDropdownClick('dropdown-three_up_dropdown-2')"
3888                :aria-expanded="$store.headerMenu.activeDropdownId === 'dropdown-three_up_dropdown-2' ? 'true' : 'false'"
3889              >
3890                <span>
3891                  Experience
3892                </span>
3893                <span
3894                  x-show="$store.headerMenu.activeDropdownId !== 'dropdown-three_up_dropdown-2'"
3895                  x-cloak
3896                >
3897                  
3898
3899
3900    <svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
3901      <path d="M10.9993 3.75753V18.2425" stroke="currentColor" stroke-width="1.5"/>
3902      <path d="M18.333 11H3.66699" stroke="currentColor" stroke-width="1.5"/>
3903    </svg>
3904
3905  
3906
3907                </span>
3908                <span
3909                  x-show="$store.headerMenu.activeDropdownId === 'dropdown-three_up_dropdown-2'"
3910                  x-cloak
3911                >
3912                  
3913
3914
3915    <svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
3916      <g clip-path="url(#clip0_1374_2166)">
3917        <path d="M18.333 11H3.66699" stroke="currentColor" stroke-width="1.5"/>
3918      </g>
3919    </svg>
3920
3921  
3922
3923                </span>
3924                
3925                  <div class="custom--header-border visible bottom">
3926                    <div class="custom--dotted-border"></div>
3927                  </div>
3928                
3929              </button>
3930              <div
3931                id="'menu-panel-2'"
3932                x-cloak
3933                class=""
3934                role="group"
3935                aria-labelledby="'menu-trigger-2'"
3936                x-show="$store.headerMenu.activeDropdownId === 'dropdown-three_up_dropdown-2'"
3937                x-collapse
3938              >
3939                <div class="custom--dropdown-content-block-start">
3940                  
3941                    <h2 class="custom--dropdown-heading">Curated Selections</h2>
3942                    <ul class="custom--dropdown-link-list">
3943                      
3944                        <li>
3945                          <a href="/collections/class" class="custom--mobile-dropdown-link">Classes & Events</a>
3946                        </li>
3947                      
3948                        <li>
3949                          <a href="/pages/kettl-studio" class="custom--mobile-dropdown-link">Kettl Studio</a>
3950                        </li>
3951                      
3952                        <li>
3953                          <a href="/pages/locations" class="custom--mobile-dropdown-link">Visit Us</a>
3954                        </li>
3955                      
3956                        <li>
3957                          <a href="/pages/reservations" class="custom--mobile-dropdown-link">Reservations</a>
3958                        </li>
3959                      
3960                    </ul>
3961                  
3962                </div>
3963                <div class="custom--dropdown-content-block-end">
3964                  
3965                      <div>
3966                        <h2 class="custom--dropdown-heading">Featured</h2>
3967                        <div class="custom--three-up-dropown">
3968                          <a href="/products/class-crafting-the-perfect-matcha-latte" class="custom--header-three-up-card">
3969  <div class="custom--header-three-up-card-image">
3970    
3971      <img src="//kettl.co/cdn/shop/files/77be9838-469b-4b04-b1e2-3f4d651fa0f6_e5f489e7-45b3-43cf-b00b-a53a680ccafb.jpg?v=1780520533&amp;width=800" srcset="//kettl.co/cdn/shop/files/77be9838-469b-4b04-b1e2-3f4d651fa0f6_e5f489e7-45b3-43cf-b00b-a53a680ccafb.jpg?v=1780520533&amp;width=352 352w, //kettl.co/cdn/shop/files/77be9838-469b-4b04-b1e2-3f4d651fa0f6_e5f489e7-45b3-43cf-b00b-a53a680ccafb.jpg?v=1780520533&amp;width=800 800w" width="800" height="800" loading="lazy" class="" sizes="(min-width: 750px) 23vw, 100vw">
3972    
3973  </div>
3974  
3975    <h2 class="custom--header-three-up-card-title">Class | Crafting the Perfect Latte (NY)</h2>
3976  
3977  
3978    <span class="underline">
3979      
3980        View Event
3981      
3982    </span>
3983  
3984</a>
3985                          <a href="/products/class-the-foundational-flavors-of-japanese-tea-umami-sweetness-biterness" class="custom--header-three-up-card">
3986  <div class="custom--header-three-up-card-image">
3987    
3988      <img src="//kettl.co/cdn/shop/files/DSCF9792.jpg?v=1769199403&amp;width=800" srcset="//kettl.co/cdn/shop/files/DSCF9792.jpg?v=1769199403&amp;width=352 352w, //kettl.co/cdn/shop/files/DSCF9792.jpg?v=1769199403&amp;width=800 800w" width="800" height="533" loading="lazy" class="" sizes="(min-width: 750px) 23vw, 100vw">
3989    
3990  </div>
3991  
3992    <h2 class="custom--header-three-up-card-title">The Foundational Flavors of Japanese Tea (NY)</h2>
3993  
3994  
3995    <span class="underline">
3996      
3997        View Class
3998      
3999    </span>
4000  
4001</a>
4002                          <a href="/products/virtual-class-an-introduction-to-matcha" class="custom--header-three-up-card">
4003  <div class="custom--header-three-up-card-image">
4004    
4005      <img src="//kettl.co/cdn/shop/files/dscf2665-2.jpg?v=1778271892&amp;width=800" srcset="//kettl.co/cdn/shop/files/dscf2665-2.jpg?v=1778271892&amp;width=352 352w, //kettl.co/cdn/shop/files/dscf2665-2.jpg?v=1778271892&amp;width=800 800w" width="800" height="1000" loading="lazy" class="" sizes="(min-width: 750px) 23vw, 100vw">
4006    
4007  </div>
4008  
4009    <h2 class="custom--header-three-up-card-title">Virtual Class: An Introduction to Matcha</h2>
4010  
4011  
4012    <span class="underline">
4013      
4014        View Class
4015      
4016    </span>
4017  
4018</a>
4019                        </div>
4020                      </div>
4021                    
4022                </div>
4023              </div>
4024            </div>
4025          
4026        
4027          
4028            <div class="custom--mobile-dropdown-button">
4029              <button
4030                class="custom--trigger"
4031                type="button"
4032                :id="'menu-trigger-3'"
4033                :aria-controls="'menu-panel-3'"
4034                @click="$store.headerMenu.handleMobileDropdownClick('dropdown-three_up_dropdown-3')"
4035                :aria-expanded="$store.headerMenu.activeDropdownId === 'dropdown-three_up_dropdown-3' ? 'true' : 'false'"
4036              >
4037                <span>
4038                  Learn
4039                </span>
4040                <span
4041                  x-show="$store.headerMenu.activeDropdownId !== 'dropdown-three_up_dropdown-3'"
4042                  x-cloak
4043                >
4044                  
4045
4046
4047    <svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
4048      <path d="M10.9993 3.75753V18.2425" stroke="currentColor" stroke-width="1.5"/>
4049      <path d="M18.333 11H3.66699" stroke="currentColor" stroke-width="1.5"/>
4050    </svg>
4051
4052  
4053
4054                </span>
4055                <span
4056                  x-show="$store.headerMenu.activeDropdownId === 'dropdown-three_up_dropdown-3'"
4057                  x-cloak
4058                >
4059                  
4060
4061
4062    <svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
4063      <g clip-path="url(#clip0_1374_2166)">
4064        <path d="M18.333 11H3.66699" stroke="currentColor" stroke-width="1.5"/>
4065      </g>
4066    </svg>
4067
4068  
4069
4070                </span>
4071                
4072                  <div class="custom--header-border visible bottom">
4073                    <div class="custom--dotted-border"></div>
4074                  </div>
4075                
4076              </button>
4077              <div
4078                id="'menu-panel-3'"
4079                x-cloak
4080                class=""
4081                role="group"
4082                aria-labelledby="'menu-trigger-3'"
4083                x-show="$store.headerMenu.activeDropdownId === 'dropdown-three_up_dropdown-3'"
4084                x-collapse
4085              >
4086                <div class="custom--dropdown-content-block-start">
4087                  
4088                    <h2 class="custom--dropdown-heading">Guides</h2>
4089                    <ul class="custom--dropdown-link-list">
4090                      
4091                        <li>
4092                          <a href="/pages/brewing-guides" class="custom--mobile-dropdown-link">Brewing Guides</a>
4093                        </li>
4094                      
4095                        <li>
4096                          <a href="/collections/class" class="custom--mobile-dropdown-link">Classes & Events</a>
4097                        </li>
4098                      
4099                        <li>
4100                          <a href="/blogs/kettl-tea-blog" class="custom--mobile-dropdown-link">Kettl Blog</a>
4101                        </li>
4102                      
4103                        <li>
4104                          <a href="/pages/our-partners" class="custom--mobile-dropdown-link">Our Partners</a>
4105                        </li>
4106                      
4107                    </ul>
4108                  
4109                </div>
4110                <div class="custom--dropdown-content-block-end">
4111                  
4112                      <div>
4113                        <h2 class="custom--dropdown-heading">Featured</h2>
4114                        <div class="custom--three-up-dropown">
4115                          <a href="/pages/matcha-brewing-guide" class="custom--header-three-up-card">
4116  <div class="custom--header-three-up-card-image">
4117    
4118      <img src="//kettl.co/cdn/shop/files/Matcha_pouring.jpg?v=1762292737&amp;width=800" srcset="//kettl.co/cdn/shop/files/Matcha_pouring.jpg?v=1762292737&amp;width=352 352w, //kettl.co/cdn/shop/files/Matcha_pouring.jpg?v=1762292737&amp;width=800 800w" width="800" height="535" loading="lazy" class="" sizes="(min-width: 750px) 23vw, 100vw">
4119    
4120  </div>
4121  
4122    <h2 class="custom--header-three-up-card-title">Whisking the Perfect Matcha</h2>
4123  
4124  
4125    <span class="underline">
4126      
4127        Read More
4128      
4129    </span>
4130  
4131</a>
4132                          <a href="/products/class-crafting-the-perfect-matcha-latte" class="custom--header-three-up-card">
4133  <div class="custom--header-three-up-card-image">
4134    
4135      <img src="//kettl.co/cdn/shop/files/Latte_Pour_2.jpg?v=1762201258&amp;width=800" srcset="//kettl.co/cdn/shop/files/Latte_Pour_2.jpg?v=1762201258&amp;width=352 352w, //kettl.co/cdn/shop/files/Latte_Pour_2.jpg?v=1762201258&amp;width=800 800w" width="800" height="640" loading="lazy" class="" sizes="(min-width: 750px) 23vw, 100vw">
4136    
4137  </div>
4138  
4139    <h2 class="custom--header-three-up-card-title">Class: Crafting the Perfect Matcha Latte</h2>
4140  
4141  
4142    <span class="underline">
4143      
4144        Read More
4145      
4146    </span>
4147  
4148</a>
4149                          <a href="/blogs/kettl-tea-blog/matcha-pricing-2026-update" class="custom--header-three-up-card">
4150  <div class="custom--header-three-up-card-image">
4151    
4152      <img src="//kettl.co/cdn/shop/files/512B9E1A-AE3C-4BEB-987D-F29914AA177F-28036-00000E1D092F0CB6.jpg?v=1761145651&amp;width=800" srcset="//kettl.co/cdn/shop/files/512B9E1A-AE3C-4BEB-987D-F29914AA177F-28036-00000E1D092F0CB6.jpg?v=1761145651&amp;width=352 352w, //kettl.co/cdn/shop/files/512B9E1A-AE3C-4BEB-987D-F29914AA177F-28036-00000E1D092F0CB6.jpg?v=1761145651&amp;width=800 800w" width="800" height="533" loading="lazy" class="" sizes="(min-width: 750px) 23vw, 100vw">
4153    
4154  </div>
4155  
4156    <h2 class="custom--header-three-up-card-title">Kettl Blog: 2026 Matcha Pricing</h2>
4157  
4158  
4159    <span class="underline">
4160      
4161        Read More
4162      
4163    </span>
4164  
4165</a>
4166                        </div>
4167                      </div>
4168                    
4169                </div>
4170              </div>
4171            </div>
4172          
4173        
4174          
4175            <div class="custom--mobile-dropdown-button">
4176              <a
4177                href="/pages/our-story"
4178                @click="$store.headerMenu.closeDropdown()"
4179                class="custom--trigger"
4180              >
4181                <span>
4182                  About
4183                </span>
4184                
4185              </a>
4186            </div>
4187          
4188        
4189      </div>
4190      <div class="custom--mobile-dropdown-footer">
4191        <h3>Looking for wholesale information?</h3>
4192        <a
4193          class="custom--secondary-link fit"
4194          href="/pages/bf-2025-wholesale-landing"
4195        >
4196          Learn More
4197        </a>
4198      </div>
4199    </div>
4200  </nav>
4201</header>
4202
4203</div>
4204
4205<style>
4206  body {
4207    --header-height: 69px;
4208    --custom-header-transparent-offset: 0px;
4209    --custom-header-px-desktop: 20px;
4210    --custom-header-px-mobile: 20px;
4211    --header-group-height: var(--header-height);
4212    --sticky-header-offset: var(--header-height);
4213    --custom-color-white: #FCF8F5;
4214    --custom-color-black: #2A2A2A;
4215    --custom-color-border-light: #FCF8F533;
4216    --custom-color-border-dark: #2a2a2a33;
4217    @media (min-width: 750px) {
4218      --header-height: 88px;
4219    }
4220    
4221      --custom-header-position: sticky;
4222      --transparent-header-offset-boolean: 0;
4223      --custom-header-bg-color: var(--custom-color-white);
4224      --custom-header-text-color: var(--custom-color-black);
4225      --custom-secondary-button-border-color: var(--custom-color-border-dark);;
4226    
4227
4228    
4229--locations-display: grid;
4230    
4231  }
4232  
4233    @media (min-width: 1100px) {
4234      .custom--header-section .custom--dropdown-footer-block-start {
4235        display: flex;
4236      }
4237      .custom--header-section .custom--dropdown-footer-block-end {
4238        align-items: center;
4239      }
4240    }
4241  
4242</style>
4243
4244
4245
4246
4247</div><div id="shopify-section-sections--22111673385210__header_actions" class="shopify-section shopify-section-group-header-group">
4247<script
4248  type="module"
4249  src="//kettl.co/cdn/shop/t/84/assets/cart-icon.js?v=157241182139685326961774249491"
4250  fetchpriority="low"
4251></script>
4251
4252
4253
4254
4255<header-actions>
4256  
4257    
4257<script
4258      src="//kettl.co/cdn/shop/t/84/assets/dialog.js?v=150888536568694194021774249488"
4259      type="module"
4260    ></script>
4260
4261
4262    <anchored-popover-component
4263      data-close-on-resize="true"
4264      class="account-popover mobile:hidden"
4265    >
4266      <button
4267  class="account-button header-actions__action"
4268  aria-label="Account"
4269  aria-haspopup="dialog"popovertarget="account-popover"
4270    popovertargetaction="toggle"ref="trigger"
4271  
4272><span
4273      class="account-button__icon"
4274      aria-hidden="true"
4275    ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><circle cx="10" cy="6.5" r="2.75" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m5.172 14.591-.437.786a.588.588 0 0 0 .514.873h9.502a.588.588 0 0 0 .514-.873l-.437-.786a5.523 5.523 0 0 0-9.656 0"/></svg>
4276</span></button>
4277
4278
4279
4280      <div
4281        class="account-popover__panel details-content color-scheme-1"
4282        id="account-popover"
4283        popover="auto"
4284        ref="popover"
4285      >
4286        <div class="account-actions">
4287  <div class="account-actions__main-menu">
4288    <header class="account-actions__header">
4289      <h2
4290        id="account-drawer-heading"
4291        class="account-actions__title h5"
4292      >
4293        
4294          Account
4295        
4296      </h2>
4297      
4298    </header>
4299
4300    
4301      <div
4302        class="account-actions__sign-ins"
4303        data-skip-subtree-update="true"
4304      >
4305        
4305<script
4306          src="//kettl.co/cdn/shop/t/84/assets/account-login-actions.js?v=27524771914008767821774249488"
4307          type="module"
4308          fetchpriority="low"
4309        ></script>
4309
4310        <account-login-actions class="account-actions__shop-login">
4311          
4311<script defer="defer" async type="module" src="https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.shop-login-button.en.esm.js"></script>
vendor: 1 bytes, line 4311
4311
4312<script type="module">
4313  await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.shop-login-button.en.esm.js");
4314
4315  
4316</script>
4316
4317
4318<shop-login-button ux-mode="windoid" return-uri="https://kettl.co/account/redirect" proxy="true" proxy-core-idp="true" redirect-type="iframe" response-type="code"></shop-login-button>
4319
4320        </account-login-actions>
4321
4322        <a
4323          href="/customer_authentication/login?return_to=%2Fproducts%2Fclass-crafting-the-perfect-matcha-latte&locale=en&ui_hint=full&region_country=US"
4324          class="account-actions__link button"
4325        >
4326          <span class="account-actions__sign-in-text">
4327            Other sign in options
4328          </span>
4329          <span class="account-actions__fallback-text">
4330            Sign in
4331          </span>
4332        </a>
4333      </div>
4334    
4335
4336    <nav class="account-actions__nav">
4337      <ul class="account-actions__list">
4338        <li class="account-actions__list-item">
4339          <a
4340            href="/account"
4341            class="account-actions__link button-secondary"
4342          >
4343            <span
4344              class="account-actions__icon"
4345              aria-hidden="true"
4346            ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none">
4347  <path stroke-linecap="round" stroke="currentColor" stroke-width="var(--icon-stroke-width)" d="M2.929 7.705c0-.482.154-.95.44-1.338L5.06 4.08c.303-.41.783-.652 1.293-.652h7.42c.525 0 1.018.257 1.319.69l1.577 2.266c.262.377.403.826.403 1.285v8.294c0 .888-.72 1.608-1.608 1.608H4.536c-.888 0-1.607-.72-1.607-1.608V7.705Z"/>
4348  <path stroke="currentColor" stroke-width="var(--icon-stroke-width)" d="M2.929 6.965h14.143M10 3.428v3.535M6.143 14.035v-2.571c0-.178.143-.321.321-.321h3.857c.178 0 .322.143.322.321v2.571a.321.321 0 0 1-.322.322H6.464a.321.321 0 0 1-.321-.322Z"/>
4349</svg>
4350</span>
4351            Orders
4352          </a>
4353        </li>
4354        <li class="account-actions__list-item">
4355          <a
4356            href="/account/addresses"
4357            class="account-actions__link button-secondary"
4358          >
4359            <span
4360              class="account-actions__icon"
4361              aria-hidden="true"
4362            ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><circle cx="10" cy="6.5" r="2.75" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m5.172 14.591-.437.786a.588.588 0 0 0 .514.873h9.502a.588.588 0 0 0 .514-.873l-.437-.786a5.523 5.523 0 0 0-9.656 0"/></svg>
4363</span>
4364            Profile
4365          </a>
4366        </li>
4367      </ul>
4368    </nav>
4369  </div>
4370</div>
4371
4372
4373
4374      </div>
4375    </anchored-popover-component>
4376
4377    <dialog-component
4378      class="account-drawer"
4379      
4380    >
4381      <button
4382  class="account-button header-actions__action"
4383  aria-label="Account"
4384  aria-haspopup="dialog"ref="trigger"
4385  on:click="/showDialog"
4386><span
4387      class="account-button__icon"
4388      aria-hidden="true"
4389    ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><circle cx="10" cy="6.5" r="2.75" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m5.172 14.591-.437.786a.588.588 0 0 0 .514.873h9.502a.588.588 0 0 0 .514-.873l-.437-.786a5.523 5.523 0 0 0-9.656 0"/></svg>
4390</span></button>
4391
4392
4393
4394      <dialog
4395        ref="dialog"
4396        class="color-scheme-1 dialog-modal dialog-drawer account-drawer__dialog"
4397        scroll-lock
4398        aria-labelledby="account-drawer-heading"
4399      >
4400        <button
4401          ref="closeButton"
4402          on:click="/closeDialog"
4403          class="button button-unstyled close-button account-drawer__close-button"
4404          aria-label="Close dialog"
4405          autofocus
4406        >
4407          <span
4408            class="svg-wrapper"
4409            aria-hidden="true"
4410          ><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
4411  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
4412  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
4413</svg>
4414</span>
4415        </button>
4416        <div class="account-actions">
4417  <div class="account-actions__main-menu">
4418    <header class="account-actions__header">
4419      <h2
4420        id="account-drawer-heading"
4421        class="account-actions__title h5"
4422      >
4423        
4424          Account
4425        
4426      </h2>
4427      
4428    </header>
4429
4430    
4431      <div
4432        class="account-actions__sign-ins"
4433        data-skip-subtree-update="true"
4434      >
4435        
4435<script
4436          src="//kettl.co/cdn/shop/t/84/assets/account-login-actions.js?v=27524771914008767821774249488"
4437          type="module"
4438          fetchpriority="low"
4439        ></script>
4439
4440        <account-login-actions class="account-actions__shop-login">
4441          
4441<script defer="defer" async type="module" src="https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.shop-login-button.en.esm.js"></script>
vendor: 1 bytes, line 4441
4441
4442<script type="module">
4443  await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.shop-login-button.en.esm.js");
4444
4445  
4446</script>
4446
4447
4448<shop-login-button ux-mode="windoid" return-uri="https://kettl.co/account/redirect" proxy="true" proxy-core-idp="true" redirect-type="iframe" response-type="code"></shop-login-button>
4449
4450        </account-login-actions>
4451
4452        <a
4453          href="/customer_authentication/login?return_to=%2Fproducts%2Fclass-crafting-the-perfect-matcha-latte&locale=en&ui_hint=full&region_country=US"
4454          class="account-actions__link button"
4455        >
4456          <span class="account-actions__sign-in-text">
4457            Other sign in options
4458          </span>
4459          <span class="account-actions__fallback-text">
4460            Sign in
4461          </span>
4462        </a>
4463      </div>
4464    
4465
4466    <nav class="account-actions__nav">
4467      <ul class="account-actions__list">
4468        <li class="account-actions__list-item">
4469          <a
4470            href="/account"
4471            class="account-actions__link button-secondary"
4472          >
4473            <span
4474              class="account-actions__icon"
4475              aria-hidden="true"
4476            ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none">
4477  <path stroke-linecap="round" stroke="currentColor" stroke-width="var(--icon-stroke-width)" d="M2.929 7.705c0-.482.154-.95.44-1.338L5.06 4.08c.303-.41.783-.652 1.293-.652h7.42c.525 0 1.018.257 1.319.69l1.577 2.266c.262.377.403.826.403 1.285v8.294c0 .888-.72 1.608-1.608 1.608H4.536c-.888 0-1.607-.72-1.607-1.608V7.705Z"/>
4478  <path stroke="currentColor" stroke-width="var(--icon-stroke-width)" d="M2.929 6.965h14.143M10 3.428v3.535M6.143 14.035v-2.571c0-.178.143-.321.321-.321h3.857c.178 0 .322.143.322.321v2.571a.321.321 0 0 1-.322.322H6.464a.321.321 0 0 1-.321-.322Z"/>
4479</svg>
4480</span>
4481            Orders
4482          </a>
4483        </li>
4484        <li class="account-actions__list-item">
4485          <a
4486            href="/account/addresses"
4487            class="account-actions__link button-secondary"
4488          >
4489            <span
4490              class="account-actions__icon"
4491              aria-hidden="true"
4492            ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><circle cx="10" cy="6.5" r="2.75" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m5.172 14.591-.437.786a.588.588 0 0 0 .514.873h9.502a.588.588 0 0 0 .514-.873l-.437-.786a5.523 5.523 0 0 0-9.656 0"/></svg>
4493</span>
4494            Profile
4495          </a>
4496        </li>
4497      </ul>
4498    </nav>
4499  </div>
4500</div>
4501
4502
4503
4504      </dialog>
4505    </dialog-component>
4506  
4507
4508  
4509    
4509<script
4510      src="//kettl.co/cdn/shop/t/84/assets/cart-drawer.js?v=60516533948368149871774249491"
4511      type="module"
4512      fetchpriority="low"
4513    ></script>
4513
4514
4515    
4516
4517    <cart-drawer-component
4518      class="cart-drawer"
4519      
4520      
4521        auto-open
4522      
4523    >
4524      <template id="empty-cart-template">
4525        
4526      <div class="cart-drawer__header">
4527        <button
4528          ref="closeButton"
4529          on:click="cart-drawer-component/close"
4530          class="button close-button cart-drawer__close-button button-unstyled"
4531          aria-label="Close dialog"
4532        >
4533          <span class="svg-wrapper"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
4534  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
4535  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
4536</svg>
4537</span>
4538        </button>
4539      </div>
4540
4541      <div
4542        class="cart-drawer__content"
4543        aria-label="Cart"
4544      >
4545        <h2
4546          class="cart-drawer__heading h4 cart-drawer__heading--empty"
4547          id="cart-drawer-heading-empty"
4548        >
4549          Your cart is empty
4550        </h2>
4551
4552        <div class="cart-drawer__items">
4553          
4554
4555
4556
4557<script
4558  src="//kettl.co/cdn/shop/t/84/assets/component-cart-items.js?v=16199507049899445991774249489"
4559  type="module"
4560  fetchpriority="low"
4561></script>
vendor: 1 bytes, line 4561
4561
4562<script
4563  src="//kettl.co/cdn/shop/t/84/assets/component-cart-quantity-selector.js?v=105130809908858639751774249489"
4564  type="module"
4565  fetchpriority="low"
4566></script>
vendor: 1 bytes, line 4566
4566
4567<script
4568  src="//kettl.co/cdn/shop/t/84/assets/volume-pricing-info.js?v=94479640769665442661774249489"
4569  type="module"
4570  fetchpriority="low"
4571></script>
4571
4572
4573<div
4574  
4575  class="cart-items__wrapper"
4576  
4577>
4578  
4579<p>
4580        Have an account? <a href="https://kettl.co/customer_authentication/redirect?locale=en&region_country=US">Log in</a> to check out faster.
4581      </p><a
4582      class="button cart-items__empty-button"
4583      href="/collections/best-sellers"
4584    >
4585      <span class="button-text">
4586        Continue shopping
4587      </span>
4588    </a></div>
4589
4590
4591
4592        </div>
4593      </div>
4594    
4595      </template>
4596      <button
4597        class="button header-actions__action button-unstyled"
4598        on:click="/open"
4599        aria-haspopup="dialog"
4600        aria-label="Cart"
4601        aria-describedby="cart-bubble-text"
4602        data-testid="cart-drawer-trigger"
4603      >
4604        
4605  <cart-icon
4606    class="
4607      header-actions__cart-icon
4608      
4609    "
4610    data-testid="cart-icon"
4611  >
4612    <span
4613      class="svg-wrapper"
4614      aria-hidden="true"
4615    >
4616      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M3.392 6.875h13.216v8.016c0 .567-.224 1.112-.624 1.513-.4.402-.941.627-1.506.627H5.522a2.13 2.13 0 0 1-1.506-.627 2.15 2.15 0 0 1-.624-1.513zM8.818 2.969h2.333c.618 0 1.211.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.313c0-.622.246-1.218.683-1.658a2.33 2.33 0 0 1 1.65-.686"/></svg>
4617
4618    </span>
4619
4620    <div
4621  ref="cartBubble"
4622  class="cart-bubble visually-hidden"
4623  
4624  
4625    data-maintain-ratio
4626  
4627>
4628  <span class="cart-bubble__background"></span>
4629  <span
4630    ref="cartBubbleText"
4631    id="cart-bubble-text"
4632    class="cart-bubble__text"
4633    
4634      role="status"
4635    
4636  >
4637    <span class="visually-hidden">Total items in cart: 0
4638    </span>
4639    <span
4640      class="cart-bubble__text-count hidden"
4641      ref="cartBubbleCount"
4642      aria-hidden="true"
4643      data-testid="cart-bubble"
4644    >
46450</span>
4646  </span>
4647</div>
4648
4649  </cart-icon>
4650
4651      </button>
4652
4653      <dialog
4654        ref="dialog"
4655        class="cart-drawer__dialog dialog-modal dialog-drawer color-scheme-1 cart-drawer--empty"
4656        aria-labelledby="cart-drawer-heading-empty"
4657        scroll-lock
4658        cart-summary-sticky="true"
4659      >
4660        <div
4661          class="cart-drawer__inner"
4662          data-hydration-key="cart-drawer-inner"
4663        >
4664          <cart-items-component
4665            class="cart-items-component"
4666            data-drawer
4667            data-section-id="sections--22111673385210__header_actions"
4668          >
4669      <div class="cart-drawer__header">
4670        <button
4671          ref="closeButton"
4672          on:click="cart-drawer-component/close"
4673          class="button close-button cart-drawer__close-button button-unstyled"
4674          aria-label="Close dialog"
4675        >
4676          <span class="svg-wrapper"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
4677  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
4678  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
4679</svg>
4680</span>
4681        </button>
4682      </div>
4683
4684      <div
4685        class="cart-drawer__content"
4686        aria-label="Cart"
4687      >
4688        <h2
4689          class="cart-drawer__heading h4 cart-drawer__heading--empty"
4690          id="cart-drawer-heading-empty"
4691        >
4692          Your cart is empty
4693        </h2>
4694
4695        <div class="cart-drawer__items">
4696          
4697
4698
4699
4700<script
4701  src="//kettl.co/cdn/shop/t/84/assets/component-cart-items.js?v=16199507049899445991774249489"
4702  type="module"
4703  fetchpriority="low"
4704></script>
vendor: 1 bytes, line 4704
4704
4705<script
4706  src="//kettl.co/cdn/shop/t/84/assets/component-cart-quantity-selector.js?v=105130809908858639751774249489"
4707  type="module"
4708  fetchpriority="low"
4709></script>
vendor: 1 bytes, line 4709
4709
4710<script
4711  src="//kettl.co/cdn/shop/t/84/assets/volume-pricing-info.js?v=94479640769665442661774249489"
4712  type="module"
4713  fetchpriority="low"
4714></script>
4714
4715
4716<div
4717  
4718  class="cart-items__wrapper"
4719  
4720>
4721  
4722<p>
4723        Have an account? <a href="https://kettl.co/customer_authentication/redirect?locale=en&region_country=US">Log in</a> to check out faster.
4724      </p><a
4725      class="button cart-items__empty-button"
4726      href="/collections/best-sellers"
4727    >
4728      <span class="button-text">
4729        Continue shopping
4730      </span>
4731    </a></div>
4732
4733
4734
4735        </div>
4736      </div>
4737    
4738</cart-items-component>
4739        </div>
4740      </dialog>
4741    </cart-drawer-component>
4742  
4743</header-actions>
4744
4745
4746
4747
4748
4749</div>
4750<!-- END sections: header-group -->
4751    </div>
4752
4753    
4753<script>
4754      // Inline header height and menu style calculations to prevent layout shift
4755      // Note: Updates in calculateHeaderGroupHeight(), updateTransparentHeaderOffset() and setHeaderMenuStyle() utilities.js should be kept in sync with this function
4756      (function setHeaderHeighCustomProperties() {
4757        /*
4758         * Header calculation functions for maintaining CSS variables
4759         * Mimic calculateHeaderGroupHeight() in utilities.js
4760         */
4761        const header = document.querySelector('header-component');
4762        const headerGroup = document.querySelector('#header-group');
4763        const hasHeaderSection = headerGroup?.querySelector('.header-section');
4764
4765        if (!header || !headerGroup) return;
4766
4767        const headerHeight = header.offsetHeight;
4768
4769        // Calculate the total height of the header group
4770        let headerGroupHeight = 0;
4771        const children = headerGroup.children;
4772        for (let i = 0; i < children.length; i++) {
4773          const element = children[i];
4774          if (element === header || !(element instanceof HTMLElement)) continue;
4775          headerGroupHeight += element.offsetHeight;
4776        }
4777
4778        // Check for transparent header special case
4779        if (header.hasAttribute('transparent') && header.parentElement?.nextElementSibling) {
4780          headerGroupHeight += headerHeight;
4781        }
4782
4783        // Set CSS variables
4784        document.body.style.setProperty('--header-height', `${headerHeight}px`);
4785        document.body.style.setProperty('--header-group-height', `${headerGroupHeight}px`);
4786
4787        /**
4788         * Updates CSS custom properties for transparent header offset calculation
4789         * Mimic updateTransparentHeaderOffset() in utilities.js
4790         */
4791
4792        if (!hasHeaderSection || !header?.hasAttribute('transparent')) {
4793          document.body.style.setProperty('--transparent-header-offset-boolean', '0');
4794          return;
4795        }
4796
4797        const hasImmediateSection = hasHeaderSection.nextElementSibling?.classList.contains('shopify-section');
4798
4799        const shouldApplyOffset = !hasImmediateSection ? '1' : '0';
4800        document.body.style.setProperty('--transparent-header-offset-boolean', shouldApplyOffset);
4801      })();
4802
4803      (function setHeaderMenuStyle() {
4804        const headerComponent = document.querySelector('#header-component');
4805        if (headerComponent) {
4806          const isTouchDevice = 'ontouchstart' in window && navigator.maxTouchPoints > 0;
4807          const overflowList = headerComponent?.querySelector('overflow-list');
4808          const hasReachedMinimum = overflowList && overflowList.hasAttribute('minimum-reached');
4809          headerComponent.dataset.menuStyle = isTouchDevice || hasReachedMinimum ? 'drawer' : 'menu';
4810        }
4811      })();
4812    </script>
4812
4813
4814    <main
4815      id="MainContent"
4816      class="content-for-layout"
4817      role="main"
4818      data-page-transition-enabled="false"
4819      data-product-transition="false"
4820      data-template="product.classes"
4821    >
4822      <div id="shopify-section-template--22111673876730__main" class="shopify-section">
4822<script type="application/ld+json">
4823  {"@context":"http:\/\/schema.org\/","@id":"\/products\/class-crafting-the-perfect-matcha-latte#product","@type":"ProductGroup","brand":{"@type":"Brand","name":"Kettl "},"category":"Event Tickets","description":"Learn to make the perfect Kettl Matcha latte in this hands-on session at our Matcha Sen Mon Ten. Guests will learn the proper technique to whisk Matcha specifically for lattes, how to steam cafe-quality milk, and the basics of freehand latte art pouring. This is the perfect class for those looking to bring the experience of Kettl into their homes.\nThe class is 120 minutes long and features an info session, hands-on matcha whisking and milk steaming, and a small dessert pairing.\nThe class will be held at 38 Norman Ave Unit B, Brooklyn, NY 11222Bundle \u0026amp; Save: All class ticket purchases qualify for a 15% discount on any additional item when purchased together. Your savings will automatically be applied in your cart.\nPlease note all classes are non-refundable and non-transferable.","hasVariant":[{"@id":"\/products\/class-crafting-the-perfect-matcha-latte?variant=50136173478138#variant","@type":"Product","image":"https:\/\/kettl.co\/cdn\/shop\/files\/bdcda6c0-7a47-459a-beea-7d70f1752ab0.jpg?v=1778879116\u0026width=1920","name":"Class | Crafting the Perfect Matcha Latte - 9\/19 Sat. @9:30am","offers":{"@id":"\/products\/class-crafting-the-perfect-matcha-latte?variant=50136173478138#offer","@type":"Offer","availability":"http:\/\/schema.org\/OutOfStock","price":"60.00","priceCurrency":"USD","url":"https:\/\/kettl.co\/products\/class-crafting-the-perfect-matcha-latte?variant=50136173478138"},"sku":"SL-260919-0930"},{"@id":"\/products\/class-crafting-the-perfect-matcha-latte?variant=50136173510906#variant","@type":"Product","image":"https:\/\/kettl.co\/cdn\/shop\/files\/bdcda6c0-7a47-459a-beea-7d70f1752ab0.jpg?v=1778879116\u0026width=1920","name":"Class | Crafting the Perfect Matcha Latte - 9\/20 Sun. @9:30am","offers":{"@id":"\/products\/class-crafting-the-perfect-matcha-latte?variant=50136173510906#offer","@type":"Offer","availability":"http:\/\/schema.org\/InStock","price":"60.00","priceCurrency":"USD","url":"https:\/\/kettl.co\/products\/class-crafting-the-perfect-matcha-latte?variant=50136173510906"},"sku":"SL-260920-0930"},{"@id":"\/products\/class-crafting-the-perfect-matcha-latte?variant=50136173543674#variant","@type":"Product","image":"https:\/\/kettl.co\/cdn\/shop\/files\/bdcda6c0-7a47-459a-beea-7d70f1752ab0.jpg?v=1778879116\u0026width=1920","name":"Class | Crafting the Perfect Matcha Latte - 9\/21 Mon. @11am","offers":{"@id":"\/products\/class-crafting-the-perfect-matcha-latte?variant=50136173543674#offer","@type":"Offer","availability":"http:\/\/schema.org\/InStock","price":"60.00","priceCurrency":"USD","url":"https:\/\/kettl.co\/products\/class-crafting-the-perfect-matcha-latte?variant=50136173543674"},"sku":"SL-260921-1100"},{"@id":"\/products\/class-crafting-the-perfect-matcha-latte?variant=50136173576442#variant","@type":"Product","image":"https:\/\/kettl.co\/cdn\/shop\/files\/bdcda6c0-7a47-459a-beea-7d70f1752ab0.jpg?v=1778879116\u0026width=1920","name":"Class | Crafting the Perfect Matcha Latte - 9\/22 Tue @11am","offers":{"@id":"\/products\/class-crafting-the-perfect-matcha-latte?variant=50136173576442#offer","@type":"Offer","availability":"http:\/\/schema.org\/InStock","price":"60.00","priceCurrency":"USD","url":"https:\/\/kettl.co\/products\/class-crafting-the-perfect-matcha-latte?variant=50136173576442"},"sku":"SL-260922-1100"},{"@id":"\/products\/class-crafting-the-perfect-matcha-latte?variant=50136173609210#variant","@type":"Product","image":"https:\/\/kettl.co\/cdn\/shop\/files\/bdcda6c0-7a47-459a-beea-7d70f1752ab0.jpg?v=1778879116\u0026width=1920","name":"Class | Crafting the Perfect Matcha Latte - 9\/25 Fri. @10am","offers":{"@id":"\/products\/class-crafting-the-perfect-matcha-latte?variant=50136173609210#offer","@type":"Offer","availability":"http:\/\/schema.org\/InStock","price":"60.00","priceCurrency":"USD","url":"https:\/\/kettl.co\/products\/class-crafting-the-perfect-matcha-latte?variant=50136173609210"},"sku":"SL-260925-1000"},{"@id":"\/products\/class-crafting-the-perfect-matcha-latte?variant=50136173641978#variant","@type":"Product","image":"https:\/\/kettl.co\/cdn\/shop\/files\/bdcda6c0-7a47-459a-beea-7d70f1752ab0.jpg?v=1778879116\u0026width=1920","name":"Class | Crafting the Perfect Matcha L
4823atte - 9\/26 Sat. @9:30am","offers":{"@id":"\/products\/class-crafting-the-perfect-matcha-latte?variant=50136173641978#offer","@type":"Offer","availability":"http:\/\/schema.org\/OutOfStock","price":"60.00","priceCurrency":"USD","url":"https:\/\/kettl.co\/products\/class-crafting-the-perfect-matcha-latte?variant=50136173641978"},"sku":"SL-260926-0930"},{"@id":"\/products\/class-crafting-the-perfect-matcha-latte?variant=50136173674746#variant","@type":"Product","image":"https:\/\/kettl.co\/cdn\/shop\/files\/bdcda6c0-7a47-459a-beea-7d70f1752ab0.jpg?v=1778879116\u0026width=1920","name":"Class | Crafting the Perfect Matcha Latte - 9\/28 Mon. @4pm","offers":{"@id":"\/products\/class-crafting-the-perfect-matcha-latte?variant=50136173674746#offer","@type":"Offer","availability":"http:\/\/schema.org\/InStock","price":"60.00","priceCurrency":"USD","url":"https:\/\/kettl.co\/products\/class-crafting-the-perfect-matcha-latte?variant=50136173674746"},"sku":"SL-260928-1600"},{"@id":"\/products\/class-crafting-the-perfect-matcha-latte?variant=50136173740282#variant","@type":"Product","image":"https:\/\/kettl.co\/cdn\/shop\/files\/bdcda6c0-7a47-459a-beea-7d70f1752ab0.jpg?v=1778879116\u0026width=1920","name":"Class | Crafting the Perfect Matcha Latte - 10\/03 Sat. @9:30am","offers":{"@id":"\/products\/class-crafting-the-perfect-matcha-latte?variant=50136173740282#offer","@type":"Offer","availability":"http:\/\/schema.org\/InStock","price":"60.00","priceCurrency":"USD","url":"https:\/\/kettl.co\/products\/class-crafting-the-perfect-matcha-latte?variant=50136173740282"},"sku":"SL-261003-0930"},{"@id":"\/products\/class-crafting-the-perfect-matcha-latte?variant=50276683153658#variant","@type":"Product","image":"https:\/\/kettl.co\/cdn\/shop\/files\/bdcda6c0-7a47-459a-beea-7d70f1752ab0.jpg?v=1778879116\u0026width=1920","name":"Class | Crafting the Perfect Matcha Latte - 10\/06 Tue @11am","offers":{"@id":"\/products\/class-crafting-the-perfect-matcha-latte?variant=50276683153658#offer","@type":"Offer","availability":"http:\/\/schema.org\/InStock","price":"60.00","priceCurrency":"USD","url":"https:\/\/kettl.co\/products\/class-crafting-the-perfect-matcha-latte?variant=50276683153658"},"sku":"SL-261006-1100"},{"@id":"\/products\/class-crafting-the-perfect-matcha-latte?variant=50276683186426#variant","@type":"Product","image":"https:\/\/kettl.co\/cdn\/shop\/files\/bdcda6c0-7a47-459a-beea-7d70f1752ab0.jpg?v=1778879116\u0026width=1920","name":"Class | Crafting the Perfect Matcha Latte - 10\/09 Fri @10am","offers":{"@id":"\/products\/class-crafting-the-perfect-matcha-latte?variant=50276683186426#offer","@type":"Offer","availability":"http:\/\/schema.org\/InStock","price":"60.00","priceCurrency":"USD","url":"https:\/\/kettl.co\/products\/class-crafting-the-perfect-matcha-latte?variant=50276683186426"},"sku":"SL-261009-1000"},{"@id":"\/products\/class-crafting-the-perfect-matcha-latte?variant=50276683219194#variant","@type":"Product","image":"https:\/\/kettl.co\/cdn\/shop\/files\/bdcda6c0-7a47-459a-beea-7d70f1752ab0.jpg?v=1778879116\u0026width=1920","name":"Class | Crafting the Perfect Matcha Latte - 10\/10 Sat @ 930 am","offers":{"@id":"\/products\/class-crafting-the-perfect-matcha-latte?variant=50276683219194#offer","@type":"Offer","availability":"http:\/\/schema.org\/InStock","price":"60.00","priceCurrency":"USD","url":"https:\/\/kettl.co\/products\/class-crafting-the-perfect-matcha-latte?variant=50276683219194"},"sku":"SL-261010-0930"},{"@id":"\/products\/class-crafting-the-perfect-matcha-latte?variant=50276683251962#variant","@type":"Product","image":"https:\/\/kettl.co\/cdn\/shop\/files\/bdcda6c0-7a47-459a-beea-7d70f1752ab0.jpg?v=1778879116\u0026width=1920","name":"Class | Crafting the Perfect Matcha Latte - 10\/12 Mon @4pm","offers":{"@id":"\/products\/class-crafting-the-perfect-matcha-latte?variant=50276683251962#offer","@type":"Offer","availability":"http:\/\/schema.org\/InStock","price":"60.00","priceCurrency":"USD","url":"https:\/\/kettl.co\/products\/class-crafting-the-perfect-matcha-latte?variant=50276683251962"},"sku":"SL-261012-1600"},{"@id":"\/products\/class-crafting-the-perfect-matcha-latte?variant=50276683284730#variant","@type":"Product","image":"https:\/\/kettl.co\/cdn\/shop\/files\/bdcda6c0-7a47-459a-beea-7d70f1752ab0.jpg?v=1778879116\u0026width=1920","name":"Class | Crafting the Perfect Matcha L
4823atte - 10\/17 Sat @ 930 am","offers":{"@id":"\/products\/class-crafting-the-perfect-matcha-latte?variant=50276683284730#offer","@type":"Offer","availability":"http:\/\/schema.org\/InStock","price":"60.00","priceCurrency":"USD","url":"https:\/\/kettl.co\/products\/class-crafting-the-perfect-matcha-latte?variant=50276683284730"},"sku":"SL-261017-0930"},{"@id":"\/products\/class-crafting-the-perfect-matcha-latte?variant=50276683317498#variant","@type":"Product","image":"https:\/\/kettl.co\/cdn\/shop\/files\/bdcda6c0-7a47-459a-beea-7d70f1752ab0.jpg?v=1778879116\u0026width=1920","name":"Class | Crafting the Perfect Matcha Latte - 10\/19 Mon @11am","offers":{"@id":"\/products\/class-crafting-the-perfect-matcha-latte?variant=50276683317498#offer","@type":"Offer","availability":"http:\/\/schema.org\/InStock","price":"60.00","priceCurrency":"USD","url":"https:\/\/kettl.co\/products\/class-crafting-the-perfect-matcha-latte?variant=50276683317498"},"sku":"SL-261019-1100"},{"@id":"\/products\/class-crafting-the-perfect-matcha-latte?variant=50276683350266#variant","@type":"Product","image":"https:\/\/kettl.co\/cdn\/shop\/files\/bdcda6c0-7a47-459a-beea-7d70f1752ab0.jpg?v=1778879116\u0026width=1920","name":"Class | Crafting the Perfect Matcha Latte - 10\/22 Thu @11am","offers":{"@id":"\/products\/class-crafting-the-perfect-matcha-latte?variant=50276683350266#offer","@type":"Offer","availability":"http:\/\/schema.org\/InStock","price":"60.00","priceCurrency":"USD","url":"https:\/\/kettl.co\/products\/class-crafting-the-perfect-matcha-latte?variant=50276683350266"},"sku":"SL-261022-1100"},{"@id":"\/products\/class-crafting-the-perfect-matcha-latte?variant=50276683383034#variant","@type":"Product","image":"https:\/\/kettl.co\/cdn\/shop\/files\/bdcda6c0-7a47-459a-beea-7d70f1752ab0.jpg?v=1778879116\u0026width=1920","name":"Class | Crafting the Perfect Matcha Latte - 10\/24 Sat @ 930am","offers":{"@id":"\/products\/class-crafting-the-perfect-matcha-latte?variant=50276683383034#offer","@type":"Offer","availability":"http:\/\/schema.org\/InStock","price":"60.00","priceCurrency":"USD","url":"https:\/\/kettl.co\/products\/class-crafting-the-perfect-matcha-latte?variant=50276683383034"},"sku":"SL-261024-0930"},{"@id":"\/products\/class-crafting-the-perfect-matcha-latte?variant=50276683415802#variant","@type":"Product","image":"https:\/\/kettl.co\/cdn\/shop\/files\/bdcda6c0-7a47-459a-beea-7d70f1752ab0.jpg?v=1778879116\u0026width=1920","name":"Class | Crafting the Perfect Matcha Latte - 10\/31 Sat  @ 930 am","offers":{"@id":"\/products\/class-crafting-the-perfect-matcha-latte?variant=50276683415802#offer","@type":"Offer","availability":"http:\/\/schema.org\/InStock","price":"60.00","priceCurrency":"USD","url":"https:\/\/kettl.co\/products\/class-crafting-the-perfect-matcha-latte?variant=50276683415802"},"sku":"SL-261031-0930"}],"name":"Class | Crafting the Perfect Matcha Latte","productGroupID":"9228053381370","url":"https:\/\/kettl.co\/products\/class-crafting-the-perfect-matcha-latte"}
4824</script>
4824
4825
4826
4827
4828
4829
4830
4831
4832
4833  
4834
4835  <sticky-add-to-cart
4836    class="sticky-add-to-cart"
4837    data-variant-available="true"
4838    data-product-id="9228053381370"
4839    data-current-variant-id="50136173510906"
4840    data-initial-quantity="1"
4841    data-default-variant-title="Default Title"
4842  >
4843    <div
4844      class="sticky-add-to-cart__bar color-scheme-1"
4845      data-stuck="false"
4846      ref="stickyBar"
4847      role="region"
4848      aria-label="Quick add to cart bar"
4849    >
4850      
4851      
4852        <div
4853          class="sticky-add-to-cart__image"
4854        >
4855          
4856          <img src="//kettl.co/cdn/shop/files/bdcda6c0-7a47-459a-beea-7d70f1752ab0.jpg?v=1778879116&amp;width=120" alt="Class | Crafting the Perfect Matcha Latte" width="120" height="120" loading="lazy" class="sticky-add-to-cart__image-img" data-testid="sticky-product-image" ref="productImage">
4857        </div>
4858      
4859
4860      
4861      <div
4862        class="sticky-add-to-cart__info"
4863        data-has-image="true"
4864        data-singleton="false"
4865        data-single-option="true"
4866      >
4867        <h3
4868          class="sticky-add-to-cart__title"
4869          data-testid="sticky-product-title"
4870        >
4871          Class | Crafting the Perfect Matcha Latte
4872        </h3>
4873        <div
4874          class="sticky-add-to-cart__variant"
4875          data-testid="sticky-variant-title"
4876          
4877        >
4878          
4879            
4880            9/20 Sun. @9:30am
4881          
4882        </div>
4883      </div>
4884
4885      <div
4886        class="sticky-add-to-cart__price"
4887        data-testid="sticky-price-display"
4888      >
4889        <div ref="priceContainer">
4890  
4891    
4892    
4893      
4894
4895      
4896        <span class="price">$60.00</span>
4897      
4898
4899      
4900    
4901  
4902</div>
4903      </div>
4904
4905      <button
4906        type="button"
4907        class="sticky-add-to-cart__button add-to-cart-button button"
4908        ref="addToCartButton"
4909        on:click="/handleAddToCartClick"
4910        
4911      >
4912        <span
4913          class="add-to-cart-text"
4914        >
4915          
4916            <span class="svg-wrapper add-to-cart-icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
4917</span>
4918          
4919          <span class="add-to-cart-text__content">
4920            <span>Add to cart</span>
4921            <span
4922              ref="quantityDisplay"
4923              
4924                style="display: none;"
4925              
4926            > (<span ref="quantityNumber">1</span>)</span>
4927          </span>
4928        </span>
4929        <span class="add-to-cart__added">
4930          <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
4931  <g class="check">
4932    <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
4933    <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
4934  </g>
4935  <g class="burst">
4936    <g style="--index: 0;">
4937      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
4938    </g>
4939    <g style="--index: 1;">
4940      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
4941    </g>
4942    <g style="--index: 2;">
4943      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
4944    </g>
4945    <g style="--index: 3;">
4946      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
4947    </g>
4948    <g style="--index: 4;">
4949      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
4950    </g>
4951    <g style="--index: 5;">
4952      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
4953    </g>
4954    <g style="--index: 6;">
4955      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
4956    </g>
4957    <g style="--index: 7;">
4958      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
4959    </g>
4960  </g>
4961</svg>
4962</span>
4963        </span>
4964      </button>
4965    </div>
4966  </sticky-add-to-cart>
4967
4968
4969
4970
4971
4972
4973<div class="section-background color-scheme-1"></div>
4974<div
4975  class="product-information section section--page-width spacing-style color-scheme-1 relative"
4976  style="--padding-block-start: 0px;--padding-block-end: max(20px, calc(var(--spacing-scale) * 60px)); --gap: 48px;"
4977  data-testid="product-information"
4978>
4979  
4980    
4981    <a
4982  class="skip-to-content-link button-secondary"
4983  href="#ProductInformation-template--22111673876730__main"
4984>
4985  Skip to product information
4986</a>
4987
4988  
4989  <div
4990    class="product-information__grid product-information--media-left"
4991    data-product-grid-content
4992  >
4993    
4994    
4995
4996    
4997      
4998        
4999      <div
5000        class="product-information__media"
5001        data-testid="product-information-media"
5002      >
5003        
5004
5005<script
5006    src="//kettl.co/cdn/shop/t/84/assets/zoom-dialog.js?v=139924593004067107371774249490"
5007    type="module"
5008  ></script>
5008<script
5009    src="//kettl.co/cdn/shop/t/84/assets/drag-zoom-wrapper.js?v=151540336912736131061774249488"
5010    type="module"
5011  ></script>
5011<style data-shopify>
5012  
5013
5014  
5015    .media-fit-contain {
5016      --product-media-fit: contain;
5017    }
5018
5019    /* Media fit for all media elements */
5020    .media-fit-contain :is(img, video, iframe, .deferred-media__poster-image) {
5021      object-fit: contain;
5022      width: 100%;
5023      height: 100%;
5024    }
5025
5026    /* 3D Models (no object-fit support, just sizing) */
5027    .media-fit-contain model-viewer {
5028      width: 100%;
5029      height: 100%;
5030    }
5031  
5032
5033  
5034
5035  /* Add background color so carousel arrows' mix-blend-mode works correctly even on transparent areas. */
5036  
5037    .media-fit-contain :is(img, .deferred-media__poster-image) {
5038      background-color: var(--color-background);
5039    }
5040  
5041
5042  
5043  
5044  
5045    
5046    ::view-transition-old(gallery-item-open),
5047    ::view-transition-new(gallery-item-open),
5048    ::view-transition-old(gallery-item-close),
5049    ::view-transition-new(gallery-item-close) {
5050      height: auto;
5051      width: 100%;
5052      object-fit: contain;
5053      top: 50%;
5054      transform: translateY(-50%);
5055    }
5056  
5057  
5058
5059  :root { --gallery-media-border-radius: 4px; }
5060</style>
5061
5062
5063  <media-gallery
5064    class="
5065      spacing-style
5066      sticky-content
5067      
5068        media-gallery--one-column
5069        
5070      
5071      media-gallery--grid
5072      
5073      
5074    "
5075    style="--padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --thumbnail-width: 44px; --media-radius: 4px;--image-gap: 4px;"
5076    data-presentation="grid"
5077    
5078  >
5079    
5080
5081    
5082
5083    
5084
5085    <slideshow-component
5086  
5087    ref="slideshow"
5088  
5089  
5090  style="--slideshow-timeline: --slide-0, --slide-1;--slide-min-height: auto;--slide-min-height-desktop: auto;"
5091  
5092  initial-slide="0"
5093  
5094  
5095    infinite
5096  
5097
5098  
5099>
5100  
5101  <slideshow-container ref="slideshowContainer">
5102    
5103    
5104    <slideshow-slides
5105      tabindex="-1"
5106      ref="scroller"
5107      
5108    >
5109      
5110      
5111        
5112        
5113        
5114        
5115
5116        <slideshow-slide
5117  ref="slides[]"
5118  aria-hidden="false"
5119  style="--slideshow-timeline: --slide-0; --product-media-fit: contain; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
5120  
5121    class="product-media-container constrain-height media-fit-contain product-media-container--image product-media-container--zoomable product-media-container--tallest"
5122  
5123  on:click="#zoom-dialog-AbDFlYjU3WHlSV1dUc__media-gallery/open/0"
5124  
5125    style="--media-preview-ratio: 1.0;"
5126  
5127  
5128  
5129  
5130  on:click="#zoom-dialog-AbDFlYjU3WHlSV1dUc__media-gallery/open/0"
5131>
5132  
5133
5134
5135
5136<div
5137  class="product-media"
5138  style="--ratio: 1.0"
5139  data-media-id="39386510524666"
5140>
5141  
5142  <img src="//kettl.co/cdn/shop/files/bdcda6c0-7a47-459a-beea-7d70f1752ab0.jpg?v=1778879116&amp;width=3840" alt="Class | Crafting the Perfect Matcha Latte" srcset="//kettl.co/cdn/shop/files/bdcda6c0-7a47-459a-beea-7d70f1752ab0.jpg?v=1778879116&amp;width=240 240w, //kettl.co/cdn/shop/files/bdcda6c0-7a47-459a-beea-7d70f1752ab0.jpg?v=1778879116&amp;width=352 352w, //kettl.co/cdn/shop/files/bdcda6c0-7a47-459a-beea-7d70f1752ab0.jpg?v=1778879116&amp;width=832 832w, //kettl.co/cdn/shop/files/bdcda6c0-7a47-459a-beea-7d70f1752ab0.jpg?v=1778879116&amp;width=1200 1200w, //kettl.co/cdn/shop/files/bdcda6c0-7a47-459a-beea-7d70f1752ab0.jpg?v=1778879116&amp;width=1600 1600w, //kettl.co/cdn/shop/files/bdcda6c0-7a47-459a-beea-7d70f1752ab0.jpg?v=1778879116&amp;width=1920 1920w, //kettl.co/cdn/shop/files/bdcda6c0-7a47-459a-beea-7d70f1752ab0.jpg?v=1778879116&amp;width=2560 2560w, //kettl.co/cdn/shop/files/bdcda6c0-7a47-459a-beea-7d70f1752ab0.jpg?v=1778879116&amp;width=3840 3840w" width="3840" height="3840" sizes="(min-width: 125rem) 95rem, (min-width: 750px) calc(100vw - 25rem - 40px - 24px - 40px), 100vw" class="product-media__image" transitionToProduct="false" data_max_resolution="//kettl.co/cdn/shop/files/bdcda6c0-7a47-459a-beea-7d70f1752ab0.jpg?v=1778879116&amp;width=3840" fetchpriority="high" style="--focal-point: 50.0% 50.0%;">
5143
5144  
5145
5146  
5147</div>
5148
5149
5150
5151        
5152</slideshow-slide>
5153
5154      
5155        
5156        
5157        
5158        
5159
5160        <slideshow-slide
5161  ref="slides[]"
5162  aria-hidden="true"
5163  style="--slideshow-timeline: --slide-1; --product-media-fit: contain; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
5164  
5165    class="product-media-container constrain-height media-fit-contain product-media-container--image product-media-container--zoomable"
5166  
5167  on:click="#zoom-dialog-AbDFlYjU3WHlSV1dUc__media-gallery/open/1"
5168  
5169    style="--media-preview-ratio: 1.0;"
5170  
5171  
5172  
5173  
5174  on:click="#zoom-dialog-AbDFlYjU3WHlSV1dUc__media-gallery/open/1"
5175>
5176  
5177
5178
5179
5180<div
5181  class="product-media"
5182  style="--ratio: 1.0"
5183  data-media-id="39386573177082"
5184>
5185  
5186  <img src="//kettl.co/cdn/shop/files/c9741666-2d80-4241-ba2d-72f1a7180088.jpg?v=1778880061&amp;width=3840" alt="Class | Crafting the Perfect Matcha Latte" srcset="//kettl.co/cdn/shop/files/c9741666-2d80-4241-ba2d-72f1a7180088.jpg?v=1778880061&amp;width=240 240w, //kettl.co/cdn/shop/files/c9741666-2d80-4241-ba2d-72f1a7180088.jpg?v=1778880061&amp;width=352 352w, //kettl.co/cdn/shop/files/c9741666-2d80-4241-ba2d-72f1a7180088.jpg?v=1778880061&amp;width=832 832w, //kettl.co/cdn/shop/files/c9741666-2d80-4241-ba2d-72f1a7180088.jpg?v=1778880061&amp;width=1200 1200w, //kettl.co/cdn/shop/files/c9741666-2d80-4241-ba2d-72f1a7180088.jpg?v=1778880061&amp;width=1600 1600w, //kettl.co/cdn/shop/files/c9741666-2d80-4241-ba2d-72f1a7180088.jpg?v=1778880061&amp;width=1920 1920w, //kettl.co/cdn/shop/files/c9741666-2d80-4241-ba2d-72f1a7180088.jpg?v=1778880061&amp;width=2560 2560w, //kettl.co/cdn/shop/files/c9741666-2d80-4241-ba2d-72f1a7180088.jpg?v=1778880061&amp;width=3840 3840w" width="3840" height="3840" sizes="(min-width: 125rem) 95rem, (min-width: 750px) calc(100vw - 25rem - 40px - 24px - 40px), 100vw" class="product-media__image" transitionToProduct="false" data_max_resolution="//kettl.co/cdn/shop/files/c9741666-2d80-4241-ba2d-72f1a7180088.jpg?v=1778880061&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
5187
5188  
5189
5190  
5191</div>
5192
5193
5194
5195        
5196</slideshow-slide>
5197
5198      
5199    
5200    </slideshow-slides>
5201  </slideshow-container>
5202  
5203        
5204
5205        
5206
5207  <slideshow-controls
5208    
5209      ref="slideshowControls"
5210    
5211    pagination-position="center"
5212    scroll-mode="horizontal"
5213    
5214      controls-on-media
5215    
5216    
5217    
5218    
5219      class="desktop:hidden media-gallery__mobile-controls"
5220    
5221    
5222      style="--thumbnail-radius: 0px;"
5223    
5224  >
5225    
5226
5227    
5228
5229    
5230        <ol class="slideshow-controls__dots">
5231          
5232            <li>
5233              <button
5234                class="slideshow-control button button-unstyled"
5235                style="animation-timeline: --slide-0"
5236                aria-label="Slide 1 of 2"
5237                on:click="/select/0"
5238                ref="dots[]"
5239                
5240                  aria-selected="true"
5241                
5242              >
5243                1
5244              </button>
5245            </li>
5246          
5247            <li>
5248              <button
5249                class="slideshow-control button button-unstyled"
5250                style="animation-timeline: --slide-1"
5251                aria-label="Slide 2 of 2"
5252                on:click="/select/1"
5253                ref="dots[]"
5254                
5255              >
5256                2
5257              </button>
5258            </li>
5259          
5260        </ol>
5261    
5262
5263    
5264  </slideshow-controls>
5265
5266  
5267
5268
5269
5270
5271      
5272</slideshow-component>
5273
5274
5275
5276
5277    
5278      <ul
5279        class="media-gallery__grid list-unstyled"
5280        data-testid="media-gallery-grid"
5281      >
5282        
5283          <li
5284            ref="media[]"
5285            class="product-media-container constrain-height media-fit-contain product-media-container--image"
5286            style=" --media-preview-ratio: 1.0;"
5287            
5288            
5289              data-focal-point="50.0% 50.0%"
5290            
5291          ><button
5292                type="button"
5293                class="button button-unstyled product-media-container__zoom-button"
5294                aria-label="Zoom"
5295                on:click="/zoom/0"
5296                
5297                  on:pointerenter="/preloadImage/0"
5298                
5299              >
5300                <span class="visually-hidden">Open image in full screen</span>
5301              </button>
5302
5303
5304<div
5305  class="product-media"
5306  style="--ratio: 1.0"
5307  data-media-id="39386510524666"
5308>
5309  
5310  <img src="//kettl.co/cdn/shop/files/bdcda6c0-7a47-459a-beea-7d70f1752ab0.jpg?v=1778879116&amp;width=3840" alt="Class | Crafting the Perfect Matcha Latte" srcset="//kettl.co/cdn/shop/files/bdcda6c0-7a47-459a-beea-7d70f1752ab0.jpg?v=1778879116&amp;width=240 240w, //kettl.co/cdn/shop/files/bdcda6c0-7a47-459a-beea-7d70f1752ab0.jpg?v=1778879116&amp;width=352 352w, //kettl.co/cdn/shop/files/bdcda6c0-7a47-459a-beea-7d70f1752ab0.jpg?v=1778879116&amp;width=832 832w, //kettl.co/cdn/shop/files/bdcda6c0-7a47-459a-beea-7d70f1752ab0.jpg?v=1778879116&amp;width=1200 1200w, //kettl.co/cdn/shop/files/bdcda6c0-7a47-459a-beea-7d70f1752ab0.jpg?v=1778879116&amp;width=1600 1600w, //kettl.co/cdn/shop/files/bdcda6c0-7a47-459a-beea-7d70f1752ab0.jpg?v=1778879116&amp;width=1920 1920w, //kettl.co/cdn/shop/files/bdcda6c0-7a47-459a-beea-7d70f1752ab0.jpg?v=1778879116&amp;width=2560 2560w, //kettl.co/cdn/shop/files/bdcda6c0-7a47-459a-beea-7d70f1752ab0.jpg?v=1778879116&amp;width=3840 3840w" width="3840" height="3840" sizes="(min-width: 125rem) 95rem, (min-width: 750px) calc(100vw - 25rem - 40px - 24px - 40px), 100vw" class="product-media__image" transitionToProduct="false" data_max_resolution="//kettl.co/cdn/shop/files/bdcda6c0-7a47-459a-beea-7d70f1752ab0.jpg?v=1778879116&amp;width=3840" fetchpriority="high" style="--focal-point: 50.0% 50.0%;">
5311
5312  
5313
5314  
5315</div>
5316
5317
5318
5319          </li>
5320        
5321          <li
5322            ref="media[]"
5323            class="product-media-container constrain-height media-fit-contain product-media-container--image"
5324            style=" --media-preview-ratio: 1.0;"
5325            
5326            
5327              data-focal-point="50.0% 50.0%"
5328            
5329          ><button
5330                type="button"
5331                class="button button-unstyled product-media-container__zoom-button"
5332                aria-label="Zoom"
5333                on:click="/zoom/1"
5334                
5335                  on:pointerenter="/preloadImage/1"
5336                
5337              >
5338                <span class="visually-hidden">Open image in full screen</span>
5339              </button>
5340
5341
5342<div
5343  class="product-media"
5344  style="--ratio: 1.0"
5345  data-media-id="39386573177082"
5346>
5347  
5348  <img src="//kettl.co/cdn/shop/files/c9741666-2d80-4241-ba2d-72f1a7180088.jpg?v=1778880061&amp;width=3840" alt="Class | Crafting the Perfect Matcha Latte" srcset="//kettl.co/cdn/shop/files/c9741666-2d80-4241-ba2d-72f1a7180088.jpg?v=1778880061&amp;width=240 240w, //kettl.co/cdn/shop/files/c9741666-2d80-4241-ba2d-72f1a7180088.jpg?v=1778880061&amp;width=352 352w, //kettl.co/cdn/shop/files/c9741666-2d80-4241-ba2d-72f1a7180088.jpg?v=1778880061&amp;width=832 832w, //kettl.co/cdn/shop/files/c9741666-2d80-4241-ba2d-72f1a7180088.jpg?v=1778880061&amp;width=1200 1200w, //kettl.co/cdn/shop/files/c9741666-2d80-4241-ba2d-72f1a7180088.jpg?v=1778880061&amp;width=1600 1600w, //kettl.co/cdn/shop/files/c9741666-2d80-4241-ba2d-72f1a7180088.jpg?v=1778880061&amp;width=1920 1920w, //kettl.co/cdn/shop/files/c9741666-2d80-4241-ba2d-72f1a7180088.jpg?v=1778880061&amp;width=2560 2560w, //kettl.co/cdn/shop/files/c9741666-2d80-4241-ba2d-72f1a7180088.jpg?v=1778880061&amp;width=3840 3840w" width="3840" height="3840" sizes="(min-width: 125rem) 95rem, (min-width: 750px) calc(100vw - 25rem - 40px - 24px - 40px), 100vw" class="product-media__image" transitionToProduct="false" data_max_resolution="//kettl.co/cdn/shop/files/c9741666-2d80-4241-ba2d-72f1a7180088.jpg?v=1778880061&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
5349
5350  
5351
5352  
5353</div>
5354
5355
5356
5357          </li>
5358        
5359      </ul>
5360    
5361<zoom-dialog
5362        ref="zoomDialogComponent"
5363        id="zoom-dialog-AbDFlYjU3WHlSV1dUc__media-gallery"
5364      >
5365        <dialog
5366          class="dialog-zoomed-gallery__dialog"
5367          ref="dialog"
5368          on:keydown="/handleKeyDown"
5369          scroll-lock
5370        >
5371          <button
5372            type="button"
5373            class="button button-unstyled close-button dialog-zoomed-gallery__close-button"
5374            aria-label="Close"
5375            on:click="/close"
5376          >
5377            <span class="visually-hidden">Close</span>
5378            <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
5379  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
5380  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
5381</svg>
5382
5383          </button>
5384          <div class="dialog-thumbnails-list-container">
5385            <scroll-hint
5386              class="dialog-thumbnails-list list-unstyled"
5387              ref="thumbnails"
5388            >
5389              
5390
5391                  <button
5392                    type="button"
5393                    class="button button-unstyled dialog-thumbnails-list__thumbnail"
5394                    aria-label="Scroll to Class | Crafting the Perfect Matcha Latte"
5395                    on:click="/handleThumbnailClick/0"
5396                    on:pointerenter="/handleThumbnailPointerEnter/0"
5397                    style="--aspect-ratio: 1.0; --gallery-aspect-ratio: 1.0;"
5398                    
5399                      aria-selected="true"
5400                    
5401                  >
5402                    
5403                    <img src="//kettl.co/cdn/shop/files/bdcda6c0-7a47-459a-beea-7d70f1752ab0.jpg?v=1778879116&amp;width=1024" alt="Class | Crafting the Perfect Matcha Latte" srcset="//kettl.co/cdn/shop/files/bdcda6c0-7a47-459a-beea-7d70f1752ab0.jpg?v=1778879116&amp;width=240 240w, //kettl.co/cdn/shop/files/bdcda6c0-7a47-459a-beea-7d70f1752ab0.jpg?v=1778879116&amp;width=352 352w, //kettl.co/cdn/shop/files/bdcda6c0-7a47-459a-beea-7d70f1752ab0.jpg?v=1778879116&amp;width=832 832w" width="1024" height="1024" loading="lazy" sizes="auto, 110, (min-width: 750px) 160" style="object-position: 50.0% 50.0%;">
5404                  </button>
5405                  <button
5406                    type="button"
5407                    class="button button-unstyled dialog-thumbnails-list__thumbnail"
5408                    aria-label="Scroll to Class | Crafting the Perfect Matcha L
5408atte"
5409                    on:click="/handleThumbnailClick/1"
5410                    on:pointerenter="/handleThumbnailPointerEnter/1"
5411                    style="--aspect-ratio: 1.0; --gallery-aspect-ratio: 1.0;"
5412                    
5413                  >
5414                    
5415                    <img src="//kettl.co/cdn/shop/files/c9741666-2d80-4241-ba2d-72f1a7180088.jpg?v=1778880061&amp;width=1024" alt="Class | Crafting the Perfect Matcha Latte" srcset="//kettl.co/cdn/shop/files/c9741666-2d80-4241-ba2d-72f1a7180088.jpg?v=1778880061&amp;width=240 240w, //kettl.co/cdn/shop/files/c9741666-2d80-4241-ba2d-72f1a7180088.jpg?v=1778880061&amp;width=352 352w, //kettl.co/cdn/shop/files/c9741666-2d80-4241-ba2d-72f1a7180088.jpg?v=1778880061&amp;width=832 832w" width="1024" height="1024" loading="lazy" sizes="auto, 110, (min-width: 750px) 160" style="object-position: 50.0% 50.0%;">
5416                  </button>
5417            </scroll-hint>
5418          </div>
5419          <ul
5420            class="dialog-zoomed-gallery list-unstyled"
5421          ><li
5422                id="product-39386510524666-1"
5423                class="product-media-container constrain-height media-fit-contain product-media-container--image product-media-container--zoomable"
5424                style=" --media-preview-ratio: 1.0;"
5425                ref="media[]"
5426                
5427                  on:click="/close"
5428                
5429              >
5430                
5431                  <drag-zoom-wrapper class="product-media__drag-zoom-wrapper">
5432
5433<div
5434  class="product-media"
5435  style="--ratio: 1.0"
5436  data-media-id="39386510524666"
5437>
5438  
5439  <img src="//kettl.co/cdn/shop/files/bdcda6c0-7a47-459a-beea-7d70f1752ab0.jpg?v=1778879116&amp;width=3840" alt="Class | Crafting the Perfect Matcha Latte" srcset="//kettl.co/cdn/shop/files/bdcda6c0-7a47-459a-beea-7d70f1752ab0.jpg?v=1778879116&amp;width=240 240w, //kettl.co/cdn/shop/files/bdcda6c0-7a47-459a-beea-7d70f1752ab0.jpg?v=1778879116&amp;width=352 352w, //kettl.co/cdn/shop/files/bdcda6c0-7a47-459a-beea-7d70f1752ab0.jpg?v=1778879116&amp;width=832 832w, //kettl.co/cdn/shop/files/bdcda6c0-7a47-459a-beea-7d70f1752ab0.jpg?v=1778879116&amp;width=1200 1200w, //kettl.co/cdn/shop/files/bdcda6c0-7a47-459a-beea-7d70f1752ab0.jpg?v=1778879116&amp;width=1600 1600w, //kettl.co/cdn/shop/files/bdcda6c0-7a47-459a-beea-7d70f1752ab0.jpg?v=1778879116&amp;width=1920 1920w, //kettl.co/cdn/shop/files/bdcda6c0-7a47-459a-beea-7d70f1752ab0.jpg?v=1778879116&amp;width=2560 2560w, //kettl.co/cdn/shop/files/bdcda6c0-7a47-459a-beea-7d70f1752ab0.jpg?v=1778879116&amp;width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="100vw" class="product-media__image" transitionToProduct="false" data_max_resolution="//kettl.co/cdn/shop/files/bdcda6c0-7a47-459a-beea-7d70f1752ab0.jpg?v=1778879116&amp;width=3840" fetchpriority="high" style="--focal-point: 50.0% 50.0%;">
5440
5441  
5442
5443  
5444</div>
5445
5446
5447</drag-zoom-wrapper>
5448                
5449              </li><li
5450                id="product-39386573177082-2"
5451                class="product-media-container constrain-height media-fit-contain product-media-container--image product-media-container--zoomable"
5452                style=" --media-preview-ratio: 1.0;"
5453                ref="media[]"
5454                
5455                  on:click="/close"
5456                
5457              >
5458                
5459                  <drag-zoom-wrapper class="product-media__drag-zoom-wrapper">
5460
5461<div
5462  class="product-media"
5463  style="--ratio: 1.0"
5464  data-media-id="39386573177082"
5465>
5466  
5467  <img src="//kettl.co/cdn/shop/files/c9741666-2d80-4241-ba2d-72f1a7180088.jpg?v=1778880061&amp;width=3840" alt="Class | Crafting the Perfect Matcha Latte" srcset="//kettl.co/cdn/shop/files/c9741666-2d80-4241-ba2d-72f1a7180088.jpg?v=1778880061&amp;width=240 240w, //kettl.co/cdn/shop/files/c9741666-2d80-4241-ba2d-72f1a7180088.jpg?v=1778880061&amp;width=352 352w, //kettl.co/cdn/shop/files/c9741666-2d80-4241-ba2d-72f1a7180088.jpg?v=1778880061&amp;width=832 832w, //kettl.co/cdn/shop/files/c9741666-2d80-4241-ba2d-72f1a7180088.jpg?v=1778880061&amp;width=1200 1200w, //kettl.co/cdn/shop/files/c9741666-2d80-4241-ba2d-72f1a7180088.jpg?v=1778880061&amp;width=1600 1600w, //kettl.co/cdn/shop/files/c9741666-2d80-4241-ba2d-72f1a7180088.jpg?v=1778880061&amp;width=1920 1920w, //kettl.co/cdn/shop/files/c9741666-2d80-4241-ba2d-72f1a7180088.jpg?v=1778880061&amp;width=2560 2560w, //kettl.co/cdn/shop/files/c9741666-2d80-4241-ba2d-72f1a7180088.jpg?v=1778880061&amp;width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="100vw" class="product-media__image" transitionToProduct="false" data_max_resolution="//kettl.co/cdn/shop/files/c9741666-2d80-4241-ba2d-72f1a7180088.jpg?v=1778880061&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
5468
5469  
5470
5471  
5472</div>
5473
5474
5475</drag-zoom-wrapper>
5476                
5477              </li></ul>
5478        </dialog>
5479      </zoom-dialog></media-gallery>
5480
5481
5482
5483
5484
5485
5486
5487      </div>
5488    
5489      
5490    
5491      
5492        
5493  <div
5494  id="ProductInformation-template--22111673876730__main"
5495  class="
5496    product-details
5497     sticky-content--desktop
5498    "
5499  style="--details-position: flex-start;"
5500  data-testid="product-information-details"
5501  
5502>
5503  
5504
5505  <div
5506  class="
5507    group-block
5508    group-block--height-fit
5509    group-block--width-fill
5510    border-style
5511    spacing-style
5512    size-style
5513    
5514    
5515  "
5516  style="
5517    --border-width: 1px; --border-style: none; --border-color:
5518rgb(var(--color-border-rgb) / 1.0); --border-radius:
55190px; 
5520
5521    --padding-block-start: max(20px, calc(var(--spacing-scale) * 24px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 24px));--padding-inline-start: 0px;--padding-inline-end: 0px;
5522    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
5523    
5524  "
5525  
5526  data-testid="group-block"
5527><div class="group-block__media-wrapper">
5528    
5529
5530
5531
5532    
5533  </div>
5534
5535  <div
5536    class="
5537      group-block-content
5538      
5539      layout-panel-flex
5540      layout-panel-flex--column
5541      
5542    "
5543    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
5544
5545--gap: max(24px, calc(var(--gap-scale, 1.0) * 28px));
5546
5547--horizontal-alignment: ; --vertical-alignment: ;
5548--vertical-alignment-mobile: ;
5549"
5550  >
5551    <div class="view-product-title">
5552      <a
5553        href="/products/class-crafting-the-perfect-matcha-latte?variant=50136173510906"
5554        class="link"
5555      >Class | Crafting the Perfect Matcha Latte
5556      </a>
5557    </div>
5558    
5559
5560<div
5561  class="
5562    group-block
5563    group-block--height-fit
5564    group-block--width-fill
5565    border-style
5566    spacing-style
5567    size-style
5568    
5569    
5570  "
5571  style="
5572    --border-width: 1px; --border-style: none; --border-color:
5573rgb(var(--color-border-rgb) / 1.0); --border-radius:
55740px; 
5575
5576    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
5577    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
5578    
5579  "
5580  
5581  data-testid="group-block"
5582><div class="group-block__media-wrapper">
5583    
5584
5585
5586
5587    
5588  </div>
5589
5590  <div
5591    class="
5592      group-block-content
5593      
5594      layout-panel-flex
5595      layout-panel-flex--row
5596       mobile-column
5597    "
5598    style="--flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
5599
5600--gap: 12px;
5601
5602--horizontal-alignment: space-between; --vertical-alignment: flex-end;
5603--vertical-alignment-mobile: flex-end;
5604"
5605  >
5606  
5607  
5608  <a
5609    class="contents user-select-text"
5610    ref="productTitleLink"
5611    href="/products/class-crafting-the-perfect-matcha-latte?variant=50136173510906"
5612  >
5613    
5614
5615
5616
5617
5618
5619
5620  <div class=" spacing-style text-block text-block--ASmJDQTlYQVpkNy9LW__product_title_eYVzTU h1      "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);    --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
5621    <p>Class | Crafting the Perfect Matcha Latte</p>
5622  </div>
5623
5624
5625
5626
5627  </a>
5628
5629
5630
5631
5632
5633<product-price
5634  class="text-block  text-left h4 spacing-style"
5635  data-block-id="AQVVIek1lQ094eGcvY__price_tVjtKg"
5636  data-product-id="9228053381370"
5637  style="
5638    
5639--color: var(--color-foreground);
5640    --padding-block-start: 4px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
5641    --width: fit-content;
5642  "
5643  
5644>
5645  <div ref="priceContainer">
5646  
5647    
5648    
5649      
5650
5651      
5652        <span class="price">$60.00</span>
5653      
5654
5655      
5656    
5657  
5658</div>
5659
5660  
5661</product-price>
5662
5663
5664
5665
5666
5667
5668
5669</div>
5670</div>
5671
5672
5673
5674
5675
5676<div>
5677  <hr/>
5678</div>
5679
5680
5681
5682  
5683
5684
5685  
5686  <variant-picker
5687    class="variant-picker spacing-style variant-picker--left"
5688    style="--color-strikethrough-mix: #000;
5688 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;"
5689    data-section-id="template--22111673876730__main"
5690    data-product-id="9228053381370"
5691    data-block-id="ANzRYMTQzdmJMODk0c__variant_picker_R3rGDr"
5692    data-product-url="/products/class-crafting-the-perfect-matcha-latte"
5693    ref="mainVariantPicker"
5694    
5695      data-template-product-match="true"
5696    
5697    
5698    
5699  >
5700    <form class="variant-picker__form"><fieldset
5701            class="variant-option variant-option--buttons variant-option--default-width-buttons"
5702            data-fieldset-index="0"
5703            ref="fieldsets[]"
5704            
5705          >
5706            <legend>
5707              Variant
5708            </legend>
5709              <label
5710                class="variant-option__button-label"
5711              >
5712                <input
5713                  type="radio"
5714                  name="Variant-ANzRYMTQzdmJMODk0c__variant_picker_R3rGDr-9228053381370"
5715                  value="9/19 Sat. @9:30am"
5716                  aria-label="9/19 Sat. @9:30am"
5717                  
5718                    aria-disabled="true"
5719                  
5720                  data-previous-checked="false"
5721                  data-fieldset-index="0"
5722                  data-input-index="0"
5723                  data-input-id="1-0"
5724                  data-option-value-id="5313407713530"
5725                  data-option-available="false"
5726                  data-connected-product-url=""
5727                  
5728                    data-variant-id="50136173478138"
5729                  
5730                  
5731                    data-current-checked="false"
5732                  
5733                >
5734                
5735                  
5736                  <span
5737                    class="variant-option__button-label__text"
5738                    data-key="variant-option-text"
5739                  >9/19 Sat. @9:30am</span>
5740                
5741                
5742  <svg
5743    viewBox="0 0 100 46"
5744    preserveAspectRatio="xMidYMid slice"
5745    class="variant-option__strikethrough"
5746  >
5747    
5748    <line x1="100" y1="0" x2="0" y2="46" vector-effect="non-scaling-stroke" />
5749    
5750    <line x1="100" y1="0" x2="0" y2="46" vector-effect="non-scaling-stroke" />
5751  </svg>
5752
5753
5754              </label>
5755              <label
5756                class="variant-option__button-label"
5757              >
5758                <input
5759                  type="radio"
5760                  name="Variant-ANzRYMTQzdmJMODk0c__variant_picker_R3rGDr-9228053381370"
5761                  value="9/20 Sun. @9:30am"
5762                  aria-label="9/20 Sun. @9:30am"
5763                  
5764                  data-previous-checked="false"
5765                  data-fieldset-index="0"
5766                  data-input-index="1"
5767                  data-input-id="1-1"
5768                  data-option-value-id="5313407746298"
5769                  data-option-available="true"
5770                  data-connected-product-url=""
5771                  
5772                    data-variant-id="50136173510906"
5773                  
5774                  
5775                    data-current-checked="true"
5776                    checked
5777                  
5778                >
5779                
5780                  
5781                    <span
5782                      class="variant-option__button-label__pill"
5783                      data-key="variant-option-pill"
5784                    ></span>
5785                  
5786                  <span
5787                    class="variant-option__button-label__text"
5788                    data-key="variant-option-text"
5789                  >9/20 Sun. @9:30am</span>
5790                
5791                
5792
5793              </label>
5794              <label
5795                class="variant-option__button-label"
5796              >
5797                <input
5798                  type="radio"
5799                  name="Variant-ANzRYMTQzdmJMODk0c__variant_picker_R3rGDr-9228053381370"
5800                  value="9/21 Mon. @11am"
5801                  aria-label="9/21 Mon. @11am"
5802                  
5803                  data-previous-checked="false"
5804                  data-fieldset-index="0"
5805                  data-input-index="2"
5806                  data-input-id="1-2"
5807                  data-option-value-id="5313407779066"
5808                  data-option-available="true"
5809                  data-connected-product-url=""
5810                  
5811                    data-variant-id="50136173543674"
5812                  
5813                  
5814                    data-current-checked="false"
5815                  
5816                >
5817                
5818                  
5819                    <span
5820                      class="variant-option__button-label__pill"
5821                      data-key="variant-option-pill"
5822                    ></span>
5823                  
5824                  <span
5825                    class="variant-option__button-label__text"
5826                    data-key="variant-option-text"
5827                  >9/21 Mon. @11am</span>
5828                
5829                
5830
5831              </label>
5832              <label
5833                class="variant-option__button-label"
5834              >
5835                <input
5836                  type="radio"
5837                  name="Variant-ANzRYMTQzdmJMODk0c__variant_picker_R3rGDr-9228053381370"
5838                  value="9/22 Tue @11am"
5839                  aria-label="9/22 Tue @11am"
5840                  
5841                  data-previous-checked="false"
5842                  data-fieldset-index="0"
5843                  data-input-index="3"
5844                  data-input-id="1-3"
5845                  data-option-value-id="5313407811834"
5846                  data-option-available="true"
5847                  data-connected-product-url=""
5848                  
5849                    data-variant-id="50136173576442"
5850                  
5851                  
5852                    data-current-checked="false"
5853                  
5854                >
5855                
5856                  
5857                    <span
5858                      class="variant-option__button-label__pill"
5859                      data-key="variant-option-pill"
5860                    ></span>
5861                  
5862                  <span
5863                    class="variant-option__button-label__text"
5864                    data-key="variant-option-text"
5865                  >9/22 Tue @11am</span>
5866                
5867                
5868
5869              </label>
5870              <label
5871                class="variant-option__button-label"
5872              >
5873                <input
5874                  type="radio"
5875                  name="Variant-ANzRYMTQzdmJMODk0c__variant_picker_R3rGDr-9228053381370"
5876                  value="9/25 Fri. @10am"
5877                  aria-label="9/25 Fri. @10am"
5878                  
5879                  data-previous-checked="false"
5880                  data-fieldset-index="0"
5881                  data-input-index="4"
5882                  data-input-id="1-4"
5883                  data-option-value-id="5313407844602"
5884                  data-option-available="true"
5885                  data-connected-product-url=""
5886                  
5887                    data-variant-id="50136173609210"
5888                  
5889                  
5890                    data-current-checked="false"
5891                  
5892                >
5893                
5894                  
5895                    <span
5896                      class="variant-option__button-label__pill"
5897                      data-key="variant-option-pill"
5898                    ></span>
5899                  
5900                  <span
5901                    class="variant-option__button-label__text"
5902                    data-key="variant-option-text"
5903                  >9/25 Fri. @10am</span>
5904                
5905                
5906
5907              </label>
5908              <label
5909                class="variant-option__button-label"
5910              >
5911                <input
5912                  type="radio"
5913                  name="Variant-ANzRYMTQzdmJMODk0c__variant_picker_R3rGDr-9228053381370"
5914                  value="9/26 Sat. @9:30am"
5915                  aria-label="9/26 Sat. @9:30am"
5916                  
5917                    aria-disabled="true"
5918                  
5919                  data-previous-checked="false"
5920                  data-fieldset-index="0"
5921                  data-input-index="5"
5922                  data-input-id="1-5"
5923                  data-option-value-id="5313407877370"
5924                  data-option-available="false"
5925                  data-connected-product-url=""
5926                  
5927                    data-variant-id="50136173641978"
5928                  
5929                  
5930                    data-current-checked="false"
5931                  
5932                >
5933                
5934                  
5935                  <span
5936                    class="variant-option__button-label__text"
5937                    data-key="variant-option-text"
5938                  >9/26 Sat. @9:30am</span>
5939                
5940                
5941  <svg
5942    viewBox="0 0 100 46"
5943    preserveAspectRatio="xMidYMid slice"
5944    class="variant-option__strikethrough"
5945  >
5946    
5947    <line x1="100" y1="0" x2="0" y2="46" vector-effect="non-scaling-stroke" />
5948    
5949    <line x1="100" y1="0" x2="0" y2="46" vector-effect="non-scaling-stroke" />
5950  </svg>
5951
5952
5953              </label>
5954              <label
5955                class="variant-option__button-label"
5956              >
5957                <input
5958                  type="radio"
5959                  name="Variant-ANzRYMTQzdmJMODk0c__variant_picker_R3rGDr-9228053381370"
5960                  value="9/28 Mon. @4pm"
5961                  aria-label="9/28 Mon. @4pm"
5962                  
5963                  data-previous-checked="false"
5964                  data-fieldset-index="0"
5965                  data-input-index="6"
5966                  data-input-id="1-6"
5967                  data-option-value-id="5313407910138"
5968                  data-option-available="true"
5969                  data-connected-product-url=""
5970                  
5971                    data-variant-id="50136173674746"
5972                  
5973                  
5974                    data-current-checked="false"
5975                  
5976                >
5977                
5978                  
5979                    <span
5980                      class="variant-option__button-label__pill"
5981                      data-key="variant-option-pill"
5982                    ></span>
5983                  
5984                  <span
5985                    class="variant-option__button-label__text"
5986                    data-key="variant-option-text"
5987                  >9/28 Mon. @4pm</span>
5988                
5989                
5990
5991              </label>
5992              <label
5993                class="variant-option__button-label"
5994              >
5995                <input
5996                  type="radio"
5997                  name="Variant-ANzRYMTQzdmJMODk0c__variant_picker_R3rGDr-9228053381370"
5998                  value="10/03 Sat. @9:30am"
5999                  aria-label="10/03 Sat. @9:30am"
6000                  
6001                  data-previous-checked="false"
6002                  data-fieldset-index="0"
6003                  data-input-index="7"
6004                  data-input-id="1-7"
6005                  data-option-value-id="5313407975674"
6006                  data-option-available="true"
6007                  data-connected-product-url=""
6008                  
6009                    data-variant-id="50136173740282"
6010                  
6011                  
6012                    data-current-checked="false"
6013                  
6014                >
6015                
6016                  
6017                    <span
6018                      class="variant-option__button-label__pill"
6019                      data-key="variant-option-pill"
6020                    ></span>
6021                  
6022                  <span
6023                    class="variant-option__button-label__text"
6024                    data-key="variant-option-text"
6025                  >10/03 Sat. @9:30am</span>
6026                
6027                
6028
6029              </label>
6030              <label
6031                class="variant-option__button-label"
6032              >
6033                <input
6034                  type="radio"
6035                  name="Variant-ANzRYMTQzdmJMODk0c__variant_picker_R3rGDr-9228053381370"
6036                  value="10/06 Tue @11am"
6037                  aria-label="10/06 Tue @11am"
6038                  
6039                  data-previous-checked="false"
6040                  data-fieldset-index="0"
6041                  data-input-index="8"
6042                  data-input-id="1-8"
6043                  data-option-value-id="5449672818938"
6044                  data-option-available="true"
6045                  data-connected-product-url=""
6046                  
6047                    data-variant-id="50276683153658"
6048                  
6049                  
6050                    data-current-checked="false"
6051                  
6052                >
6053                
6054                  
6055                    <span
6056                      class="variant-option__button-label__pill"
6057                      data-key="variant-option-pill"
6058                    ></span>
6059                  
6060                  <span
6061                    class="variant-option__button-label__text"
6062                    data-key="variant-option-text"
6063                  >10/06 Tue @11am</span>
6064                
6065                
6066
6067              </label>
6068              <label
6069                class="variant-option__button-label"
6070              >
6071                <input
6072                  type="radio"
6073                  name="Variant-ANzRYMTQzdmJMODk0c__variant_picker_R3rGDr-9228053381370"
6074                  value="10/09 Fri @10am"
6075                  aria-label="10/09 Fri @10am"
6076                  
6077                  data-previous-checked="false"
6078                  data-fieldset-index="0"
6079                  data-input-index="9"
6080                  data-input-id="1-9"
6081                  data-option-value-id="5449672851706"
6082                  data-option-available="true"
6083                  data-connected-product-url=""
6084                  
6085                    data-variant-id="50276683186426"
6086                  
6087                  
6088                    data-current-checked="false"
6089                  
6090                >
6091                
6092                  
6093                    <span
6094                      class="variant-option__button-label__pill"
6095                      data-key="variant-option-pill"
6096                    ></span>
6097                  
6098                  <span
6099                    class="variant-option__button-label__text"
6100                    data-key="variant-option-text"
6101                  >10/09 Fri @10am</span>
6102                
6103                
6104
6105              </label>
6106              <label
6107                class="variant-option__button-label"
6108              >
6109                <input
6110                  type="radio"
6111                  name="Variant-ANzRYMTQzdmJMODk0c__variant_picker_R3rGDr-9228053381370"
6112                  value="10/10 Sat @ 930 am"
6113                  aria-label="10/10 Sat @ 930 am"
6114                  
6115                  data-previous-checked="false"
6116                  data-fieldset-index="0"
6117                  data-input-index="10"
6118                  data-input-id="1-10"
6119                  data-option-value-id="5449672884474"
6120                  data-option-available="true"
6121                  data-connected-product-url=""
6122                  
6123                    data-variant-id="50276683219194"
6124                  
6125                  
6126                    data-current-checked="false"
6127                  
6128                >
6129                
6130                  
6131                    <span
6132                      class="variant-option__button-label__pill"
6133                      data-key="variant-option-pill"
6134                    ></span>
6135                  
6136                  <span
6137                    class="variant-option__button-label__text"
6138                    data-key="variant-option-text"
6139                  >10/10 Sat @ 930 am</span>
6140                
6141                
6142
6143              </label>
6144              <label
6145                class="variant-option__button-label"
6146              >
6147                <input
6148                  type="radio"
6149                  name="Variant-ANzRYMTQzdmJMODk0c__variant_picker_R3rGDr-9228053381370"
6150                  value="10/12 Mon @4pm"
6151                  aria-label="10/12 Mon @4pm"
6152                  
6153                  data-previous-checked="false"
6154                  data-fieldset-index="0"
6155                  data-input-index="11"
6156                  data-input-id="1-11"
6157                  data-option-value-id="5449672917242"
6158                  data-option-available="true"
6159                  data-connected-product-url=""
6160                  
6161                    data-variant-id="50276683251962"
6162                  
6163                  
6164                    data-current-checked="false"
6165                  
6166                >
6167                
6168                  
6169                    <span
6170                      class="variant-option__button-label__pill"
6171                      data-key="variant-option-pill"
6172                    ></span>
6173                  
6174                  <span
6175                    class="variant-option__button-label__text"
6176                    data-key="variant-option-text"
6177                  >10/12 Mon @4pm</span>
6178                
6179                
6180
6181              </label>
6182              <label
6183                class="variant-option__button-label"
6184              >
6185                <input
6186                  type="radio"
6187                  name="Variant-ANzRYMTQzdmJMODk0c__variant_picker_R3rGDr-9228053381370"
6188                  value="10/17 Sat @ 930 am"
6189                  aria-label="10/17 Sat @ 930 am"
6190                  
6191                  data-previous-checked="false"
6192                  data-fieldset-index="0"
6193                  data-input-index="12"
6194                  data-input-id="1-12"
6195                  data-option-value-id="5449672950010"
6196                  data-option-available="true"
6197                  data-connected-product-url=""
6198                  
6199                    data-variant-id="50276683284730"
6200                  
6201                  
6202                    data-current-checked="false"
6203                  
6204                >
6205                
6206                  
6207                    <span
6208                      class="variant-option__button-label__pill"
6209                      data-key="variant-option-pill"
6210                    ></span>
6211                  
6212                  <span
6213                    class="variant-option__button-label__text"
6214                    data-key="variant-option-text"
6215                  >10/17 Sat @ 930 am</span>
6216                
6217                
6218
6219              </label>
6220              <label
6221                class="variant-option__button-label"
6222              >
6223                <input
6224                  type="radio"
6225                  name="Variant-ANzRYMTQzdmJMODk0c__variant_picker_R3rGDr-9228053381370"
6226                  value="10/19 Mon @11am"
6227                  aria-label="10/19 Mon @11am"
6228                  
6229                  data-previous-checked="false"
6230                  data-fieldset-index="0"
6231                  data-input-index="13"
6232                  data-input-id="1-13"
6233                  data-option-value-id="5449672982778"
6234                  data-option-available="true"
6235                  data-connected-product-url=""
6236                  
6237                    data-variant-id="50276683317498"
6238                  
6239                  
6240                    data-current-checked="false"
6241                  
6242                >
6243                
6244                  
6245                    <span
6246                      class="variant-option__button-label__pill"
6247                      data-key="variant-option-pill"
6248                    ></span>
6249                  
6250                  <span
6251                    class="variant-option__button-label__text"
6252                    data-key="variant-option-text"
6253                  >10/19 Mon @11am</span>
6254                
6255                
6256
6257              </label>
6258              <label
6259                class="variant-option__button-label"
6260              >
6261                <input
6262                  type="radio"
6263                  name="Variant-ANzRYMTQzdmJMODk0c__variant_picker_R3rGDr-9228053381370"
6264                  value="10/22 Thu @11am"
6265                  aria-label="10/22 Thu @11am"
6266                  
6267                  data-previous-checked="false"
6268                  data-fieldset-index="0"
6269                  data-input-index="14"
6270                  data-input-id="1-14"
6271                  data-option-value-id="5449673015546"
6272                  data-option-available="true"
6273                  data-connected-product-url=""
6274                  
6275                    data-variant-id="50276683350266"
6276                  
6277                  
6278                    data-current-checked="false"
6279                  
6280                >
6281                
6282                  
6283                    <span
6284                      class="variant-option__button-label__pill"
6285                      data-key="variant-option-pill"
6286                    ></span>
6287                  
6288                  <span
6289                    class="variant-option__button-label__text"
6290                    data-key="variant-option-text"
6291                  >10/22 Thu @11am</span>
6292                
6293                
6294
6295              </label>
6296              <label
6297                class="variant-option__button-label"
6298              >
6299                <input
6300                  type="radio"
6301                  name="Variant-ANzRYMTQzdmJMODk0c__variant_picker_R3rGDr-9228053381370"
6302                  value="10/24 Sat @ 930am"
6303                  aria-label="10/24 Sat @ 930am"
6304                  
6305                  data-previous-checked="false"
6306                  data-fieldset-index="0"
6307                  data-input-index="15"
6308                  data-input-id="1-15"
6309                  data-option-value-id="5449673048314"
6310                  data-option-available="true"
6311                  data-connected-product-url=""
6312                  
6313                    data-variant-id="50276683383034"
6314                  
6315                  
6316                    data-current-checked="false"
6317                  
6318                >
6319                
6320                  
6321                    <span
6322                      class="variant-option__button-label__pill"
6323                      data-key="variant-option-pill"
6324                    ></span>
6325                  
6326                  <span
6327                    class="variant-option__button-label__text"
6328                    data-key="variant-option-text"
6329                  >10/24 Sat @ 930am</span>
6330                
6331                
6332
6333              </label>
6334              <label
6335                class="variant-option__button-label"
6336              >
6337                <input
6338                  type="radio"
6339                  name="Variant-ANzRYMTQzdmJMODk0c__variant_picker_R3rGDr-9228053381370"
6340                  value="10/31 Sat  @ 930 am"
6341                  aria-label="10/31 Sat  @ 930 am"
6342                  
6343                  data-previous-checked="false"
6344                  data-fieldset-index="0"
6345                  data-input-index="16"
6346                  data-input-id="1-16"
6347                  data-option-value-id="5449673081082"
6348                  data-option-available="true"
6349                  data-connected-product-url=""
6350                  
6351                    data-variant-id="50276683415802"
6352                  
6353                  
6354                    data-current-checked="false"
6355                  
6356                >
6357                
6358                  
6359                    <span
6360                      class="variant-option__button-label__pill"
6361                      data-key="variant-option-pill"
6362                    ></span>
6363                  
6364                  <span
6365                    class="variant-option__button-label__text"
6366                    data-key="variant-option-text"
6367                  >10/31 Sat  @ 930 am</span>
6368                
6369                
6370
6371              </label>
6372          </fieldset>
6372<script type="application/json">
6373        {"id":50136173510906,"title":"9\/20 Sun. @9:30am","option1":"9\/20 Sun. @9:30am","option2":null,"option3":null,"sku":"SL-260920-0930","requires_shipping":false,"taxable":true,"featured_image":null,"available":true,"name":"Class | Crafting the Perfect Matcha Latte - 9\/20 Sun. @9:30am","public_title":"9\/20 Sun. @9:30am","options":["9\/20 Sun. @9:30am"],"price":6000,"weight":0,"compare_at_price":null,"inventory_management":"shopify","barcode":null,"requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}}
6374      </script>
6374
6375    </form>
6376  </variant-picker>
6377
6378
6379
6380
6381
6382
6383
6384
6385
6386<span
6387  class="buy-buttons-block buy-buttons-block--AeDh6VVJIOEU5RU0zO__buy_buttons_eYQEYi"
6388  
6389><product-form-component
6390      data-section-id="template--22111673876730__main"
6391      data-product-id="9228053381370"
6392      data-product-url="/products/class-crafting-the-perfect-matcha-latte"
6393      on:submit="/handleSubmit"
6394      data-quantity-default="1"
6395      data-quantity-error-max="This item has a maximum of {{ maximum }}"
6396    >
6397      <div
6398        class="visually-hidden"
6399        aria-live="assertive"
6400        role="status"
6401        aria-atomic="true"
6402        ref="liveRegion"
6403      ></div><form method="post" action="/cart/add" id="BuyButtons-ProductForm-template--22111673876730__main" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
6404          type="hidden"
6405          name="id"
6406          ref="variantId"
6407          value="50136173510906"
6408        ><div
6409          class="product-form-buttons spacing-style product-form-buttons--stacked"
6410          style="--padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;"
6411          ref="productFormButtons"
6412        >
6413
6414<div
6415  class="quantity-selector-wrapper"
6416  ref="quantitySelectorWrapper"
6417>
6418  <quantity-selector-component
6419    class="quantity-selector"
6420    data-variant-id="50136173510906"
6421    
6422ref="quantitySelector"
6423    
6424  >
6425    <button
6426      class="button quantity-minus button-unstyled"
6427      type="button"
6428      name="minus"
6429      on:click="/decreaseQuantity"
6430      ref="minusButton"
6431      
6432    >
6433      <span class="visually-hidden">Decrease quantity</span
6434      ><span class="svg-wrapper icon-plus"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
6435  <path d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
6436</svg>
6437</span>
6438    </button>
6439    <input
6440      type="number"
6441      name="quantity"
6442      value="1"
6443      data-cart-quantity="0"
6444      min="1"
6445      data-min="1"
6446      on:blur="/setQuantity"
6447      on:focus="/selectInputValue"
6448      ref="quantityInput"
6449      aria-label="Quantity"
6450      
6451      
6452      step="1"
6453      
6454    >
6455    <button
6456      class="button quantity-plus button-unstyled"
6457      type="button"
6458      name="plus"
6459      on:click="/increaseQuantity"
6460      ref="plusButton"
6461      
6462    >
6463      <span class="visually-hidden">Increase quantity</span
6464      ><span class="svg-wrapper icon-plus"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
6465  <path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
6466  <path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
6467</svg>
6468</span>
6469    </button>
6470  </quantity-selector-component></div>
6471
6472
6473
6474
6475
6476
6477<span
6478              class="product-form-text__error hidden"
6479              ref="addToCartTextError"
6480            >
6481              <span class="svg-wrapper"><svg class="icon icon-error" viewBox="0 0 13 13">
6482  <circle cx="6.5" cy="6.5" r="5.5" stroke="#fff" stroke-width="var(--icon-stroke-width)"/>
6483  <circle cx="6.5" cy="6.5" r="5.5" fill="#EB001B" stroke="#EB001B" stroke-width=".7"/>
6484  <path fill="#fff" d="m5.874 3.528.1 4.044h1.053l.1-4.044zm.627 6.133c.38 0 .68-.288.68-.656s-.3-.656-.68-.656-.681.288-.681.656.3.656.68.656"/>
6485  <path fill="#fff" stroke="#EB001B" stroke-width=".7" d="M5.874 3.178h-.359l.01.359.1 4.044.008.341h1.736l.008-.341.1-4.044.01-.359H5.873Zm.627 6.833c.56 0 1.03-.432 1.03-1.006s-.47-1.006-1.03-1.006-1.031.432-1.031 1.006.47 1.006 1.03 1.006Z"/>
6486</svg>
6487</span>
6488            </span>
6489
6490<span
6491  
6492  style="--add-to-cart-font-case: ;"
6493>
6494  <add-to-cart-component
6495  ref="addToCartButtonContainer"
6496  data-product-variant-media="//kettl.co/cdn/shop/files/bdcda6c0-7a47-459a-beea-7d70f1752ab0.jpg?v=1778879116&width=100"
6497  data-add-to-cart-animation="false"
6498>
6499  <button
6500    
6501      id="BuyButtons-ProductSubmitButton-ANXVUQ2VobG13MEVCR__add-to-cart"
6502    
6503    type="submit"
6504    name="add"
6505    ref="addToCartButton"
6506    on:click="/handleClick"
6507    class="button add-to-cart-button button"
6508    
6509      data-testid="standalone-add-to-cart"
6510    
6511    
6512  >
6513    <span
6514      class="add-to-cart-text"
6515    >
6516      
6517        <span
6518          aria-hidden="true"
6519          class="svg-wrapper add-to-cart-icon"
6520        ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
6521</span>
6522      
6523      <span class="add-to-cart-text__content">
6524        <span>
6525          <span>Add to cart</span>
6526        </span>
6527      </span>
6528    </span>
6529    
6530    <span class="add-to-cart__added">
6531      <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
6532  <g class="check">
6533    <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
6534    <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
6535  </g>
6536  <g class="burst">
6537    <g style="--index: 0;">
6538      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
6539    </g>
6540    <g style="--index: 1;">
6541      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
6542    </g>
6543    <g style="--index: 2;">
6544      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
6545    </g>
6546    <g style="--index: 3;">
6547      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
6548    </g>
6549    <g style="--index: 4;">
6550      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
6551    </g>
6552    <g style="--index: 5;">
6553      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
6554    </g>
6555    <g style="--index: 6;">
6556      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
6557    </g>
6558    <g style="--index: 7;">
6559      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
6560    </g>
6561  </g>
6562</svg>
6563</span>
6564    </span>
6565  </button>
6566</add-to-cart-component>
6567
6568</span>
6569
6570
6571
6572
6573          
6574        </div><input type="hidden" name="product-id" value="9228053381370" /><input type="hidden" name="section-id" value="template--22111673876730__main" /></form></product-form-component></span>
6575
6576
6577
6578
6579
6580
6581<div>
6582  <hr/>
6583</div>
6584
6585
6586
6587
6588
6589
6590
6591
6592
6593  <rte-formatter class=" spacing-style text-block text-block--AeVZQdWtFcEFnbzhOZ__text_aEtTtq rte    text-block--align-left rte   "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;         --width: 100%;    --max-width: var(--max-width--body-normal);          --text-align: left;          ">
6594    <p><span style="font-weight: 400;">Learn to make the perfect Kettl Matcha latte in this hands-on session at our Matcha Sen Mon Ten. Guests will learn the proper technique to whisk Matcha specifically for lattes, how to steam cafe-quality milk, and the basics of freehand latte art pouring. This is the perfect class for those looking to bring the experience of Kettl into their homes.</span></p>
6595<p>The class is 120 minutes long and features an info session, hands-on matcha whisking and milk steaming, and a small dessert pairing.</p>
6596<p>The class will be held at 38 Norman Ave Unit B, Brooklyn, NY 11222<br><br><strong>Bundle &amp; Save: All class ticket purchases qualify for a 15% discount on any additional item when purchased together. Your savings will automatically be applied in your cart.</strong></p>
6597<p>Please note all classes are non-refundable and non-transferable.</p>
6598  </rte-formatter>
6599
6600
6601
6602
6603
6604
6605<div>
6606  <hr/>
6607</div>
6608
6609
6610
6611
6612<div
6613  class="
6614    group-block
6615    group-block--height-fit
6616    group-block--width-fill
6617    border-style
6618    spacing-style
6619    size-style
6620    
6621    
6622  "
6623  style="
6624    --border-width: 1px; --border-style: none; --border-color:
6625rgb(var(--color-border-rgb) / 1.0); --border-radius:
66260px; 
6627
6628    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
6629    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
6630    
6631  "
6632  
6633  data-testid="group-block"
6634><div class="group-block__media-wrapper">
6635    
6636
6637
6638
6639    
6640  </div>
6641
6642  <div
6643    class="
6644      group-block-content
6645      
6646      layout-panel-flex
6647      layout-panel-flex--column
6648       mobile-column
6649    "
6650    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
6651
6652--gap: 12px;
6653
6654--horizontal-alignment: flex-start; --vertical-alignment: center;
6655--vertical-alignment-mobile: center;
6656"
6657  >
6658  
6659
6660<div
6661  class="
6662    group-block
6663    group-block--height-fit
6664    group-block--width-fill
6665    border-style
6666    spacing-style
6667    size-style
6668     color-scheme-2
6669    
6670  "
6671  style="
6672    --border-width: 1px; --border-style: none; --border-color:
6673rgb(var(--color-border-rgb) / 1.0); --border-radius:
66740px; 
6675
6676    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
6677    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
6678    
6679  "
6680  
6681  data-testid="group-block"
6682><div class="group-block__media-wrapper">
6683    
6684
6685
6686
6687    
6688  </div>
6689
6690  <div
6691    class="
6692      group-block-content
6693      
6694      layout-panel-flex
6695      layout-panel-flex--row
6696       mobile-column
6697    "
6698    style="--flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
6699
6700--gap: 12px;
6701
6702--horizontal-alignment: flex-start; --vertical-alignment: flex-start;
6703--vertical-alignment-mobile: flex-start;
6704"
6705  >
6706  
6707
6708<div
6709  class="
6710    group-block
6711    group-block--height-fit
6712    group-block--width-fill
6713    border-style
6714    spacing-style
6715    size-style
6716    
6717    
6718  "
6719  style="
6720    --border-width: 1px; --border-style: none; --border-color:
6721rgb(var(--color-border-rgb) / 1.0); --border-radius:
67220px; 
6723
6724    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
6725    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
6726    
6727  "
6728  
6729  data-testid="group-block"
6730><div class="group-block__media-wrapper">
6731    
6732
6733
6734
6735    
6736  </div>
6737
6738  <div
6739    class="
6740      group-block-content
6741      
6742      layout-panel-flex
6743      layout-panel-flex--column
6744       mobile-column
6745    "
6746    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
6747
6748--gap: 12px;
6749
6750--horizontal-alignment: flex-start; --vertical-alignment: center;
6751--vertical-alignment-mobile: center;
6752"
6753  >
6754  
6755
6756
6757
6758
6759
6760
6761  <div class=" spacing-style text-block text-block--AMHpTV09XYVEyamFOU__text_EibPLd h6      "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);    --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
6762    <p>
6762Information</p>
6763  </div>
6764
6765
6766
6767
6768
6769
6770
6771
6772
6773
6774
6775
6776
6777  <div class=" spacing-style text-block text-block--Aek4wQmRZempvU1JEb__text_xGXfiN h5      "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground-heading);    --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
6778    <p>Location: Kettl Matcha Sen Mon Ten</p>
6779  </div>
6780
6781
6782
6783
6784
6785
6786
6787</div>
6788</div>
6789
6790
6791
6792
6793
6794
6795</div>
6796</div>
6797
6798
6799
6800
6801
6802
6803</div>
6804</div>
6805
6806
6807
6808
6809
6810
6811  </div>
6812</div>
6813
6814
6815
6816</div>
6817
6818
6819
6820
6821
6822
6823      
6824    
6825  </div>
6826
6827  
6828  
6829
6830</div>
6831
6832
6833
6834
6835
6836
6837
6838</div><div id="shopify-section-template--22111673876730__section_LfTQkq" class="shopify-section section-wrapper">
6839
6840<div class="section-background color-scheme-1"></div>
6841<div
6842  class="section section--page-width color-scheme-1"
6843  data-testid="ui-test-section"
6844
6845  
6846
6847  style="
6848    
6849
6850    
6851  "
6852>
6853  <div class="custom-section-background">
6854    
6855
6856
6857
6858  </div>
6859
6860  <div
6861    class="border-style custom-section-content"
6862    style="--border-width: 1px; --border-style: none; --border-color:
6863rgb(var(--color-border-rgb) / 1.0); --border-radius:
68640px; 
6865"
6866  >
6867    
6868
6869    <div
6870      class="
6871        spacing-style
6872        layout-panel-flex
6873        layout-panel-flex--row
6874        section-content-wrapper
6875         mobile-column
6876      "
6877      style="
6878        --flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
6879
6880--gap: 0px;
6881
6882--horizontal-alignment: space-between; --vertical-alignment: flex-start;
6883--vertical-alignment-mobile: flex-start;
6884
6885        --padding-block-start: max(20px, calc(var(--spacing-scale) * 90px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 90px));
6886      "
6887      data-testid="section-content"
6888    >
6889      
6890  
6891
6892<div
6893  class="
6894    group-block
6895    group-block--height-fit
6896    group-block--width-fill
6897    border-style
6898    spacing-style
6899    size-style
6900    
6901    
6902  "
6903  style="
6904    --border-width: 1px; --border-style: none; --border-color:
6905rgb(var(--color-border-rgb) / 1.0); --border-radius:
69060px; 
6907
6908    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
6909    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
6910    
6911  "
6912  
6913  data-testid="group-block"
6914><div class="group-block__media-wrapper">
6915    
6916
6917
6918
6919    
6920  </div>
6921
6922  <div
6923    class="
6924      group-block-content
6925      
6926      layout-panel-flex
6927      layout-panel-flex--column
6928       mobile-column
6929    "
6930    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
6931
6932--gap: 12px;
6933
6934--horizontal-alignment: flex-start; --vertical-alignment: flex-start;
6935--vertical-alignment-mobile: flex-start;
6936"
6937  >
6938  
6939
6940
6941
6942
6943
6944
6945
6946
6947
6948
6949
6950
6951  <div
6952    class="
6953  image-block image-block--AbnZPRjJXQkRjRnVTW__image_DUYRCk image-block--height-fit spacing-style size-style
6954"
6955    style="
6956  --ratio: 16 / 9;
6957  --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
6958  --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
6959"
6960    
6961  >
6962    
6963<img src="//kettl.co/cdn/shop/files/A_commitment_to_quality.jpg?v=1762984007&amp;width=3840" alt="" srcset="//kettl.co/cdn/shop/files/A_commitment_to_quality.jpg?v=1762984007&amp;width=240 240w, //kettl.co/cdn/shop/files/A_commitment_to_quality.jpg?v=1762984007&amp;width=352 352w, //kettl.co/cdn/shop/files/A_commitment_to_quality.jpg?v=1762984007&amp;width=832 832w, //kettl.co/cdn/shop/files/A_commitment_to_quality.jpg?v=1762984007&amp;width=1200 1200w, //kettl.co/cdn/shop/files/A_commitment_to_quality.jpg?v=1762984007&amp;width=1600 1600w, //kettl.co/cdn/shop/files/A_commitment_to_quality.jpg?v=1762984007&amp;width=1920 1920w, //kettl.co/cdn/shop/files/A_commitment_to_quality.jpg?v=1762984007&amp;width=2560 2560w, //kettl.co/cdn/shop/files/A_commitment_to_quality.jpg?v=1762984007&amp;width=3840 3840w" width="3120" height="2080" class="image-block__image border-style" style="
6964  --ratio: 16 / 9;
6965  --border-width: 1px; --border-style: none; --border-color:
6966rgb(var(--color-border-rgb) / 1.0); --border-radius:
69670px; 
6968
6969" sizes="auto, (min-width: 750px) 100vw, 100vw">
6970
6971  </div>
6972
6973
6974
6975
6976
6977
6978
6979<div
6980  class="
6981    group-block
6982    group-block--height-fit
6983    group-block--width-fill
6984    border-style
6985    spacing-style
6986    size-style
6987    
6988    
6989  "
6990  style="
6991    --border-width: 1px; --border-style: none; --border-color:
6992rgb(var(--color-border-rgb) / 1.0); --border-radius:
69930px; 
6994
6995    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
6996    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
6997    
6998  "
6999  
7000  data-testid="group-block"
7001><div class="group-block__media-wrapper">
7002    
7003
7004
7005
7006    
7007  </div>
7008
7009  <div
7010    class="
7011      group-block-content
7012      
7013      layout-panel-flex
7014      layout-panel-flex--column
7015       mobile-column
7016    "
7017    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
7018
7019--gap: 12px;
7020
7021--horizontal-alignment: flex-start; --vertical-alignment: center;
7022--vertical-alignment-mobile: center;
7023"
7024  >
7025  
7026
7027
7028
7029
7030
7031
7032  <rte-formatter class=" spacing-style text-block text-block--AbEtoMTk3Tks5VmJuV__text_xLVMbq rte     rte   "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;         --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
7033    <h2>An unwavering commitment to quality.</h2>
7034  </rte-formatter>
7035
7036
7037
7038
7039
7040
7041
7042
7043<a
7044  
7045    href="/pages/our-story"
7046  
7047  class="
7048    size-style
7049    button-secondary
7050    button-secondary--AUkw2UHhSanBaeDRNR__button_tVXbiV
7051  "
7052  style="--size-style-width: fit-content;--size-style-height: ;--size-style-width-mobile: fit-content; --size-style-width-mobile-min: fit-content;"
7053>
7054  About Us
7055</a>
7056
7057
7058
7059
7060
7061
7062</div>
7063</div>
7064
7065
7066
7067
7068
7069
7070</div>
7071</div>
7072
7073
7074
7075
7076
7077
7078
7079<div
7080  class="
7081    group-block
7082    group-block--height-fit
7083    group-block--width-fill
7084    border-style
7085    spacing-style
7086    size-style
7087    
7088    
7089  "
7090  style="
7091    --border-width: 1px; --border-style: none; --border-color:
7092rgb(var(--color-border-rgb) / 1.0); --border-radius:
70930px; 
7094
7095    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
7096    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
7097    
7098  "
7099  
7100  data-testid="group-block"
7101><div class="group-block__media-wrapper">
7102    
7103
7104
7105
7106    
7107  </div>
7108
7109  <div
7110    class="
7111      group-block-content
7112      
7113      layout-panel-flex
7114      layout-panel-flex--column
7115       mobile-column
7116    "
7117    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
7118
7119--gap: 12px;
7120
7121--horizontal-alignment: flex-end; --vertical-alignment: center;
7122--vertical-alignment-mobile: center;
7123"
7124  >
7125  
7126
7127
7128
7129
7130
7131
7132
7133
7134
7135
7136
7137
7138  <div
7139    class="
7140  image-block image-block--ANlFBRFhOOWF2QUo4a__image_gwVFzC image-block--height-fit spacing-style size-style
7141"
7142    style="
7143  --ratio: 4 / 5;
7144  --size-style-width:50%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
7145  --padding-block-start: 20px;--padding-block-end: 20px;--padding-inline-start: 0px;--padding-inline-end: 0px;
7146"
7147    
7148  >
7149    
7150<img src="//kettl.co/cdn/shop/files/Los_Feliz_kama_shot.jpg?v=1763152152&amp;width=3840" alt="" srcset="//kettl.co/cdn/shop/files/Los_Feliz_kama_shot.jpg?v=1763152152&amp;width=240 240w, //kettl.co/cdn/shop/files/Los_Feliz_kama_shot.jpg?v=1763152152&amp;width=352 352w, //kettl.co/cdn/shop/files/Los_Feliz_kama_shot.jpg?v=1763152152&amp;width=832 832w, //kettl.co/cdn/shop/files/Los_Feliz_kama_shot.jpg?v=1763152152&amp;width=1200 1200w, //kettl.co/cdn/shop/files/Los_Feliz_kama_shot.jpg?v=1763152152&amp;width=1600 1600w, //kettl.co/cdn/shop/files/Los_Feliz_kama_shot.jpg?v=1763152152&amp;width=1920 1920w, //kettl.co/cdn/shop/files/Los_Feliz_kama_shot.jpg?v=1763152152&amp;width=2560 2560w, //kettl.co/cdn/shop/files/Los_Feliz_kama_shot.jpg?v=1763152152&amp;width=3840 3840w" width="4000" height="6000" class="image-block__image border-style" style="
7151  --ratio: 4 / 5;
7152  --border-width: 1px; --border-style: none; --border-color:
7153rgb(var(--color-border-rgb) / 1.0); --border-radius:
71540px; 
7155
7156" sizes="auto, (min-width: 750px) 100vw, 100vw">
7157
7158  </div>
7159
7160
7161
7162
7163
7164
7165</div>
7166</div>
7167
7168
7169
7170
7171
7172
7173
7174    </div>
7175  </div>
7176</div>
7177
7178
7179
7180
7181
7182</div><div id="shopify-section-template--22111673876730__product_recommendations_qggXJq" class="shopify-section">
7182<script
7183  src="//kettl.co/cdn/shop/t/84/assets/product-recommendations.js?v=168839317936691195461774249488"
7184  type="module"
7185  fetchpriority="low"
7186></script>
7186
7187
7188
7189
7190<product-recommendations
7191  id="product-recommendations-template--22111673876730__product_recommendations_qggXJq"
7192  class="product-recommendations"
7193  data-url="/recommendations/products?limit=4"
7194  data-section-id="template--22111673876730__product_recommendations_qggXJq"
7195  data-product-id="9228053381370"
7196  data-intent="related"
7197  data-testid="product-recommendations-section"
7198  data-recommendations-performed="false"
7199  
7200>
7201  <div class="section-background color-scheme-1"></div>
7202  <div
7203    class="
7204      section
7205      section--page-width
7206      color-scheme-1
7207      section-resource-list
7208      spacing-style
7209      gap-style
7210    "
7211    style="
7212      --padding-block-start: max(20px, calc(var(--spacing-scale) * 48px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 48px));
7213      --gap: max(24px, calc(var(--gap-scale, 1.0) * 28px));
7214      --column-count-mobile: 2;--resource-list-column-gap-desktop: 12px;--resource-list-row-gap-desktop: 24px;--resource-list-columns: repeat(4, 1fr);--resource-list-columns-mobile: repeat(2, 1fr);--resource-list-column-gap-desktop: 12px;--column-count: 4;--column-count-mobile: 2;
7215    "
7216  >
7217    <div class="section-resource-list__content">
7218      
7219
7220
7221
7222
7223
7224
7225  <div class=" spacing-style text-block text-block--AL3FBY0syRHhHRjV0W__text_cbcgyb h2      "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;         --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
7226    <h2>You may also like </h2>
7227  </div>
7228
7229
7230
7231
7232
7233
7234
7235    </div><div
7236        class="resource-list resource-list--grid"
7237      >
7238        
7239          <div
7240            class="product-recommendations__skeleton-item"
7241            aria-label="Loading product recommendations"
7242          ></div>
7243        
7244          <div
7245            class="product-recommendations__skeleton-item"
7246            aria-label="Loading product recommendations"
7247          ></div>
7248        
7249          <div
7250            class="product-recommendations__skeleton-item"
7251            aria-label="Loading product recommendations"
7252          ></div>
7253        
7254          <div
7255            class="product-recommendations__skeleton-item"
7256            aria-label="Loading product recommendations"
7257          ></div>
7258        
7259      </div></div>
7260</product-recommendations>
7261
7262
7263</div>
7264    </main>
7265
7266    <!-- BEGIN sections: footer-group -->
7267<div id="shopify-section-sections--22111673352442__section_Yj9GmX" class="shopify-section shopify-section-group-footer-group section-wrapper">
7268
7269<div class="section-background color-scheme-5"></div>
7270<div
7271  class="section section--page-width color-scheme-5"
7272  data-testid="ui-test-section"
7273
7274  
7275
7276  style="
7277    
7278      --section-min-height: var(--section-height-large);
7279    
7280
7281    
7282     --section-preview-height: 600px;
7283     
7284  "
7285>
7286  <div class="custom-section-background">
7287    
7288  <div
7289    class="background-image-container"
7290  >
7291    
7292
7293      <img src="//kettl.co/cdn/shop/files/Fire_on_the_mountain_show.jpg?v=1754507239&amp;width=3840" alt="" srcset="//kettl.co/cdn/shop/files/Fire_on_the_mountain_show.jpg?v=1754507239&amp;width=832 832w, //kettl.co/cdn/shop/files/Fire_on_the_mountain_show.jpg?v=1754507239&amp;width=1200 1200w, //kettl.co/cdn/shop/files/Fire_on_the_mountain_show.jpg?v=1754507239&amp;width=1600 1600w, //kettl.co/cdn/shop/files/Fire_on_the_mountain_show.jpg?v=1754507239&amp;width=1920 1920w, //kettl.co/cdn/shop/files/Fire_on_the_mountain_show.jpg?v=1754507239&amp;width=2560 2560w, //kettl.co/cdn/shop/files/Fire_on_the_mountain_show.jpg?v=1754507239&amp;width=3840 3840w" width="3840" height="2160" loading="eager" sizes="100vw" fetchpriority="high">
7294</div>
7295
7296
7297
7298
7299  </div>
7300
7301  <div
7302    class="border-style custom-section-content"
7303    style="--border-width: 1px; --border-style: none; --border-color:
7304rgb(var(--color-border-rgb) / 1.0); --border-radius:
73050px; 
7306"
7307  >
7308    
7309      <div
7310  class="overlay overlay--solid"
7311  style="
7312    --overlay-layer: 0;
7313    --overlay-color: #00000040;
7314    --overlay-color--end: rgba(0, 0, 0, 0);
7315    --overlay-direction: to top; --overlay-border-radius: 0px;"
7316></div>
7317
7318
7319
7320    
7321
7322    <div
7323      class="
7324        spacing-style
7325        layout-panel-flex
7326        layout-panel-flex--column
7327        section-content-wrapper
7328         mobile-column
7329      "
7330      style="
7331        --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
7332
7333--gap: 12px;
7334
7335--horizontal-alignment: flex-start; --vertical-alignment: space-between;
7336--vertical-alignment-mobile: space-between;
7337
7338        --padding-block-start: 18px;--padding-block-end: max(20px, calc(var(--spacing-scale) * 30px));
7339      "
7340      data-testid="section-content"
7341    >
7342      
7343  
7344
7345<div
7346  class="
7347    group-block
7348    group-block--height-fit
7349    group-block--width-fill
7350    border-style
7351    spacing-style
7352    size-style
7353    
7354    
7355  "
7356  style="
7357    --border-width: 1px; --border-style: none; --border-color:
7358rgb(var(--color-border-rgb) / 1.0); --border-radius:
73590px; 
7360
7361    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
7362    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
7363    
7364  "
7365  
7366  data-testid="group-block"
7367><div class="group-block__media-wrapper">
7368    
7369
7370
7371
7372    
7373  </div>
7374
7375  <div
7376    class="
7377      group-block-content
7378      
7379      layout-panel-flex
7380      layout-panel-flex--row
7381       mobile-column
7382    "
7383    style="--flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
7384
7385--gap: 12px;
7386
7387--horizontal-alignment: flex-start; --vertical-alignment: flex-start;
7388--vertical-alignment-mobile: flex-start;
7389"
7390  >
7391  
7392
7393<div
7394  class="
7395    group-block
7396    group-block--height-fit
7397    group-block--width-fill
7398    border-style
7399    spacing-style
7400    size-style
7401    
7402    
7403  "
7404  style="
7405    --border-width: 1px; --border-style: none; --border-color:
7406rgb(var(--color-border-rgb) / 1.0); --border-radius:
74070px; 
7408
7409    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
7410    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
7411    
7412  "
7413  
7414  data-testid="group-block"
7415><div class="group-block__media-wrapper">
7416    
7417
7418
7419
7420    
7421  </div>
7422
7423  <div
7424    class="
7425      group-block-content
7426      
7427      layout-panel-flex
7428      layout-panel-flex--column
7429       mobile-column
7430    "
7431    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
7432
7433--gap: 12px;
7434
7435--horizontal-alignment: flex-start; --vertical-alignment: center;
7436--vertical-alignment-mobile: center;
7437"
7438  >
7439  
7440
7441<div
7442  class="
7443    group-block
7444    group-block--height-fit
7445    group-block--width-fit-content
7446    border-style
7447    spacing-style
7448    size-style
7449    
7450    
7451  "
7452  style="
7453    --border-width: 1px; --border-style: none; --border-color:
7454rgb(var(--color-border-rgb) / 1.0); --border-radius:
74550px; 
7456
7457    --padding-block-start: 12px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
7458    --size-style-width: fit-content;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
7459    
7460  "
7461  
7462  data-testid="group-block"
7463><div class="group-block__media-wrapper">
7464    
7465
7466
7467
7468    
7469  </div>
7470
7471  <div
7472    class="
7473      group-block-content
7474      
7475      layout-panel-flex
7476      layout-panel-flex--column
7477       mobile-column
7478    "
7479    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
7480
7481--gap: 16px;
7482
7483--horizontal-alignment: flex-start; --vertical-alignment: flex-start;
7484--vertical-alignment-mobile: flex-start;
7485"
7486  >
7487  
7488
7489
7490
7491
7492
7493
7494  <rte-formatter class=" spacing-style text-block text-block--AaElXQUVqalVIQ1Rhc__text_9YMzPV paragraph     rte   "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);    --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
7495    <p>Shop</p>
7496  </rte-formatter>
7497
7498
7499
7500
7501
7502
7503
7504
7505<div
7506  class="
7507    group-block
7508    group-block--height-fit
7509    group-block--width-fit-content
7510    border-style
7511    spacing-style
7512    size-style
7513    
7514    
7515  "
7516  style="
7517    --border-width: 1px; --border-style: none; --border-color:
7518rgb(var(--color-border-rgb) / 1.0); --border-radius:
75190px; 
7520
7521    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
7522    --size-style-width: fit-content;--size-style-height: fit;--size-style-width-mobile: fit-content; --size-style-width-mobile-min: fit-content;
7523    
7524  "
7525  
7526  data-testid="group-block"
7527><div class="group-block__media-wrapper">
7528    
7529
7530
7531
7532    
7533  </div>
7534
7535  <div
7536    class="
7537      group-block-content
7538      
7539      layout-panel-flex
7540      layout-panel-flex--column
7541       mobile-column
7542    "
7543    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
7544
7545--gap: 4px;
7546
7547--horizontal-alignment: flex-start; --vertical-alignment: flex-start;
7548--vertical-alignment-mobile: flex-start;
7549"
7550  >
7551  
7552
7553<a
7554  
7555    href="/collections/matcha-green-tea"
7556  
7557  class="
7558    size-style
7559    link
7560    link--AQ1BIQjc3aGEzRGl6a__button_FCkBcc
7561  "
7562  style="--size-style-width: fit-content;--size-style-height: ;--size-style-width-mobile: fit-content; --size-style-width-mobile-min: fit-content;"
7563>
7564  Matcha
7565</a>
7566
7567
7568
7569
7570
7571
7572
7573<a
7574  
7575    href="/collections/japanese-green-tea"
7576  
7577  class="
7578    size-style
7579    link
7580    link--AVXBRRHhUT05lcGNRa__button_A9B7Hy
7581  "
7582  style="--size-style-width: fit-content;--size-style-height: ;--size-style-width-mobile: fit-content; --size-style-width-mobile-min: fit-content;"
7583>
7584  Loose Leaf
7585</a>
7586
7587
7588
7589
7590
7591
7592
7593<a
7594  
7595    href="/collections/japenese-tea-bags"
7596  
7597  class="
7598    size-style
7599    link
7600    link--AOXlUeU5jajZPTm5hb__button_PkxgNQ
7601  "
7602  style="--size-style-width: fit-content;--size-style-height: ;--size-style-width-mobile: fit-content; --size-style-width-mobile-min: fit-content;"
7603>
7604  Tea Bags
7605</a>
7606
7607
7608
7609
7610
7611
7612
7613<a
7614  
7615    href="/collections/class"
7616  
7617  class="
7618    size-style
7619    link
7620    link--AbkE2eG8yMUhpeUN5T__button_XGpyTJ
7621  "
7622  style="--size-style-width: fit-content;--size-style-height: ;--size-style-width-mobile: fit-content; --size-style-width-mobile-min: fit-content;"
7623>
7624  Classes & events
7625</a>
7626
7627
7628
7629
7630
7631
7632
7633<a
7634  
7635    href="/collections/ceramics"
7636  
7637  class="
7638    size-style
7639    link
7640    link--AeFhrd0lKaWloSWR3d__button_twRPCW
7641  "
7642  style="--size-style-width: fit-content;--size-style-height: ;--size-style-width-mobile: fit-content; --size-style-width-mobile-min: fit-content;"
7643>
7644  Ceramics
7645</a>
7646
7647
7648
7649
7650
7651
7652
7653<a
7654  
7655    href="/collections/tea-tools"
7656  
7657  class="
7658    size-style
7659    link
7660    link--ALzRxR2xDUUtlSzR3T__button_Gc8Ldy
7661  "
7662  style="--size-style-width: fit-content;--size-style-height: ;--size-style-width-mobile: fit-content; --size-style-width-mobile-min: fit-content;"
7663>
7664  Tea Tools
7665</a>
7666
7667
7668
7669
7670
7671
7672
7673<a
7674  
7675    href="/collections/incense"
7676  
7677  class="
7678    size-style
7679    link
7680    link--ATmhWNkRsdndoWExtV__button_twhbKX
7681  "
7682  style="--size-style-width: fit-content;--size-style-height: ;--size-style-width-mobile: fit-content; --size-style-width-mobile-min: fit-content;"
7683>
7684  Incense
7685</a>
7686
7687
7688
7689
7690
7691
7692
7693<a
7694  
7695    href="/collections/matcha-chocolate"
7696  
7697  class="
7698    size-style
7699    link
7700    link--AeFBHNU5BOGM1bHFOQ__button_4DkPnK
7701  "
7702  style="--size-style-width: fit-content;--size-style-height: ;--size-style-width-mobile: fit-content; --size-style-width-mobile-min: fit-content;"
7703>
7704  Chocolate
7705</a>
7706
7707
7708
7709
7710
7711
7712</div>
7713</div>
7714
7715
7716
7717
7718
7719
7720</div>
7721</div>
7722
7723
7724
7725
7726
7727
7728
7729<div
7730  class="
7731    group-block
7732    group-block--height-fit
7733    group-block--width-fill
7734    border-style
7735    spacing-style
7736    size-style
7737    
7738    
7739  "
7740  style="
7741    --border-width: 1px; --border-style: none; --border-color:
7742rgb(var(--color-border-rgb) / 1.0); --border-radius:
77430px; 
7744
7745    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
7746    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
7747    
7748  "
7749  
7750  data-testid="group-block"
7751><div class="group-block__media-wrapper">
7752    
7753
7754
7755
7756    
7757  </div>
7758
7759  <div
7760    class="
7761      group-block-content
7762      
7763      layout-panel-flex
7764      layout-panel-flex--column
7765       mobile-column
7766    "
7767    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
7768
7769--gap: 12px;
7770
7771--horizontal-alignment: flex-start; --vertical-alignment: center;
7772--vertical-alignment-mobile: center;
7773"
7774  >
7775  
7776</div>
7777</div>
7778
7779
7780
7781
7782
7783
7784</div>
7785</div>
7786
7787
7788
7789
7790
7791
7792
7793<div
7794  class="
7795    group-block
7796    group-block--height-fit
7797    group-block--width-fill
7798    border-style
7799    spacing-style
7800    size-style
7801    
7802    
7803  "
7804  style="
7805    --border-width: 1px; --border-style: none; --border-color:
7806rgb(var(--color-border-rgb) / 1.0); --border-radius:
78070px; 
7808
7809    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
7810    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
7811    
7812  "
7813  
7814  data-testid="group-block"
7815><div class="group-block__media-wrapper">
7816    
7817
7818
7819
7820    
7821  </div>
7822
7823  <div
7824    class="
7825      group-block-content
7826      
7827      layout-panel-flex
7828      layout-panel-flex--column
7829       mobile-column
7830    "
7831    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
7832
7833--gap: 12px;
7834
7835--horizontal-alignment: flex-start; --vertical-alignment: center;
7836--vertical-alignment-mobile: center;
7837"
7838  >
7839  
7840
7841<div
7842  class="
7843    group-block
7844    group-block--height-fit
7845    group-block--width-custom
7846    border-style
7847    spacing-style
7848    size-style
7849    
7850    
7851  "
7852  style="
7853    --border-width: 1px; --border-style: none; --border-color:
7854rgb(var(--color-border-rgb) / 1.0); --border-radius:
78550px; 
7856
7857    --padding-block-start: 12px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
7858    --size-style-width:70%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
7859    
7860  "
7861  
7862  data-testid="group-block"
7863><div class="group-block__media-wrapper">
7864    
7865
7866
7867
7868    
7869  </div>
7870
7871  <div
7872    class="
7873      group-block-content
7874      
7875      layout-panel-flex
7876      layout-panel-flex--column
7877       mobile-column
7878    "
7879    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
7880
7881--gap: 16px;
7882
7883--horizontal-alignment: flex-start; --vertical-alignment: center;
7884--vertical-alignment-mobile: center;
7885"
7886  >
7887  
7888
7889
7890
7891
7892
7893
7894  <rte-formatter class=" spacing-style text-block text-block--AZjJwSDI4bUxNclBCO__text_XL4RFM paragraph     rte   "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);    --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
7895    <p>Support</p>
7896  </rte-formatter>
7897
7898
7899
7900
7901
7902
7903
7904
7905<div
7906  class="
7907    group-block
7908    group-block--height-fit
7909    group-block--width-fill
7910    border-style
7911    spacing-style
7912    size-style
7913    
7914    
7915  "
7916  style="
7917    --border-width: 1px; --border-style: none; --border-color:
7918rgb(var(--color-border-rgb) / 1.0); --border-radius:
79190px; 
7920
7921    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
7922    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
7923    
7924  "
7925  
7926  data-testid="group-block"
7927><div class="group-block__media-wrapper">
7928    
7929
7930
7931
7932    
7933  </div>
7934
7935  <div
7936    class="
7937      group-block-content
7938      
7939      layout-panel-flex
7940      layout-panel-flex--column
7941       mobile-column
7942    "
7943    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
7944
7945--gap: 4px;
7946
7947--horizontal-alignment: flex-start; --vertical-alignment: center;
7948--vertical-alignment-mobile: center;
7949"
7950  >
7951  <div>
7952  <a 
7953  role="link" 
7954  href="mailto:[email protected]"
7955  class="
7956    size-style
7957    link
7958    link--AVzROd2ZsZnVQNHdGU__button_fR7kW8
7959  " 
7960  style="--size-style-width: fit-content;--size-style-height: ;--size-style-width-mobile: fit-content; --size-style-width-mobile-min: fit-content;"
7961>
7962  Contact Us
7963</a>
7964</div>
7965
7966
7967<div>
7968  <a 
7969  role="link" 
7970  href="mailto:[email protected]"
7971  class="
7972    size-style
7973    link
7974    link--AVzROd2ZsZnVQNHdGU__button_fR7kW8
7975  " 
7976  style="--size-style-width: fit-content;--size-style-height: ;--size-style-width-mobile: fit-content; --size-style-width-mobile-min: fit-content;"
7977>
7978  Wholesale Inquiries
7979</a>
7980</div>
7981
7982
7983
7984
7985<a
7986  
7987    href="/pages/faq"
7988  
7989  class="
7990    size-style
7991    link
7992    link--AaWVzZ09YV2tPMjFBN__button_qhWyQd
7993  "
7994  style="--size-style-width: fit-content;--size-style-height: ;--size-style-width-mobile: fit-content; --size-style-width-mobile-min: fit-content;"
7995>
7996  FAQ
7997</a>
7998
7999
8000
8001
8002
8003
8004
8005<a
8006  
8007    href="/pages/locations"
8008  
8009  class="
8010    size-style
8011    link
8012    link--AWW9vUnNrSWd3RDdpa__button_cV98GP
8013  "
8014  style="--size-style-width: fit-content;--size-style-height: ;--size-style-width-mobile: fit-content; --size-style-width-mobile-min: fit-content;"
8015>
8016  Visit Us
8017</a>
8018
8019
8020
8021
8022
8023
8024</div>
8025</div>
8026
8027
8028
8029
8030
8031
8032</div>
8033</div>
8034
8035
8036
8037
8038
8039
8040
8041<div
8042  class="
8043    group-block
8044    group-block--height-fit
8045    group-block--width-fill
8046    border-style
8047    spacing-style
8048    size-style
8049    
8050    
8051  "
8052  style="
8053    --border-width: 1px; --border-style: none; --border-color:
8054rgb(var(--color-border-rgb) / 1.0); --border-radius:
80550px; 
8056
8057    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
8058    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
8059    
8060  "
8061  
8062  data-testid="group-block"
8063><div class="group-block__media-wrapper">
8064    
8065
8066
8067
8068    
8069  </div>
8070
8071  <div
8072    class="
8073      group-block-content
8074      
8075      layout-panel-flex
8076      layout-panel-flex--column
8077       mobile-column
8078    "
8079    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
8080
8081--gap: 12px;
8082
8083--horizontal-alignment: flex-start; --vertical-alignment: center;
8084--vertical-alignment-mobile: center;
8085"
8086  >
8087  
8088</div>
8089</div>
8090
8091
8092
8093
8094
8095
8096</div>
8097</div>
8098
8099
8100
8101
8102
8103
8104
8105<div
8106  class="
8107    spacer-block
8108    spacer-block--size-percent
8109    
8110  "
8111  style="
8112    
8113      --spacer-size: 1.0;
8114    
8115
8116    
8117  "
8118  
8119  data-testid="spacer-block"
8120></div>
8121
8122
8123
8124
8125
8126
8127<div
8128  class="
8129    spacer-block
8130    spacer-block--size-percent
8131    
8132  "
8133  style="
8134    
8135      --spacer-size: 1.0;
8136    
8137
8138    
8139  "
8140  
8141  data-testid="spacer-block"
8142></div>
8143
8144
8145
8146
8147
8148<div
8149  class="email-signup-block size-style spacing-style"
8150  style="--size-style-width:33%;--size-style-height: ;--padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;"
8151  
8152>
8153  
8154    <div class="email-signup__heading paragraph">
8155      Sign up for our newsletter for 10% off your first order.
8156    </div>
8157  
8158  
8159<form method="post" action="/contact#contact_form" id="contact_form" accept-charset="UTF-8" class="email-signup__form spacing-style"><input type="hidden" name="form_type" value="customer" /><input type="hidden" name="utf8" value="✓" />
8160    <input
8161      name="contact[id]"
8162      type="hidden"
8163      value="EmailSignup-ASDhydUZWeEZkdjB4c__email_signup_WkLtQM"
8164    >
8165
8166    <div
8167      class="email-signup__input-group  email-signup__input-group--underline  email-signup__input-group--arrow "
8168      style="--border-width: 1px; --border-radius: 100px;"
8169    >
8170      <label
8171        for="EmailInput-ASDhydUZWeEZkdjB4c__email_signup_WkLtQM"
8172        class="visually-hidden"
8173      >
8174        Email
8175      </label>
8176      <input
8177        id="EmailInput-ASDhydUZWeEZkdjB4c__email_signup_WkLtQM"
8178        class="email-signup__input email-signup__input--underline paragraph "
8179        type="email"
8180        name="contact[email]"
8181        autocorrect="off"
8182        autocapitalize="off"
8183        autocomplete="email"
8184        placeholder="Email address"
8185        required
8186        
8187      >
8188      <button
8189        class="email-signup__button email-signup__button--integrated email-signup__button--arrow paragraph button-unstyled button-unstyled--ASDhydUZWeEZkdjB4c__email_signup_WkLtQM "
8190        
8191          aria-label="Sign up"
8192        
8193      >
8194        
8195          <svg
8196            viewBox="0 0 20 20"
8197            xmlns="http://www.w3.org/2000/svg"
8198            focusable="false"
8199            aria-hidden="true"
8200            class="email-signup__button-icon"
8201          >
8202            
8203<path
8204      clip-rule="evenodd"
8205      d="m11.246 5.31759c.0322-.07821.0833-.14723.1486-.20093.0654-.0537.143-.09041.2259-.10686.083-.01645.1688-.01214.2497.01257.0808.0247.1544.06902.214.12902l4.104 4.104c.0478.04765.0857.10426.1115.16659.0259.06232.0392.12913.0392.19661 0 .06747-.0133.13429-.0392.19661-.0258.06233-.0637.11893-.1115.16659l-4.104 4.10401c-.0963.0963-.227.1504-.3632.1504s-.2669-.0541-.3632-.1504-.1504-.227-.1504-.3632.0541-.2669.1504-.3632l3.2288-3.2278h-11.0736c-.13606 0-.26654-.0541-.36275-.15027-.0962-.0962-.15025-.22669-.15025-.36274 0-.13606.05405-.26654.15025-.36275.09621-.0962.22669-.15025.36275-.15025h11.0736l-3.2288-3.2278c-.0721-.07178-.1212-.16335-.1411-.2631s-.0097-.20316.0293-.2971z"
8206      fill="currentColor"
8207      fill-rule="evenodd"
8208    />
8209          </svg>
8210        
8211      </button>
8212    </div></form>
8213</div>
8214
8215
8216
8217
8218
8219</div>
8220</div>
8221
8222
8223
8224
8225
8226
8227
8228<div
8229  class="
8230    group-block
8231    group-block--height-fit
8232    group-block--width-fill
8233    border-style
8234    spacing-style
8235    size-style
8236    
8237    
8238  "
8239  style="
8240    --border-width: 1px; --border-style: none; --border-color:
8241rgb(var(--color-border-rgb) / 1.0); --border-radius:
82420px; 
8243
8244    --padding-block-start: 12px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
8245    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
8246    
8247  "
8248  
8249  data-testid="group-block"
8250><div class="group-block__media-wrapper">
8251    
8252
8253
8254
8255    
8256  </div>
8257
8258  <div
8259    class="
8260      group-block-content
8261      
8262      layout-panel-flex
8263      layout-panel-flex--row
8264       mobile-column
8265    "
8266    style="--flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
8267
8268--gap: 12px;
8269
8270--horizontal-alignment: space-between; --vertical-alignment: flex-end;
8271--vertical-alignment-mobile: flex-end;
8272"
8273  >
8274  
8275
8276
8277
8278
8279
8280
8281  <rte-formatter class=" spacing-style text-block text-block--AbDdqY25IR3NZdW1iY__text_aDpfDH rte     rte   "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;         --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
8282    <p>All of our teas are sourced directly from growers and producers whom we know and visit several times a year.</p>
8283  </rte-formatter>
8284
8285
8286
8287
8288
8289
8290
8291
8292<div
8293  class="
8294    group-block
8295    group-block--height-fit
8296    group-block--width-fill
8297    border-style
8298    spacing-style
8299    size-style
8300    
8301    
8302  "
8303  style="
8304    --border-width: 1px; --border-style: none; --border-color:
8305rgb(var(--color-border-rgb) / 1.0); --border-radius:
83060px; 
8307
8308    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
8309    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
8310    
8311  "
8312  
8313  data-testid="group-block"
8314><div class="group-block__media-wrapper">
8315    
8316
8317
8318
8319    
8320  </div>
8321
8322  <div
8323    class="
8324      group-block-content
8325      
8326      layout-panel-flex
8327      layout-panel-flex--column
8328       mobile-column
8329    "
8330    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
8331
8332--gap: 12px;
8333
8334--horizontal-alignment: flex-end;
8334 --vertical-alignment: center;
8335--vertical-alignment-mobile: center;
8336"
8337  >
8338  
8339
8340
8341
8342
8343
8344
8345  <rte-formatter class=" spacing-style text-block text-block--Ad2hsT1dMMk5oaHJ6N__text_acQqxY rte     rte   "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;         --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
8346    <h6><a href="https://www.bf.inc/" target="_blank" title="Bondfire Inc.">Site Credit</a></h6>
8347  </rte-formatter>
8348
8349
8350
8351
8352
8353
8354
8355</div>
8356</div>
8357
8358
8359
8360
8361
8362
8363</div>
8364</div>
8365
8366
8367
8368
8369
8370
8371
8372    </div>
8373  </div>
8374</div>
8375
8376
8377
8378
8379
8380</div><div id="shopify-section-sections--22111673352442__footer_utilities" class="shopify-section shopify-section-group-footer-group footer-utilities"><div class="section-background color-scheme-2"></div>
8381<div
8382  class="section section--page-width color-scheme-2"
8383  
8384>
8385  <div
8386    class="utilities utilities--blocks-3 spacing-style"
8387    style="--padding-block-start: 20px;--padding-block-end: 20px; --border-width: 1px; --gap: 24px;"
8388    data-testid="footer-utilities"
8389  >
8390    
8391<div
8392  class="
8393    footer-utilities__group-copyright
8394    custom-typography
8395    custom-font-size
8396  "
8397  style="
8398--color: ;--font-size: 0.75rem;      --font-weight: ;--font-family: ;    --text-transform: none;    --text-wrap: pretty;          --line-height: var(--line-height--body-);        --letter-spacing: var(--letter-spacing--body-);"
8399  
8400>
8401  <span class="footer-utilities__text">
8402    &copy; 2026
8403    <a href="/" title="">Kettl </a></span>
8404</div>
8405
8406
8407
8408  <anchored-popover-component
8409    data-hover-triggered="true"
8410  >
8411    <button
8412      class="policy-list-trigger button-unstyled"
8413      popovertarget="terms-policies-popover"
8414      popovertargetaction="toggle"
8415      ref="trigger"
8416      style="
8417--color: ;--font-size: 0.75rem;      --font-weight: ;--font-family: ;    --text-transform: none;    --text-wrap: pretty;          --line-height: var(--line-height--body-);        --letter-spacing: var(--letter-spacing--body-);"
8418      
8419    >
8420      Terms and Policies
8421    </button>
8422    <div
8423      class="terms-policies-popover color-scheme-1"
8424      id="terms-policies-popover"
8425      popover="auto"
8426      ref="popover"
8427    >
8428      <ul
8429        class="
8430          policy_list list-unstyled
8431          custom-typography
8432          custom-font-size
8433        "
8434      ><li>
8435              <a
8436                href="/policies/refund-policy"
8437                class="footer-utilities__text"
8438              >Refund policy</a>
8439            </li><li>
8440              <a
8441                href="/policies/privacy-policy"
8442                class="footer-utilities__text"
8443              >Privacy policy</a>
8444            </li><li>
8445              <a
8446                href="/policies/terms-of-service"
8447                class="footer-utilities__text"
8448              >Terms of service</a>
8449            </li><li>
8450              <a
8451                href="/policies/shipping-policy"
8452                class="footer-utilities__text"
8453              >Shipping policy</a>
8454            </li><li>
8455              <a
8456                href="/policies/contact-information"
8457                class="footer-utilities__text"
8458              >Contact information</a>
8459            </li><li>
8460              <a
8461                href="/policies/subscription-policy"
8462                class="footer-utilities__text"
8463              >Cancellation policy</a>
8464            </li></ul>
8465    </div>
8466  </anchored-popover-component>
8467
8468
8469
8470
8471
8472<div
8473  class="social-icons__wrapper"
8474  
8475>
8476  
8477
8478  
8479    
8480
8481    
8482    
8483      
8484        <div
8485          class="social-icons__icon-wrapper"
8486        >
8487          <a
8488            href="https://www.facebook.com/kettltea/"
8489            target="_blank"
8490            rel="noopener noreferrer"
8491            aria-label="Facebook"
8492            
8493          >
8494            <span class="social-icons__icon-label">Facebook</span>
8495            
8496              <svg
8497                class="social-icons__icon icon-default"
8498                aria-hidden="true"
8499                focusable="false"
8500                xmlns="http://www.w3.org/2000/svg"
8501                viewBox="0 0 20 20"
8502              >
8503<path d="M18 10.049C18 5.603 14.419 2 10 2c-4.419 0-8 3.603-8 8.049C2 14.067 4.925 17.396 8.75 18v-5.624H6.719v-2.328h2.03V8.275c0-2.017 1.195-3.132 3.023-3.132.874 0 1.79.158 1.79.158v1.98h-1.009c-.994 0-1.303.621-1.303 1.258v1.51h2.219l-.355 2.326H11.25V18c3.825-.604 6.75-3.933 6.75-7.951Z" /></svg>
8504            
8505          </a>
8506        </div>
8507      
8508    
8509  
8510    
8511
8512    
8513    
8514      
8515        <div
8516          class="social-icons__icon-wrapper"
8517        >
8518          <a
8519            href="https://www.instagram.com/kettltea/"
8520            target="_blank"
8521            rel="noopener noreferrer"
8522            aria-label="Instagram"
8523            
8524          >
8525            <span class="social-icons__icon-label">Instagram</span>
8526            
8527              <svg
8528                class="social-icons__icon icon-default"
8529                aria-hidden="true"
8530                focusable="false"
8531                xmlns="http://www.w3.org/2000/svg"
8532                viewBox="0 0 20 20"
8533              >
8534<path
8535      fill-rule="evenodd"
8536      d="M13.23 3.492c-.84-.037-1.096-.046-3.23-.046-2.144 0-2.39.01-3.238.055-.776.027-1.195.164-1.487.273a2.43 2.43 0 0 0-.912.593 2.486 2.486 0 0 0-.602.922c-.11.282-.238.702-.274 1.486-.046.84-.046 1.095-.046 3.23 0 2.134.01 2.39.046 3.229.004.51.097 1.016.274 1.495.145.365.319.639.602.913.282.282.538.456.92.602.474.176.974.268 1.479.273.848.046 1.103.046 3.238.046 2.134 0 2.39-.01 3.23-.046.784-.036 1.203-.164 1.486-.273.374-.146.648-.329.921-.602.283-.283.447-.548.602-.922.177-.476.27-.979.274-1.486.037-.84.046-1.095.046-3.23 0-2.134-.01-2.39-.055-3.229-.027-.784-.164-1.204-.274-1.495a2.43 2.43 0 0 0-.593-.913 2.604 2.604 0 0 0-.92-.602c-.284-.11-.703-.237-1.488-.273ZM6.697 2.05c.857-.036 1.131-.045 3.302-.045 1.1-.014 2.202.001 3.302.045.664.014 1.321.14 1.943.374a3.968 3.968 0 0 1 1.414.922c.41.397.728.88.93 1.414.23.622.354 1.279.365 1.942C18 7.56 18 7.824 18 10.005c0 2.17-.01 2.444-.046 3.292-.036.858-.173 1.442-.374 1.943-.2.53-.474.976-.92 1.423a3.896 3.896 0 0 1-1.415.922c-.51.191-1.095.337-1.943.374-.857.036-1.122.045-3.302.045-2.171 0-2.445-.009-3.302-.055-.849-.027-1.432-.164-1.943-.364a4.152 4.152 0 0 1-1.414-.922 4.128 4.128 0 0 1-.93-1.423c-.183-.51-.329-1.085-.365-1.943C2.009 12.45 2 12.167 2 10.004c0-2.161 0-2.435.055-3.302.027-.848.164-1.432.365-1.942a4.44 4.44 0 0 1 .92-1.414 4.18 4.18 0 0 1 1.415-.93c.51-.183 1.094-.33 1.943-.366Zm.427 4.806a4.105 4.105 0 1 1 5.805 5.805 4.105 4.105 0 0 1-5.805-5.805Zm1.882 5.371a2.668 2.668 0 1 0 2.042-4.93 2.668 2.668 0 0 0-2.042 4.93Zm5.922-5.942a.958.958 0 1 1-1.355-1.355.958.958 0 0 1 1.355 1.355Z"
8537      clip-rule="evenodd"
8538    /></svg>
8539            
8540          </a>
8541        </div>
8542      
8543    
8544  
8545    
8546
8547    
8548    
8549      
8550        <div
8551          class="social-icons__icon-wrapper"
8552        >
8553          <a
8554            href="https://www.youtube.com/c/KettlTeaJapaneseTeaMatchaChannel"
8555            target="_blank"
8556            rel="noopener noreferrer"
8557            aria-label="Youtube"
8558            
8559          >
8560            <span class="social-icons__icon-label">Youtube</span>
8561            
8562              <svg
8563                class="social-icons__icon icon-default"
8564                aria-hidden="true"
8565                focusable="false"
8566                xmlns="http://www.w3.org/2000/svg"
8567                viewBox="0 0 20 20"
8568              >
8569<path d="M18.16 5.87c.34 1.309.34 4.08.34 4.08s0 2.771-.34 4.08a2.125 2.125 0 0 1-1.53 1.53c-1.309.34-6.63.34-6.63.34s-5.321 0-6.63-.34a2.125 2.125 0 0 1-1.53-1.53c-.34-1.309-.34-4.08-.34-4.08s0-2.771.34-4.08a2.173 2.173 0 0 1 1.53-1.53C4.679 4 10 4 10 4s5.321 0 6.63.34a2.173 2.173 0 0 1 1.53 1.53ZM8.3 12.5l4.42-2.55L8.3 7.4v5.1Z" /></svg>
8570            
8571          </a>
8572        </div>
8573      
8574    
8575  
8576    
8577
8578    
8579    
8580  
8581    
8582
8583    
8584    
8585  
8586    
8587
8588    
8589    
8590  
8591    
8592
8593    
8594    
8595  
8596    
8597
8598    
8599    
8600  
8601    
8602
8603    
8604    
8605  
8606    
8607
8608    
8609    
8610  
8611    
8612
8613    
8614    
8615  
8616    
8617
8618    
8619    
8620  
8621    
8622
8623    
8624    
8625  
8626</div>
8627
8628
8629
8630
8631
8632  </div>
8633</div>
8634
8635
8636
8637
8638</div>
8639<!-- END sections: footer-group -->
8640
8641    
8641<script
8642  src="//kettl.co/cdn/shop/t/84/assets/dialog.js?v=150888536568694194021774249488"
8643  type="module"
8644></script>
8644
8645
8646<script
8647  src="//kettl.co/cdn/shop/t/84/assets/predictive-search.js?v=149240552485540508541774249488"
8648  type="module"
8649  fetchpriority="low"
8650></script>
8650
8651
8652<dialog-component
8653  id="search-modal"
8654  class="search-modal"
8655  
8656>
8657  <dialog
8658    ref="dialog"
8659    on:click="/closeDialogOnClickOutside"
8660    on:keydown="/closeDialogOnEscapePress"
8661    class="search-modal__content dialog-modal"
8662    scroll-lock
8663    aria-labelledby="search-modal-heading"
8664  >
8665    <h2
8666      id="search-modal-heading"
8667      class="visually-hidden"
8668    >
8669      Search
8670    </h2>
8671    <predictive-search-component
8672      class="predictive-search color-scheme-1"
8673      style="--product-corner-radius: 0px; --card-corner-radius: 4px;"
8674      data-section-id="predictive-search"
8675      data-testid="search-component--modal"
8676      role="search"
8677      aria-label="Search"
8678    >
8679      <form
8680        action="/search"
8681        method="get"
8682        role="search"
8683        class="predictive-search-form"
8684        ref="form"
8685        on:keydown="/onSearchKeyDown"
8686      >
8687        <div
8688          class="predictive-search-form__header"
8689        >
8690          <div class="predictive-search-form__header-inner">
8691            <label
8692              for="cmdk-input"
8693              class="visually-hidden"
8694            >Search</label>
8695            <input
8696              class="search-input"
8697              id="cmdk-input"
8698              type="search"
8699              name="q"
8700              role="combobox"
8701              aria-expanded="false"
8702              aria-owns="predictive-search-results"
8703              aria-controls="predictive-search-results"
8704              aria-haspopup="listbox"
8705              aria-autocomplete="list"
8706              autocomplete="off"
8707              placeholder="Search"
8708              ref="searchInput"
8709              on:input="/search"
8710              on:keydown="/onSearchKeyDown"
8711            >
8712            <input
8713              name="options[prefix]"
8714              type="hidden"
8715              value="last"
8716            >
8717            <span class="svg-wrapper predictive-search__icon">
8718              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><circle cx="9" cy="9" r="4.75" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m12.5 12.5 3.25 3.25"/></svg>
8719
8720            </span>
8721            <button
8722              type="button"
8723              class="button-unstyled predictive-search__reset-button"
8724              ref="resetButton"
8725              hidden
8726              on:click="/resetSearch"
8727            >
8728              Clear
8729            </button>
8730          </div>
8731          <button
8732            type="button"
8733            class="button predictive-search__close-modal-button"
8734            aria-label="Close dialog"
8735            on:click="dialog-component/closeDialog"
8736            ref="closeModalButton"
8737          >
8738            <span class="svg-wrapper">
8739              <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
8740  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
8741  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
8742</svg>
8743
8744            </span>
8745          </button>
8746        </div>
8747
8748        <div class="predictive-search-form__content-wrapper">
8749          <div
8750            class="predictive-search-form__content"
8751            tabindex="-1"
8752            ref="predictiveSearchResults"
8753            on:click="/handleModalClick"
8754          >
8755            
8756
8757<div
8758  id="predictive-search-results"
8759  class="predictive-search-dropdown"
8760  role="listbox"
8761  aria-expanded="true"
8762  style="--color-shadow: rgb(var(--color-foreground-rgb) / 0.1);"
8763>
8764  
8765    <div class="predictive-search-results__inner">
8766      
8767      
8768        
8769        
8770        
8771          <div
8772  id="predictive-search-products"
8773  class="predictive-search-results__products"
8774  
8775    data-testid="products-list-default--modal"
8776  
8777>
8778  
8779    <h4 class="predictive-search-results__title">
8780      Best Sellers
8781    </h4>
8782    <ul
8783      class="predictive-search-results__list predictive-search-results__wrapper-products list-unstyled"
8784      role="listbox"
8785      aria-label="Best Sellers"
8786    >
8787      
8788      
8789        <li
8790          class="predictive-search-results__card predictive-search-results__card--product"
8791          ref="resultsItems[]"
8792        >
8793          
8794<div
8795  class="resource-card"
8796  href="/products/okuju-matcha"
8797  data-resource-type="product"
8798>
8799  <a
8800    class="resource-card__link"
8801    href="/products/okuju-matcha"
8802  >
8803    <span class="visually-hidden">
8804      Okuju Matcha
8805    </span>
8806  </a>
8807  <div
8808    class="resource-card__media"
8809    style="--resource-card-aspect-ratio: 4 / 5;"
8810    
8811  >
8812      
8813      
8814<img src="//kettl.co/cdn/shop/files/a1fc159e-2e1d-439b-84dd-966e7409d3eb.jpg?v=1775077490&amp;width=500" alt="" srcset="//kettl.co/cdn/shop/files/a1fc159e-2e1d-439b-84dd-966e7409d3eb.jpg?v=1775077490&amp;width=240 240w, //kettl.co/cdn/shop/files/a1fc159e-2e1d-439b-84dd-966e7409d3eb.jpg?v=1775077490&amp;width=352 352w" width="500" height="500" loading="lazy" class="resource-card__image" sizes="auto" transitionToProduct="false" style="object-position: 50.0% 50.0%;">
8815
8816          <img src="//kettl.co/cdn/shop/files/a6192385-e243-47bc-9ae6-fde17ad1eb39.jpg?v=1775077490&amp;width=500" alt="Okuju Matcha" srcset="//kettl.co/cdn/shop/files/a6192385-e243-47bc-9ae6-fde17ad1eb39.jpg?v=1775077490&amp;width=240 240w, //kettl.co/cdn/shop/files/a6192385-e243-47bc-9ae6-fde17ad1eb39.jpg?v=1775077490&amp;width=352 352w" width="500" height="500" loading="lazy" class="resource-card__image resource-card__image--secondary" sizes="auto" transitionToProduct="false" data-media-id="38886149783802" style="object-position: 50.0% 50.0%;">
8817</div>
8818
8819  <div class="resource-card__content">
8820    <p class="resource-card__title paragraph">Okuju Matcha</p>
8821
8822    
8823      <div ref="priceContainer">
8824  
8825    
8826    
8827      
8828
8829      
8830        <span class="price">$45.00</span>
8831      
8832
8833      
8834    
8835  
8836</div>
8837    
8838  </div>
8839</div>
8840
8841        </li>
8842      
8843        <li
8844          class="predictive-search-results__card predictive-search-results__card--product"
8845          ref="resultsItems[]"
8846        >
8847          
8848<div
8849  class="resource-card"
8850  href="/products/uji-homare-matcha"
8851  data-resource-type="product"
8852>
8853  <a
8854    class="resource-card__link"
8855    href="/products/uji-homare-matcha"
8856  >
8857    <span class="visually-hidden">
8858      Uji Homare Matcha
8859    </span>
8860  </a>
8861  <div
8862    class="resource-card__media"
8863    style="--resource-card-aspect-ratio: 4 / 5;"
8864    
8865  >
8866      
8867      
8868<img src="//kettl.co/cdn/shop/files/a09da220-cf92-45a7-83cd-d9516e5a4bd9.jpg?v=1776700735&amp;width=500" alt="" srcset="//kettl.co/cdn/shop/files/a09da220-cf92-45a7-83cd-d9516e5a4bd9.jpg?v=1776700735&amp;width=240 240w, //kettl.co/cdn/shop/files/a09da220-cf92-45a7-83cd-d9516e5a4bd9.jpg?v=1776700735&amp;width=352 352w" width="500" height="500" loading="lazy" class="resource-card__image" sizes="auto" transitionToProduct="false" style="object-position: 50.0% 50.0%;">
8869
8870          <img src="//kettl.co/cdn/shop/files/20262950-6915-4e5a-ab6a-a99a6fa1bc72.jpg?v=1776700735&amp;width=500" alt="Uji Homare Matcha" srcset="//kettl.co/cdn/shop/files/20262950-6915-4e5a-ab6a-a99a6fa1bc72.jpg?v=1776700735&amp;width=240 240w, //kettl.co/cdn/shop/files/20262950-6915-4e5a-ab6a-a99a6fa1bc72.jpg?v=1776700735&amp;width=352 352w" width="500" height="500" loading="lazy" class="resource-card__image resource-card__image--secondary" sizes="auto" transitionToProduct="false" data-media-id="39096772329722" style="object-position: 50.0% 50.0%;">
8871</div>
8872
8873  <div class="resource-card__content">
8874    <p class="resource-card__title paragraph">Uji Homare Matcha</p>
8875
8876    
8877      <div ref="priceContainer">
8878  
8879    
8880    
8881      
8882
8883      
8884        <span class="price">$85.00</span>
8885      
8886
8887      
8888    
8889  
8890</div>
8891    
8892  </div>
8893</div>
8894
8895        </li>
8896      
8897        <li
8898          class="predictive-search-results__card predictive-search-results__card--product"
8899          ref="resultsItems[]"
8900        >
8901          
8902<div
8903  class="resource-card"
8904  href="/products/hukuju-matcha"
8905  data-resource-type="product"
8906>
8907  <a
8908    class="resource-card__link"
8909    href="/products/hukuju-matcha"
8910  >
8911    <span class="visually-hidden">
8912      Hukuju Matcha
8913    </span>
8914  </a>
8915  <div
8916    class="resource-card__media"
8917    style="--resource-card-aspect-ratio: 4 / 5;"
8918    
8919  >
8920      
8921      
8922<img src="//kettl.co/cdn/shop/files/599d9ca7-61cd-42af-a698-afd20169922c.jpg?v=1776700631&amp;width=500" alt="Freshly brewed Japanese green tea in ceramic teacup" srcset="//kettl.co/cdn/shop/files/599d9ca7-61cd-42af-a698-afd20169922c.jpg?v=1776700631&amp;width=240 240w, //kettl.co/cdn/shop/files/599d9ca7-61cd-42af-a698-afd20169922c.jpg?v=1776700631&amp;width=352 352w" width="500" height="500" loading="lazy" class="resource-card__image" sizes="auto" transitionToProduct="false" style="object-position: 50.0% 50.0%;">
8923
8924          <img src="//kettl.co/cdn/shop/files/f93f4651-756e-4660-b521-e2c2f9bbd9b9.jpg?v=1776700631&amp;width=500" alt="Hukuju Matcha" srcset="//kettl.co/cdn/shop/files/f93f4651-756e-4660-b521-e2c2f9bbd9b9.jpg?v=1776700631&amp;width=240 240w, //kettl.co/cdn/shop/files/f93f4651-756e-4660-b521-e2c2f9bbd9b9.jpg?v=1776700631&amp;width=352 352w" width="500" height="500" loading="lazy" class="resource-card__image resource-card__image--secondary" sizes="auto" transitionToProduct="false" data-media-id="39096752341242" style="object-position: 50.0% 50.0%;">
8925</div>
8926
8927  <div class="resource-card__content">
8928    <p class="resource-card__title paragraph">Hukuju Matcha</p>
8929
8930    
8931      <div ref="priceContainer">
8932  
8933    
8934    
8935      
8936
8937      
8938        <span class="price">$65.00</span>
8939      
8940
8941      
8942    
8943  
8944</div>
8945    
8946  </div>
8947</div>
8948
8949        </li>
8950      
8951        <li
8952          class="predictive-search-results__card predictive-search-results__card--product"
8953          ref="resultsItems[]"
8954        >
8955          
8956<div
8957  class="resource-card"
8958  href="/products/tsubaki-matcha-2"
8959  data-resource-type="product"
8960>
8961  <a
8962    class="resource-card__link"
8963    href="/products/tsubaki-matcha-2"
8964  >
8965    <span class="visually-hidden">
8966      Tsubaki Matcha
8967    </span>
8968  </a>
8969  <div
8970    class="resource-card__media"
8971    style="--resource-card-aspect-ratio: 4 / 5;"
8972    
8973  >
8974      
8975      
8976<img src="//kettl.co/cdn/shop/files/40a3471e-ce27-49ca-938c-71ee66532e10.jpg?v=1763138568&amp;width=500" alt="" srcset="//kettl.co/cdn/shop/files/40a3471e-ce27-49ca-938c-71ee66532e10.jpg?v=1763138568&amp;width=240 240w, //kettl.co/cdn/shop/files/40a3471e-ce27-49ca-938c-71ee66532e10.jpg?v=1763138568&amp;width=352 352w" width="500" height="500" loading="lazy" class="resource-card__image" sizes="auto" transitionToProduct="false" style="object-position: 50.0% 50.0%;">
8977
8978          <img src="//kettl.co/cdn/shop/files/25002eca-62e0-4d9c-80a1-5d9b6a018a6d.png?v=1763138568&amp;width=500" alt="Tsubaki Matcha" srcset="//kettl.co/cdn/shop/files/25002eca-62e0-4d9c-80a1-5d9b6a018a6d.png?v=1763138568&amp;width=240 240w, //kettl.co/cdn/shop/files/25002eca-62e0-4d9c-80a1-5d9b6a018a6d.png?v=1763138568&amp;width=352 352w" width="500" height="498" loading="lazy" class="resource-card__image resource-card__image--secondary" sizes="auto" transitionToProduct="false" data-media-id="37507498344698" style="object-position: 50.0% 50.0%;">
8979</div>
8980
8981  <div class="resource-card__content">
8982    <p class="resource-card__title paragraph">Tsubaki Matcha</p>
8983
8984    
8985      <div ref="priceContainer">
8986  
8987    
8988    
8989      
8990
8991      
8992        <span class="price">$45.00</span>
8993      
8994
8995      
8996    
8997  
8998</div>
8999    
9000  </div>
9001</div>
9002
9003        </li>
9004      
9005    </ul>
9006  
9007</div>
9008
9009
9010
9011        
9012      
9013    </div>
9014  
9015</div>
9016
9017          </div>
9018
9019          <div class="predictive-search-form__footer">
9020            <button
9021              class="button predictive-search__search-button"
9022              ref="viewAllButton"
9023            >
9024              View all
9025            </button>
9026          </div>
9027        </div>
9028      </form>
9029    </predictive-search-component>
9030  </dialog>
9031</dialog-component>
9032
9033
9034
9035
9036    
9037      <quick-add-dialog id="quick-add-dialog">
9038  <dialog
9039    class="quick-add-modal dialog-modal color-scheme-1"
9040    ref="dialog"
9041    scroll-lock
9042  >
9043    <button
9044      ref="closeButton"
9045      on:click="/closeDialog"
9046      class="button button-unstyled close-button quick-add-modal__close"
9047      aria-label="Close dialog"
9048    ><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
9049  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
9050  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
9051</svg>
9052</button>
9053
9054    <div
9055      id="quick-add-modal-content"
9056      class="quick-add-modal__content"
9057    ></div>
9058  </dialog>
9059</quick-add-dialog>
9060
9061
9062
9063    
9064  <style> :root {--font-body--family: Otto; --font-subheading--family: Otto; --font-heading--family: Otto; --font-accent--family: Otto;} hr {width: 100%; border: dotted 1px #dcd7d3; height: 1px;} </style>
9065<div id="shopify-block-AcEx2Vk9iRkNPT2oxM__6455419830187867978" class="shopify-block shopify-app-block"><sesami-warning>
9066  </sesami-warning>
9067</div><div id="shopify-block-AeXdFL3NiTloxRjRUY__14952540001915115444" class="shopify-block shopify-app-block">
9068
9069
9070
9071
9072<link id="upcart-stylesheet" rel="preload" href="https://cdn.shopify.com/extensions/01a0d532-f8cc-7560-b848-ba0b5ecfd6ce/upcart-2-413/assets/upcart-stylesheet.css" as="style" onload="this.onload=null;this.rel='stylesheet'">
9073
9074
9075
9076  
9077    
9077<script defer type="text/javascript" src="https://cdn.shopify.com/extensions/01a0d532-f8cc-7560-b848-ba0b5ecfd6ce/upcart-2-413/assets/upcart-bundle.js"></script>
9077
9078   
9079
9080
9081<script>
9082  
9083  function b64DecodeUnicode(str) {
9084    try {
9085        return decodeURIComponent(
9086        atob(str)
9087            .split('')
9088            .map(function (c) {
9089            return '%' + ('00' + c.charCodeAt(0).toString(16)).slice(-2);
9090            })
9091            .join(''),
9092        );
9093    } catch {
9094        return str;
9095    }
9096  }
9097</script>
9097
9098
9099
9100<script>
9101(function() {
9102    window.upcartSettings = {};
9103    window.upcartSettings.upcartSettings = {};
9104    window.upcartSettings.upcartEditorSettings = {};
9105    window.upcartSettings.stickyCartButtonEditorSettings = {};
9106
9107    
9108    
9109    
9110    let val;
9111
9112    val = b64DecodeUnicode("cmlnaHQ=");
9113    if (val === '') {
9114        val = b64DecodeUnicode("cmlnaHQ=");
9115    }
9116    window.upcartSettings.upcartSettings.cartPosition = val;
9117
9118    val = b64DecodeUnicode("ZmFsc2U=");
9119    if (val === '') {
9120        val = b64DecodeUnicode("ZmFsc2U=");
9121    }
9122    val = JSON.parse(val);
9123    window.upcartSettings.upcartSettings.disableSticky = val;
9124
9125    val = b64DecodeUnicode("dHJ1ZQ==");
9126    if (val === '') {
9127        val = b64DecodeUnicode("dHJ1ZQ==");
9128    }
9129    val = JSON.parse(val);
9130    window.upcartSettings.upcartSettings.openOnAddToCart = val;
9131
9132    val = b64DecodeUnicode("ZmFsc2U=");
9133    if (val === '') {
9134        val = b64DecodeUnicode("ZmFsc2U=");
9135    }
9136    val = JSON.parse(val);
9137    window.upcartSettings.upcartSettings.redirectToCart = val;
9138
9139    val = b64DecodeUnicode("dHJ1ZQ==");
9140    if (val === '') {
9141        val = b64DecodeUnicode("ZmFsc2U=");
9142    }
9143    val = JSON.parse(val);
9144    window.upcartSettings.upcartSettings.enableCartSkeletons = val;
9145
9146    val = b64DecodeUnicode("eyJjYXJ0VGl0bGUiOiJDYXJ0IOKAoiB7e2NhcnRfcXVhbnRpdHl9fSIsImNoZWNrb3V0IjoiQ2hlY2tvdXQg4oCiIHt7dG90YWxfcHJpY2V9fSIsImFkZFRleHQiOiJBZGQiLCJlbXB0eUNhcnQiOiJZb3VyIGNhcnQgaXMgZW1wdHkiLCJkaXNjb3VudFNhdmluZ3MiOiJTYXZlIiwiY29udGludWVTaG9wcGluZyI6Ik9yIGNvbnRpbnVlIHNob3BwaW5nIiwidG90YWxTYXZpbmdzIjoiRGlzY291bnRzIiwic3VidG90YWwiOiJTdWJ0b3RhbCIsImJ1bmRsZUhpZGVTaW5ndWxhckl0ZW1UZXh0IjoiSGlkZSAxIGl0ZW0iLCJidW5kbGVTaG93U2luZ3VsYXJJdGVtVGV4dCI6IlNob3cgMSBpdGVtIiwiYnVuZGxlSGlkZU11bHRpcGxlSXRlbXNUZXh0IjoiSGlkZSB7TlVNQkVSX09GX0lURU1TfSBpdGVtcyIsImJ1bmRsZVNob3dNdWx0aXBsZUl0ZW1zVGV4dCI6IlNob3cge05VTUJFUl9PRl9JVEVNU30gaXRlbXMifQ==");
9147    if (val === '') {
9148        val = b64DecodeUnicode("eyJjYXJ0VGl0bGUiOiJDYXJ0IOKAoiB7e2NhcnRfcXVhbnRpdHl9fSIsImNoZWNrb3V0IjoiQ2hlY2tvdXQg4oCiIHt7dG90YWxfcHJpY2V9fSIsImFkZFRleHQiOiJBZGQiLCJlbXB0eUNhcnQiOiJZb3VyIGNhcnQgaXMgZW1wdHkiLCJkaXNjb3VudFNhdmluZ3MiOiJTYXZlIiwiY29udGludWVTaG9wcGluZyI6Ik9yIGNvbnRpbnVlIHNob3BwaW5nIiwidG90YWxTYXZpbmdzIjoiRGlzY291bnRzIiwic3VidG90YWwiOiJTdWJ0b3RhbCIsImJ1bmRsZUhpZGVTaW5ndWxhckl0ZW1UZXh0IjoiSGlkZSAxIGl0ZW0iLCJidW5kbGVTaG93U2luZ3VsYXJJdGVtVGV4dCI6IlNob3cgMSBpdGVtIiwiYnVuZGxlSGlkZU11bHRpcGxlSXRlbXNUZXh0IjoiSGlkZSB7TlVNQkVSX09GX0lURU1TfSBpdGVtcyIsImJ1bmRsZVNob3dNdWx0aXBsZUl0ZW1zVGV4dCI6IlNob3cge05VTUJFUl9PRl9JVEVNU30gaXRlbXMifQ==");
9149    }
9150    val = JSON.parse(val);
9151    window.upcartSettings.upcartSettings.translations = val;
9152
9153    val = b64DecodeUnicode("eyJhYm92ZUZvb3RlciI6IiIsImFib3ZlSGVhZGVyIjoiIiwiYmVsb3dIZWFkZXIiOiIiLCJiZXR3ZWVuTGluZUl0ZW1zIjoiIiwiYWJvdmVDaGVja291dEJ1dHRvbiI6IiIsImJlbG93Q2hlY2tvdXRCdXR0b24iOiIiLCJib3R0b21PZkNhcnQiOiIiLCJvbkVtcHR5Q2FydCI6IiIsInNjcmlwdHNCZWZvcmVMb2FkIjoiIn0=");
9154    if (val === '') {
9155        val = b64DecodeUnicode("eyJhYm92ZUZvb3RlciI6IiIsImFib3ZlSGVhZGVyIjoiIiwiYmVsb3dIZWFkZXIiOiIiLCJiZXR3ZWVuTGluZUl0ZW1zIjoiIiwiYmVsb3dDYXJ0SXRlbXMiOiIiLCJhYm92ZUNoZWNrb3V0QnV0dG9uIjoiIiwiYmVsb3dDaGVja291dEJ1dHRvbiI6IiIsImJvdHRvbU9mQ2FydCI6IiIsIm9uRW1wdHlDYXJ0IjoiIiwic2NyaXB0c0JlZm9yZUxvYWQiOiIifQ==");
9156    }
9157    val = JSON.parse(val);
9158    window.upcartSettings.upcartSettings.htmlFields = val;
9159
9160    val = b64DecodeUnicode("dHJ1ZQ==");
9161    if (val === '') {
9162        val = b64DecodeUnicode("dHJ1ZQ==");
9163    }
9164    val = JSON.parse(val);
9165    window.upcartSettings.upcartSettings.automaticDiscount = val;
9166
9167    val = b64DecodeUnicode("ZmFsc2U=");
9168    if (val === '') {
9169        val = b64DecodeUnicode("ZmFsc2U=");
9170    }
9171    val = JSON.parse(val);
9172    window.upcartSettings.upcartSettings.basePriceForDiscount = val;
9173
9174    val = b64DecodeUnicode("dHJ1ZQ==");
9175    if (val === '') {
9176        val = b64DecodeUnicode("ZmFsc2U=");
9177    }
9178    val = JSON.parse(val);
9179    window.upcartSettings.upcartSettings.hideSingleUnderscoredProperties = val;
9180
9181    val = b64DecodeUnicode("dHJ1ZQ==");
9182    if (val === '') {
9183        val = b64DecodeUnicode("ZmFsc2U=");
9184    }
9185    val = JSON.parse(val);
9186    window.upcartSettings.upcartSettings.showContinueShoppingButton = val;
9187
9188    val = b64DecodeUnicode("ZmFsc2U=");
9189    if (val === '') {
9190        val = b64DecodeUnicode("ZmFsc2U=");
9191    }
9192    val = JSON.parse(val);
9193    window.upcartSettings.upcartSettings.ajaxRaceConditionPrevention = val;
9194
9195    val = b64DecodeUnicode("ZmFsc2U=");
9196    if (val === '') {
9197        val = b64DecodeUnicode("ZmFsc2U=");
9198    }
9199    val = JSON.parse(val);
9200    window.upcartSettings.upcartSettings.htmlFieldForceReRender = val;
9201
9202    val = b64DecodeUnicode("ZmFsc2U=");
9203    if (val === '') {
9204        val = b64DecodeUnicode("ZmFsc2U=");
9205    }
9206    val = JSON.parse(val);
9207    window.upcartSettings.upcartSettings.skipGoogleFonts = val;
9208
9209    val = b64DecodeUnicode("ZmFsc2U=");
9210    if (val === '') {
9211        val = b64DecodeUnicode("ZmFsc2U=");
9212    }
9213    val = JSON.parse(val);
9214    window.upcartSettings.upcartSettings.overrideScrollLocking = val;
9215
9216    val = b64DecodeUnicode("MTAw");
9217    if (val === '') {
9218        val = b64DecodeUnicode("MTAw");
9219    }
9220    window.upcartSettings.upcartSettings.trafficAllocationPercent = val;
9221
9222    val = b64DecodeUnicode("dHJ1ZQ==");
9223    if (val === '') {
9224        val = b64DecodeUnicode("ZmFsc2U=");
9225    }
9226    val = JSON.parse(val);
9227    window.upcartSettings.upcartSettings.renderCartInShadowDom = val;
9228
9229    val = b64DecodeUnicode("dHJ1ZQ==");
9230    if (val === '') {
9231        val = b64DecodeUnicode("ZmFsc2U=");
9232    }
9233    val = JSON.parse(val);
9234    window.upcartSettings.upcartSettings.cartEventTracking = val;
9235
9236    val = b64DecodeUnicode("eyJvcHRpb24iOiJhZGRpdGlvbmFsLXNlbGVjdG9yIiwiY3VzdG9tU2VsZWN0b3IiOiJbYXJpYS1sYWJlbD1cIk9wZW4gc2hvcHBpbmcgY2FydFwiXSJ9");
9237    if (val === '') {
9238        val = b64DecodeUnicode("eyJvcHRpb24iOiJkZWZhdWx0LXNlbGVjdG9yIiwiY3VzdG9tU2VsZWN0b3IiOiIifQ==");
9239    }
9240    val = JSON.parse(val);
9241    window.upcartSettings.upcartSettings.openCartButtonSelection = val;
9242
9243    val = b64DecodeUnicode("eyJvcHRpb24iOiJkZWZhdWx0LXNlbGVjdG9yIiwiY3VzdG9tU2VsZWN0b3IiOiIifQ==");
9244    if (val === '') {
9245        val = b64DecodeUnicode("eyJvcHRpb24iOiJkZWZhdWx0LXNlbGVjdG9yIiwiY3VzdG9tU2VsZWN0b3IiOiIifQ==");
9246    }
9247    val = JSON.parse(val);
9248    window.upcartSettings.upcartSettings.addToCartButtonSelection = val;
9249
9250    val = b64DecodeUnicode("bGluZQ==");
9251    if (val === '') {
9252        val = b64DecodeUnicode("bGluZQ==");
9253    }
9254    window.upcartSettings.upcartSettings.updateItemIdentifier = val;
9255
9256    val = b64DecodeUnicode("Knt9");
9257    if (val === '') {
9258        val = b64DecodeUnicode("Knt9");
9259    }
9260    window.upcartSettings.upcartSettings.customCSS = val;
9261
9262    val = b64DecodeUnicode("Knt9");
9263    if (val === '') {
9264        val = b64DecodeUnicode("Knt9");
9265    }
9266    window.upcartSettings.upcartSettings.customStickyCartCSS = val;
9267
9268    val = b64DecodeUnicode("ZmFsc2U=");
9269    if (val === '') {
9270        val = b64DecodeUnicode("ZmFsc2U=");
9271    }
9272    val = JSON.parse(val);
9273    window.upcartSettings.upcartSettings.integrationZapietEnabled = val;
9274
9275    val = b64DecodeUnicode("ZmFsc2U=");
9276    if (val === '') {
9277        val = b64DecodeUnicode("ZmFsc2U=");
9278    }
9279    val = JSON.parse(val);
9280    window.upcartSettings.upcartSettings.integrationYmqEnabled = val;
9281
9282    val = b64DecodeUnicode("eyJzdGF0dXMiOiJESVNBQkxFRCJ9");
9283    if (val === '') {
9284        val = b64DecodeUnicode("eyJzdGF0dXMiOiJESVNBQkxFRCJ9");
9285    }
9286    val = JSON.parse(val);
9287    window.upcartSettings.upcartSettings.customCartBundleInfo = val;
9288
9289    val = b64DecodeUnicode("");
9290    if (val === '') {
9291        val = b64DecodeUnicode("ZGlzY291bnRfb25seQ==");
9292    }
9293    window.upcartSettings.upcartSettings.savingsRowBehaviour = val;
9294
9295    val = b64DecodeUnicode("");
9296    if (val === '') {
9297        val = b64DecodeUnicode("W10=");
9298    }
9299    val = JSON.parse(val);
9300    window.upcartSettings.upcartSettings.activeCartIds = val;
9301
9302    val = b64DecodeUnicode("dHJ1ZQ==");
9303    if (val === '') {
9304        val = b64DecodeUnicode("dHJ1ZQ==");
9305    }
9306    val = JSON.parse(val);
9307    window.upcartSettings.upcartEditorSettings.cartIsEnabled = val;
9308
9309    val = b64DecodeUnicode("");
9310    if (val === '') {
9311        val = b64DecodeUnicode("");
9312    }
9313    window.upcartSettings.upcartEditorSettings.cartId = val;
9314
9315    val = b64DecodeUnicode("eyJmaWVsZHMiOnsiY29tcGFyZUF0UHJpY2UiOmZhbHNlLCJpbmhlcml0Rm9udHMiOnRydWUsImJhY2tncm91bmRDb2xvciI6IiNGRkZGRkYiLCJjYXJ0QWNjZW50Q29sb3IiOiIjZjZmNmY3IiwiYnV0dG9uQ29sb3IiOiIjMDAwMDAwIiwiYnV0dG9uVGV4dENvbG9yIjoiI0ZGRkZGRiIsImJ1dHRvblRleHRIb3ZlckNvbG9yIjoiI2U5ZTllOSIsImNhcnRUZXh0Q29sb3IiOiIjMDAwMDAwIiwiYnV0dG9uUm91bmRlZENvcm5lcnNTaXplIjowLCJlbmFibGVTdWJ0b3RhbExpbmUiOmZhbHNlLCJzdWJ0b3RhbFRleHRDb2xvciI6IiMwMDAwMDAiLCJjYXJ0V2lkdGgiOnsiZGVza3RvcCI6ImJhc2UiLCJtb2JpbGUiOiJmdWxsIn19fQ==");
9316    if (val === '') {
9317        val = b64DecodeUnicode("eyJmaWVsZHMiOnsiY29tcGFyZUF0UHJpY2UiOnRydWUsImluaGVyaXRGb250cyI6dHJ1ZSwiYmFja2dyb3VuZENvbG9yIjoiI0ZGRkZGRiIsImNhcnRBY2NlbnRDb2xvciI6IiNmNmY2ZjciLCJidXR0b25Db2xvciI6IiMwMDAwMDAiLCJidXR0b25UZXh0Q29sb3IiOiIjRkZGRkZGIiwiYnV0dG9uVGV4dEhvdmVyQ29sb3IiOiIjZTllOWU5IiwiY2FydFRleHRDb2xvciI6IiMwMDAwMDAiLCJidXR0b25Sb3VuZGVkQ29ybmVyc1NpemUiOjAsImVuYWJsZVN1YnRvdGFsTGluZSI6ZmFsc2UsInN1YnRvdGFsVGV4dENvbG9yIjoiIzAwMDAwMCIsImNhcnRXaWR0aCI6eyJkZXNrdG9wIjoiYmFzZSIsIm1vYmlsZSI6ImZ1bGwifX19");
9318    }
9319    val = JSON.parse(val);
9320    window.upcartSettings.upcartEditorSettings.settingsModule = val;
9321
9322    val = b64DecodeUnicode("IzE2NWMwYQ==");
9323    if (val === '') {
9324        val = b64DecodeUnicode("IzJlYTgxOA==");
9325    }
9326    window.upcartSettings.upcartEditorSettings.designSettingsCartSavingsTextColor = val;
9327
9328    val = b64DecodeUnicode("Mi4wLjAtY29udHJvbGxlcl90ZW1wbGF0ZV9zZXBhcmF0aW9u");
9329    if (val === '') {
9330        val = b64DecodeUnicode("MS4wLjA=");
9331    }
9332    window.upcartSettings.upcartEditorSettings.headerModuleVersion = val;
9333
9334    val = b64DecodeUnicode("Mi4wLjAtY29udHJvbGxlcl90ZW1wbGF0ZV9zZXBhcmF0aW9u");
9335    if (val === '') {
9336        val = b64DecodeUnicode("MS4wLjA=");
9337    }
9338    window.upcartSettings.upcartEditorSettings.announcementModuleVersion = val;
9339
9340    val = b64DecodeUnicode("Mi4wLjAtY29udHJvbGxlcl90ZW1wbGF0ZV9zZXBhcmF0aW9u");
9341    if (val === '') {
9342        val = b64DecodeUnicode("MS4wLjA=");
9343    }
9344    window.upcartSettings.upcartEditorSettings.upsellsModuleVersion = val;
9345
9346    val = b64DecodeUnicode("Mi4wLjAtY29udHJvbGxlcl90ZW1wbGF0ZV9zZXBhcmF0aW9u");
9347    if (val === '') {
9348        val = b64DecodeUnicode("MS4wLjA=");
9349    }
9350    window.upcartSettings.upcartEditorSettings.recommendationsModuleVersion = val;
9351
9352    val = b64DecodeUnicode("Mi4wLjAtY29udHJvbGxlcl90ZW1wbGF0ZV9zZXBhcmF0aW9u");
9353    if (val === '') {
9354        val = b64DecodeUnicode("MS4wLjA=");
9355    }
9356    window.upcartSettings.upcartEditorSettings.notesModuleVersion = val;
9357
9358    val = b64DecodeUnicode("Mi4wLjAtY29udHJvbGxlcl90ZW1wbGF0ZV9zZXBhcmF0aW9u");
9359    if (val === '') {
9360        val = b64DecodeUnicode("MS4wLjA=");
9361    }
9362    window.upcartSettings.upcartEditorSettings.discountCodeModuleVersion = val;
9363
9364    val = b64DecodeUnicode("Mi4wLjAtY29udHJvbGxlcl90ZW1wbGF0ZV9zZXBhcmF0aW9u");
9365    if (val === '') {
9366        val = b64DecodeUnicode("MS4wLjA=");
9367    }
9368    window.upcartSettings.upcartEditorSettings.trustBadgesModuleVersion = val;
9369
9370    val = b64DecodeUnicode("Mi4wLjAtY29udHJvbGxlcl90ZW1wbGF0ZV9zZXBhcmF0aW9u");
9371    if (val === '') {
9372        val = b64DecodeUnicode("MS4wLjA=");
9373    }
9374    window.upcartSettings.upcartEditorSettings.rewardsModuleVersion = val;
9375
9376    val = b64DecodeUnicode("Mi4wLjAtY29udHJvbGxlcl90ZW1wbGF0ZV9zZXBhcmF0aW9u");
9377    if (val === '') {
9378        val = b64DecodeUnicode("MS4wLjA=");
9379    }
9380    window.upcartSettings.upcartEditorSettings.cartItemsModuleVersion = val;
9381
9382    val = b64DecodeUnicode("Mi4wLjAtY29udHJvbGxlcl90ZW1wbGF0ZV9zZXBhcmF0aW9u");
9383    if (val === '') {
9384        val = b64DecodeUnicode("MS4wLjA=");
9385    }
9386    window.upcartSettings.upcartEditorSettings.addonsModuleVersion = val;
9387
9388    val = b64DecodeUnicode("Mi4wLjAtY29udHJvbGxlcl90ZW1wbGF0ZV9zZXBhcmF0aW9u");
9389    if (val === '') {
9390        val = b64DecodeUnicode("MS4wLjA=");
9391    }
9392    window.upcartSettings.upcartEditorSettings.cartSummaryModuleVersion = val;
9393
9394    val = b64DecodeUnicode("Mi4wLjAtY29udHJvbGxlcl90ZW1wbGF0ZV9zZXBhcmF0aW9u");
9395    if (val === '') {
9396        val = b64DecodeUnicode("MS4wLjA=");
9397    }
9398    window.upcartSettings.upcartEditorSettings.expressPayModuleVersion = val;
9399
9400    val = b64DecodeUnicode("dHJ1ZQ==");
9401    if (val === '') {
9402        val = b64DecodeUnicode("ZmFsc2U=");
9403    }
9404    val = JSON.parse(val);
9405    window.upcartSettings.upcartEditorSettings.customJsxTemplatesEnabled = val;
9406
9407    val = b64DecodeUnicode("eyJtYWluIjp7InNyYyI6bnVsbCwiY29tcGlsZWQiOm51bGwsImlzQWN0aXZlIjpmYWxzZX19");
9408    if (val === '') {
9409        val = b64DecodeUnicode("eyJtYWluIjp7InNyYyI6bnVsbCwiY29tcGlsZWQiOm51bGwsImlzQWN0aXZlIjpmYWxzZX19");
9410    }
9411    val = JSON.parse(val);
9412    window.upcartSettings.upcartEditorSettings.headerModuleCustomJsxTemplates = val;
9413
9414    val = b64DecodeUnicode("eyJtYWluIjp7InNyYyI6bnVsbCwiY29tcGlsZWQiOm51bGwsImlzQWN0aXZlIjpmYWxzZX0sInNrZWxldG9uIjp7InNyYyI6bnVsbCwiY29tcGlsZWQiOm51bGwsImlzQWN0aXZlIjpmYWxzZX19");
9415    if (val === '') {
9416        val = b64DecodeUnicode("eyJtYWluIjp7InNyYyI6bnVsbCwiY29tcGlsZWQiOm51bGwsImlzQWN0aXZlIjpmYWxzZX0sInNrZWxldG9uIjp7InNyYyI6bnVsbCwiY29tcGlsZWQiOm51bGwsImlzQWN0aXZlIjpmYWxzZX19");
9417    }
9418    val = JSON.parse(val);
9419    window.upcartSettings.upcartEditorSettings.announcementModuleCustomJsxTemplates = val;
9420
9421    val = b64DecodeUnicode("eyJ1cHNlbGxUaWxlIjp7InNyYyI6bnVsbCwiY29tcGlsZWQiOm51bGwsImlzQWN0aXZlIjpmYWxzZX0sInNrZWxldG9uIjp7InNyYyI6bnVsbCwiY29tcGlsZWQiOm51bGwsImlzQWN0aXZlIjpmYWxzZX19");
9422    if (val === '') {
9423        val = b64DecodeUnicode("eyJ1cHNlbGxUaWxlIjp7InNyYyI6bnVsbCwiY29tcGlsZWQiOm51bGwsImlzQWN0aXZlIjpmYWxzZX0sInNrZWxldG9uIjp7InNyYyI6bnVsbCwiY29tcGlsZWQiOm51bGwsImlzQWN0aXZlIjpmYWxzZX19");
9424    }
9425    val = JSON.parse(val);
9426    window.upcartSettings.upcartEditorSettings.upsellsModuleCustomJsxTemplates = val;
9427
9428    val = b64DecodeUnicode("eyJyZWNvbW1lbmRhdGlvblRpbGUiOnsic3JjIjpudWxsLCJjb21waWxlZCI6bnVsbCwiaXNBY3RpdmUiOmZhbHNlfSwic2tlbGV0b24iOnsic3JjIjpudWxsLCJjb21waWxlZCI6bnVsbCwiaXNBY3RpdmUiOmZhbHNlfX0=");
9429    if (val === '') {
9430        val = b64DecodeUnicode("eyJyZWNvbW1lbmRhdGlvblRpbGUiOnsic3JjIjpudWxsLCJjb21waWxlZCI6bnVsbCwiaXNBY3RpdmUiOmZhbHNlfSwic2tlbGV0b24iOnsic3JjIjpudWxsLCJjb21waWxlZCI6bnVsbCwiaXNBY3RpdmUiOmZhbHNlfX0=");
9431    }
9432    val = JSON.parse(val);
9433    window.upcartSettings.upcartEditorSettings.recommendationsModuleCustomJsxTemplates = val;
9434
9435    val = b64DecodeUnicode("eyJtYWluIjp7InNyYyI6bnVsbCwiY29tcGlsZWQiOm51bGwsImlzQWN0aXZlIjpmYWxzZX19");
9436    if (val === '') {
9437        val = b64DecodeUnicode("eyJtYWluIjp7InNyYyI6bnVsbCwiY29tcGlsZWQiOm51bGwsImlzQWN0aXZlIjpmYWxzZX19");
9438    }
9439    val = JSON.parse(val);
9440    window.upcartSettings.upcartEditorSettings.notesModuleCustomJsxTemplates = val;
9441
9442    val = b64DecodeUnicode("eyJtYWluIjp7InNyYyI6bnVsbCwiY29tcGlsZWQiOm51bGwsImlzQWN0aXZlIjpmYWxzZX0sInNrZWxldG9uIjp7InNyYyI6bnVsbCwiY29tcGlsZWQiOm51bGwsImlzQWN0aXZlIjpmYWxzZX19");
9443    if (val === '') {
9444        val = b64DecodeUnicode("eyJtYWluIjp7InNyYyI6bnVsbCwiY29tcGlsZWQiOm51bGwsImlzQWN0aXZlIjpmYWxzZX0sInNrZWxldG9uIjp7InNyYyI6bnVsbCwiY29tcGlsZWQiOm51bGwsImlzQWN0aXZlIjpmYWxzZX19");
9445    }
9446    val = JSON.parse(val);
9447    window.upcartSettings.upcartEditorSettings.discountModuleCustomJsxTemplates = val;
9448
9449    val = b64DecodeUnicode("eyJtYWluIjp7InNyYyI6bnVsbCwiY29tcGlsZWQiOm51bGwsImlzQWN0aXZlIjpmYWxzZX0sInNrZWxldG9uIjp7InNyYyI6bnVsbCwiY29tcGlsZWQiOm51bGwsImlzQWN0aXZlIjpmYWxzZX19");
9450    if (val === '') {
9451        val = b64DecodeUnicode("eyJtYWluIjp7InNyYyI6bnVsbCwiY29tcGlsZWQiOm51bGwsImlzQWN0aXZlIjpmYWxzZX0sInNrZWxldG9uIjp7InNyYyI6bnVsbCwiY29tcGlsZWQiOm51bGwsImlzQWN0aXZlIjpmYWxzZX19");
9452    }
9453    val = JSON.parse(val);
9454    window.upcartSettings.upcartEditorSettings.trustBadgesModuleCustomJsxTemplates = val;
9455
9456    val = b64DecodeUnicode("eyJtYWluIjp7InNyYyI6bnVsbCwiY29tcGlsZWQiOm51bGwsImlzQWN0aXZlIjpmYWxzZX0sInNrZWxldG9uIjp7InNyYyI6bnVsbCwiY29tcGlsZWQiOm51bGwsImlzQWN0aXZlIjpmYWxzZX19");
9457    if (val === '') {
9458        val = b64DecodeUnicode("eyJtYWluIjp7InNyYyI6bnVsbCwiY29tcGlsZWQiOm51bGwsImlzQWN0aXZlIjpmYWxzZX0sInNrZWxldG9uIjp7InNyYyI6bnVsbCwiY29tcGlsZWQiOm51bGwsImlzQWN0aXZlIjpmYWxzZX19");
9459    }
9460    val = JSON.parse(val);
9461    window.upcartSettings.upcartEditorSettings.rewardsModuleCustomJsxTemplates = val;
9462
9463    val = b64DecodeUnicode("eyJtYWluIjp7InNyYyI6bnVsbCwiY29tcGlsZWQiOm51bGwsImlzQWN0aXZlIjp0cnVlfSwic2tlbGV0b24iOnsic3JjIjpudWxsLCJjb21waWxlZCI6bnVsbCwiaXNBY3RpdmUiOmZhbHNlfX0=");
9464    if (val === '') {
9465        val = b64DecodeUnicode("eyJtYWluIjp7InNyYyI6bnVsbCwiY29tcGlsZWQiOm51bGwsImlzQWN0aXZlIjpmYWxzZX0sInNrZWxldG9uIjp7InNyYyI6bnVsbCwiY29tcGlsZWQiOm51bGwsImlzQWN0aXZlIjpmYWxzZX19");
9466    }
9467    val = JSON.parse(val);
9468    window.upcartSettings.upcartEditorSettings.triggeredRewardsModuleCustomJsxTemplates = val;
9469
9470    val = b64DecodeUnicode("eyJza2VsZXRvbiI6eyJzcmMiOm51bGwsImNvbXBpbGVkIjpudWxsLCJpc0FjdGl2ZSI6ZmFsc2V9LCJwcm9k
9470dWN0VGlsZSI6eyJzcmMiOm51bGwsImNvbXBpbGVkIjpudWxsLCJpc0FjdGl2ZSI6ZmFsc2V9LCJ2YXJpYW50Ijp7InNyYyI6bnVsbCwiY29tcGlsZWQiOm51bGwsImlzQWN0aXZlIjpmYWxzZX0sInByb3BlcnRpZXMiOnsic3JjIjpudWxsLCJjb21waWxlZCI6bnVsbCwiaXNBY3RpdmUiOmZhbHNlfSwiYnVuZGxlIjp7InNyYyI6bnVsbCwiY29tcGlsZWQiOm51bGwsImlzQWN0aXZlIjpmYWxzZX0sInByaWNlIjp7InNyYyI6bnVsbCwiY29tcGlsZWQiOm51bGwsImlzQWN0aXZlIjpmYWxzZX19");
9471    if (val === '') {
9472        val = b64DecodeUnicode("eyJza2VsZXRvbiI6eyJzcmMiOm51bGwsImNvbXBpbGVkIjpudWxsLCJpc0FjdGl2ZSI6ZmFsc2V9LCJwcm9kdWN0VGlsZSI6eyJzcmMiOm51bGwsImNvbXBpbGVkIjpudWxsLCJpc0FjdGl2ZSI6ZmFsc2V9LCJ2YXJpYW50Ijp7InNyYyI6bnVsbCwiY29tcGlsZWQiOm51bGwsImlzQWN0aXZlIjpmYWxzZX0sInByb3BlcnRpZXMiOnsic3JjIjpudWxsLCJjb21waWxlZCI6bnVsbCwiaXNBY3RpdmUiOmZhbHNlfSwiYnVuZGxlIjp7InNyYyI6bnVsbCwiY29tcGlsZWQiOm51bGwsImlzQWN0aXZlIjpmYWxzZX0sInByaWNlIjp7InNyYyI6bnVsbCwiY29tcGlsZWQiOm51bGwsImlzQWN0aXZlIjpmYWxzZX19");
9473    }
9474    val = JSON.parse(val);
9475    window.upcartSettings.upcartEditorSettings.cartItemsModuleCustomJsxTemplates = val;
9476
9477    val = b64DecodeUnicode("eyJtYWluIjp7InNyYyI6bnVsbCwiY29tcGlsZWQiOm51bGwsImlzQWN0aXZlIjpmYWxzZX19");
9478    if (val === '') {
9479        val = b64DecodeUnicode("eyJtYWluIjp7InNyYyI6bnVsbCwiY29tcGlsZWQiOm51bGwsImlzQWN0aXZlIjpmYWxzZX19");
9480    }
9481    val = JSON.parse(val);
9482    window.upcartSettings.upcartEditorSettings.cartSummaryModuleCustomJsxTemplates = val;
9483
9484    val = b64DecodeUnicode("eyJtYWluIjp7InNyYyI6bnVsbCwiY29tcGlsZWQiOm51bGwsImlzQWN0aXZlIjpmYWxzZX0sInNrZWxldG9uIjp7InNyYyI6bnVsbCwiY29tcGlsZWQiOm51bGwsImlzQWN0aXZlIjpmYWxzZX19");
9485    if (val === '') {
9486        val = b64DecodeUnicode("eyJtYWluIjp7InNyYyI6bnVsbCwiY29tcGlsZWQiOm51bGwsImlzQWN0aXZlIjpmYWxzZX0sInNrZWxldG9uIjp7InNyYyI6bnVsbCwiY29tcGlsZWQiOm51bGwsImlzQWN0aXZlIjpmYWxzZX19");
9487    }
9488    val = JSON.parse(val);
9489    window.upcartSettings.upcartEditorSettings.addonsModuleCustomJsxTemplates = val;
9490
9491    val = b64DecodeUnicode("eyJzcmMiOm51bGwsImNvbXBpbGVkIjpudWxsLCJpc0FjdGl2ZSI6ZmFsc2V9");
9492    if (val === '') {
9493        val = b64DecodeUnicode("eyJzcmMiOm51bGwsImNvbXBpbGVkIjpudWxsLCJpc0FjdGl2ZSI6ZmFsc2V9");
9494    }
9495    val = JSON.parse(val);
9496    window.upcartSettings.upcartEditorSettings.betweenAnnouncementsAndTieredRewardsCustomTemplate = val;
9497
9498    val = b64DecodeUnicode("eyJzcmMiOm51bGwsImNvbXBpbGVkIjpudWxsLCJpc0FjdGl2ZSI6ZmFsc2V9");
9499    if (val === '') {
9500        val = b64DecodeUnicode("eyJzcmMiOm51bGwsImNvbXBpbGVkIjpudWxsLCJpc0FjdGl2ZSI6ZmFsc2V9");
9501    }
9502    val = JSON.parse(val);
9503    window.upcartSettings.upcartEditorSettings.betweenTieredRewardsAndTriggeredRewardsCustomTemplate = val;
9504
9505    val = b64DecodeUnicode("eyJhYm92ZUNoZWNrb3V0Q3VzdG9tSnN4VGVtcGxhdGUiOnsic3JjIjpudWxsLCJjb21waWxlZCI6bnVsbCwiaXNBY3RpdmUiOmZhbHNlfX0=");
9506    if (val === '') {
9507        val = b64DecodeUnicode("eyJhYm92ZUNoZWNrb3V0Q3VzdG9tSnN4VGVtcGxhdGUiOnsic3JjIjpudWxsLCJjb21waWxlZCI6bnVsbCwiaXNBY3RpdmUiOmZhbHNlfX0=");
9508    }
9509    val = JSON.parse(val);
9510    window.upcartSettings.upcartEditorSettings.checkoutModuleCustomJsxTemplates = val;
9511
9512    val = b64DecodeUnicode("YmFzZQ==");
9513    if (val === '') {
9514        val = b64DecodeUnicode("YmFzZQ==");
9515    }
9516    window.upcartSettings.upcartEditorSettings.headerBorderBottom = val;
9517
9518    val = b64DecodeUnicode("YmFzZQ==");
9519    if (val === '') {
9520        val = b64DecodeUnicode("YmFzZQ==");
9521    }
9522    window.upcartSettings.upcartEditorSettings.headerHeight = val;
9523
9524    val = b64DecodeUnicode("I2ZmZmZmZjAw");
9525    if (val === '') {
9526        val = b64DecodeUnicode("I2ZmZmZmZjAw");
9527    }
9528    window.upcartSettings.upcartEditorSettings.headerBackgroundColor = val;
9529
9530    val = b64DecodeUnicode("eyJ0eXBlIjoiaW5oZXJpdEhlYWRpbmdTdHlsZXMiLCJoZWFkaW5nTGV2ZWwiOiJoNCJ9");
9531    if (val === '') {
9532        val = b64DecodeUnicode("eyJ0eXBlIjoiaW5oZXJpdEhlYWRpbmdTdHlsZXMiLCJoZWFkaW5nTGV2ZWwiOiJoMiJ9");
9533    }
9534    val = JSON.parse(val);
9535    window.upcartSettings.upcartEditorSettings.headerTitleContent = val;
9536
9537    val = b64DecodeUnicode("c2lkZQ==");
9538    if (val === '') {
9539        val = b64DecodeUnicode("c2lkZQ==");
9540    }
9541    window.upcartSettings.upcartEditorSettings.headerTitleAlignment = val;
9542
9543    val = b64DecodeUnicode("dGl0bGVfX2Nsb3NlQnV0dG9u");
9544    if (val === '') {
9545        val = b64DecodeUnicode("dGl0bGVfX2Nsb3NlQnV0dG9u");
9546    }
9547    window.upcartSettings.upcartEditorSettings.headerElementArrangement = val;
9548
9549    val = b64DecodeUnicode("eyJiYXNlIjoiIzAwMDAwMDBjIiwib25Ib3ZlciI6IiMwMDAwMDAxNCJ9");
9550    if (val === '') {
9551        val = b64DecodeUnicode("eyJiYXNlIjoiIzAwMDAwMDBjIiwib25Ib3ZlciI6IiMwMDAwMDAxNCJ9");
9552    }
9553    val = JSON.parse(val);
9554    window.upcartSettings.upcartEditorSettings.headerCloseButtonBackgroun
9554dColor = val;
9555
9556    val = b64DecodeUnicode("eyJiYXNlIjoiIzYzNzM4MSIsIm9uSG92ZXIiOm51bGx9");
9557    if (val === '') {
9558        val = b64DecodeUnicode("eyJiYXNlIjoiIzYzNzM4MSIsIm9uSG92ZXIiOm51bGx9");
9559    }
9560    val = JSON.parse(val);
9561    window.upcartSettings.upcartEditorSettings.headerCloseButtonIconColor = val;
9562
9563    val = b64DecodeUnicode("c21hbGw=");
9564    if (val === '') {
9565        val = b64DecodeUnicode("c21hbGw=");
9566    }
9567    window.upcartSettings.upcartEditorSettings.headerCloseButtonIconSize = val;
9568
9569    val = b64DecodeUnicode("YmFzZQ==");
9570    if (val === '') {
9571        val = b64DecodeUnicode("YmFzZQ==");
9572    }
9573    window.upcartSettings.upcartEditorSettings.headerCloseButtonIconStrokeWidth = val;
9574
9575    val = b64DecodeUnicode("bm9uZQ==");
9576    if (val === '') {
9577        val = b64DecodeUnicode("bm9uZQ==");
9578    }
9579    window.upcartSettings.upcartEditorSettings.headerCloseButtonBorderWidth = val;
9580
9581    val = b64DecodeUnicode("eyJiYXNlIjoiIzAwMDAwMCIsIm9uSG92ZXIiOm51bGx9");
9582    if (val === '') {
9583        val = b64DecodeUnicode("eyJiYXNlIjoiIzAwMDAwMCIsIm9uSG92ZXIiOm51bGx9");
9584    }
9585    val = JSON.parse(val);
9586    window.upcartSettings.upcartEditorSettings.headerCloseButtonBorderColor = val;
9587
9588    val = b64DecodeUnicode("dHJ1ZQ==");
9589    if (val === '') {
9590        val = b64DecodeUnicode("ZmFsc2U=");
9591    }
9592    val = JSON.parse(val);
9593    window.upcartSettings.upcartEditorSettings.announcementModule = val;
9594
9595    val = b64DecodeUnicode("PHA+R2V0IGEgZnJlZSBiYWcgb2YgdGVhICh1cCB0byAkMzUpIHdpdGggYW55IEt5dXN1IG9yIGEgZnJlZSB0aW4gb2YgbWF0Y2hhICh1cCB0byAkNTApIHdpdGggYW4gYXJ0aXN0LW1hZGUgY2hhd2FuLiZuYnNwOzwvcD4K");
9596    if (val === '') {
9597        val = b64DecodeUnicode("PHA+WW91ciBwcm9kdWN0cyBhcmUgcmVzZXJ2ZWQgZm9yIDxiPntUSU1FUn08L2I+ITwvcD4=");
9598    }
9599    window.upcartSettings.upcartEditorSettings.announcementEditor = val;
9600
9601    val = b64DecodeUnicode("IzQ5NzUxNg==");
9602    if (val === '') {
9603        val = b64DecodeUnicode("I0NERTBFMA==");
9604    }
9605    window.upcartSettings.upcartEditorSettings.announcementBackgroundColor = val;
9606
9607    val = b64DecodeUnicode("dG9w");
9608    if (val === '') {
9609        val = b64DecodeUnicode("dG9w");
9610    }
9611    window.upcartSettings.upcartEditorSettings.announcementModulePosition = val;
9612
9613    val = b64DecodeUnicode("I2Y5ZmNmZg==");
9614    if (val === '') {
9615        val = b64DecodeUnicode("I0M1RTZGRA==");
9616    }
9617    window.upcartSettings.upcartEditorSettings.announcementBorderColor = val;
9618
9619    val = b64DecodeUnicode("MA==");
9620    if (val === '') {
9621        val = b64DecodeUnicode("MDA6MDA=");
9622    }
9623    window.upcartSettings.upcartEditorSettings.announcementTimer = val;
9624
9625    val = b64DecodeUnicode("c21hbGw=");
9626    if (val === '') {
9627        val = b64DecodeUnicode("YmFzZQ==");
9628    }
9629    window.upcartSettings.upcartEditorSettings.announcementHeight = val;
9630
9631    val = b64DecodeUnicode("MTU=");
9632    if (val === '') {
9633        val = b64DecodeUnicode("MTU=");
9634    }
9635    window.upcartSettings.upcartEditorSettings.announcementTextFontSizePx = val;
9636
9637    val = b64DecodeUnicode("dHJ1ZQ==");
9638    if (val === '') {
9639        val = b64DecodeUnicode("ZmFsc2U=");
9640    }
9641    val = JSON.parse(val);
9642    window.upcartSettings.upcartEditorSettings.rewardsModule = val;
9643
9644    val = b64DecodeUnicode("I0UyRTJFMg==");
9645    if (val === '') {
9646        val = b64DecodeUnicode("I0UyRTJFMg==");
9647    }
9648    window.upcartSettings.upcartEditorSettings.rewardsBarBackgroun
9648dColor = val;
9649
9650    val = b64DecodeUnicode("IzNhNjQzMg==");
9651    if (val === '') {
9652        val = b64DecodeUnicode("IzkzRDNGRg==");
9653    }
9654    window.upcartSettings.upcartEditorSettings.rewardsBarForegroundColor = val;
9655
9656    val = b64DecodeUnicode("IzRENDk0OQ==");
9657    if (val === '') {
9658        val = b64DecodeUnicode("IzRENDk0OQ==");
9659    }
9660    window.upcartSettings.upcartEditorSettings.rewardsTierIconColorComplete = val;
9661
9662    val = b64DecodeUnicode("IzRENDk0OQ==");
9663    if (val === '') {
9664        val = b64DecodeUnicode("IzRENDk0OQ==");
9665    }
9666    window.upcartSettings.upcartEditorSettings.rewardsTierIconColorIncomplete = val;
9667
9668    val = b64DecodeUnicode("Y2FydFRvdGFs");
9669    if (val === '') {
9670        val = b64DecodeUnicode("Y2FydFRvdGFs");
9671    }
9672    window.upcartSettings.upcartEditorSettings.rewardsBasis = val;
9673
9674    val = b64DecodeUnicode("ZmFsc2U=");
9675    if (val === '') {
9676        val = b64DecodeUnicode("ZmFsc2U=");
9677    }
9678    val = JSON.parse(val);
9679    window.upcartSettings.upcartEditorSettings.rewardsProductLinkVisible = val;
9680
9681    val = b64DecodeUnicode("cHJvZHVjdHNPck9yZGVy");
9682    if (val === '') {
9683        val = b64DecodeUnicode("cHJvZHVjdHNPck9yZGVy");
9684    }
9685    window.upcartSettings.upcartEditorSettings.rewardsTargetType = val;
9686
9687    val = b64DecodeUnicode("MTI1");
9688    if (val === '') {
9689        val = b64DecodeUnicode("MTI1");
9690    }
9691    window.upcartSettings.upcartEditorSettings.rewardsMinAmount = val;
9692
9693    val = b64DecodeUnicode("PHA+WW914oCZcmUgPGI+e3thbW91bnR9fTwvYj4gYXdheSBmcm9tIGZyZWUgc2hpcHBpbmchPC9wPg==");
9694    if (val === '') {
9695        val = b64DecodeUnicode("PHA+WW914oCZcmUgPGI+e0FNT1VOVH08L2I+IGF3YXkgZnJvbSBmcmVlIHNoaXBwaW5nITwvcD4=");
9696    }
9697    window.upcartSettings.upcartEditorSettings.rewardsEditor = val;
9698
9699    val = b64DecodeUnicode("RnJlZSBzaGlwcGluZyB1bmxvY2tlZCE=");
9700    if (val === '') {
9701        val = b64DecodeUnicode("RnJlZSBzaGlwcGluZyB1bmxvY2tlZCE=");
9702    }
9703    window.upcartSettings.upcartEditorSettings.rewardsEditorAfterText = val;
9704
9705    val = b64DecodeUnicode("PHA+WW914oCZcmUgPGI+e3tjb3VudH19PC9iPiBwcm9kdWN0cyBhd2F5IGZyb20gZnJlZSBzaGlwcGluZyE8L3A+");
9706    if (val === '') {
9707        val = b64DecodeUnicode("PHA+WW914oCZcmUgPGI+e0NPVU5UfTwvYj4gcHJvZHVjdHMgYXdheSBmcm9tIGZyZWUgc2hpcHBpbmchPC9wPg==");
9708    }
9709    window.upcartSettings.upcartEditorSettings.rewardsEditorForItemCount = val;
9710
9711    val = b64DecodeUnicode("NQ==");
9712    if (val === '') {
9713        val = b64DecodeUnicode("NQ==");
9714    }
9715    window.upcartSettings.upcartEditorSettings.rewardsItemCount = val;
9716
9717    val = b64DecodeUnicode("eyJ0aWVycyI6W3sidGFyZ2V0VHlwZSI6InNoaXBwaW5nIiwicmV3YXJkRGVzY3JpcHRpb24iOiJGcmVlIFNoaXBwaW5nICIsIm1pbkFtb3VudCI6MTUwLCJpdGVtQ291bnQiOiI5IiwidGV4dEJlZm9yZVJlYWNoaW5nRm9yQ2FydFRvdGFsIjoiPHA+WW91J3JlIHt7YW1vdW50fX0gYXdheSBmcm9tIEZyZWUgU2hpcHBpbmchPC9wPlxuIiwidGV4dEJlZm9yZVJlYWNoaW5nRm9ySXRlbUNvdW50IjoiWW91J3JlIDxiPnt7Y291bnR9fTwvYj4gcHJvZHVjdHMgYXdheSBmcm9tIHByb2R1Y3QgX19fX18iLCJwcm9kdWN0cyI6W10sIm1hbnVhbERpc2NvdW50Q29kZSI6IiJ9XSwiZ2VvTG9jYXRpb25QcmljaW5nIjpbXSwicmV3YXJkc0F1dG9Db252ZXJ0Q3VycmVuY3kiOmZhbHNlLCJyZXdhcmRzR2VvTG9jYXRpb25FbmFibGVkIjpmYWxzZSwidXNlUHJlRGlzY291bnRlZFRvdGFsIjpmYWxzZX0=");
9718    if (val === '') {
9719        val = b64DecodeUnicode("eyJ0aWVycyI6W10sImdlb0xvY2F0aW9uUHJpY2luZyI6W10sInJld2FyZHNBdXRvQ29udmVydEN1cnJlbmN5IjpmYWxzZSwicmV3YXJkc0dlb0xvY2F0aW9uRW5hYmxlZCI6ZmFsc2UsInVzZVByZURpc2NvdW50ZWRUb3RhbCI6ZmFsc2V9");
9720    }
9721    val = JSON.parse(val);
9722    window.upcartSettings.upcartEditorSettings.rewardsTiers = val;
9723
9724    val = b64DecodeUnicode("W10=");
9725    if (val === '') {
9726        val = b64DecodeUnicode("W10=");
9727    }
9728    val = JSON.parse(val);
9729    window.upcartSettings.upcartEditorSettings.rewardsTierProducts = val;
9730
9731    val = b64DecodeUnicode("dHJ1ZQ==");
9732    if (val === '') {
9733        val = b64DecodeUnicode("ZmFsc2U=");
9734    }
9735    val = JSON.parse(val);
9736    window.upcartSettings.upcartEditorSettings.rewardsShowIconWithSingleTier = val;
9737
9738    val = b64DecodeUnicode("dHJ1ZQ==");
9739    if (val === '') {
9740        val = b64DecodeUnicode("ZmFsc2U=");
9741    }
9742    val = JSON.parse(val);
9743    window.upcartSettings.upcartEditorSettings.rewardsShowOnEmptyCart = val;
9744
9745    val = b64DecodeUnicode("ZmFsc2U=");
9746    if (val === '') {
9747        val = b64DecodeUnicode("ZmFsc2U=");
9748    }
9749    val = JSON.parse(val);
9750    window.upcartSettings.upcartEditorSettings.rewardsRemovePreviousProducts = val;
9751
9752    val = b64DecodeUnicode("W10=");
9753    if (val === '') {
9754        val = b64DecodeUnicode("W10=");
9755    }
9756    val = JSON.parse(val);
9757    window.upcartSettings.upcartEditorSettings.rewardsFiltering = val;
9758
9759    val = b64DecodeUnicode("W3siaWQiOiJhOWUyMDhhYy1hM2VkLTQzYTYtYWFmZS1kNmYyNjdiYjAwYWEiLCJkaXNjb3VudElkIjoiYTllMjA4YWMtYTNlZC00M2E2LWFhZmUtZDZmMjY3YmIwMGFhIiwidGl0bGUiOiJGcmVlIEluY2Vuc2Ugdy8gJDc1IG9yIG1vcmUiLCJkZXNjcmlwdGlvbiI6IlNwZW5kICQ3NSBhbmQgcmVjZWl2ZSBGcmVlIFNhbmRhbHdvb2QgSW5jZW5zZSJ9XQ==");
9760    if (val === '') {
9761        val = b64DecodeUnicode("W10=");
9762    }
9763    val = JSON.parse(val);
9764    window.upcartSettings.upcartEditorSettings.rewardsTriggeredRules = val;
9765
9766    val = b64DecodeUnicode("eyJwcm9kdWN0RGlzY291bnRzIjp0cnVlLCJvcmRlckRpc2NvdW50cyI6dHJ1ZSwic2hpcHBpbmdEaXNjb3VudHMiOnRydWV9");
9767    if (val === '') {
9768        val = b64DecodeUnicode("eyJwcm9kdWN0RGlzY291bnRzIjpmYWxzZSwib3JkZXJEaXNjb3VudHMiOmZhbHNlLCJzaGlwcGluZ0Rpc2NvdW50cyI6ZmFsc2V9");
9769    }
9770    val = JSON.parse(val);
9771    window.upcartSettings.upcartEditorSettings.rewardsTriggeredCombinations = val;
9772
9773    val = b64DecodeUnicode("ZmFsc2U=");
9774    if (val === '') {
9775        val = b64DecodeUnicode("ZmFsc2U=");
9776    }
9777    val = JSON.parse(val);
9778    window.upcartSettings.upcartEditorSettings.recommendationsModule = val;
9779
9780    val = b64DecodeUnicode("QWRkIHlvdXIgZmF2b3VyaXRlIGl0ZW1zIHRvIHlvdXIgY2FydC4=");
9781    if (val === '') {
9782        val = b64DecodeUnicode("QWRkIHlvdXIgZmF2b3VyaXRlIGl0ZW1zIHRvIHlvdXIgY2FydC4=");
9783    }
9784    window.upcartSettings.upcartEditorSettings.recommendationsHeaderText = val;
9785
9786    val = b64DecodeUnicode("ZmFsc2U=");
9787    if (val === '') {
9788        val = b64DecodeUnicode("ZmFsc2U=");
9789    }
9790    val = JSON.parse(val);
9791    window.upcartSettings.upcartEditorSettings.recommendationsEnableShopNowButton = val;
9792
9793    val = b64DecodeUnicode("U2hvcCBOb3c=");
9794    if (val === '') {
9795        val = b64DecodeUnicode("U2hvcCBOb3c=");
9796    }
9797    window.upcartSettings.upcartEditorSettings.recommendationsShopNowButtonText = val;
9798
9799    val = b64DecodeUnicode("L2NvbGxlY3Rpb25z");
9800    if (val === '') {
9801        val = b64DecodeUnicode("L2NvbGxlY3Rpb25z");
9802    }
9803    window.upcartSettings.upcartEditorSettings.recommendationsShopNowButtonURL = val;
9804
9805    val = b64DecodeUnicode("W3siaWQiOiIiLCJyZWNvbW1lbmRhdGlvbiI6bnVsbCwidiI6MX1d");
9806    if (val === '') {
9807        val = b64DecodeUnicode("W3siaWQiOiIiLCJyZWNvbW1lbmRhdGlvbiI6bnVsbCwidiI6MX1d");
9808    }
9809    val = JSON.parse(val);
9810    window.upcartSettings.upcartEditorSettings.recommendationItems = val;
9811
9812    val = b64DecodeUnicode("WW91IG1heSBhbHNvIGxpa2U=");
9813    if (val === '') {
9814        val = b64DecodeUnicode("WW91IG1heSBhbHNvIGxpa2U=");
9815    }
9816    window.upcartSettings.upcartEditorSettings.recommendationsProductRecommendationsHeaderText = val;
9817
9818    val = b64DecodeUnicode("Mw==");
9819    if (val === '') {
9820        val = b64DecodeUnicode("Mw==");
9821    }
9822    window.upcartSettings.upcartEditorSettings.recommendationsMaxRecommendationsToShow = val;
9823
9824    val = b64DecodeUnicode("dmVydGljYWw=");
9825    if (val === '') {
9826        val = b64DecodeUnicode("dmVydGljYWw=");
9827    }
9828    window.upcartSettings.upcartEditorSettings.recommendationsDirection = val;
9829
9830    val = b64DecodeUnicode("dHJ1ZQ==");
9831    if (val === '') {
9832        val = b64DecodeUnicode("ZmFsc2U=");
9833    }
9834    val = JSON.parse(val);
9835    window.upcartSettings.upcartEditorSettings.upsellsModule = val;
9836
9837    val = b64DecodeUnicode("aG9yaXpvbnRhbA==");
9838    if (val === '') {
9839        val = b64DecodeUnicode("aG9yaXpvbnRhbA==");
9840    }
9841    window.upcartSettings.upcartEditorSettings.upsellsDirection = val;
9842
9843    val = b64DecodeUnicode("PHA+WW91IG1pZ2h0IGFsc28gZW5qb3k8L3A+Cg==");
9844    if (val === '') {
9845        val = b64DecodeUnicode("WW91J2xsIGxvdmUgdGhlc2U=");
9846    }
9847    window.upcartSettings.upcartEditorSettings.upsellsTitle = val;
9848
9849    val = b64DecodeUnicode("MTA=");
9850    if (val === '') {
9851        val = b64DecodeUnicode("MTA=");
9852    }
9853    window.upcartSettings.upcartEditorSettings.maximumUpsellsToShow = val;
9854
9855    val = b64DecodeUnicode("ZmFsc2U=");
9856    if (val === '') {
9857        val = b64DecodeUnicode("ZmFsc2U=");
9858    }
9859    val = JSON.parse(val);
9860    window.upcartSettings.upcartEditorSettings.upsellsShouldLimit = val;
9861
9862    val = b64DecodeUnicode("ZmFsc2U=");
9863    if (val === '') {
9864        val = b64DecodeUnicode("ZmFsc2U=");
9865    }
9866    val = JSON.parse(val);
9867    window.upcartSettings.upcartEditorSettings.upsellsTrigger = val;
9868
9869    val = b64DecodeUnicode("ZmFsc2U=");
9870    if (val === '') {
9871        val = b64DecodeUnicode("ZmFsc2U=");
9872    }
9873    val = JSON.parse(val);
9874    window.upcartSettings.upcartEditorSettings.showUpsellItemsAlreadyInCart = val;
9875
9876    val = b64DecodeUnicode("W3siX2lkIjoiIiwidHJpZ2dlciI6bnVsbCwidXBzZWxsIjpudWxsfV0=");
9877    if (val === '') {
9878        val = b64DecodeUnicode("W3siX2lkIjoiIiwidHJpZ2dlciI6bnVsbCwidXBzZWxsIjpudWxsfV0=");
9879    }
9880    val = JSON.parse(val);
9881    window.upcartSettings.upcartEditorSettings.upsellsItems = val;
9882
9883    val = b64DecodeUnicode("Ym90dG9t");
9884    if (val === '') {
9885        val = b64DecodeUnicode("Ym90dG9t");
9886    }
9887    window.upcartSettings.upcartEditorSettings.upsellsModulePosition = val;
9888
9889    val = b64DecodeUnicode("dHJ1ZQ==");
9890    if (val === '') {
9891        val = b64DecodeUnicode("ZmFsc2U=");
9892    }
9893    val = JSON.parse(val);
9894    window.upcartSettings.upcartEditorSettings.recommendedUpsells = val;
9895
9896    val = b64DecodeUnicode("dHJ1ZQ==");
9897    if (val === '') {
9898        val = b64DecodeUnicode("ZmFsc2U=");
9899    }
9900    val = JSON.parse(val);
9901    window.upcartSettings.upcartEditorSettings.smartVariantMatching = val;
9902
9903    val = b64DecodeUnicode("cmVsYXRlZA==");
9904    if (val === '') {
9905        val = b64DecodeUnicode("cmVsYXRlZA==");
9906    }
9907    window.upcartSettings.upcartEditorSettings.upsellRecommendationIntent = val;
9908
9909    val = b64DecodeUnicode("bm8tcHJvZHVjdHM=");
9910    if (val === '') {
9911        val = b64DecodeUnicode("bm8tcHJvZHVjdHM=");
9912    }
9913    window.upcartSettings.upcartEditorSettings.upsellProductReviews = val;
9914
9915    val = b64DecodeUnicode("");
9916    if (val === '') {
9917        val = b64DecodeUnicode("KHt7UkVWSUVXX0NPVU5UfX0gcmV2aWV3cyk=");
9918    }
9919    window.upcartSettings.upcartEditorSettings.upsellProductReviewsTextTemplate = val;
9920
9921    val = b64DecodeUnicode("");
9922    if (val === '') {
9923        val = b64DecodeUnicode("");
9924    }
9925    window.upcartSettings.upcartEditorSettings.upsellStrategyId = val;
9926
9927    val = b64DecodeUnicode("");
9928    if (val === '') {
9929        val = b64DecodeUnicode("ZmFsc2U=");
9930    }
9931    val = JSON.parse(val);
9932    window.upcartSettings.upcartEditorSettings.upsellStrategyEnabled = val;
9933
9934    val = b64DecodeUnicode("");
9935    if (val === '') {
9936        val = b64DecodeUnicode("ZmFsc2U=");
9937    }
9938    val = JSON.parse(val);
9939    window.upcartSettings.upcartEditorSettings.addonsModule = val;
9940
9941    val = b64DecodeUnicode("");
9942    if (val === '') {
9943        val = b64DecodeUnicode("eyJzaGlwcGluZ1Byb3RlY3Rpb24iOnsiYWN0aXZlIjpmYWxzZSwicHJvZHVjdEhhbmRsZSI6bnVsbCwidGllcnMiOltdLCJ1c2VQcmVEaXNjb3VudGVkVG90YWwiOmZhbHNlfSwicHJvZHVjdEFkZG9uIjp7ImFjdGl2ZSI6ZmFsc2UsInByb2R1Y3RIYW5kbGUiOm51bGwsInByb2R1Y3QiOm51bGx9fQ==");
9944    }
9945    val = JSON.parse(val);
9946    window.upcartSettings.upcartEditorSettings.addonsField = val;
9947
9948    val = b64DecodeUnicode("");
9949    if (val === '') {
9950        val = b64DecodeUnicode("ZmFsc2U=");
9951    }
9952    val = JSON.parse(val);
9953    window.upcartSettings.upcartEditorSettings.addonsShouldBeCounted = val;
9954
9955    val = b64DecodeUnicode("");
9956    if (val === '') {
9957        val = b64DecodeUnicode("dHJ1ZQ==");
9958    }
9959    val = JSON.parse(val);
9960    window.upcartSettings.upcartEditorSettings.enableAddonAttributeKey = val;
9961
9962    val = b64DecodeUnicode("");
9963    if (val === '') {
9964        val = b64DecodeUnicode("ZmFsc2U=");
9965    }
9966    val = JSON.parse(val);
9967    window.upcartSettings.upcartEditorSettings.notesModule = val;
9968
9969    val = b64DecodeUnicode("");
9970    if (val === '') {
9971        val = b64DecodeUnicode("PHA+QWRkIHNwZWNpYWwgaW5zdHJ1Y3Rpb25zPC9wPg==");
9972    }
9973    window.upcartSettings.upcartEditorSettings.notesTitle = val;
9974
9975    val = b64DecodeUnicode("");
9976    if (val === '') {
9977        val = b64DecodeUnicode("U3BlY2lhbCBpbnN0cnVjdGlvbnMgZm9yIHlvdXIgb3JkZXI=");
9978    }
9979    window.upcartSettings.upcartEditorSettings.notesPlaceholder = val;
9980
9981    val = b64DecodeUnicode("");
9982    if (val === '') {
9983        val = b64DecodeUnicode("Ym90dG9tT2ZDYXJ0");
9984    }
9985    window.upcartSettings.upcartEditorSettings.notesPlacement = val;
9986
9987    val = b64DecodeUnicode("");
9988    if (val === '') {
9989        val = b64DecodeUnicode("ZmFsc2U=");
9990    }
9991    val = JSON.parse(val);
9992    window.upcartSettings.upcartEditorSettings.trustBadgesModule = val;
9993
9994    val = b64DecodeUnicode("");
9995    if (val === '') {
9996        val = b64DecodeUnicode("eyJ1cmwiOiIiLCJwb3NpdGlvbiI6ImJvdHRvbSJ9");
9997    }
9998    val = JSON.parse(val);
9999    window.upcartSettings.upcartEditorSettings.trustBadges = val;
10000
10001    val = b64DecodeUnicode("");
10002    if (val === '') {
10003        val = b64DecodeUnicode("ZmFsc2U=");
10004    }
10005    val = JSON.parse(val);
10006    window.upcartSettings.upcartEditorSettings.discountCodeModule = val;
10007
10008    val = b64DecodeUnicode("");
10009    if (val === '') {
10010        val = b64DecodeUnicode("RGlzY291bnQgY29kZQ==");
10011    }
10012    window.upcartSettings.upcartEditorSettings.discountCodePlaceholder = val;
10013
10014    val = b64DecodeUnicode("");
10015    if (val === '') {
10016        val = b64DecodeUnicode("QXBwbHk=");
10017    }
10018    window.upcartSettings.upcartEditorSettings.discountCodeButtonText = val;
10019
10020    val = b64DecodeUnicode("");
10021    if (val === '') {
10022        val = b64DecodeUnicode("ZmFsc2U=");
10023    }
10024    val = JSON.parse(val);
10025    window.upcartSettings.upcartEditorSettings.subscriptionUpgradesModule = val;
10026
10027    val = b64DecodeUnicode("");
10028    if (val === '') {
10029        val = b64DecodeUnicode("ZmFsc2U=");
10030    }
10031    val = JSON.parse(val);
10032    window.upcartSettings.upcartEditorSettings.subscriptionUpgradesPreventDowngrades = val;
10033
10034    val = b64DecodeUnicode("");
10035    if (val === '') {
10036        val = b64DecodeUnicode("VXBncmFkZSB0byB7e3NlbGxpbmdfcGxhbl9ncm91cF9uYW1lfX0=");
10037    }
10038    window.upcartSettings.upcartEditorSettings.subscriptionUpgradesButtonText = val;
10039
10040    val = b64DecodeUnicode("");
10041    if (val === '') {
10042        val = b64DecodeUnicode("ZmFsc2U=");
10043    }
10044    val = JSON.parse(val);
10045    window.upcartSettings.upcartEditorSettings.subscriptionUpgradesOptionsTextOverride = val;
10046
10047    val = b64DecodeUnicode("");
10048    if (val === '') {
10049        val = b64DecodeUnicode("e3tzZWxsaW5nX3BsYW5fZ3JvdXBfbmFtZX19IC8ge3tzZWxsaW5nX3BsYW5fbmFtZX19");
10050    }
10051    window.upcartSettings.upcartEditorSettings.subscriptionUpgradesOptionsText = val;
10052
10053    val = b64DecodeUnicode("");
10054    if (val === '') {
10055        val = b64DecodeUnicode("T25lLXRpbWUgcHVyY2hhc2U=");
10056    }
10057    window.upcartSettings.upcartEditorSettings.subscriptionUpgradesOneTimePurchaseText = val;
10058
10059    val = b64DecodeUnicode("");
10060    if (val === '') {
10061        val = b64DecodeUnicode("RnVsbCBwcmljZQ==");
10062    }
10063    window.upcartSettings.upcartEditorSettings.subscriptionUpgradesFullPriceText = val;
10064
10065    val = b64DecodeUnicode("");
10066    if (val === '') {
10067        val = b64DecodeUnicode("U3Vic2NyaXB0aW9uIHBsYW5z");
10068    }
10069    window.upcartSettings.upcartEditorSettings.subscriptionUpgradesSubscriptionPlansText = val;
10070
10071    val = b64DecodeUnicode("ZmFsc2U=");
10072    if (val === '') {
10073        val = b64DecodeUnicode("ZmFsc2U=");
10074    }
10075    val = JSON.parse(val);
10076    window.upcartSettings.upcartEditorSettings.expressPayModule = val;
10077
10078    val = b64DecodeUnicode("W10=");
10079    if (val === '') {
10080        val = b64DecodeUnicode("W10=");
10081    }
10082    val = JSON.parse(val);
10083    window.upcartSettings.upcartEditorSettings.expressPayEnabledGateways = val;
10084
10085    val = b64DecodeUnicode("MQ==");
10086    if (val === '') {
10087        val = b64DecodeUnicode("MQ==");
10088    }
10089    window.upcartSettings.upcartEditorSettings.expressPayVersion = val;
10090
10091    val = b64DecodeUnicode("eyJmaWVsZHMiOnsic2hvcGlmeUFjY2VsZXJhdGVkQ2hlY2tvdXRCdXR0b25CbG9ja1NpemUiOjQyLCJzaG9waWZ5QWNjZWxlcmF0ZWRDaGVja291dEJ1dHRvbklubGluZVNpemUiOjQyLCJzaG9waWZ5QWNjZWxlcmF0ZWRDaGVja291dElubGluZUFsaWdubWVudCI6ImNlbnRlciIsInNob3BpZnlBY2NlbGVyYXRlZENoZWNrb3V0Um93R2FwIjo4fX0=");
10092    if (val === '') {
10093        val = b64DecodeUnicode("eyJmaWVsZHMiOnsic2hvcGlmeUFjY2VsZXJhdGVkQ2hlY2tvdXRCdXR0b25CbG9ja1NpemUiOjQyLCJzaG9waWZ5QWNjZWxlcmF0ZWRDaGVja291dEJ1dHRvbklubGluZVNpemUiOjQyLCJzaG9waWZ5QWNjZWxlcmF0ZWRDaGVja291dElubGluZUFsaWdubWVudCI6ImNlbnRlciIsInNob3BpZnlBY2NlbGVyYXRlZENoZWNrb3V0Um93R2FwIjo4fX0=");
10094    }
10095    val = JSON.parse(val);
10096    window.upcartSettings.upcartEditorSettings.expressPayAcceleratedCheckoutStyles = val;
10097
10098    val = b64DecodeUnicode("dHJ1ZQ==");
10099    if (val === '') {
10100        val = b64DecodeUnicode("dHJ1ZQ==");
10101    }
10102    val = JSON.parse(val);
10103    window.upcartSettings.upcartEditorSettings.expressPayHideBuyerConsent = val;
10104
10105    val = b64DecodeUnicode("ZmFsc2U=");
10106    if (val === '') {
10107        val = b64DecodeUnicode("ZmFsc2U=");
10108    }
10109    val = JSON.parse(val);
10110    window.upcartSettings.stickyCartButtonEditorSettings.stickyCartButtonIsEnabled = val;
10111
10112    val = b64DecodeUnicode("IzA3NGYzMA==");
10113    if (val === '') {
10114        val = b64DecodeUnicode("IzAwMDAwMA==");
10115    }
10116    window.upcartSettings.stickyCartButtonEditorSettings.backgroundColor = val;
10117
10118    val = b64DecodeUnicode("YWxsRGV2aWNlcw==");
10119    if (val === '') {
10120        val = b64DecodeUnicode("YWxsRGV2aWNlcw==");
10121    }
10122    window.upcartSettings.stickyCartButtonEditorSettings.deviceSettings = val;
10123
10124    val = b64DecodeUnicode("I2ZmZmZmZg==");
10125    if (val === '') {
10126        val = b64DecodeUnicode("I2ZmZmZmZg==");
10127    }
10128    window.upcartSettings.stickyCartButtonEditorSettings.iconColor = val;
10129
10130    val = b64DecodeUnicode("cm91bmRlZEJhZw==");
10131    if (val === '') {
10132        val = b64DecodeUnicode("c3F1YXJlQmFn");
10133    }
10134    window.upcartSettings.stickyCartButtonEditorSettings.iconStyle = val;
10135
10136    val = b64DecodeUnicode("I2UwNGUxMg==");
10137    if (val === '') {
10138        val = b64DecodeUnicode("I2U0MjYyNg==");
10139    }
10140    window.upcartSettings.stickyCartButtonEditorSettings.quantityBackgroun
10140dColor = val;
10141
10142    val = b64DecodeUnicode("I2ZmZmZmZg==");
10143    if (val === '') {
10144        val = b64DecodeUnicode("I2ZmZmZmZg==");
10145    }
10146    window.upcartSettings.stickyCartButtonEditorSettings.quantityTextColor = val;
10147
10148    val = b64DecodeUnicode("Ym90dG9tUmlnaHQ=");
10149    if (val === '') {
10150        val = b64DecodeUnicode("Ym90dG9tUmlnaHQ=");
10151    }
10152    window.upcartSettings.stickyCartButtonEditorSettings.stickyCartPosition = val;
10153
10154
10155})();
10156</script>
10156
10157
10158
10159
10160
10161
10162
10163<script>
10164  window.upcartPreloadedCart = {"note":null,"attributes":{},"original_total_price":0,"total_price":0,"total_discount":0,"total_weight":0.0,"item_count":0,"items":[],"requires_shipping":false,"currency":"USD","items_subtotal_price":0,"cart_level_discount_applications":[],"checkout_charge_amount":0};
10165  window.upcartMoneyFormat = "${{amount}}";
10166  window.upcartStorefrontPublicAccessToken = 'fac9233a2d1aab57cdab17af55753954' || undefined;
10167  window.upcartClientLocalizationCountry = {
10168    isoCode: 'US',
10169    currency: 'CurrencyDrop',
10170    name: 'United States'
10171  };
10172  window.upcartMyShopifyDomain = 'kettl.myshopify.com';
10173</script>
10173
10174
10175
10176<script>
10177    window.upcart = window.upcart || {};
10178    window.upcart.customer = { isLoggedIn: false };
10179  </script>
10179<script>
10180  window.upcartPreloadedCart.items = window.upcartPreloadedCart.items.map((line) => {
10181    
10182
10183    return line;
10184  });
10185</script>
10185
10186
10187<div id="upCart"></div>
10188<div id="upCartStickyButton"></div>
10189
10190<style id="upCart-customCSS">
10191  
10192    *{}
10193  
10194</style>
10195
10196
10197</div><div id="shopify-block-AMXlNNXM5SWtGZ0cxR__17151115064775110295" class="shopify-block shopify-app-block"><style data-recharge-theme='{"has_theme_customization": true, "design_mode": false }'>
10198  .recharge-theme {
10199    /* App */
10200    --recharge-app-background: #F9F8F4;
10201    --recharge-app-container: 1200px;
10202    --recharge-app-vertical-padding: 32px;
10203
10204    /* Brand colors */
10205    
10206--recharge-color-brand: #467C99;
10207
10208    /* Tints */
10209    --recharge-color-brand-120: #38637a;
10210    --recharge-color-brand-20: #6b96ad;
10211    --recharge-color-brand-40: #90b0c2;
10212    --recharge-color-brand-60: #b5cbd6;
10213    --recharge-color-brand-75: #d1dee6;
10214    --recharge-color-brand-85: #e3ebf0;
10215
10216    /* Neutral */
10217    --recharge-color-neutral: hsl(201, 35%, 7%);
10218    --recharge-color-neutral-80: hsl(201, 7%, 25%);
10219    --recharge-color-neutral-70: hsl(201, 5%, 35%);
10220    --recharge-color-neutral-40: hsl(201, 3%, 63%);
10221    --recharge-color-neutral-10: hsl(201, 2%, 91%);
10222    
10223
10224    /* Links */
10225    --recharge-button-secondary: #467C99;
10226    --recharge-button-secondary-120: #38637a;
10227    --recharge-button-secondary-60: #90b0c2;
10228
10229    /* Images */
10230    --recharge-images-ratio: 1;
10231
10232    /* Cards */
10233    
10234    --recharge-cards-background: #FFFFFF;
10235    
10236
10237    
10238    --recharge-cards-border-color: RGBA(0,0,0,0);
10239    
10240
10241    /* Fonts */
10242    --recharge-typography-scale: 16px;
10243    --recharge-typography-size-1: calc(3 * var(--recharge-typography-scale));
10244    --recharge-typography-size-2: calc(2.25 * var(--recharge-typography-scale));
10245    --recharge-typography-size-3: calc(1.625 * var(--recharge-typography-scale));
10246    --recharge-typography-size-4: calc(1.25 * var(--recharge-typography-scale));
10247    --recharge-typography-size-5: calc(1 * var(--recharge-typography-scale));
10248    --recharge-typography-size-6: calc(.875 * var(--recharge-typography-scale));
10249
10250    /** Text **/
10251    --recharge-typography-light: #FFFFFF;
10252    --recharge-typography-primary: var(--recharge-color-neutral);
10253    --recharge-typography-secondary: var(--recharge-color-neutral-70);
10254
10255    /* Corners */
10256    --recharge-corners-radius: 8px;
10257
10258    --recharge-button-border-radius: 8px;
10259    
10260
10261    /* Views */
10262    
10263    --recharge-views-background: #F9F8F4;
10264    
10265
10266    /* Buttons */
10267    --recharge-button-font-family: inherit;
10268    --recharge-button-brand: var(--recharge-color-brand);
10269    --recharge-button-color: #FFFFFF;
10270  }
10271</style>
10272
10273</div><div id="shopify-block-AeXVNeFFXTDJQeW0xa__9278379683843197553" class="shopify-block shopify-app-block">
10273<script>
10274  window.AppointoProductObject = {"shop_id":50889,"product_details":[],"locale_values":{"de":{"addToCart":"In den Warenkorb","loadingCalendar":"Kalender wird geladen"},"it":{"addToCart":"Aggiungi al carrello","loadingCalendar":"Caricamento calendario"},"tr":{"addToCart":"Sepete Ekle","loadingCalendar":"Takvim Yükleniyor"},"pl":{"addToCart":"Dodaj do koszyka","loadingCalendar":"Ładowanie kalendarza"},"sk":{"addToCart":"Pridať do košíka","loadingCalendar":"Načítava sa kalendár"},"et":{"addToCart":"Lisa ostukorvi","loadingCalendar":"Laeb kalendrit"},"vi":{"addToCart":"Thêm vào giỏ hàng","loadingCalendar":"Đang tải lịch"},"cs":{"addToCart":"Přidat do košíku","loadingCalendar":"Načítání kalendáře"},"et-EE":{"addToCart":"Lisa ostukorvi","loadingCalendar":"Laeb kalendrit"},"lv":{"addToCart":"Pievienot groziņam","loadingCalendar":"Lādē kalendāru"},"fi":{"addToCart":"Lisää ostoskoriin","loadingCalendar":"Ladataan kalenteria"},"is":{"addToCart":"Bæta við körfu","loadingCalendar":"Hleður dagatal"},"ar":{"addToCart":"اضف الى عربة التسوق","loadingCalendar":"تحميل التقويم"},"bg":{"addToCart":"Добавяне към Количката","loadingCalendar":"Календарът се зарежда"},"pt":{"addToCart":"Adicionar ao carrinho","loadingCalendar":"Carregando calendário"},"nl":{"addToCart":"BOEK DEZE SESSIE","loadingCalendar":"Kalender laden"},"sl":{"addToCart":"Dodaj v voziček","loadingCalendar":"Nalaganje koledarja"},"zh-tw":{"addToCart":"加入購物車","loadingCalendar":"加载日历"},"en":{"addToCart":"Add to Cart","loadingCalendar":"Loading Calendar"},"da":{"addToCart":"Tilføj til kurv","loadingCalendar":"Indlæser kalender"},"ms":{"addToCart":"Tambah ke Troli","loadingCalendar":"Memuatkan Kalendar"},"no":{"addToCart":"Legg i handlekurv","loadingCalendar":"Laster kalender"},"hu":{"addToCart":"Kosárba helyezés","loadingCalendar":"Naptár betöltése"},"ca":{"addToCart":"Afegeix a la cistella","loadingCalendar":"S'està carregant el calendari"},"id":{"addToCart":"Masukkan ke keranjang","loadingCalendar":"Memuat Kalender"},"ja":{"addToCart":"カートに入れる","loadingCalendar":"カレンダーを読み込んでいます"},"ru":{"addToCart":"Добавить в корзину","loadingCalendar":"Загрузка календаря"},"th":{"addToCart":"หยิบใส่รถเข็น","loadingCalendar":"กำลังโหลดปฏิทิน"},"fr":{"addToCart":"Ajouter au panier","loadingCalendar":"Chargement du calendrier"},"es":{"addToCart":"Añadir al carrito","loadingCalendar":"Cargando Calendario"},"ro":{"addToCart":"Adaugă în coș","loadingCalendar":"Se încarcă calendarul"},"sv":{"addToCart":"Lägg till i kundvagn","loadingCalendar":"Laddar kalender"}}};
10275</script>
10275
10276
10277</div><div id="shopify-block-AeHhSMHRscDBnTDlvW__15885745614559378752" class="shopify-block shopify-app-block"><div id="accessibly-config" style="display:none">
10278    {"themeColor":"#574CD5","iconColor":"#574CD5","showLogo":true,"topBottomPosition":10,"rightLeftPosition":10,"iconSize":"small","iconCustomSize":64,"position":"middle-right"}
10279</div>
10280
10281
10282</div><div id="shopify-block-AeFlUbkc5dktJTEdvN__15871026291228209630" class="shopify-block shopify-app-block"><style type="text/css">
10283  #show_conjured_modal {
10284    background: #DD6444;
10285    color: #ffffff;
10286  }
10287</style>
10288<style type="text/css">
10289  
10290</style>
10291
10292<input type="hidden" id="referral-campaign-id" value="9301" />
10293<input type="hidden" id="referral-campaign-display" value="popup" />
10294
10295
10296  <button id="show_conjured_modal" class="button btn" style="display: none;">Get 15% off</button>
10297  <div id="conjured_referral"></div>
10298
10299
10300</div>
10300<script src="https://cdn.shopify.com/storefront/standard-actions.js" type="module" data-source-attribution="shopify.standard_actions"></script>
10300
10301</body>
10302</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.