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'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'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'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&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®ion_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&width=600" srcset="//kettl.co/cdn/shop/files/Matcha_collection_card_03bb232c-ce6f-4307-aa7e-f86404ea786a.jpg?v=1762805804&width=352 352w, //kettl.co/cdn/shop/files/Matcha_collection_card_03bb232c-ce6f-4307-aa7e-f86404ea786a.jpg?v=1762805804&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&width=600" srcset="//kettl.co/cdn/shop/files/Loose_tea_collection_card.jpg?v=1762805325&width=352 352w, //kettl.co/cdn/shop/files/Loose_tea_collection_card.jpg?v=1762805325&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&width=600" srcset="//kettl.co/cdn/shop/files/Tea_bag_collection_card.jpg?v=1762805866&width=352 352w, //kettl.co/cdn/shop/files/Tea_bag_collection_card.jpg?v=1762805866&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&width=600" srcset="//kettl.co/cdn/shop/files/Ceramics_collection_card.jpg?v=1762804421&width=352 352w, //kettl.co/cdn/shop/files/Ceramics_collection_card.jpg?v=1762804421&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&width=600" srcset="//kettl.co/cdn/shop/files/Tea_tools_collection_card.jpg?v=1762805887&width=352 352w, //kettl.co/cdn/shop/files/Tea_tools_collection_card.jpg?v=1762805887&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&width=600" srcset="//kettl.co/cdn/shop/files/Incense_colletion_card.jpg?v=1762805084&width=352 352w, //kettl.co/cdn/shop/files/Incense_colletion_card.jpg?v=1762805084&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&width=600" srcset="//kettl.co/cdn/shop/files/Chocolate_collection_card.jpg?v=1762808381&width=352 352w, //kettl.co/cdn/shop/files/Chocolate_collection_card.jpg?v=1762808381&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&width=600" srcset="//kettl.co/cdn/shop/files/Kombucha_collection_card.jpg?v=1762810379&width=352 352w, //kettl.co/cdn/shop/files/Kombucha_collection_card.jpg?v=1762810379&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&width=200" srcset="//kettl.co/cdn/shop/files/Kettl_Greenpoint_7c889cb1-7bbd-4fd5-9881-fa12942b483d.jpg?v=1762271649&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&width=200" srcset="//kettl.co/cdn/shop/files/Kettl_Los_Feliz_David.jpg?v=1762271635&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&width=200" srcset="//kettl.co/cdn/shop/files/Kettl_Sen_Mon_Ten_Light.jpg?v=1762271792&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&width=800" srcset="//kettl.co/cdn/shop/files/77be9838-469b-4b04-b1e2-3f4d651fa0f6_e5f489e7-45b3-43cf-b00b-a53a680ccafb.jpg?v=1780520533&width=352 352w, //kettl.co/cdn/shop/files/77be9838-469b-4b04-b1e2-3f4d651fa0f6_e5f489e7-45b3-43cf-b00b-a53a680ccafb.jpg?v=1780520533&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&width=800" srcset="//kettl.co/cdn/shop/files/DSCF9792.jpg?v=1769199403&width=352 352w, //kettl.co/cdn/shop/files/DSCF9792.jpg?v=1769199403&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&width=800" srcset="//kettl.co/cdn/shop/files/dscf2665-2.jpg?v=1778271892&width=352 352w, //kettl.co/cdn/shop/files/dscf2665-2.jpg?v=1778271892&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&width=200" srcset="//kettl.co/cdn/shop/files/Kettl_Greenpoint_7c889cb1-7bbd-4fd5-9881-fa12942b483d.jpg?v=1762271649&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&width=200" srcset="//kettl.co/cdn/shop/files/Kettl_Los_Feliz_David.jpg?v=1762271635&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&width=200" srcset="//kettl.co/cdn/shop/files/Kettl_Sen_Mon_Ten_Light.jpg?v=1762271792&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&width=800" srcset="//kettl.co/cdn/shop/files/Matcha_pouring.jpg?v=1762292737&width=352 352w, //kettl.co/cdn/shop/files/Matcha_pouring.jpg?v=1762292737&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&width=800" srcset="//kettl.co/cdn/shop/files/Latte_Pour_2.jpg?v=1762201258&width=352 352w, //kettl.co/cdn/shop/files/Latte_Pour_2.jpg?v=1762201258&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&width=800" srcset="//kettl.co/cdn/shop/files/512B9E1A-AE3C-4BEB-987D-F29914AA177F-28036-00000E1D092F0CB6.jpg?v=1761145651&width=352 352w, //kettl.co/cdn/shop/files/512B9E1A-AE3C-4BEB-987D-F29914AA177F-28036-00000E1D092F0CB6.jpg?v=1761145651&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&width=200" srcset="//kettl.co/cdn/shop/files/Kettl_Greenpoint_7c889cb1-7bbd-4fd5-9881-fa12942b483d.jpg?v=1762271649&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&width=200" srcset="//kettl.co/cdn/shop/files/Kettl_Los_Feliz_David.jpg?v=1762271635&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&width=200" srcset="//kettl.co/cdn/shop/files/Kettl_Sen_Mon_Ten_Light.jpg?v=1762271792&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®ion_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&width=600" srcset="//kettl.co/cdn/shop/files/Matcha_collection_card_03bb232c-ce6f-4307-aa7e-f86404ea786a.jpg?v=1762805804&width=352 352w, //kettl.co/cdn/shop/files/Matcha_collection_card_03bb232c-ce6f-4307-aa7e-f86404ea786a.jpg?v=1762805804&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&width=600" srcset="//kettl.co/cdn/shop/files/Loose_tea_collection_card.jpg?v=1762805325&width=352 352w, //kettl.co/cdn/shop/files/Loose_tea_collection_card.jpg?v=1762805325&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&width=600" srcset="//kettl.co/cdn/shop/files/Tea_bag_collection_card.jpg?v=1762805866&width=352 352w, //kettl.co/cdn/shop/files/Tea_bag_collection_card.jpg?v=1762805866&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&width=600" srcset="//kettl.co/cdn/shop/files/Ceramics_collection_card.jpg?v=1762804421&width=352 352w, //kettl.co/cdn/shop/files/Ceramics_collection_card.jpg?v=1762804421&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&width=600" srcset="//kettl.co/cdn/shop/files/Tea_tools_collection_card.jpg?v=1762805887&width=352 352w, //kettl.co/cdn/shop/files/Tea_tools_collection_card.jpg?v=1762805887&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&width=600" srcset="//kettl.co/cdn/shop/files/Incense_colletion_card.jpg?v=1762805084&width=352 352w, //kettl.co/cdn/shop/files/Incense_colletion_card.jpg?v=1762805084&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&width=600" srcset="//kettl.co/cdn/shop/files/Chocolate_collection_card.jpg?v=1762808381&width=352 352w, //kettl.co/cdn/shop/files/Chocolate_collection_card.jpg?v=1762808381&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&width=600" srcset="//kettl.co/cdn/shop/files/Kombucha_collection_card.jpg?v=1762810379&width=352 352w, //kettl.co/cdn/shop/files/Kombucha_collection_card.jpg?v=1762810379&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&width=800" srcset="//kettl.co/cdn/shop/files/77be9838-469b-4b04-b1e2-3f4d651fa0f6_e5f489e7-45b3-43cf-b00b-a53a680ccafb.jpg?v=1780520533&width=352 352w, //kettl.co/cdn/shop/files/77be9838-469b-4b04-b1e2-3f4d651fa0f6_e5f489e7-45b3-43cf-b00b-a53a680ccafb.jpg?v=1780520533&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&width=800" srcset="//kettl.co/cdn/shop/files/DSCF9792.jpg?v=1769199403&width=352 352w, //kettl.co/cdn/shop/files/DSCF9792.jpg?v=1769199403&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&width=800" srcset="//kettl.co/cdn/shop/files/dscf2665-2.jpg?v=1778271892&width=352 352w, //kettl.co/cdn/shop/files/dscf2665-2.jpg?v=1778271892&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&width=800" srcset="//kettl.co/cdn/shop/files/Matcha_pouring.jpg?v=1762292737&width=352 352w, //kettl.co/cdn/shop/files/Matcha_pouring.jpg?v=1762292737&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&width=800" srcset="//kettl.co/cdn/shop/files/Latte_Pour_2.jpg?v=1762201258&width=352 352w, //kettl.co/cdn/shop/files/Latte_Pour_2.jpg?v=1762201258&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&width=800" srcset="//kettl.co/cdn/shop/files/512B9E1A-AE3C-4BEB-987D-F29914AA177F-28036-00000E1D092F0CB6.jpg?v=1761145651&width=352 352w, //kettl.co/cdn/shop/files/512B9E1A-AE3C-4BEB-987D-F29914AA177F-28036-00000E1D092F0CB6.jpg?v=1761145651&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®ion_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®ion_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®ion_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®ion_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&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&width=3840" alt="Class | Crafting the Perfect Matcha Latte" srcset="//kettl.co/cdn/shop/files/bdcda6c0-7a47-459a-beea-7d70f1752ab0.jpg?v=1778879116&width=240 240w, //kettl.co/cdn/shop/files/bdcda6c0-7a47-459a-beea-7d70f1752ab0.jpg?v=1778879116&width=352 352w, //kettl.co/cdn/shop/files/bdcda6c0-7a47-459a-beea-7d70f1752ab0.jpg?v=1778879116&width=832 832w, //kettl.co/cdn/shop/files/bdcda6c0-7a47-459a-beea-7d70f1752ab0.jpg?v=1778879116&width=1200 1200w, //kettl.co/cdn/shop/files/bdcda6c0-7a47-459a-beea-7d70f1752ab0.jpg?v=1778879116&width=1600 1600w, //kettl.co/cdn/shop/files/bdcda6c0-7a47-459a-beea-7d70f1752ab0.jpg?v=1778879116&width=1920 1920w, //kettl.co/cdn/shop/files/bdcda6c0-7a47-459a-beea-7d70f1752ab0.jpg?v=1778879116&width=2560 2560w, //kettl.co/cdn/shop/files/bdcda6c0-7a47-459a-beea-7d70f1752ab0.jpg?v=1778879116&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&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&width=3840" alt="Class | Crafting the Perfect Matcha Latte" srcset="//kettl.co/cdn/shop/files/c9741666-2d80-4241-ba2d-72f1a7180088.jpg?v=1778880061&width=240 240w, //kettl.co/cdn/shop/files/c9741666-2d80-4241-ba2d-72f1a7180088.jpg?v=1778880061&width=352 352w, //kettl.co/cdn/shop/files/c9741666-2d80-4241-ba2d-72f1a7180088.jpg?v=1778880061&width=832 832w, //kettl.co/cdn/shop/files/c9741666-2d80-4241-ba2d-72f1a7180088.jpg?v=1778880061&width=1200 1200w, //kettl.co/cdn/shop/files/c9741666-2d80-4241-ba2d-72f1a7180088.jpg?v=1778880061&width=1600 1600w, //kettl.co/cdn/shop/files/c9741666-2d80-4241-ba2d-72f1a7180088.jpg?v=1778880061&width=1920 1920w, //kettl.co/cdn/shop/files/c9741666-2d80-4241-ba2d-72f1a7180088.jpg?v=1778880061&width=2560 2560w, //kettl.co/cdn/shop/files/c9741666-2d80-4241-ba2d-72f1a7180088.jpg?v=1778880061&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&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&width=3840" alt="Class | Crafting the Perfect Matcha Latte" srcset="//kettl.co/cdn/shop/files/bdcda6c0-7a47-459a-beea-7d70f1752ab0.jpg?v=1778879116&width=240 240w, //kettl.co/cdn/shop/files/bdcda6c0-7a47-459a-beea-7d70f1752ab0.jpg?v=1778879116&width=352 352w, //kettl.co/cdn/shop/files/bdcda6c0-7a47-459a-beea-7d70f1752ab0.jpg?v=1778879116&width=832 832w, //kettl.co/cdn/shop/files/bdcda6c0-7a47-459a-beea-7d70f1752ab0.jpg?v=1778879116&width=1200 1200w, //kettl.co/cdn/shop/files/bdcda6c0-7a47-459a-beea-7d70f1752ab0.jpg?v=1778879116&width=1600 1600w, //kettl.co/cdn/shop/files/bdcda6c0-7a47-459a-beea-7d70f1752ab0.jpg?v=1778879116&width=1920 1920w, //kettl.co/cdn/shop/files/bdcda6c0-7a47-459a-beea-7d70f1752ab0.jpg?v=1778879116&width=2560 2560w, //kettl.co/cdn/shop/files/bdcda6c0-7a47-459a-beea-7d70f1752ab0.jpg?v=1778879116&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&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&width=3840" alt="Class | Crafting the Perfect Matcha Latte" srcset="//kettl.co/cdn/shop/files/c9741666-2d80-4241-ba2d-72f1a7180088.jpg?v=1778880061&width=240 240w, //kettl.co/cdn/shop/files/c9741666-2d80-4241-ba2d-72f1a7180088.jpg?v=1778880061&width=352 352w, //kettl.co/cdn/shop/files/c9741666-2d80-4241-ba2d-72f1a7180088.jpg?v=1778880061&width=832 832w, //kettl.co/cdn/shop/files/c9741666-2d80-4241-ba2d-72f1a7180088.jpg?v=1778880061&width=1200 1200w, //kettl.co/cdn/shop/files/c9741666-2d80-4241-ba2d-72f1a7180088.jpg?v=1778880061&width=1600 1600w, //kettl.co/cdn/shop/files/c9741666-2d80-4241-ba2d-72f1a7180088.jpg?v=1778880061&width=1920 1920w, //kettl.co/cdn/shop/files/c9741666-2d80-4241-ba2d-72f1a7180088.jpg?v=1778880061&width=2560 2560w, //kettl.co/cdn/shop/files/c9741666-2d80-4241-ba2d-72f1a7180088.jpg?v=1778880061&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&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&width=1024" alt="Class | Crafting the Perfect Matcha Latte" srcset="//kettl.co/cdn/shop/files/bdcda6c0-7a47-459a-beea-7d70f1752ab0.jpg?v=1778879116&width=240 240w, //kettl.co/cdn/shop/files/bdcda6c0-7a47-459a-beea-7d70f1752ab0.jpg?v=1778879116&width=352 352w, //kettl.co/cdn/shop/files/bdcda6c0-7a47-459a-beea-7d70f1752ab0.jpg?v=1778879116&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&width=1024" alt="Class | Crafting the Perfect Matcha Latte" srcset="//kettl.co/cdn/shop/files/c9741666-2d80-4241-ba2d-72f1a7180088.jpg?v=1778880061&width=240 240w, //kettl.co/cdn/shop/files/c9741666-2d80-4241-ba2d-72f1a7180088.jpg?v=1778880061&width=352 352w, //kettl.co/cdn/shop/files/c9741666-2d80-4241-ba2d-72f1a7180088.jpg?v=1778880061&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&width=3840" alt="Class | Crafting the Perfect Matcha Latte" srcset="//kettl.co/cdn/shop/files/bdcda6c0-7a47-459a-beea-7d70f1752ab0.jpg?v=1778879116&width=240 240w, //kettl.co/cdn/shop/files/bdcda6c0-7a47-459a-beea-7d70f1752ab0.jpg?v=1778879116&width=352 352w, //kettl.co/cdn/shop/files/bdcda6c0-7a47-459a-beea-7d70f1752ab0.jpg?v=1778879116&width=832 832w, //kettl.co/cdn/shop/files/bdcda6c0-7a47-459a-beea-7d70f1752ab0.jpg?v=1778879116&width=1200 1200w, //kettl.co/cdn/shop/files/bdcda6c0-7a47-459a-beea-7d70f1752ab0.jpg?v=1778879116&width=1600 1600w, //kettl.co/cdn/shop/files/bdcda6c0-7a47-459a-beea-7d70f1752ab0.jpg?v=1778879116&width=1920 1920w, //kettl.co/cdn/shop/files/bdcda6c0-7a47-459a-beea-7d70f1752ab0.jpg?v=1778879116&width=2560 2560w, //kettl.co/cdn/shop/files/bdcda6c0-7a47-459a-beea-7d70f1752ab0.jpg?v=1778879116&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&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&width=3840" alt="Class | Crafting the Perfect Matcha Latte" srcset="//kettl.co/cdn/shop/files/c9741666-2d80-4241-ba2d-72f1a7180088.jpg?v=1778880061&width=240 240w, //kettl.co/cdn/shop/files/c9741666-2d80-4241-ba2d-72f1a7180088.jpg?v=1778880061&width=352 352w, //kettl.co/cdn/shop/files/c9741666-2d80-4241-ba2d-72f1a7180088.jpg?v=1778880061&width=832 832w, //kettl.co/cdn/shop/files/c9741666-2d80-4241-ba2d-72f1a7180088.jpg?v=1778880061&width=1200 1200w, //kettl.co/cdn/shop/files/c9741666-2d80-4241-ba2d-72f1a7180088.jpg?v=1778880061&width=1600 1600w, //kettl.co/cdn/shop/files/c9741666-2d80-4241-ba2d-72f1a7180088.jpg?v=1778880061&width=1920 1920w, //kettl.co/cdn/shop/files/c9741666-2d80-4241-ba2d-72f1a7180088.jpg?v=1778880061&width=2560 2560w, //kettl.co/cdn/shop/files/c9741666-2d80-4241-ba2d-72f1a7180088.jpg?v=1778880061&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&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 & 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&width=3840" alt="" srcset="//kettl.co/cdn/shop/files/A_commitment_to_quality.jpg?v=1762984007&width=240 240w, //kettl.co/cdn/shop/files/A_commitment_to_quality.jpg?v=1762984007&width=352 352w, //kettl.co/cdn/shop/files/A_commitment_to_quality.jpg?v=1762984007&width=832 832w, //kettl.co/cdn/shop/files/A_commitment_to_quality.jpg?v=1762984007&width=1200 1200w, //kettl.co/cdn/shop/files/A_commitment_to_quality.jpg?v=1762984007&width=1600 1600w, //kettl.co/cdn/shop/files/A_commitment_to_quality.jpg?v=1762984007&width=1920 1920w, //kettl.co/cdn/shop/files/A_commitment_to_quality.jpg?v=1762984007&width=2560 2560w, //kettl.co/cdn/shop/files/A_commitment_to_quality.jpg?v=1762984007&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&width=3840" alt="" srcset="//kettl.co/cdn/shop/files/Los_Feliz_kama_shot.jpg?v=1763152152&width=240 240w, //kettl.co/cdn/shop/files/Los_Feliz_kama_shot.jpg?v=1763152152&width=352 352w, //kettl.co/cdn/shop/files/Los_Feliz_kama_shot.jpg?v=1763152152&width=832 832w, //kettl.co/cdn/shop/files/Los_Feliz_kama_shot.jpg?v=1763152152&width=1200 1200w, //kettl.co/cdn/shop/files/Los_Feliz_kama_shot.jpg?v=1763152152&width=1600 1600w, //kettl.co/cdn/shop/files/Los_Feliz_kama_shot.jpg?v=1763152152&width=1920 1920w, //kettl.co/cdn/shop/files/Los_Feliz_kama_shot.jpg?v=1763152152&width=2560 2560w, //kettl.co/cdn/shop/files/Los_Feliz_kama_shot.jpg?v=1763152152&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&width=3840" alt="" srcset="//kettl.co/cdn/shop/files/Fire_on_the_mountain_show.jpg?v=1754507239&width=832 832w, //kettl.co/cdn/shop/files/Fire_on_the_mountain_show.jpg?v=1754507239&width=1200 1200w, //kettl.co/cdn/shop/files/Fire_on_the_mountain_show.jpg?v=1754507239&width=1600 1600w, //kettl.co/cdn/shop/files/Fire_on_the_mountain_show.jpg?v=1754507239&width=1920 1920w, //kettl.co/cdn/shop/files/Fire_on_the_mountain_show.jpg?v=1754507239&width=2560 2560w, //kettl.co/cdn/shop/files/Fire_on_the_mountain_show.jpg?v=1754507239&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 © 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&width=500" alt="" srcset="//kettl.co/cdn/shop/files/a1fc159e-2e1d-439b-84dd-966e7409d3eb.jpg?v=1775077490&width=240 240w, //kettl.co/cdn/shop/files/a1fc159e-2e1d-439b-84dd-966e7409d3eb.jpg?v=1775077490&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&width=500" alt="Okuju Matcha" srcset="//kettl.co/cdn/shop/files/a6192385-e243-47bc-9ae6-fde17ad1eb39.jpg?v=1775077490&width=240 240w, //kettl.co/cdn/shop/files/a6192385-e243-47bc-9ae6-fde17ad1eb39.jpg?v=1775077490&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&width=500" alt="" srcset="//kettl.co/cdn/shop/files/a09da220-cf92-45a7-83cd-d9516e5a4bd9.jpg?v=1776700735&width=240 240w, //kettl.co/cdn/shop/files/a09da220-cf92-45a7-83cd-d9516e5a4bd9.jpg?v=1776700735&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&width=500" alt="Uji Homare Matcha" srcset="//kettl.co/cdn/shop/files/20262950-6915-4e5a-ab6a-a99a6fa1bc72.jpg?v=1776700735&width=240 240w, //kettl.co/cdn/shop/files/20262950-6915-4e5a-ab6a-a99a6fa1bc72.jpg?v=1776700735&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&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&width=240 240w, //kettl.co/cdn/shop/files/599d9ca7-61cd-42af-a698-afd20169922c.jpg?v=1776700631&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&width=500" alt="Hukuju Matcha" srcset="//kettl.co/cdn/shop/files/f93f4651-756e-4660-b521-e2c2f9bbd9b9.jpg?v=1776700631&width=240 240w, //kettl.co/cdn/shop/files/f93f4651-756e-4660-b521-e2c2f9bbd9b9.jpg?v=1776700631&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&width=500" alt="" srcset="//kettl.co/cdn/shop/files/40a3471e-ce27-49ca-938c-71ee66532e10.jpg?v=1763138568&width=240 240w, //kettl.co/cdn/shop/files/40a3471e-ce27-49ca-938c-71ee66532e10.jpg?v=1763138568&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&width=500" alt="Tsubaki Matcha" srcset="//kettl.co/cdn/shop/files/25002eca-62e0-4d9c-80a1-5d9b6a018a6d.png?v=1763138568&width=240 240w, //kettl.co/cdn/shop/files/25002eca-62e0-4d9c-80a1-5d9b6a018a6d.png?v=1763138568&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.