PageSourceSearch

https://iteaworld.com/

html iteaworld.com collected 2026-10-01 14:44:18 UTC 1,187,556 bytes, 20,123 lines download raw bytes

1<!doctype html>
2<html class="no-js  " lang="en">
3  <head>
4    <meta name="google-site-verification" content="-p7l-xYfdcppraBDjHlpIysfhXekymjmy-F1O6HuD38" />
5    <meta charset="utf-8">
6    <meta http-equiv="X-UA-Compatible" content="IE=edge">
7    <meta name="viewport" content="width=device-width, initial-scale=1.0">
8    <meta name="theme-color" content="">
9    
10      <link rel="canonical" href="https://iteaworld.com/">
11    
12<link rel="icon" type="image/png" href="//iteaworld.com/cdn/shop/files/iteaworld-logo-chinese-tea.png?crop=center&height=32&v=1703760989&width=32"><link rel="preconnect" href="https://fonts.shopifycdn.com" crossorigin><title>
13      iTeaworld - Exploring Flavors of Authentic Chinese Tea
14</title>
15      
15<script type="application/ld+json">
16        {
17          "@context": "http://schema.org",
18          "@type": "OnlineStore",
19          "name": "iTeaworld",
20          "description": "Discover Chinese oolong and flower tea with iTeaworld. Explore loose leaf teas from origin, with clear flavor guides and brewing tips—made for beginners and tea lovers.",
21          
22          "logo": "https:\/\/iteaworld.com\/cdn\/shop\/files\/new_logo-1-11-iTeaworld.webp?v=1716344314\u0026width=112",
23          
24          "telephone": "+86 13923713470",
25          "address": [{
26            "@type": "PostalAddress",
27            "streetAddress": "6 Yuexing 6th Road Gaoxin Community Yuehai Street",
28            "addressLocality": " NanShan District",
29            "addressRegion": " Shenzhen",
30            "postalCode": " Guangdong",
31            "addressCountry": " 518000"
32          },{
33            "streetAddress": "",
34            "addressLocality": "",
35            "addressRegion": "",
36            "postalCode": "",
37            "addressCountry": ""
38          }],
39          "email": "[email protected]"
40        }
41      </script>
41
42      
42<script type="application/ld+json">
43        {
44          "@context": "https://schema.org",
45          "@type": "WebSite",
46          "name": "iTeaworld",
47          "potentialAction": {
48            "@type": "SearchAction",
49            "target": "https://iteaworld.com/search?q={search_term_string}",
50            "query-input": "required name=search_term_string"
51          },
52          "url": "https://iteaworld.com"
53        }
54      </script>
54
55    
56    
57      <meta name="description" content="Discover the diverse flavors of Chinese tea with iTeaworld. We curate authentic teas to offer you a clear and exploratory tasting experience. Explore our collection and find your perfect cup today.">
58    
59    <link href="//iteaworld.com/cdn/shop/t/51/assets/theme.css?v=152065481466670998861782181913" rel="stylesheet" type="text/css" media="all" />
60    
61    <link rel="preload" href="//iteaworld.com/cdn/fonts/montserrat/montserrat_n5.07ef3781d9c78c8b93c98419da7ad4fbeebb6635.woff2" as="font" type="font/woff2" crossorigin="anonymous" />
62    
63    
64
65<meta property="og:site_name" content="iTeaworld">
66<meta property="og:url" content="https://iteaworld.com/">
67<meta property="og:title" content="iTeaworld - Exploring Flavors of Authentic Chinese Tea">
68<meta property="og:type" content="website">
69<meta property="og:description" content="Discover the diverse flavors of Chinese tea with iTeaworld. We curate authentic teas to offer you a clear and exploratory tasting experience. Explore our collection and find your perfect cup today."><meta property="og:image" content="http://iteaworld.com/cdn/shop/files/iteaworld_logo.png?v=1779759979">
70  <meta property="og:image:secure_url" content="https://iteaworld.com/cdn/shop/files/iteaworld_logo.png?v=1779759979">
71  <meta property="og:image:width" content="1600">
72  <meta property="og:image:height" content="628"><meta name="twitter:card" content="summary_large_image">
73<meta name="twitter:title" content="iTeaworld - Exploring Flavors of Authentic Chinese Tea">
74<meta name="twitter:description" content="Discover the diverse flavors of Chinese tea with iTeaworld. We curate authentic teas to offer you a clear and exploratory tasting experience. Explore our collection and find your perfect cup today.">
75<style data-shopify>@font-face {
76  font-family: Montserrat;
77  font-weight: 600;
78  font-style: normal;
79  font-display: swap;
80  src: url("//iteaworld.com/cdn/fonts/montserrat/montserrat_n6.1326b3e84230700ef15b3a29fb520639977513e0.woff2") format("woff2"),
81       url("//iteaworld.com/cdn/fonts/montserrat/montserrat_n6.652f051080eb14192330daceed8cd53dfdc5ead9.woff") format("woff");
82}
83
84  @font-face {
85  font-family: Montserrat;
86  font-weight: 500;
87  font-style: normal;
88  font-display: swap;
89  src: url("//iteaworld.com/cdn/fonts/montserrat/montserrat_n5.07ef3781d9c78c8b93c98419da7ad4fbeebb6635.woff2") format("woff2"),
90       url("//iteaworld.com/cdn/fonts/montserrat/montserrat_n5.adf9b4bd8b0e4f55a0b203cdd84512667e0d5e4d.woff") format("woff");
91}
92
93  @font-face {
94  font-family: Montserrat;
95  font-weight: 600;
96  font-style: normal;
97  font-display: swap;
98  src: url("//iteaworld.com/cdn/fonts/montserrat/montserrat_n6.1326b3e84230700ef15b3a29fb520639977513e0.woff2") format("woff2"),
99       url("//iteaworld.com/cdn/fonts/montserrat/montserrat_n6.652f051080eb14192330daceed8cd53dfdc5ead9.woff") format("woff");
100}
101
102  @font-face {
103  font-family: Montserrat;
104  font-weight: 500;
105  font-style: normal;
106  font-display: swap;
107  src: url("//iteaworld.com/cdn/fonts/montserrat/montserrat_n5.07ef3781d9c78c8b93c98419da7ad4fbeebb6635.woff2") format("woff2"),
108       url("//iteaworld.com/cdn/fonts/montserrat/montserrat_n5.adf9b4bd8b0e4f55a0b203cdd84512667e0d5e4d.woff") format("woff");
109}
110
111  @font-face {
112  font-family: Montserrat;
113  font-weight: 600;
114  font-style: normal;
115  font-display: swap;
116  src: url("//iteaworld.com/cdn/fonts/montserrat/montserrat_n6.1326b3e84230700ef15b3a29fb520639977513e0.woff2") format("woff2"),
117       url("//iteaworld.com/cdn/fonts/montserrat/montserrat_n6.652f051080eb14192330daceed8cd53dfdc5ead9.woff") format("woff");
118}
119
120
121  @font-face {
122  font-family: Montserrat;
123  font-weight: 700;
124  font-style: normal;
125  font-display: swap;
126  src: url("//iteaworld.com/cdn/fonts/montserrat/montserrat_n7.3c434e22befd5c18a6b4afadb1e3d77c128c7939.woff2") format("woff2"),
127       url("//iteaworld.com/cdn/fonts/montserrat/montserrat_n7.5d9fa6e2cae713c8fb539a9876489d86207fe957.woff") format("woff");
128}
129
130  @font-face {
131  font-family: Montserrat;
132  font-weight: 500;
133  font-style: italic;
134  font-display: swap;
135  src: url("//iteaworld.com/cdn/fonts/montserrat/montserrat_i5.d3a783eb0cc26f2fda1e99d1dfec3ebaea1dc164.woff2") format("woff2"),
136       url("//iteaworld.com/cdn/fonts/montserrat/montserrat_i5.76d414ea3d56bb79ef992a9c62dce2e9063bc062.woff") format("woff");
137}
138
139  @font-face {
140  font-family: Montserrat;
141  font-weight: 700;
142  font-style: italic;
143  font-display: swap;
144  src: url("//iteaworld.com/cdn/fonts/montserrat/montserrat_i7.a0d4a463df4f146567d871890ffb3c80408e7732.woff2") format("woff2"),
145       url("//iteaworld.com/cdn/fonts/montserrat/montserrat_i7.f6ec9f2a0681acc6f8152c40921d2a4d2e1a2c78.woff") format("woff");
146}
147�</style>
148<style data-shopify>:root,
149  *:before {
150    --base-font-size: 0.875rem;
151    --font-size-medium-mobile: 0.9rem;
152    --font-size-medium: 1.0rem;
153    --font-size-small: 0.625rem;
154    --font-size-small-mobile: 0.5625rem;
155    --font-size-normal: 0.75rem;
156    --font-size-normal-mobile: 0.675rem;
157    --font-size-large: 1.25rem;
158    --font-size-large-mobile: 1.125rem;
159    --heading-highlight-font-size: 100%;
160    --h1-font-size: 4.2075rem;
161    --h2-font-size: 2.475rem;
162    --h3-font-size: 1.485rem;
163    --h4-font-size: 1.36125rem;
164    --h5-font-size: 1.2375rem;
165    --h6-font-size: 1.11375rem;
166    --base-font-size-mobile: 0.7875rem;
167    --h1-font-size-mobile: 2.10375rem;
168    --h2-font-size-mobile: 1.485rem;
169    --h3-font-size-mobile: 1.0395rem;
170    --h4-font-size-mobile: 0.952875rem;
171    --h5-font-size-mobile: 0.86625rem;
172    --h6-font-size-mobile: 0.779625rem;
173    --rating-star-size: 0.7rem;
174    --border-radius: 0;
175    --page-width: 1400px;
176    --width-countdown: 7.875rem;
177    --font-menu: Montserrat, sans-serif;
178    --font-menu-weight: 600;
179    --font-menu-style: normal;
180    --font-button: Montserrat, sans-serif;
181    --font-button-weight: 500;
182    --font-button-style: normal;
183    --font-body-family: Montserrat, sans-serif;
184    --font-body-style: normal;
185    --font-body-weight: 500;
186    --font-heading-family: Montserrat, sans-serif;
187    --font-heading-highlight: Montserrat, sans-serif;
188    --font-heading-highlight-style: normal;
189    --font-heading-highlight-weight: 600;
190    --font-heading-style: normal;
191    --font-heading-weight: 600;
192    --heading-text-tranform: none;
193    --advanced-sections-spacing: 0px;
194    --divider-spacing: -0;
195
196    --colors-pulse-speech: 251, 133, 0;
197    --image-treatment-overlay: 32, 32, 32;
198    --image-treatment-text: 255, 255, 255;
199    --colors-line-and-border: 255, 255, 255;
200    --colors-line-and-border-base: 255, 255, 255;
201    --colors-line-header: 227, 227, 227;
202    --colors-line-footer: 82, 80, 81;
203    --colors-background: 255, 255, 255;
204    --colors-text: 27, 27, 27;
205    --colors-heading: 115, 144, 71;
206    --colors-heading-base: 115, 144, 71;
207    --colors-background-secondary: 246, 246, 246;
208    --colors-text-secondary: 137, 137, 137;
209    --colors-heading-secondary: 0, 0, 0;
210    --colors-text-link: 115, 144, 71;
211    --background-color:  255, 255, 255;
212    --background-color-header: 255, 255, 255;
213    --colors-text-header: 36, 36, 36;
214    --background-color-footer: 41, 41, 41;
215    --colors-text-footer: 137, 137, 137;
216    --colors-heading-footer: 255, 255, 255;
217    --colors-text-link-footer: 115, 144, 71;
218    --color-error: 169, 0, 0;
219    --color-success: 115, 144, 71;
220    --colors-price: 0, 0, 0;
221    --colors-price-sale: 169, 0, 0;
222    --colors-button-text: 255, 255, 255;
223    --colors-button: 115, 144, 71;
224    --colors-button-text-hover: 255, 255, 255;
225    --colors-secondary-button: 0, 0, 0;
226    --colors-button-hover: rgb(36, 36, 36);
227    --colors-cart: 115, 144, 71;
228    --colors-cart-text: 255, 255, 255;
229    --colors-icon-rating: 237, 164, 13;
230    --colors-transition-arrows: 36, 36, 36;
231    --color-highlight: #739047;
232    --background-pagination-slideshow: 255, 255, 255;
233    --text-color-pagination-slideshow: 2, 2, 2;
234    
235      --background-secondary-button: 115, 144, 71;
236      --colors-line-secondary-button: 115, 144, 71;
237    
238    
239      --button-width: 120%;
240      --button-height: 100%;
241      --button-transform: rotate3d(0,0,1,10deg) translate3d(-1.2em,110%,0);
242      --button-transform-origin: 0% 100%;
243    
244    
245      --height-parallax: 100%;
246    
247    
248      --image-zoom: 1.05;
249    
250    --card-product-bg: rgba(0,0,0,0);
251    --card-product-padding: 20px;
252    --card-product-padding-mobile: 5px;
253    --card-product-alignment: center;
254    
255    --width-scrollbar: 0;
256    --card-product-ratio: 100.0%;
257    --card-product-img-position:  absolute;
258    --card-product-img-height:  0;
259    --card-product-img-zoom:  scale(1.1);
260    --height-header: 0px;
261    --transition-card-loading: 600ms;
262    --transition-card-image-hover: 500ms;
263    --transition-slideshow: 600ms;
264    --transition-image-hover: 600ms;
265  }
266  .dark,
267  .dark *:before {
268    --image-treatment-overlay: 32, 32, 32;
269    --image-treatment-text: 255, 255, 255;
270    --colors-line-and-border: 0, 0, 0;
271    --colors-line-and-border-base: 0, 0, 0;
272    --colors-line-header: 255, 255, 255;
273    --colors-line-footer: 82, 80, 81;
274    --colors-background: 255, 255, 255;
275    --colors-text: 255, 255, 255;
276    --colors-heading: 2, 2, 2;
277    --colors-heading-base: 2, 2, 2;
278    --background-color: 255, 255, 255;
279    --colors-text-link: 255, 255, 255;
280    --color-error: 255, 88, 88;
281    --color-success: 115, 144, 71;
282    --background-color-header: 32, 32, 32;
283    --colors-text-header: 255, 255, 255;
284    --background-color-footer: 41, 41, 41;
285    --colors-text-footer: 255, 255, 255;
286    --colors-heading-footer: 255, 255, 255;
287    --colors-text-link-footer: 115, 144, 71;
288    --colors-price: 255, 255, 255;
289    --colors-price-sale: 255, 88, 88;
290    --colors-button-text: 0, 0, 0;
291    --colors-button: 255, 255, 255;
292    --colors-button-text-hover: 36, 36, 36;
293    --colors-secondary-button: 0, 0, 0;
294    --colors-button-hover: rgb(255, 255, 255);
295    --colors-cart: 115, 144, 71;
296    --colors-cart-text: 255, 255, 255;
297    --colors-background-secondary: 58, 58, 58;
298    --colors-text-secondary: 255, 255, 255;
299    --colors-heading-secondary: 255, 255, 255;
300    --colors-icon-rating: 200, 184, 159;
301    --colors-pulse-speech: 251, 133, 0;
302    --colors-transition-arrows: 36, 36, 36;
303    --color-highlight: #020202;
304    
305      --colors-line-secondary-button: 255, 255, 255;
306      --background-secondary-button: 255, 255, 255;
307    
308    --card-product-bg: rgba(0,0,0,0);
309  }
310  shopify-accelerated-checkout {
311    --shopify-accelerated-checkout-button-border-radius: 0;
312  }
313  shopify-accelerated-checkout-cart {
314    --shopify-accelerated-checkout-button-border-radius: 0;
315    --shopify-accelerated-checkout-inline-alignment: end;
316    --shopify-accelerated-checkout-button-block-size: 48px;
317    --shopify-accelerated-checkout-button-inline-size: 48px;
318  }
319  
320    [role="button"],
321    [type="button"],
322    .button {
323      color: rgb(var(--colors-button-text-hover));
324    }
325    button.button-solid,
326    .button.button-solid {
327      border: none;
328      background-color: var(--colors-button-hover);
329    }
330    button.button-disable-effect,
331    .button.button-disable-effect,
332    .payment-button .shopify-payment-button__button--unbranded {
333      color: rgba(var(--colors-button-text-hover));
334      background-color: var(--colors-button-hover);
335    }
336    .button-action {
337      border: none;
338      color: rgba(var(--colors-button-text-hover));
339      background-color: var(--colors-button-hover);
340    }
341  
342  [role="button"],
343  [type="button"],
344  .button {
345    direction: ltr;
346  }
347  .header, .header *::before {
348    --colors-text: var(--colors-text-header);
349    --colors-heading: var(--colors-text-header);
350    --colors-price: var(--colors-text-header);
351    --colors-line-and-border: var(--colors-line-header);
352  }
353  #sticky-header-content .divider {
354    --colors-line-and-border: var(--colors-line-header);
355  }
356  .paginate-slide-image {
357    background: rgba(var(--background-pagination-slideshow));
358    color: rgba(var(--text-color-pagination-slideshow));
359  }
360
361  @media (min-width: 1024px) {
362    .paginate-slide-image {
363      color: rgba(var(--text-color-pagination-slideshow));
364    }
365    .paginate-slide-image:hover {
366      color: rgba(var(--text-color-pagination-slideshow));
367    }
368  }
369
370  .section-quick-links,
371  .section-quick-links *::before,
372  .section-footer,
373  .section-footer *::before {
374    --colors-text: var(--colors-text-footer);
375    --colors-heading: var(--colors-heading-footer);
376    --colors-text-link: var(--colors-text-link-footer);
377    --colors-line-and-border: var(--colors-line-footer);
378  }
379  .sticky-header {
380    --font-body-weight: 700;
381  }
382
383  .scrollbar-horizontal {
384    position: relative;
385    -ms-overflow-style: none;
386  }
387  .scrollbar-horizontal::-webkit-scrollbar-track {
388    background-color: #ececec;
389  }
390  .scrollbar-horizontal::-webkit-scrollbar {
391    height: 3px;
392  }
393
394  .scrollbar-horizontal::-webkit-scrollbar-track {
395    -webkit-box-shadow: inset 0 0 0px rgba(0, 0, 0, 0);
396  }
397
398  .scrollbar-horizontal::-webkit-scrollbar-thumb {
399    visibility: visible;
400    background-color: #747474;
401  }
402
403  .scrollbar-horizontal::-webkit-scrollbar-thumb:hover {
404    background-color: #747474;
405  }
406  body.scrollbar-body::-webkit-scrollbar{
407    width: 3px;
408  }
409  .scrollbar-body::-webkit-scrollbar-track{
410    background: #ececec;
411  }
412  .scrollbar-horizontal {
413    position: relative;
414    -ms-overflow-style: none;
415  }
416  .scrollbar-horizontal::-webkit-scrollbar-track {
417    background-color: #ececec;
418  }
419  .scrollbar-horizontal::-webkit-scrollbar {
420    height: 3px;
421  }
422
423  .scrollbar-horizontal::-webkit-scrollbar-track {
424    -webkit-box-shadow: inset 0 0 0px rgba(0, 0, 0, 0);
425  }
426
427  .scrollbar-horizontal::-webkit-scrollbar-thumb {
428    visibility: visible;
429    background-color: #747474;
430  }
431
432  .scrollbar-horizontal::-webkit-scrollbar-thumb:hover {
433    background-color: #747474;
434  }
435  .scrollbar-body::-webkit-scrollbar{
436    width: 3px;
437  }
438  .scrollbar-body::-webkit-scrollbar-track{
439    background: #ececec;
440  }
441  .scrollbar-body.scrollbar-visible:active::-webkit-scrollbar-thumb,
442  .scrollbar-body.scrollbar-visible:focus::-webkit-scrollbar-thumb,
443  .scrollbar-body.scrollbar-visible:hover::-webkit-scrollbar-thumb {
444    background: #747474;
445    visibility: visible;
446  }
447  .scrollbar-body.scrollbar-visible::-webkit-scrollbar-track{
448    background: transparent;
449  }
450  .scrollbar-body.scrollbar-visible::-webkit-scrollbar-thumb{
451    background: transparent;
452    visibility: visible;
453  }
454  .scrollbar-body::-webkit-scrollbar-thumb{
455    background: #747474;
456  }
457  .animate-scroll-banner {
458    animation: scrollX var(--duration, 10s) linear infinite var(--play-state, running) var(--direction);
459  }
460  .padding-scrollbar, .padding-scrollbar-header {
461    padding-right: min(var(--width-scrollbar), 20px);
462  }
463  .rtl .padding-scrollbar-header {
464    padding-left: min(var(--width-scrollbar), 20px);
465    padding-right: 0;
466  }
467  
468  
469  .des-block iframe {
470    width: 100%;
471    height: 100%;
472  }
473  .toggle-compare  + label span:first-child,
474  .toggle-compare:checked + label span:last-child {
475    display: block
476  }
477  .toggle-compare  + label span:last-child,
478  .toggle-compare:checked + label span:first-child {
479    display: none;
480  }
481  .card-product:not(.recommendations) {}
482  .dark .card-product:not(.recommendations) {background: transparent;}
483  .card-product:not(.recommendations) .card-info,
484  .card-product:not(.recommendations) .x-variants-data {
485    padding-left: 5px;
486    padding-right: 5px;
487  }
488  .card-product:not(.recommendations) .card-info .x-variants-data
489  {
490    padding-left: 0;
491    padding-right: 0;
492  }
493  .card-product-slideshow {
494      background: #f6f6f6;}
495  .dark .card-product-slideshow {
496      background: #3a3a3a;}
497  button[class*='shopify-payment-button__more-options'] {
498    color: rgba(var(--colors-text));
499  }
500  .group-discount:before,.group-discount:after {
501    background-color: rgba(var(--colors-price-sale), 5%);
502    content: "";
503    position: absolute;
504    right: 100%;
505    height: 100%;
506    top: 0;
507    width: 1.25rem;
508  }
509  .shipping_insurance.group-discount:before,.shipping_insurance.group-discount:after {
510    background-color: rgb(var(--colors-background-secondary));
511  }
512  .group-discount:after {
513    left: 100%;
514    right: auto;
515  }
516  @media (min-width: 768px){
517    .list-layout .card-product:not(.recommendations) {
518      padding-bottom: 0;
519    }
520    .list-layout .card-product:not(.recommendations) .card-info,
521    .list-layout .card-product:not(.recommendations) .x-variants-data{
522      padding-left: 0;
523      padding-right: 0;
524    }
525    shopify-accelerated-checkout-cart {
526    --shopify-accelerated-checkout-button-block-size: 46px;
527    --shopify-accelerated-checkout-button-inline-size: 46px;
528  }
529  }
530  @media (min-width: 1024px){
531    .group-discount:before,.group-discount:after {
532       width: 0;
533    }
534    .payment-button .shopify-payment-button__button--unbranded {
535      color: rgb(var(--colors-button-text));
536      background: rgba(var(--colors-button));
537    }
538    .card-product:not(.recommendations) .card-info,
539    .card-product:not(.recommendations) .x-variants-data {
540      padding-left: 20px;
541      padding-right: 20px;
542    }
543    [role="button"],
544    [type="button"],
545    .button {
546      color: rgba(var(--colors-button-text));
547    }
548    button.button-solid,
549    .button.button-solid {
550      border: none;
551      box-shadow: none;
552      color: rgb(var(--colors-button-text));
553      background-color: rgba(var(--colors-button));
554      overflow: hidden;
555      background-origin: border-box;
556    }
557    button.button-solid:hover,
558    .button.button-solid:hover {
559      
560      transition-delay: 0.5s;
561      
562      transition-property: background-color;
563      background-color: var(--colors-button-hover);
564      color: rgba(var(--colors-button-text-hover));
565      background-origin: border-box;
566    }
567    .button-action {
568      border: none;
569      color: rgba(var(--colors-button-text-hover));
570      background-color: var(--colors-button-hover);
571    }
572    button.button-disable-effect,
573    .button.button-disable-effect {
574      color: rgb(var(--colors-button-text));
575      background-color: rgba(var(--colors-button));
576    }
577    button.button-disable-effect:hover,
578    .button.button-disable-effect:hover {
579      color: rgba(var(--colors-button-text-hover));
580      background-color: var(--colors-button-hover);
581    }
582    
583      button.button-solid:before,
584      .button.button-solid:before {
585        content: "";
586        z-index: -1;
587        position: absolute;
588        top: 0;
589        right: 0;
590        bottom: 0;
591        left: 0;
592        width: var(--button-width);
593        height: var(--button-height);
594        background-color: var(--colors-button-hover);
595        backface-visibility: hidden;
596        will-change: transform;
597        transform: var(--button-transform);
598        transform-origin: var(--button-transform-origin);
599        transition: transform 0.5s ease;
600      }
601      button.button-solid:hover:before,
602      .button.button-solid:hover:before {
603        transform: rotate3d(0,0,1,0) translateZ(0);
604      }
605    
606    
607  }
608  .inventory-low-stock-status {
609    
610      --stock-color: rgba(191, 18, 42);
611    
612      color: var(--stock-color);
613    }
614  .dark .inventory-low-stock-status {
615    
616      --stock-color: rgba(191, 18, 42);
617    
618  }
619  .inventory-in-stock-status {
620    
621      --stock-color: rgba(115, 144, 71);
622    
623      color: var(--stock-color);
624  }
625  .dark .inventory-in-stock-status {
626    
627      --stock-color: rgba(115, 144, 71);
628    
629  }
630  .inventory-out-of-stock-status {
631    
632      --stock-color: rgba(118, 116, 116);
633    
634      color: var(--stock-color);
635  }
636  .dark .inventory-out-of-stock-status {
637    
638      --stock-color: rgba(134, 127, 127);
639    
640  }
641  .inventory-status {
642    background-color: var(--stock-color);
643  }
644  .card-testimonial {
645      background: #f6f6f6;}
646  .dark .card-testimonial {
647      background: #3a3a3a;}div[data-block-handle="featured_carousel"] {
648      width: 100%;
649      direction: ltr;
650    }/* App Shopify Subscription */
651  .shopify_subscriptions_app_policy a {
652    position: relative;
653    margin-top: .5rem;
654    margin-bottom: .5rem;
655    color: rgba(var(--colors-text-link)) !important;
656    text-decoration-thickness: 1px;
657    background: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), linear-gradient(to right, rgba(var(--colors-text-link), 1), rgba(var(--colors-text-link), 1), rgba(var(--colors-text-link), 1));
658    background-size: 100% 0.1em, 0 0.1em;
659    background-position: 100% 100%,100% 100%;
660    background-repeat: no-repeat;
661    transition: background-size 250ms;
662  }
663  .shopify_subscriptions_app_policy:after {
664    clear: both;
665    content: var(--tw-content);
666    display: block;
667  }
668  @media (min-width: 1024px) {
669    .shopify_subscriptions_app_policy a:hover {
670      background-size: 0 .1em, 100% .1em;
671      background-position: 100% 100%, 0% 100%;
672    }
673  }
674
675  /* Recurpay Subscription App */
676  #recurpay-account-widget {
677    margin-top: 1rem;
678  }
679  .rtl .recurpay__widget .recurpay__group_frequency .recurpay__frequency_label_title {
680    padding-right: 10px;
681    right: 0.25rem;
682  }
683  .rtl .recurpay__widget .recurpay__group_title {
684    text-align: right;
685    margin-right: 0;
686    margin-left: 0.5em;
687  }
688  .rtl .recurpay__widget .recurpay__group_subtitle {
689    text-align: right;
690  }
691  .rtl .recurpay__widget .recurpay__description {
692    text-align: right;
693  }
694  .rtl .recurpay__widget .recurpay__radio_group {
695    margin-right: 0;
696    margin-left: 10px;
697  }
698  .rtl .recurpay__widget .recurpay__offer_saving_message {
699    padding-right: 10px;
700    padding-left: 0;
701  }
702  .rtl .recurpay__widget .recurpay__offer_wrapper svg {
703    margin-right: 0;
704    margin-left: 10px;
705  }
706  .rtl .recurpay__widget .recurpay__group_frequency .recurpay__frequency_label_title:before {
707    left: 0.5em;
708    margin-right: -50%;
709    right: auto;
710    margin-left: 0
711  }
712  .rtl .recurpay__widget .recurpay__group_frequency .recurpay__frequency_label_title:after {
713    right: 0.5em;
714    left: auto;
715    margin-left: 0;
716  }
717  .rtl .upgrade-subscription-cart .upgrade-icon-wrapper {
718    text-align: right;
719  }
720
721  /* Seal Subscriptions */
722  .sls-widget-branding {
723    z-index: 20 !important;
724  }
725  .card .sealsubs-target-element, .card-product-fbt .sealsubs-target-element {
726    display: none !important;
727  }
728  .seal-portal-link a {
729    position: relative;
730    margin-top: .5rem;
731    margin-bottom: .5rem;
732    color: rgba(var(--colors-text-link)) !important;
733    text-decoration-thickness: 1px;
734    background: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), linear-gradient(to right, rgba(var(--colors-text-link), 1), rgba(var(--colors-text-link), 1), rgba(var(--colors-text-link), 1));
735    background-size: 100% 0.1em, 0 0.1em;
736    background-position: 100% 100%,100% 100%;
737    background-repeat: no-repeat;
738    transition: background-size 250ms;
739  }
740  .seal-portal-link:after {
741    clear: both;
742    content: var(--tw-content);
743    display: block;
744  }
745  @media (min-width: 1024px) {
746    .seal-portal-link a:hover {
747      background-size: 0 .1em, 100% .1em;
748      background-position: 100% 100%, 0% 100%;
749    }
750  }
751  .rtl .sealsubs-container {
752    text-align: right;
753  }
754  .x-card-title {
755    font-size: 0.9rem;
756    font-family: var(--font-heading-family);
757    font-weight: var(--font-heading-weight);
758  }
759  .x-card-price {
760    font-size: 0.9rem;
761    font-family: var(--font-body-family);
762    font-weight: var(--font-body-weight);
763  }
764  @media (min-width: 768px) {
765    .x-card-title {
766      font-size: 1.0rem;
767    }
768    .x-card-price {
769      font-size: 1.0rem;
770    }
771  }
772  .back{
773    position: absolute;
774    top: 50%;
775    left: 50%;
776    white-space: nowrap;
777    opacity: 0;
778    transform: translate(-50%, -50%) translateY(100%) translateZ(0);
779    transition-behavior: normal, normal;
780    transition-duration: 0.6s, 0.6s;
781    transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1), cubic-bezier(0.165, 0.84, 0.44, 1);
782    transition-delay: 0s, 0s;
783    transition-property: transform, opacity;
784  }
785  .front{
786    transform: translateZ(0);
787    transition-behavior: normal, normal;
788    transition-duration: 0.6s, 0.6s;
789    transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1), cubic-bezier(0.165, 0.84, 0.44, 1);
790    transition-delay: 0s, 0s;
791    transition-property: transform, opacity;
792    border-bottom: 1px solid transparent;
793  }
794  .flip-container:hover .front{
795    opacity: 0;
796    transform: translateY(-100%) translateZ(0);
797  }
798  .flip-container:hover .back{
799    opacity: 1;
800    transform: translate(-50%, -50%) translateY(0%) translateZ(0);
801    border-bottom: 1px solid rgba(var(--colors-text-link));
802  }
803  .dbtap-overlay{
804    display: none
805  }
806  @media (max-width: 1024px) and (pointer: coarse) and (hover: none) {
807    .dbtap-overlay{
808      display: block
809    }
810  }</style>
810<script>
811    const themeMode = 'switch';
812    if ((localStorage.eurus_theme == 1 && themeMode == 'switch')
813      || (themeMode == 'auto' && window.matchMedia('(prefers-color-scheme: dark)').matches)) {
814      requestAnimationFrame(() => {
815        document.documentElement.classList.add('dark');
816      });
817    } else if ((localStorage.eurus_theme == 0 && themeMode == 'switch')
818      || (themeMode == 'auto' && window.matchMedia('(prefers-color-scheme: light)').matches)) {
819      requestAnimationFrame(() => {
820        document.documentElement.classList.remove('dark');
821      });
822    }
823  </script>
823
824    
825    
825<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script>
825<meta name="google-site-verification" content="FqizmTmB9S7vGmj61ogvgdadf8hU3BKh9AFfTTVHnCQ">
826<meta name="facebook-domain-verification" content="syvdxqmlkr0vjulcwupavpds86qab4">
827<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/77803192599/digital_wallets/dialog">
828<meta id="in-context-paypal-metadata" data-shop-id="77803192599" data-venmo-supported="false" data-environment="production" data-locale="en_US" data-paypal-v4="true" data-currency="USD">
829<link rel="ucp" href="/.well-known/ucp" version="2026-08-25"><link rel="alternate" hreflang="x-default" href="https://iteaworld.com/">
830<link rel="alternate" hreflang="en" href="https://iteaworld.com/">
831<link rel="alternate" hreflang="zh-Hans" href="https://iteaworld.com/zh-hans">
832<script async="async" src="/checkouts/internal/preloads.js?locale=en-US"></script>
832
833<link rel="preconnect" href="https://shop.app" crossorigin="anonymous">
834<script async="async" src="https://shop.app/checkouts/internal/preloads.js?locale=en-US&shop_id=77803192599" crossorigin="anonymous"></script>
vendor: 1 bytes, line 834
834
835<script id="apple-pay-shop-capabilities" type="application/json">{"shopId":77803192599,"countryCode":"HK","currencyCode":"USD","merchantCapabilities":["supports3DS"],"merchantId":"gid:\/\/shopify\/Shop\/77803192599","merchantName":"iTeaworld","requiredBillingContactFields":["postalAddress","email","phone"],"requiredShippingContactFields":["postalAddress","email","phone"],"shippingType":"shipping","supportedNetworks":["visa","masterCard","amex"],"total":{"type":"pending","label":"iTeaworld","amount":"1.00"},"shopifyPaymentsEnabled":true,"supportsSubscriptions":true}</script>
vendor: 1 bytes, line 835
835
836<script id="shopify-features" type="application/json">{"accessToken":"b2002040bb7ea32b48921d4f746b5037","betas":["rich-media-storefront-analytics"],"domain":"iteaworld.com","predictiveSearch":true,"shopId":77803192599,"locale":"en"}</script>
vendor: 1 bytes, line 836
836
837<script>var Shopify = Shopify || {};
838Shopify.shop = "d89fb3-3.myshopify.com";
839Shopify.locale = "en";
840Shopify.currency = {"active":"USD","rate":"1.0"};
841Shopify.country = "US";
842Shopify.theme = {"name":"Copy of iTeaworld-20260623-9.4.0","id":189731635479,"schema_name":"Eurus","schema_version":"9.4.0","theme_store_id":2048,"role":"main"};
843Shopify.theme.handle = "null";
844Shopify.theme.style = {"id":null,"handle":null};
845Shopify.cdnHost = "iteaworld.com/cdn";
846Shopify.routes = Shopify.routes || {};
847Shopify.routes.root = "/";
848Shopify.shopJsCdnBaseUrl = "https://cdn.shopify.com/shopifycloud/shop-js";
849Shopify.SignInWithShop = Shopify.SignInWithShop || {};
850Shopify.SignInWithShop.User = Shopify.SignInWithShop.User || {};
851Shopify.SignInWithShop.User.recognized = false;</script>
vendor: 1 bytes, line 851
851
852<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
vendor: 1 bytes, line 852
852
853<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 853
853
854<script>
855  window.ShopifyPay = window.ShopifyPay || {};
856  window.ShopifyPay.apiHost = "shop.app\/pay";
857  window.ShopifyPay.redirectState = null;
858</script>
vendor: 1 bytes, line 858
858
859<script>
860  window.Shopify = window.Shopify || {};
861  window.Shopify.SignInWithShop = window.Shopify.SignInWithShop || {};
862  window.Shopify.SignInWithShop.assetMetrics = { sampleRate: 0.25 };
863  window.Shopify.SignInWithShop.eligible = true;
864</script>
vendor: 1 bytes, line 864
864
865<script id="shop-js-analytics" type="application/json">{"pageType":"index"}</script>
vendor: 1 bytes, line 865
865
866<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 866
866
867<script type="module">
868  await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js");
869
870  window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true});
871
872</script>
vendor: 1 bytes, line 872
872
873<script>
874  window.Shopify = window.Shopify || {};
875  if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {};
876  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"]};
877</script>
vendor: 1 bytes, line 877
877
878<script>(function() {
879  var isLoaded = false;
880  function asyncLoad() {
881    if (isLoaded) return;
882    isLoaded = true;
883    var urls = ["\/\/cdn.shopify.com\/proxy\/3d7bcafc114a2096506019111343a95e711d57e93e33dcb566d2084174619d97\/api.goaffpro.com\/loader.js?shop=d89fb3-3.myshopify.com\u0026sp-cache-control=cHVibGljLCBtYXgtYWdlPTkwMA","https:\/\/dr4qe3ddw9y32.cloudfront.net\/awin-shopify-integration-code.js?aid=66020\u0026v=shopifyApp_5.2.5\u0026ts=1768796065484\u0026shop=d89fb3-3.myshopify.com","https:\/\/widget.tagembed.com\/embed.min.js?shop=d89fb3-3.myshopify.com","https:\/\/cdn-app.sealsubscriptions.com\/shopify\/public\/js\/sealsubscriptions.js?shop=d89fb3-3.myshopify.com","https:\/\/app.mambasms.com\/launcher.js?shop=d89fb3-3.myshopify.com","https:\/\/ecommplugins-scripts.trustpilot.com\/v2.1\/js\/header.min.js?settings=eyJrZXkiOiJOSGk5WWQ1T0F1cGdDSFlOIiwicyI6Im5vbmUifQ==\u0026v=2.5\u0026shop=d89fb3-3.myshopify.com","https:\/\/ecommplugins-scripts.trustpilot.com\/v2.1\/js\/success.min.js?settings=eyJrZXkiOiJOSGk5WWQ1T0F1cGdDSFlOIiwicyI6Im5vbmUiLCJ0IjpbIm9yZGVycy9mdWxmaWxsZWQiXSwidiI6IiIsImEiOiIifQ==\u0026shop=d89fb3-3.myshopify.com","https:\/\/ecommplugins-trustboxsettings.trustpilot.com\/d89fb3-3.myshopify.com.js?settings=1786334087512\u0026shop=d89fb3-3.myshopify.com","\/\/cdn.shopify.com\/proxy\/8368535bbfd3d979155bc94c232e91b53cd37834ea70bc52f5e49cc0ed6f7726\/cdn.jsdelivr.net\/gh\/ArhamWebWorks\/quizify-cdn@latest\/shortcode-loader.js?shop=d89fb3-3.myshopify.com\u0026sp-cache-control=cHVibGljLCBtYXgtYWdlPTkwMA"];
884    for (var i = 0; i < urls.length; i++) {
885      var s = document.createElement('script');
886      s.type = 'text/javascript';
887      s.async = true;
888      s.src = urls[i];
889      var x = document.getElementsByTagName('script')[0];
890      x.parentNode.insertBefore(s, x);
891    }
892  };
893  if(window.attachEvent) {
894    window.attachEvent('onload', asyncLoad);
895  } else {
896    window.addEventListener('load', asyncLoad, false);
897  }
898})();</script>
vendor: 1 bytes, line 898
898
899<script id="__st">var __st={"a":77803192599,"offset":28800,"reqid":"b1be6faa-c1bc-45fd-b4be-d1185a6b0dd2-1790865857","pageurl":"iteaworld.com\/","u":"b5c94faf822f","p":"home"};</script>
vendor: 1 bytes, line 899
899
900<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
vendor: 1 bytes, line 900
900
901<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 901
901
902<script integrity="sha256-JjoPp5ZfB1sSAs5SQaol1x1GgvveM+BgmRzyDexInEQ=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//iteaworld.com/cdn/shopifycloud/storefront/assets/storefront/load_feature-1bd60354.js" crossorigin="anonymous"></script>
vendor: 1 bytes, line 902
902
903<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 = "//iteaworld.com/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>
903<script crossorigin="anonymous" defer="defer" src="//iteaworld.com/cdn/shopifycloud/storefront/assets/shopify_pay/storefront-616277c7.js?v=20250812"></script>
vendor: 1 bytes, line 903
903
904<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 904
904
905<script>
906  window.Shopify = window.Shopify || {};
907  window.Shopify.MCP = window.Shopify.MCP || {};
908  window.Shopify.MCP.enabled = true;
909  window.Shopify.MCP.shop = "d89fb3-3.myshopify.com";
910  window.Shopify.MCP.mcpEndpoint = "https:\/\/iteaworld.com\/api\/mcp";
911  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"]}}];
912</script>
vendor: 1 bytes, line 912
912
913<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("\/\/iteaworld.com\/cdn\/shopifycloud\/storefront\/assets\/storefront\/webmcp-c6b62ece.js","sha256-ke4DDuBjdvea3vxLWxHc9E9nq8zihuG4IfYEGbb77ys=");})();
914</script>
vendor: 1 bytes, line 914
914
915<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://iteaworld.com/cdn/shopifycloud/portable-wallets/latest/portable-wallets.en.js",t.type="module",document.head.appendChild(t)}};
916</script>
vendor: 1 bytes, line 916
916
917<script data-source-attribution="shopify.dynamic_checkout.buyer_consent">
918  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);
919</script>
vendor: 1 bytes, line 919
919
920<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})}}));
921</script>
921
922<link id="shopify-accelerated-checkout-styles" rel="stylesheet" media="screen" href="https://iteaworld.com/cdn/shopifycloud/portable-wallets/latest/accelerated-checkout-backwards-compat.css" crossorigin="anonymous">
923<style id="shopify-accelerated-checkout-cart">
924        #shopify-buyer-consent {
925  margin-top: 1em;
926  display: inline-block;
927  width: 100%;
928}
929
930#shopify-buyer-consent.hidden {
931  display: none;
932}
933
934#shopify-subscription-policy-button {
935  background: none;
936  border: none;
937  padding: 0;
938  text-decoration: underline;
939  font-size: inherit;
940  cursor: pointer;
941}
942
943#shopify-subscription-policy-button::before {
944  box-shadow: none;
945}
946
947      </style>
948
949<script id="shopify-cfh-end">window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
949
950    <style>
951/* ============================================
952   Force show slideshow navigation arrows on mobile
953   Section: template--26805826552087__fe5dccd3-17fd-4fd3-ada9-a0e11305981c
954   ============================================ */
955
956@media (max-width: 749px) {
957  /* Target the slideshow section */
958  #template--26805826552087__fe5dccd3-17fd-4fd3-ada9-a0e11305981c {
959    /* Ensure arrows are visible */
960  }
961  
962  /* Common arrow/button selectors for Omnithemes Eurus */
963  #template--26805826552087__fe5dccd3-17fd-4fd3-ada9-a0e11305981c .slideshow__arrow,
964  #template--26805826552087__fe5dccd3-17fd-4fd3-ada9-a0e11305981c .slider__arrow,
965  #template--26805826552087__fe5dccd3-17fd-4fd3-ada9-a0e11305981c .carousel__arrow,
966  #template--26805826552087__fe5dccd3-17fd-4fd3-ada9-a0e11305981c .carousel-arrow,
967  #template--26805826552087__fe5dccd3-17fd-4fd3-ada9-a0e11305981c .slider-arrow,
968  #template--26805826552087__fe5dccd3-17fd-4fd3-ada9-a0e11305981c .slider__button,
969  #template--26805826552087__fe5dccd3-17fd-4fd3-ada9-a0e11305981c .slider-button,
970  #template--26805826552087__fe5dccd3-17fd-4fd3-ada9-a0e11305981c .slideshow__button,
971  #template--26805826552087__fe5dccd3-17fd-4fd3-ada9-a0e11305981c .carousel__button,
972  #template--26805826552087__fe5dccd3-17fd-4fd3-ada9-a0e11305981c .carousel-button,
973  
974  /* Attribute selectors for aria-labels */
975  #template--26805826552087__fe5dccd3-17fd-4fd3-ada9-a0e11305981c button[aria-label*="previous"],
976  #template--26805826552087__fe5dccd3-17fd-4fd3-ada9-a0e11305981c button[aria-label*="next"],
977  #template--26805826552087__fe5dccd3-17fd-4fd3-ada9-a0e11305981c button[aria-label*="Previous"],
978  #template--26805826552087__fe5dccd3-17fd-4fd3-ada9-a0e11305981c button[aria-label*="Next"],
979  #template--26805826552087__fe5dccd3-17fd-4fd3-ada9-a0e11305981c button[aria-label*="left"],
980  #template--26805826552087__fe5dccd3-17fd-4fd3-ada9-a0e11305981c button[aria-label*="right"],
981  
982  /* Class name patterns */
983  #template--26805826552087__fe5dccd3-17fd-4fd3-ada9-a0e11305981c [class*="arrow"],
984  #template--26805826552087__fe5dccd3-17fd-4fd3-ada9-a0e11305981c [class*="button"][class*="slide"],
985  #template--26805826552087__fe5dccd3-17fd-4fd3-ada9-a0e11305981c [class*="button"][class*="carousel"],
986  #template--26805826552087__fe5dccd3-17fd-4fd3-ada9-a0e11305981c [class*="nav"][class*="button"],
987  
988  /* SVG icons inside buttons */
989  #template--26805826552087__fe5dccd3-17fd-4fd3-ada9-a0e11305981c button svg,
990  #template--26805826552087__fe5dccd3-17fd-4fd3-ada9-a0e11305981c .slideshow__arrow svg,
991  #template--26805826552087__fe5dccd3-17fd-4fd3-ada9-a0e11305981c .slider__arrow svg {
992    display: flex !important;
993    display: block !important;
994    visibility: visible !important;
995    opacity: 1 !important;
996  }
997  
998  /* Main button/arrow elements */
999  #template--26805826552087__fe5dccd3-17fd-4fd3-ada9-a0e11305981c button[class*="arrow"],
1000  #template--26805826552087__fe5dccd3-17fd-4fd3-ada9-a0e11305981c button[class*="button"],
1001  #template--26805826552087__fe5dccd3-17fd-4fd3-ada9-a0e11305981c .slideshow__arrow,
1002  #template--26805826552087__fe5dccd3-17fd-4fd3-ada9-a0e11305981c .slider__arrow,
1003  #template--26805826552087__fe5dccd3-17fd-4fd3-ada9-a0e11305981c .carousel__arrow,
1004  #template--26805826552087__fe5dccd3-17fd-4fd3-ada9-a0e11305981c [class*="arrow"],
1005  #template--26805826552087__fe5dccd3-17fd-4fd3-ada9-a0e11305981c [class*="nav-button"],
1006  #template--26805826552087__fe5dccd3-17fd-4fd3-ada9-a0e11305981c [class*="navigation"] button {
1007    display: flex !important;
1008    display: block !important;
1009    visibility: visible !important;
1010    opacity: 1 !important;
1011    pointer-events: auto !important;
1012  }
1013  
1014  /* Ensure parent containers don't hide the arrows */
1015  #template--26805826552087__fe5dccd3-17fd-4fd3-ada9-a0e11305981c .slideshow__controls,
1016  #template--26805826552087__fe5dccd3-17fd-4fd3-ada9-a0e11305981c .slider__controls,
1017  #template--26805826552087__fe5dccd3-17fd-4fd3-ada9-a0e11305981c .carousel__controls,
1018  #template--26805826552087__fe5dccd3-17fd-4fd3-ada9-a0e11305981c [class*="controls"] {
1019    display: flex !important;
1020    visibility: visible !important;
1021    opacity: 1 !important;
1022  }
1023}
1024
1025/* Also ensure arrows are visible on very small screens */
1026@media (max-width: 480px) {
1027  #template--26805826552087__fe5dccd3-17fd-4fd3-ada9-a0e11305981c button[aria-label*="previous"],
1028  #template--26805826552087__fe5dccd3-17fd-4fd3-ada9-a0e11305981c button[aria-label*="next"],
1029  #template--26805826552087__fe5dccd3-17fd-4fd3-ada9-a0e11305981c [class*="arrow"],
1030  #template--26805826552087__fe5dccd3-17fd-4fd3-ada9-a0e11305981c .slideshow__arrow,
1031  #template--26805826552087__fe5dccd3-17fd-4fd3-ada9-a0e11305981c .slider__arrow {
1032    display: flex !important;
1033    display: block !important;
1034    visibility: visible !important;
1035    opacity: 1 !important;
1036  }
1037}
1038
1039/* ============================================
1040   Hide Out of Stock availability filter option
1041   ============================================ */
1042
1043/* Primary selector - targets facet items with value="0" (out of stock) */
1044.facets__item:has(input[value="0"]) {
1045  display: none;
1046}
1047
1048/* Alternative selector - targets by filter ID pattern */
1049.facets__item:has(label[for*="filter-availability-0"]) {
1050  display: none;
1051}
1052
1053/* ============================================
1054   Force show Promotion Banner Heading on desktop
1055   Block: image_banner_TWX6tz
1056   ============================================ */
1057
1058@media screen and (min-width: 750px) {
1059  .heading-image_banner_TWX6tz {
1060    display: block !important;
1061    visibility: visible !important;
1062    opacity: 1 !important;
1063  }
1064}
1065</style>
1066
1067    
1068
1069    <style data-shopify>
1070      body {
1071        /* INP mobile */
1072        touch-action: manipulation;
1073      }
1074      @font-face {
1075  font-family: Montserrat;
1076  font-weight: 400;
1077  font-style: normal;
1078  font-display: swap;
1079  src: url("//iteaworld.com/cdn/fonts/montserrat/montserrat_n4.81949fa0ac9fd2021e16436151e8eaa539321637.woff2") format("woff2"),
1080       url("//iteaworld.com/cdn/fonts/montserrat/montserrat_n4.a6c632ca7b62da89c3594789ba828388aac693fe.woff") format("woff");
1081}
1082
1083    </style>
1084   
1084<script type="application/ld+json">
1085{
1086  "@context": "https://schema.org",
1087  "@type": "OnlineStore",
1088  "name": "iTeaworld",
1089  "alternateName": ["iteaworld", "itea world","itea_world","iteaw orld"],
1090  "url": "https://iteaworld.com/",
1091  "logo": "https://cdn.shopify.com/s/files/1/0778/0319/2599/files/iTeaworld-logo-14.png?v=1723696288",
1092  "foundingDate": "2022",
1093  "description": "iTeaworld is a premium tea brand specializing in authentic Chinese tea, including Oolong, Pu-erh, and Black tea.",
1094  "contactPoint": {
1095    "@type": "ContactPoint",
1096    "email": "[email protected]",
1097    "contactType": "customer service"
1098  },
1099  "sameAs": [
1100    "https://www.instagram.com/itea_world/",
1101    "https://www.facebook.com/official.iteaworld/",
1102    "https://www.youtube.com/@itea_world/",
1103    "https://www.tiktok.com/@iteaworld"
1104  ]
1105}
1106</script>
1106
1107  <!-- BEGIN app block: shopify://apps/inbox/blocks/chat/841fc607-4181-4ad1-842d-e24d7f8bad6b --><link rel='modulepreload' href='https://cdn.shopify.com/storefront/web-components/chat.js' crossorigin fetchpriority='low'>
1108
1109<script id='shopify-chat-app-embed-data' type='application/json'>
1110  {
1111    "settings": {
1112      "invertActivatorColors": false,
1113      "greetingMessage": "Hey there! 🍃 Welcome to iTeaworld! Got any questions about tea or need recommendations? We’d love to help you discover the perfect brew!",
1114      "showFeaturedProducts": true,
1115      "featuredProducts": [{
1116            "imageUrl": "\/\/iteaworld.com\/cdn\/shop\/files\/iTeaworldchina_s10mostfamousteascollection_3.webp?v=1770812683\u0026width=600",
1117            "altText": "China’s 10 Famous Teas Collection",
1118            "title": "China’s 10 Famous Teas Collection",
1119            "productUrl": "\/products\/chinas-10-most-famous-tea-collection"
1120          },
1121{
1122            "imageUrl": "\/\/iteaworld.com\/cdn\/shop\/files\/01_14_8dff11a5-d0f4-488a-9070-35af06ed32c6.webp?v=1770813722\u0026width=600",
1123            "altText": "Chinese Jasmine Tea Flavor Collection 90g",
1124            "title": "Chinese Jasmine Tea Flavor Collection 90g",
1125            "productUrl": "\/products\/6-jasmine-tea-sampler-freshly-scented-with-2025-blossoms"
1126          },
1127{
1128            "imageUrl": "\/\/iteaworld.com\/cdn\/shop\/files\/iTeaworld_chinese_floral_tea_collection_5.webp?v=1773222974\u0026width=600",
1129            "altText": "Traditional Chinese Scented Tea Collection 100g",
1130            "title": "Traditional Chinese Scented Tea Collection 100g",
1131            "productUrl": "\/products\/chinese-floral-tea-collection-ten-tea-ten-blessings-one-meaningful-gift"
1132          }
1133],
1134      "horizontalPosition": "bottom_left",
1135      "icon": "chat_bubble",
1136      "buttonLabel": "Chat"
1137    }
1138  }
1139</script>
1139
1140
1141<style data-shopify>
1142  
1143
1144  /* Shadow DOM content does not prevent theme-wide :empty rules from matching the host. */
1145  shopify-chat:defined:empty {
1146    display: grid;
1147  }
1148
1149  :root {
1150    --shopify-chat-bg-color: #FFFFFF;
1151    --shopify-chat-text-color: #1b1b1b;
1152    --shopify-chat-accent-bg-color: #1b1b1b;
1153    --shopify-chat-accent-text-color: #FFFFFF;
1154    --shopify-chat-activator-offset: 20px;
1155
1156    
1157
1158    --shopify-chat-activator-font-size: 13px;
1159    --shopify-chat-border-radius: 16px;
1160  }
1161
1162  
1163</style>
1164
1165<script src='https://cdn.shopify.com/storefront/web-components/chat.js' type='module' crossorigin fetchpriority='low' async></script>
1165
1166
1167
1168<!-- END app block --><!-- BEGIN app block: shopify://apps/judge-me-reviews/blocks/judgeme_core/61ccd3b1-a9f2-4160-9fe9-4fec8413e5d8 --><!-- Start of Judge.me Core -->
1169
1170
1171
1172
1173
1174
1175
1176<link rel="dns-prefetch" href="https://cdn.judge.me">
1177<link rel="dns-prefetch" href="https://cdn1.judge.me">
1178<link rel="dns-prefetch" href="https://api.judge.me">
1179
1180<script data-cfasync='false' class='jdgm-settings-script'>window.jdgmSettings={"pagination":5,"disable_web_reviews":false,"coupon_receiving_condition":"with_picture","coupon_value_type":"fixed_amount","coupon_value_percentage":10,"coupon_value_fixed_amount":0,"coupon_discount_type":"tiered","coupon_tier_text_enabled":true,"coupon_tier_text_percentage":5,"coupon_tier_text_fixed_amount":1.0,"coupon_tier_photo_enabled":true,"coupon_tier_photo_percentage":10,"coupon_tier_photo_fixed_amount":2.0,"coupon_tier_video_enabled":true,"coupon_tier_video_percentage":15,"coupon_tier_video_fixed_amount":4.0,"enable_coupons":false,"badge_no_review_text":"No reviews","badge_n_reviews_text":"{{ n }} review/reviews","badge_star_color":"#f2a83f","hide_badge_preview_if_no_reviews":true,"badge_hide_text":true,"enforce_center_preview_badge":false,"widget_title":"Customer Reviews","widget_open_form_text":"Write a review","widget_close_form_text":"Cancel review","widget_refresh_page_text":"Refresh page","widget_summary_text":"Based on {{ number_of_reviews }} review/reviews","widget_no_review_text":"Be the first to write a review","widget_name_field_text":"Display name","widget_verified_name_field_text":"Verified Name (public)","widget_name_placeholder_text":"Display name","widget_required_field_error_text":"This field is required.","widget_email_field_text":"Email address","widget_verified_email_field_text":"Verified Email (private, can not be edited)","widget_email_placeholder_text":"Your email address","widget_email_field_error_text":"Please enter a valid email address.","widget_rating_field_text":"Rating","widget_review_title_field_text":"Review Title","widget_review_title_placeholder_text":"Give your review a title","widget_review_body_field_text":"Review content","widget_review_body_placeholder_text":"Start writing here...","widget_pictures_field_text":"Picture/Video (optional)","widget_submit_review_text":"Submit Review","widget_submit_verified_review_text":"Submit Verified Review","widget_submit_success_msg_with_auto_publish":"Thank y
1180ou! Please refresh the page in a few moments to see your review. You can remove or edit your review by logging into \u003ca href='https://judge.me/login' target='_blank' rel='nofollow noopener'\u003eJudge.me\u003c/a\u003e","widget_submit_success_msg_no_auto_publish":"Thank you! Your review will be published as soon as it is approved by the shop admin. You can remove or edit your review by logging into \u003ca href='https://judge.me/login' target='_blank' rel='nofollow noopener'\u003eJudge.me\u003c/a\u003e","widget_show_default_reviews_out_of_total_text":"Showing {{ n_reviews_shown }} out of {{ n_reviews }} reviews.","widget_show_all_link_text":"Show all","widget_show_less_link_text":"Show less","widget_author_said_text":"{{ reviewer_name }} said:","widget_days_text":"{{ n }} days ago","widget_weeks_text":"{{ n }} week/weeks ago","widget_months_text":"{{ n }} month/months ago","widget_years_text":"{{ n }} year/years ago","widget_yesterday_text":"Yesterday","widget_today_text":"Today","widget_replied_text":"\u003e\u003e {{ shop_name }} replied:","widget_read_more_text":"Read more","widget_reviewer_name_as_initial":"","widget_rating_filter_color":"#fbcd0a","widget_rating_filter_see_all_text":"See all reviews","widget_sorting_most_recent_text":"Most Recent","widget_sorting_highest_rating_text":"Highest Rating","widget_sorting_lowest_rating_text":"Lowest Rating","widget_sorting_with_pictures_text":"Only Pictures","widget_sorting_most_helpful_text":"Most Helpful","widget_open_question_form_text":"Ask a question","widget_reviews_subtab_text":"Reviews","widget_questions_subtab_text":"Questions","widget_question_label_text":"Question","widget_answer_label_text":"Answer","widget_question_placeholder_text":"Write your question here","widget_submit_question_text":"Submit Question","widget_question_submit_success_text":"Thank you for your question! We will notify you once it gets answered.","widget_star_color":"#f2a83f","verified_badge_text":"Verified","verified_badge_bg_color":"","verified_badge_text_color":"","verified_badge_placement":"left-of-reviewer-name","widget_review_max_height":"","widget_hide_border":false,"widget_social_share":true,"widget_thumb":true,"widget_review_location_show":true,"widget_location_format":"","all_reviews_include_out_of_store_products":true,"all_reviews_out_of_store_text":"(out of store)","all_reviews_pagination":100,"all_reviews_product_name_prefix_text":"about","enable_review_pictures":true,"enable_question_anwser":true,"widget_theme":"default","review_date_format":"mm/dd/yyyy","default_sort_method":"most-recent","enable_ai_review_visibility":true,"widget_product_reviews_subtab_text":"Product Reviews","widget_shop_reviews_subtab_text":"Shop Reviews","widget_other_products_reviews_text":"Reviews for other products","widget_store_reviews_subtab_text":"Store reviews","widget_product_variant_reference_text":"Review for","widget_no_store_reviews_text":"This store hasn't received any reviews yet","widget_web_restriction_product_reviews_text":"This product hasn't received any reviews yet","widget_no_items_text":"No items found","widget_show_more_text":"Show more","widget_write_a_store_review_text":"Write a Store Review","widget_product_and_store_reviews_text":"Product and store reviews","widget_reviews_in_collection_text":"Reviews in this collection","widget_other_languages_heading":"Reviews in Other Languages","widget_translate_review_text":"Translate review to {{ language }}","widget_translating_review_text":"Translating...","widget_show_original_translation_text":"Show original ({{ language }})","widget_translate_review_failed_text":"Review couldn't be translated.","widget_translate_review_retry_text":"Retry","widget_translate_review_try_again_later_text":"Try again later","show_product_url_for_grouped_product":false,"widget_sorting_pictures_first_text":"Pictures First","show_pictures_on_all_rev_page_mobile":false,"show_pictures_on_all_rev_page_desktop":false,"floating_tab_hide_mobile_install_preference":false,"floating_tab_button_name":"★ Reviews","floating_tab_title":"Let customers speak for us","floating_tab_button_color":"","floating_tab_button_background_color":"","floating_tab_url":"","floating_tab_url_enabled":false,"floating_tab_tab_style":"text","all_reviews_text_badge_text":"Customers rate us {{ shop.metafields.judgeme.all_reviews_rating | round: 1 }}/5 based on {{ shop.metafields.judgeme.all_reviews_count }} reviews.","all_reviews_text_badge_text_branded_style":"{{ shop.metafields.judgeme.all_reviews_rating | round: 1 }} out of 5 stars based on {{ shop.metafields.judgeme.all_reviews_count }} reviews","is_all_reviews_text_badge_a_link":false,"show_stars_for_all_reviews_text_badge":false,"all_reviews_text_badge_url":"","all_reviews_text_style":"branded","all_reviews_text_color_style":"monochromatic_version","all_reviews_text_color":"#728f47","all_reviews_text_show_jm_brand":true,"featured_carousel_show_header":true,"featured_carousel_title":"Real Reviews From Real Tea Lover","testimonials_carousel_title":"Customers are saying","videos_carousel_title":"Real customer stories","cards_carousel_title":"Customers are saying","featured_carousel_count_text":"from {{ n }} reviews","featured_carousel_add_link_to_all_reviews_page":false,"featured_carousel_url":"","featured_carousel_show_images":true,"featured_carousel_autoslide_interval":6,"featured_carousel_arrows_on_the_sides":true,"featured_carousel_height":200,"featured_carousel_width":100,"featured_carousel_image_size":0,"featured_carousel_image_height":250,"featured_carousel_arrow_color":"#739047","verified_count_badge_style":"branded","verified_count_badge_orientation":"horizontal","verified_count_badge_color_style":"judgeme_brand_color","verified_count_badge_color":"#108474","is_verified_count_badge_a_link":false,"verified_count_badge_url":"","verified_count_badge_show_jm_brand":true,"widget_rating_preset_default":5,"widget_first_sub_tab":"product-reviews","widget_show_histogram":true,"widget_histogram_use_custom_color":false,"widget_pagination_use_custom_color":false,"widget_star_use_custom_color":true,"widget_verified_badge_use_custom_color":false,"widget_write_review_use_custom_color":false,"picture_reminder_submit_button":"Upload Pictures","enable_review_videos":true,"mute_video_by_default":false,"widget_sorting_videos_first_text":"Videos First","widget_review_pending_text":"Pending","featured_carousel_items_for_large_screen":3,"social_share_options_order":"Facebook,Twitter","remove_microdata_snippet":true,"disable_json_ld":false,"enable_json_ld_products":false,"preview_badge_show_question_text":false,"preview_badge_no_question_text":"No questions","preview_badge_n_question_text":"{{ number_of_questions }} question/questions","qa_badge_show_icon":false,"qa_badge_position":"same-row","remove_judgeme_branding":true,"widget_add_search_bar":false,"widget_search_bar_placeholder":"Search","widget_sorting_verified_only_text":"Verified only","widget_sorting_most_relevant_text":"Most Relevant","featured_carousel_theme":"aligned","featured_carousel_show_rating":true,"featured_carousel_show_title":true,"featured_carousel_show_body":true,"featured_carousel_show_date":false,"featured_carousel_show_reviewer":true,"featured_carousel_show_product":true,"featured_carousel_header_background_color":"#108474","featured_carousel_header_text_color":"#ffffff","featured_carousel_name_product_separator":"reviewed","featured_carousel_full_star_background":"#739047","featured_carousel_empty_star_background":"#dadada","featured_carousel_vertical_theme_background":"#f9fafb","featured_carousel_verified_badge_enable":false,"featured_carousel_verified_badge_color":"#108474","featured_carousel_border_style":"round","featured_carousel_review_line_length_limit":3,"featured_carousel_more_reviews_button_text":"Read more reviews","featured_carousel_view_product_button_text":"View product","all_reviews_page_load_reviews_on":"scroll","all_reviews_page_load_more_text":"Load More Reviews","disable_fb_tab_reviews":false,"enable_ajax_cdn_cache":false,"widget_advanced_speed_features":5,"widget_public_name_text":"displayed publicly like","default_reviewer_name":"John Smith","default_reviewer_name_has_non_latin":true,"widget_reviewer_anonymous":"Anonymous","medals_widget_title":"Judge.me Review Medals","medals_widget_background_color":"#f9fafb","medals_widget_position":"footer_all_pages","medals_widget_border_color":"#f9fafb","medals_widget_verified_text_position":"right","medals_widget_use_monochromatic_version":true,"medals_widget_elements_color":"#728f47","show_reviewer_avatar":true,"widget_invalid_yt_video_url_error_text":"Not a YouTube video URL","widget_max_length_field_error_text":"Please enter no more than {0} characters.","widget_show_country_flag":false,"widget_show_collected_via_shop_app":true,"widget_verified_by_shop_badge_style":"light","widget_verified_by_shop_text":"Verified by Shop","widget_show_photo_gallery":true,"widget_load_with_code_splitting":true,"widget_ugc_install_preference":false,"widget_ugc_title":"Made by us, Shared by you","widget_ugc_subt
1180itle":"Tag us to see your picture featured in our page","widget_ugc_arrows_color":"#ffffff","widget_ugc_primary_button_text":"Buy Now","widget_ugc_primary_button_background_color":"#108474","widget_ugc_primary_button_text_color":"#ffffff","widget_ugc_primary_button_border_width":"0","widget_ugc_primary_button_border_style":"none","widget_ugc_primary_button_border_color":"#108474","widget_ugc_primary_button_border_radius":"25","widget_ugc_secondary_button_text":"Load More","widget_ugc_secondary_button_background_color":"#ffffff","widget_ugc_secondary_button_text_color":"#108474","widget_ugc_secondary_button_border_width":"2","widget_ugc_secondary_button_border_style":"solid","widget_ugc_secondary_button_border_color":"#108474","widget_ugc_secondary_button_border_radius":"25","widget_ugc_reviews_button_text":"View Reviews","widget_ugc_reviews_button_background_color":"#ffffff","widget_ugc_reviews_button_text_color":"#108474","widget_ugc_reviews_button_border_width":"2","widget_ugc_reviews_button_border_style":"solid","widget_ugc_reviews_button_border_color":"#108474","widget_ugc_reviews_button_border_radius":"25","widget_ugc_reviews_button_link_to":"judgeme-reviews-page","widget_ugc_show_post_date":true,"widget_ugc_max_width":"800","widget_rating_metafield_value_type":true,"widget_primary_color":"#728F47","widget_enable_secondary_color":true,"widget_secondary_color":"#eff3ea","widget_summary_average_rating_text":"{{ average_rating }} out of 5","widget_media_grid_title":"Customer photos \u0026 videos","widget_media_grid_see_more_text":"See more","widget_round_style":true,"widget_show_product_medals":true,"widget_verified_by_judgeme_text":"Verified by Judge.me","widget_show_store_medals":true,"widget_verified_by_judgeme_text_in_store_medals":"Verified by Judge.me","widget_media_field_exceed_quantity_message":"Sorry, we can only accept {{ max_media }} for one review.","widget_media_field_exceed_limit_message":"{{ file_name }} is too large, please select a {{ media_type }} less than {{ size_limit }}MB.","widget_review_submitted_text":"Review Submitted!","widget_question_submitted_text":"Question Submitted!","widget_close_form_text_question":"Cancel","widget_write_your_answer_here_text":"Write your answer here","widget_enabled_branded_link":true,"widget_show_collected_by_judgeme":true,"widget_reviewer_name_color":"","widget_write_review_text_color":"","widget_write_review_bg_color":"","widget_collected_by_judgeme_text":"collected by Judge.me","widget_pagination_type":"standard","widget_load_more_text":"Load More","widget_load_more_color":"#108474","widget_full_review_text":"Full Review","widget_read_more_reviews_text":"Read More Reviews","widget_read_questions_text":"Read Questions","widget_questions_and_answers_text":"Questions \u0026 Answers","widget_verified_by_text":"Verified by","widget_verified_text":"Verified","widget_number_of_reviews_text":"{{ number_of_reviews }} reviews","widget_back_button_text":"Back","widget_next_button_text":"Next","widget_custom_forms_filter_button":"Filters","custom_forms_style":"horizontal","widget_show_review_information":false,"how_reviews_are_collected":"How reviews are collected?","widget_show_review_keywords":false,"widget_gdpr_statement":"How we use your data: We'll only contact you about the review you left, and only if necessary. By submitting your review, you agree to Judge.me's \u003ca href='https://judge.me/terms' target='_blank' rel='nofollow noopener'\u003eterms\u003c/a\u003e, \u003ca href='https://judge.me/privacy' target='_blank' rel='nofollow noopener'\u003eprivacy\u003c/a\u003e and \u003ca href='https://judge.me/content-policy' target='_blank' rel='nofollow noopener'\u003econtent\u003c/a\u003e policies.","widget_multilingual_sorting_enabled":false,"widget_translate_review_content_enabled":false,"widget_translate_review_content_method":"manual","popup_widget_review_selection":"automatically_with_pictures","popup_widget_round_border_style":true,"popup_widget_show_title":true,"popup_widget_show_body":true,"popup_widget_show_reviewer":false,"popup_widget_show_product":true,"popup_widget_show_pictures":true,"popup_widget_use_review_picture":true,"popup_widget_show_on_home_page":true,"popup_widget_show_on_product_page":true,"popup_widget_show_on_collection_page":true,"popup_widget_show_on_cart_page":true,"popup_widget_position":"bottom_left","popup_widget_first_review_delay":5,"popup_widget_duration":5,"popup_widget_interval":5,"popup_widget_review_count":5,"popup_widget_hide_on_mobile":true,"review_snippet_widget_round_border_style":true,"review_snippet_widget_card_color":"#FFFFFF","review_snippet_widget_text_color":"#000000","review_snippet_widget_lighter_text_color":"#7B7B7B","review_snippet_widget_slider_arrows_background_color":"#FFFFFF","review_snippet_widget_slider_arrows_color":"#000000","review_snippet_widget_star_color":"#FBCD0A","show_product_variant":true,"all_reviews_product_variant_label_text":"Variant: ","widget_show_verified_branding":true,"widget_ai_summary_title":"Customers say","widget_ai_summary_disclaimer":"AI-powered review summary based on recent customer reviews","widget_show_ai_summary":false,"widget_show_ai_summary_bg":false,"write_review_button_visibility":"everyone","store_summary_widget_heading":"Customers rate this store","store_summary_widget_button_text":"View customer reviews","store_summary_widget_button_theme_text":"See AI reviews summary","widget_show_review_title_input":true,"widget_autofill_review_title":true,"redirect_reviewers_invited_via_email":"external_form","request_store_review_after_product_review":false,"request_review_other_products_in_order":false,"review_form_color_scheme":"default","review_form_corner_style":"square","review_form_star_color":"#728F47","review_form_text_color":"#333333","review_form_background_color":"#ffffff","review_form_field_background_color":"#fafafa","review_form_button_color":"#728F47","review_form_button_text_color":"#ffffff","review_form_modal_overlay_color":"#000000","review_form_theme":"multi_step","review_form_location":"in_store_popup","review_form_external_page_background_color":"#C5F7F0","review_content_screen_title_text":"How would you rate this product?","review_content_introduction_text":"We would love it if you would share a bit about your experience.","store_review_form_title_text":"How would you rate this store?","store_review_form_introduction_text":"We would love it if you would share a bit about your experience.","show_review_guidance_text":true,"one_star_review_guidance_text":"Poor","five_star_review_guidance_text":"Great","customer_information_screen_title_text":"About you","customer_information_introduction_text":"Please tell us more about you.","custom_questions_screen_title_text":"Your experience in more detail","custom_questions_introduction_text":"Here are a few questions to help us understand more about your experience.","review_submitted_screen_title_text":"Thanks for your review!","review_submitted_screen_thank_you_text":"We are processing it and it will appear on the store soon.","review_submitted_screen_email_verification_text":"Please confirm your email by clicking the link we just sent you. This helps us keep reviews authentic.","confirm_email_screen_title_text":"Confirm your email","confirm_email_screen_message_text":"To help keep reviews authentic, we'll send you a secure link to continue writing your review. It only takes a moment.","check_email_screen_title_text":"Check your email","check_email_screen_message_text":"We sent you an email to {{ email }}. Click the button on the email to continue.","check_email_screen_resend_message_text":"Email resent!","check_email_resend_hint_text":"Didn't get the email? Check your spam folder or [resend the email].","verification_email_rate_limit_error_text":"You've reached the limit for review attempts on this product. Please check your inbox or try again later.","review_submitted_request_store_review_text":"Would you like to share your experience of shopping with us?","review_submitted_review_other_products_text":"Would you like to review these products?","store_review_screen_title_text":"Would you like to share your experience of shopping with us?","store_review_introduction_text":"We value your feedback and use it to improve. Please share any thoughts or suggestions you have.","reviewer_media_screen_title_picture_text":"Share a picture","reviewer_media_introduction_picture_text":"Upload a photo to support your review.","reviewer_media_screen_title_video_text":"Share a video","reviewer_media_introduction_video_text":"Upload a video to support your review.","reviewer_media_screen_title_picture_or_video_text":"Share a picture or video","reviewer_media_introduction_picture_or_video_text":"Upload a photo or video to support your review.","reviewer_media_
1180youtube_url_text":"Paste your Youtube URL here","advanced_settings_next_step_button_text":"Next","advanced_settings_close_review_button_text":"Close","modal_write_review_flow":true,"write_review_flow_required_text":"Required","write_review_flow_privacy_message_text":"We respect your privacy.","write_review_flow_anonymous_text":"Post review as anonymous","write_review_flow_visibility_text":"This won't be visible to other customers.","write_review_flow_multiple_selection_help_text":"Select as many as you like","write_review_flow_single_selection_help_text":"Select one option","write_review_flow_required_field_error_text":"This field is required","write_review_flow_invalid_email_error_text":"Please enter a valid email address","write_review_flow_max_length_error_text":"Max. {{ max_length }} characters.","write_review_flow_media_upload_text":"\u003cb\u003eClick to upload\u003c/b\u003e or drag and drop","write_review_flow_gdpr_statement":"We'll only contact you about your review if necessary. By submitting your review, you agree to our \u003ca href='https://judge.me/terms' target='_blank' rel='nofollow noopener'\u003eterms and conditions\u003c/a\u003e and \u003ca href='https://judge.me/privacy' target='_blank' rel='nofollow noopener'\u003eprivacy policy\u003c/a\u003e.","rating_only_reviews_enabled":false,"show_negative_reviews_help_screen":false,"new_review_flow_help_screen_rating_threshold":3,"negative_review_resolution_screen_title_text":"Tell us more","negative_review_resolution_text":"Your experience matters to us. If there were issues with your purchase, we're here to help. Feel free to reach out to us, we'd love the opportunity to make things right.","negative_review_resolution_button_text":"Contact us","negative_review_resolution_proceed_with_review_text":"Leave a review","negative_review_resolution_subject":"Issue with purchase from {{ shop_name }}.{{ order_name }}","coupon_promo_intro_any_review_text":"Write a review and get a coupon for {{ amount }} off your next purchase","coupon_promo_intro_with_photo_text":"Write a review and add a photo or video to get a coupon for {{ amount }} off your next purchase","coupon_promo_intro_with_video_text":"Write a review and add a video to get a coupon for {{ amount }} off your next purchase","coupon_promo_intro_up_to_any_review_text":"Write a review and get a coupon for up to {{ amount }} off your next purchase","coupon_promo_intro_up_to_with_photo_text":"Write a review and add a photo or video to get a coupon for up to {{ amount }} off your next purchase","coupon_promo_intro_external_text":"Write a review and get a reward for your next purchase","coupon_promo_intro_external_with_photo_text":"Write a review and add a photo or video to get a reward for your next purchase","coupon_promo_intro_external_with_video_text":"Write a review and add a video to get a reward for your next purchase","coupon_promo_media_photo_text":"Add a photo or video and get a coupon for {{ amount }} off your next purchase","coupon_promo_media_photo_only_text":"Add a photo and get a coupon for {{ amount }} off your next purchase","coupon_promo_media_video_text":"Add a video and get a coupon for {{ amount }} off your next purchase","coupon_promo_media_external_photo_text":"Add a photo or video and get a reward for your next purchase","coupon_promo_media_external_photo_only_text":"Add a photo and get a reward for your next purchase","coupon_promo_media_external_video_text":"Add a video and get a reward for your next purchase","coupon_promo_success_text":"You've got a coupon for your next purchase at {{ shop_name }}!","coupon_promo_success_subtext":"You'll receive your coupon email within the hour.","preview_badge_collection_page_install_status":false,"widget_review_custom_css":"","preview_badge_custom_css":"","preview_badge_stars_count":"5-stars","featured_carousel_custom_css":"a {\n    color: #739047 !important;\n}\na {\n    font-weight: bold !important;\n}","floating_tab_custom_css":"","all_reviews_widget_custom_css":"","medals_widget_custom_css":"","verified_badge_custom_css":"","all_reviews_text_custom_css":"","transparency_badges_collected_via_store_invite":false,"transparency_badges_from_another_provider":false,"transparency_badges_collected_from_store_visitor":false,"transparency_badges_collected_by_verified_review_provider":true,"transparency_badges_earned_reward":false,"transparency_badges_collected_via_store_invite_text":"Review collected via store invitation","transparency_badges_from_another_provider_text":"Review collected from another provider","transparency_badges_collected_from_store_visitor_text":"Review collected from a store visitor","transparency_badges_written_in_google_text":"Review written in Google","transparency_badges_written_in_etsy_text":"Review written in Etsy","transparency_badges_written_in_shop_app_text":"Review written in Shop App","transparency_badges_earned_reward_text":"Review earned a reward for future purchase","product_review_widget_per_page":10,"widget_other_languages_reviews_per_page":3,"widget_store_review_label_text":"Review about the store","widget_cart_mode_aggregate_heading_text":"Customers rate this store","checkout_comment_extension_title_on_product_page":"Customer Comments","checkout_comment_extension_num_latest_comment_show":5,"checkout_comment_extension_format":"name_and_timestamp","checkout_comment_customer_name":"last_initial","checkout_comment_comment_notification":true,"preview_badge_collection_page_install_preference":false,"preview_badge_home_page_install_preference":false,"preview_badge_product_page_install_preference":false,"review_widget_install_preference":"","review_carousel_install_preference":false,"floating_reviews_tab_install_preference":"none","verified_reviews_count_badge_install_preference":false,"all_reviews_text_install_preference":false,"review_widget_best_location":false,"judgeme_medals_install_preference":false,"review_widget_revamp_enabled":true,"review_widget_qna_enabled":false,"review_widget_revamp_dual_publish_end_date":"2026-07-09T07:29:56.000+00:00","review_widget_header_theme":"minimal","review_widget_widget_title_enabled":true,"review_widget_header_text_size":"medium","review_widget_header_text_weight":"regular","review_widget_average_rating_style":"compact","review_widget_bar_chart_enabled":true,"review_widget_bar_chart_type":"numbers","review_widget_bar_chart_style":"standard","review_widget_expanded_media_gallery_enabled":false,"review_widget_show_review_highlights":false,"review_widget_show_review_keywords_in_gray":false,"review_widget_reviews_section_theme":"standard","review_widget_image_style":"thumbnails","review_widget_review_image_ratio":"square","review_widget_stars_size":"medium","review_widget_verified_badge":"bold_text","review_widget_review_title_text_size":"medium","review_widget_review_text_size":"medium","review_widget_review_text_length":"medium","review_widget_number_of_columns_desktop":3,"review_widget_carousel_transition_speed":5,"review_widget_custom_questions_answers_display":"always","review_widget_card_section_size":"small","review_widget_button_text_color":"#FFFFFF","review_widget_text_color":"#000000","review_widget_lighter_text_color":"#7B7B7B","review_widget_corner_styling":"rounded","review_widget_custom_css":".jm-verified-buyer-badge__text { \n    background-color: red; \n}","review_widget_review_word_singular":"review","review_widget_review_word_plural"
1180:"reviews","review_widget_voting_label":"Helpful?","review_widget_shop_reply_label":"Reply from {{ shop_name }}:","review_widget_filters_title":"Filters","review_widget_filter_rating_title":"Rating","review_widget_filter_keyword_title":"Keyword","review_widget_clear_filters_text":"Clear filters","review_widget_expand_more_text":"More","review_widget_review_highlights_title":"Review highlights","qna_widget_question_word_singular":"Question","qna_widget_question_word_plural":"Questions","qna_widget_answer_reply_label":"Answer from {{ answerer_name }}:","qna_content_screen_title_text":"Ask a question about this product","qna_widget_question_required_field_error_text":"Please enter your question.","qna_widget_flow_gdpr_statement":"We'll only contact you about your question if necessary. By submitting your question, you agree to our \u003ca href='https://judge.me/terms' target='_blank' rel='nofollow noopener'\u003eterms and conditions\u003c/a\u003e and \u003ca href='https://judge.me/privacy' target='_blank' rel='nofollow noopener'\u003eprivacy policy\u003c/a\u003e.","qna_widget_question_submitted_text":"Thanks for your question!","qna_widget_close_form_text_question":"Close","qna_widget_question_submit_success_text":"We’ll notify you by email when your question is answered.","all_reviews_widget_v2025_enabled":false,"all_reviews_widget_v2025_header_theme":"default","all_reviews_widget_v2025_widget_title_enabled":true,"all_reviews_widget_v2025_header_text_size":"medium","all_reviews_widget_v2025_header_text_weight":"regular","all_reviews_widget_v2025_average_rating_style":"compact","all_reviews_widget_v2025_bar_chart_enabled":true,"all_reviews_widget_v2025_bar_chart_type":"numbers","all_reviews_widget_v2025_bar_chart_style":"standard","all_reviews_widget_v2025_expanded_media_gallery_enabled":false,"all_reviews_widget_v2025_show_store_medals":true,"all_reviews_widget_v2025_show_photo_gallery":true,"all_reviews_widget_v2025_show_review_keywords":false,"all_reviews_widget_v2025_show_ai_summary":false,"all_reviews_widget_v2025_show_ai_summary_bg":false,"all_reviews_widget_v2025_show_review_highlights":false,"all_reviews_widget_v2025_show_review_keywords_in_gray":false,"all_reviews_widget_v2025_add_search_bar":false,"all_reviews_widget_v2025_default_sort_method":"most-recent","all_reviews_widget_v2025_reviews_per_page":10,"all_reviews_widget_v2025_reviews_section_theme":"default","all_reviews_widget_v2025_image_style":"thumbnails","all_reviews_widget_v2025_review_image_ratio":"square","all_reviews_widget_v2025_stars_size":"medium","all_reviews_widget_v2025_verified_badge":"standard_text","all_reviews_widget_v2025_review_title_text_size":"medium","all_reviews_widget_v2025_review_text_size":"medium","all_reviews_widget_v2025_review_text_length":"medium","all_reviews_widget_v2025_number_of_columns_desktop":3,"all_reviews_widget_v2025_carousel_transition_speed":5,"all_reviews_widget_v2025_custom_questions_answers_display":"always","all_reviews_widget_v2025_review_dates":false,"all_reviews_widget_v2025_card_section_size":"small","all_reviews_widget_v2025_show_product_variant":false,"all_reviews_widget_v2025_show_reviewer_avatar":true,"all_reviews_widget_v2025_reviewer_name_as_initial":"","all_reviews_widget_v2025_review_location_show":false,"all_reviews_widget_v2025_location_format":"","all_reviews_widget_v2025_show_country_flag":false,"all_reviews_widget_v2025_widget_thumb":false,"all_reviews_widget_v2025_verified_by_shop_badge_style":"light","all_reviews_widget_v2025_social_share":false,"all_reviews_widget_v2025_social_share_options_order":"Facebook,Twitter,LinkedIn,Pinterest","all_reviews_widget_v2025_pagination_type":"standard","all_reviews_widget_v2025_button_text_color":"#FFFFFF","all_reviews_widget_v2025_text_color":"#000000","all_reviews_widget_v2025_lighter_text_color":"#7B7B7B","all_reviews_widget_v2025_corner_styling":"soft","all_reviews_widget_v2025_title":"Customer reviews","all_reviews_widget_v2025_ai_summary_title":"Customers say about this store","all_reviews_widget_v2025_no_review_text":"Be the first to write a review","all_reviews_widget_v2025_review_highlights_title":"Review highlights","reviews_grid_widget_show_sample_reviews":false,"reviews_grid_widget_review_selection":"all","reviews_grid_widget_select_products":[],"reviews_grid_widget_show_media_only":false,"reviews_grid_widget_display_order":"media_first","reviews_grid_widget_card_grouping":"per_media","reviews_grid_widget_columns_desktop":3,"reviews_grid_widget_rows_desktop":3,"reviews_grid_widget_columns_mobile":2,"reviews_grid_widget_rows_mobile":6,"reviews_grid_widget_show_stars":true,"reviews_grid_widget_show_reviewer_name":true,"reviews_grid_widget_show_review_title_on_hover_desktop":true,"reviews_grid_widget_corner_styling":"soft","reviews_grid_widget_card_spacing":"medium","reviews_grid_widget_header_text_color":"#000000","reviews_grid_widget_star_and_reviewer_name_color":"#F9F9F9","reviews_grid_widget_overlay_and_background_color":"#000000","reviews_grid_widget_content_color":"#F9F9F9","reviews_grid_widget_header_text":"From our customers","reviews_grid_widget_show_average_rating":true,"trust_badge_enabled":false,"trust_badge_structure":"outline","trust_badge_color":"black","trust_badge_star":"black","trust_badge_rating_display_default":"show_avg_text","platform":"shopify","branding_url":"https://app.judge.me/reviews/stores/iteaworld.com","branding_text":"Powered by Judge.me","locale":"en","reply_name":"iTeaworld","shop_currency":"USD","widget_version":"3.0","footer":true,"autopublish":true,"review_dates":true,"enable_custom_form":false,"shop_use_review_site":true,"shop_locale":"en","enable_multi_locales_translations":true,"show_review_title_input":true,"autofill_review_title":true,"review_verification_email_status":"always","require_verification_before_submit":false,"sign_in_with_
1180shop_enabled":false,"customer_account_validation_enabled":true,"most_relevant_sort_enabled":false,"coupon_promo_invited_eligible":true,"coupon_promo_web_eligible":false,"uses_coupon_integration":false,"uses_external_coupon":false,"can_be_branded":true,"rtl_stars_enabled_ar":true,"rtl_stars_enabled_he":true,"reply_name_text":"iTeaworld"};</script>
1180 <style class='jdgm-settings-style'>.jdgm-xx{left:0}:root{--jdgm-primary-color: #728F47;--jdgm-secondary-color: #eff3ea;--jdgm-star-color: #f2a83f;--jdgm-write-review-text-color: white;--jdgm-write-review-bg-color: #728F47;--jdgm-paginate-color: #728F47;--jdgm-border-radius: 10;--jdgm-reviewer-name-color: #728F47}.jdgm-histogram__bar-content{background-color:#728F47}.jdgm-rev[data-verified-buyer=true] .jdgm-rev__icon.jdgm-rev__icon:after,.jdgm-rev__buyer-badge.jdgm-rev__buyer-badge{color:white;background-color:#728F47}.jdgm-review-widget--small .jdgm-gallery.jdgm-gallery .jdgm-gallery__thumbnail-link:nth-child(8) .jdgm-gallery__thumbnail-wrapper.jdgm-gallery__thumbnail-wrapper:before{content:"See more"}@media only screen and (min-width: 768px){.jdgm-gallery.jdgm-gallery .jdgm-gallery__thumbnail-link:nth-child(8) .jdgm-gallery__thumbnail-wrapper.jdgm-gallery__thumbnail-wrapper:before{content:"See more"}}.jdgm-rev__thumb-btn{color:#728F47}.jdgm-rev__thumb-btn:hover{opacity:0.8}.jdgm-rev__thumb-btn:not([disabled]):hover,.jdgm-rev__thumb-btn:hover,.jdgm-rev__thumb-btn:active,.jdgm-rev__thumb-btn:visited{color:#728F47}.jdgm-preview-badge .jdgm-star.jdgm-star{color:#f2a83f}.jdgm-prev-badge[data-average-rating='0.00']{display:none !important}.jdgm-prev-badge__text{display:none !important}.jdgm-author-all-initials{display:none !important}.jdgm-author-last-initial{display:none !important}.jdgm-rev-widg__title{visibility:hidden}.jdgm-rev-widg__summary-text{visibility:hidden}.jdgm-prev-badge__text{visibility:hidden}.jdgm-rev__prod-link-prefix:before{content:'about'}.jdgm-rev__variant-label:before{content:'Variant: '}.jdgm-rev__out-of-store-text:before{content:'(out of store)'}@media only screen and (min-width: 768px){.jdgm-rev__pics .jdgm-rev_all-rev-page-picture-separator,.jdgm-rev__pics .jdgm-rev__product-picture{display:none}}@media only screen and (max-width: 768px){.jdgm-rev__pics .jdgm-rev_all-rev-page-picture-separator,.jdgm-rev__pics .jdgm-rev__product-picture{display:none}}.jdgm-preview-badge[data-template="product"]{display:none !important}.jdgm-preview-badge[data-template="collection"]{display:none !important}.jdgm-preview-badge[data-template="index"]{display:none !important}.jdgm-review-widget[data-from-snippet="true"]{display:none !important}.jdgm-verified-count-badget[data-from-snippet="true"]{display:none !important}.jdgm-carousel-wrapper[data-from-snippet="true"]{display:none !important}.jdgm-all-reviews-text[data-from-snippet="true"]{display:none !important}.jdgm-medals-section[data-from-snippet="true"]{display:none !important}.jdgm-ugc-media-wrapper[data-from-snippet="true"]{display:none !important}.jdgm-rev__transparency-badge[data-badge-type="review_collected_via_store_invitation"]{display:none !important}.jdgm-rev__transparency-badge[data-badge-type="review_collected_from_another_provider"]{display:none !important}.jdgm-rev__transparency-badge[data-badge-type="review_collected_from_store_visitor"]{display:none !important}.jdgm-rev__transparency-badge[data-badge-type="review_earned_for_future_purchase"]{display:none !important}.jdgm-review-snippet-widget{--jdgm-snippet-card-color: #fff;--jdgm-snippet-text-color: #000;--jdgm-snippet-lighter-text-color: #7B7B7B;--jdgm-snippet-star-color: #FBCD0A;--jdgm-snippet-border-radius: 8px;--jdgm-snippet-arrows-bg-color: #fff;--jdgm-snippet-arrows-color: #000}.jdgm-review-snippet-widget .jdgm-rev-snippet-widget__cards-container .jdgm-rev-snippet-card{border-radius:8px;background:#fff}.jdgm-review-snippet-widget .jdgm-rev-snippet-widget__cards-container .jdgm-rev-snippet-card__rev-rating .jdgm-star{color:#FBCD0A}.jdgm-review-snippet-widget .jdgm-rev-snippet-widget__prev-btn,.jdgm-review-snippet-widget .jdgm-rev-snippet-widget__next-btn{border-radius:50%;background:#fff}.jdgm-review-snippet-widget .jdgm-rev-snippet-widget__prev-btn>svg,.jdgm-review-snippet-widget .jdgm-rev-snippet-widget__next-btn>svg{fill:#000}.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jm-mfp-content,.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jdgm-full-rev__icon,.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jdgm-full-rev__pic-img,.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jdgm-full-rev__reply{border-radius:8px}.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jdgm-full-rev[data-verified-buyer="true"] .jdgm-full-rev__icon::after{border-radius:8px}.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jdgm-full-rev .jdgm-rev__buyer-badge{border-radius:calc( 8px / 2 )}.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jdgm-full-rev .jdgm-full-rev__replier::before{content:'iTeaworld'}.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jdgm-full-rev .jdgm-full-rev__product-button{border-radius:calc( 8px * 6 )}
1181</style> <style class='jdgm-settings-style'>.jdgm-review-widget .jm-verified-buyer-badge__text{background-color:red}
1182</style>
1183
1184  
1185  
1186  
1187  <style class='jdgm-miracle-styles'>
1188  @-webkit-keyframes jdgm-spin{0%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);-ms-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes jdgm-spin{0%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);-ms-transform:rotate(359deg);transform:rotate(359deg)}}@font-face{font-family:'JudgemeStar';src:url("data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAAAScAA0AAAAABrAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAEgAAAABoAAAAcbyQ+3kdERUYAAARgAAAAHgAAACAAMwAGT1MvMgAAAZgAAABGAAAAVi+vS9xjbWFwAAAB8AAAAEAAAAFKwBMjvmdhc3AAAARYAAAACAAAAAj//wADZ2x5ZgAAAkAAAAEJAAABdH33LXtoZWFkAAABMAAAAC0AAAA2BroQKWhoZWEAAAFgAAAAHAAAACQD5QHQaG10eAAAAeAAAAAPAAAAFAYAAABsb2NhAAACMAAAAA4AAAAOAO4AeG1heHAAAAF8AAAAHAAAACAASgAvbmFtZQAAA0wAAADeAAABkorWfVZwb3N0AAAELAAAACkAAABEp3ubLXgBY2BkYADhPPP4OfH8Nl8ZuJkYQODS2fRrCPr/aSYGxq1ALgcDWBoAO60LkwAAAHgBY2BkYGDc+v80gx4TAwgASaAICmABAFB+Arl4AWNgZGBgYGPQYWBiAAIwyQgWc2AAAwAHVQB6eAFjYGRiYJzAwMrAwejDmMbAwOAOpb8ySDK0MDAwMbByMsCBAAMCBKS5pjA4PGB4wMR44P8BBj3GrQymQGFGkBwAjtgK
1188/gAAeAFjYoAAEA1jAwAAZAAHAHgB3crBCcAwDEPRZydkih567CDdf4ZskmLwFBV8xBfCaC4BXkOUmx4sU0h2ngNb9V0vQCxaRKIAevT7fGWuBrEAAAAAAAAAAAA0AHgAugAAeAF9z79Kw1AUx/FzTm7un6QmJtwmQ5Bg1abgEGr/BAqlU6Gju+Cgg1MkQ/sA7Vj7BOnmO/gUvo2Lo14NqIO6/IazfD8HEODtmQCfoANwNsyp2/GJt3WKQrd1NLiYYWx2PBqOsmJMEOznPOTzfSCrhAtbbLdmeFLJV9eKd63WLrZcIcuaEVdssWCKM6pLCfTVOYbz/0pNSMSZKLIZpvh78sAUH6PlMrreTCabP9r+Z/puPZ2ur/RqpQHgh+MIegCnXeM4MRAPjYN//5tj4ZtTjkFqEdmeMShlEJ7tVAly2TAkx6R68Fl4E/aVvn8JqHFQ4JS1434gXKcuL31dDhzs3YbsEOAd/IU88gAAAHgBfY4xTgMxEEVfkk0AgRCioKFxQYd2ZRtpixxgRU2RfhU5q5VWseQ4JdfgAJyBlmNwAM7ABRhZQ0ORwp7nr+eZAa54YwYg9zm3ynPOeFRe8MCrciXOh/KSS76UV5L/iDmrLiS5AeU519wrL3jmSbkS5115yR2fyivJv9kx0ZMZ2RLZw27q87iNQi8EBo5FSPIMw3HqBboi5lKTGAGDp8FKXWP+t9TU01Lj5His1Ba6uM9dTEMwvrFmbf5GC/q2drW3ruXUhhsCiQOjznFlCzYhHUZp4xp76vsvQh89CQAAeAFjYGJABowM6IANLMrEyMTIzMjCXpyRWJBqZshWXJJYBKOMAFHFBucAAAAAAAAB//8AAngBY2BkYGDgA2IJBhBgAvKZGViBJAuYxwAABJsAOgAAeAFjYGBgZACCk535hiD60tn0azAaAEqpB6wAAA==") format("woff");font-weight:normal;font-style:normal}.jdgm-star{font-family:'JudgemeStar';display:inline !important;text-decoration:none !important;padding:0 4px 0 0 !important;margin:0 !important;font-weight:bold;opacity:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.jdgm-star:hover{opacity:1}.jdgm-star:last-of-type{padding:0 !important}.jdgm-star.jdgm--on:before{content:"\e000"}.jdgm-star.jdgm--off:before{content:"\e001"}.jdgm-star.jdgm--half:before{content:"\e002"}.jdgm-widget *{margin:0;line-height:1.4;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-overflow-scrolling:touch}.jdgm-hidden{display:none !important;visibility:hidden !important}.jdgm-temp-hidden{display:none}.jdgm-spinner{width:40px;height:40px;margin:auto;border-radius:50%;border-top:2px solid #eee;border-right:2px solid #eee;border-bottom:2px solid #eee;border-left:2px solid #ccc;-webkit-animation:jdgm-spin 0.8s infinite linear;animation:jdgm-spin 0.8s infinite linear}.jdgm-prev-badge{display:block !important}
1189
1190</style>
1191
1192
1193  
1194  
1195   
1196
1197
1198
1199
1200<script data-cfasync='false' class='jdgm-script'>
1201!function(e){window.jdgm=window.jdgm||{};
1202/* INF-1976 */
1203var _jdgmBlocked=function(){var raw=(window.jdgmSettings||{}).hostname_allowlist;var list=(raw==null?"":""+raw).split(/[\s,]+/).map(function(h){return h.trim().toLowerCase().replace(/\.$/,"");}).filter(function(h){return h;});if(!list.length)return false;var host=(e.location.hostname||"").toLowerCase().replace(/\.$/,"");if(/(^|\.)shopifypreview\.com$/.test(host))return false;var bare=host.replace(/^www\./,"");for(var i=0;i<list.length;i++){var en=list[i];if(en.indexOf("*.")===0){var b=en.slice(2);if(host===b||host.slice(-(b.length+1))==="."+b)return false;}else if(bare===en.replace(/^www\./,""))return false;}return true;}();
1204if(_jdgmBlocked){jdgm._loaderExecuted=true;jdgm._blocked=true;var _jdgmS=e.createElement("style");_jdgmS.textContent='[class^="jdgm-"],[class*=" jdgm-"]{display:none !important}';(e.head||e.documentElement).appendChild(_jdgmS);return;}
1205jdgm.CDN_HOST="https://cdnwidget.judge.me/",jdgm.CDN_HOST_ALT="https://cdn2.judge.me/cdn/widget_frontend/",jdgm.API_HOST="https://api.judge.me/",jdgm.CDN_BASE_URL="https://cdn.shopify.com/extensions/01a0f14c-14c3-7c54-8630-ec498be121ab/judgeme-770/assets/",jdgm.CDN_API_HOST="https://cdn.judge.me/",
1206jdgm.docReady=function(d){(e.attachEvent?"complete"===e.readyState:"loading"!==e.readyState)?
1207setTimeout(d,0):e.addEventListener("DOMContentLoaded",d)},jdgm.loadCSS=function(d,t,o,a){
1208!o&&jdgm.loadCSS.requestedUrls.indexOf(d)>=0||(jdgm.loadCSS.requestedUrls.push(d),
1209(a=e.createElement("link")).rel="stylesheet",a.class="jdgm-stylesheet",a.media="nope!",
1210a.href=d,a.onload=function(){this.media="all",t&&setTimeout(t)},e.body.appendChild(a))},
1211jdgm.loadCSS.requestedUrls=[],jdgm.loadJS=function(e,d){var t=new XMLHttpRequest;
1212t.onreadystatechange=function(){4===t.readyState&&t.status>=200&&t.status<300&&(Function(t.response)(),d&&d(t.response))},
1213t.open("GET",e),t.onerror=function(){if(e.indexOf(jdgm.CDN_HOST)===0&&jdgm.CDN_HOST_ALT!==jdgm.CDN_HOST){var f=e.replace(jdgm.CDN_HOST,jdgm.CDN_HOST_ALT);jdgm.loadJS(f,d)}},t.send()},jdgm.docReady((function(){(window.jdgmLoadCSS||e.querySelectorAll(
1214".jdgm-widget, .jdgm-all-reviews-page").length>0)&&(jdgmSettings.widget_load_with_code_splitting?
1215parseFloat(jdgmSettings.widget_version)>=3?jdgm.loadCSS(jdgm.CDN_BASE_URL+"widget_v3_base.css"):
1216jdgm.loadCSS(jdgm.CDN_BASE_URL+"widget_base.css"):jdgm.loadCSS(jdgm.CDN_BASE_URL+"shopify_v2.css")
1217)}))}(document);
1218</script>
1218
1219<noscript><link rel="stylesheet" type="text/css" media="all" href="https://cdn.shopify.com/extensions/01a0f14c-14c3-7c54-8630-ec498be121ab/judgeme-770/assets/shopify_v2.css"></noscript>
1220
1221<!-- BEGIN app snippet: theme_fix_tags -->
1221<script>
1222  (function() {
1223    var jdgmThemeFixes = {"189731635479":{"html":"","css":".jdgm-review-content__body-content,p.jm-text.jm-review-content__title{\n    font-family: var(--font-body-family) !important;\n    font-weight: var(--font-body-weight) !important;\n}\n.jdgm-review-content__body-content{\n  font-size: 14px !important;\n}\np.jm-text.jm-review-content__title{\n  font-size: 16px !important;\n}","js":""}};
1224    if (!jdgmThemeFixes) return;
1225
1226    // "All themes" fix: CSS and JS applied on every theme. CSS is injected
1227    // before the per-theme fix so the theme-specific CSS wins the cascade.
1228    // HTML is never applied globally (too risky).
1229    var allThemesFix = jdgmThemeFixes['all'];
1230    if (allThemesFix && allThemesFix.css) {
1231      var allStyleTag = document.createElement('style');
1232      allStyleTag.classList.add('jdgm-theme-fix-style-all');
1233      allStyleTag.innerHTML = allThemesFix.css;
1234      document.head.append(allStyleTag);
1235    };
1236
1237    if (allThemesFix && allThemesFix.js) {
1238      var allScriptTag = document.createElement('script');
1239      allScriptTag.classList.add('jdgm-theme-fix-script-all');
1240      allScriptTag.innerHTML = allThemesFix.js;
1241      document.head.append(allScriptTag);
1242    };
1243
1244    var thisThemeFix = jdgmThemeFixes[Shopify.theme.id];
1245    if (!thisThemeFix) return;
1246
1247    if (thisThemeFix.html) {
1248      document.addEventListener("DOMContentLoaded", function() {
1249        var htmlDiv = document.createElement('div');
1250        htmlDiv.classList.add('jdgm-theme-fix-html');
1251        htmlDiv.innerHTML = thisThemeFix.html;
1252        document.body.append(htmlDiv);
1253      });
1254    };
1255
1256    if (thisThemeFix.css) {
1257      var styleTag = document.createElement('style');
1258      styleTag.classList.add('jdgm-theme-fix-style');
1259      styleTag.innerHTML = thisThemeFix.css;
1260      document.head.append(styleTag);
1261    };
1262
1263    if (thisThemeFix.js) {
1264      var scriptTag = document.createElement('script');
1265      scriptTag.classList.add('jdgm-theme-fix-script');
1266      scriptTag.innerHTML = thisThemeFix.js;
1267      document.head.append(scriptTag);
1268    };
1269  })();
1270</script>
1270
1271<!-- END app snippet -->
1272<!-- End of Judge.me Core -->
1273
1274
1275
1276<!-- END app block --><!-- BEGIN app block: shopify://apps/xcotton-guard/blocks/insurance/6531bb8b-340c-42d4-b5da-1734c7a2c524 -->
1277<link rel="dns-prefetch" href="https://sslstaticus.xcottons.com">
1278<link rel="dns-prefetch" href="https://seller.xcottons.com">
1279<script q="true" data-cmp-ab="2" data-cookieconsent="ignore" data-ot-ignore data-uc-allowed="true" data-ta-type="ignore">
1280!function(){"use strict";function t(t,e,o){return(e=function(t){var e=function(t,e){if("object"!=typeof t||!t)return t;var o=t[Symbol.toPrimitive];if(void 0!==o){var n=o.call(t,e);if("object"!=typeof n)return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)}(t,"string");return"symbol"==typeof e?e:e+""}(e))in t?Object.defineProperty(t,e,{value:o,enumerable:!0,configurable:!0,writable:!0}):t[e]=o,t}function e(t,e){var o=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})),o.push.apply(o,n)}return o}function o(o){for(var n=1;n<arguments.length;n++){var r=null!=arguments[n]?arguments[n]:{};n%2?e(Object(r),!0).forEach(function(e){t(o,e,r[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(o,Object.getOwnPropertyDescriptors(r)):e(Object(r)).forEach(function(t){Object.defineProperty(o,t,Object.getOwnPropertyDescriptor(r,t))})}return o}function n(t,e){var o=e||location.href;if(!o)return"";try{var n=new URL(o,location.href);return n.searchParams.get(t)||new URLSearchParams(n.hash.split("?")[1]).get(t)||""}catch(e){var r=o.match(new RegExp("(\\?|#|&)"+t+"=([^&#]*)(&|#|$)"));return r?decodeURIComponent(r[2]):""}}function r(t){return!0===t||"true"===t}function c(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},e=t.src,o=t.onload,n=t.onerror;if(e){var r=document.createElement("script");!function(t){t&&"function"==typeof t.setAttribute&&(t.setAttribute("data-cmp-ab","2"),t.setAttribute("data-cookieconsent","ignore"),t.setAttribute("data-ot-ignore",""),t.setAttribute("data-uc-allowed","true"),t.setAttribute("data-ta-type","ignore"))}(r),r.src=e,r.type="text/javascript","function"==typeof o&&(r.onload=o),"function"==typeof n&&(r.onerror=n),r.async=!0,document.head.appendChild(r)}}var a=["utm_id","utm_source","utm_medium","utm_campaign","utm_source_platform","utm_term","utm_content","utm_creative_format","utm_marketing_tactic"];
1280var i="xcotton:customer";function s(t){return decodeURIComponent(t.replace(/\+/g,"%20"))}var u="d89fb3-3.myshopify.com";window.currentShopifyDomain=u;window.__xcotton_url__={baseUrl:"https://seller.xcottons.com",authPath:"/go/packageOpenApiWeb/plugins/calcFunc",staticUrl:"https://sslstaticus.xcottons.com",staticPath:"/shopify-plugins/xmh-idc/",currentShopifyDomain:u},window.__xcotton_init_d__={url:o({},window.__xcotton_url__),localization:{country:"US",currency:"USD",language:"en",market:{id:"96978436375",handle:"美国等国家收费"}},versions:{old:"3.1.43_hk44600k",calc:"",common:"",custom:""},config_mode:"",use_jquery:"true",is_theme_design_mode:"false",customer:{id:"",email:s(""),name:s(""),orders_count:Number("0"),total_spent:Number("0"),b2b:!1,current_company:{id:"",name:s(""),external_id:s("")},tags:function(t){try{return JSON.parse(s(t))||[]}catch(t){return[]}}("null")}},function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},e=t.url,o=t.storage,r=t.now,c=function(t){var e={};return a.forEach(function(o){var r=n(o,t);r&&(e[o]=r)}),Object.keys(e).length>0?e:null}(e);!!c&&function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},o=e.storage,n=e.now,r=void 0===n?Date.now:n;try{var c=o||localStorage,a={version:1,clickedAtMs:r(),data:t};return c.setItem("xcotton:edm:v1",JSON.stringify(a)),!0}catch(t){return!1}}(c,{storage:o,now:r})}(),function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},e=t.customer,o=t.storage;try{var n=o||localStorage,r=void 0===e?(window.__xcotton_init_d__||{}).customer:e;return r&&r.id?n.setItem(i,JSON.stringify({id:r.id,email:"string"==typeof r.email?r.email:"",name:"string"==typeof r.name?r.name:"",orders_count:Number.isFinite(r.orders_count)?r.orders_count:0,total_spent:Number.isFinite(r.total_spent)?r.total_spent:0,b2b:!0===r.b2b,current_company:r.current_company&&r.current_company.id?{id:r.current_company.id,name:"string"==typeof r.current_company.name?r.current_company.name:"",external_id:"string"==typeof r.current_company.external_id?r.current_company.external_id:""}:null,tags:Array.isArray(r.tags)?r.tags:[]})):n.removeItem(i),!0}catch(t){return!1}}();var l=window.__xcotton_init_d__||{},d=l.url,_=l.localization,m=l.versions,f=l.is_theme_design_mode,g=d||{},p=g.baseUrl,h=g.staticUrl,y=g.staticPath,v=g.currentShopifyDomain,b=_||{},w=b.country,x=b.currency,j=b.language,O=n("__xmh_debug__"),P=!!location.search&&"true"===n("previewMode",location.search),S=r(f)||P,E="[XC]",k=function(){for(var t,e=arguments.length,o=new Array(e),n=0;n<e;n++)o[n]=arguments[n];O>0&&(t=console).log.apply(t,[E].concat(o))},A=function(){for(var t,e=arguments.length,o=new Array(e),n=0;n<e;n++)o[n]=arguments[n];(t=console).warn.apply(t,[E].concat(o))},V={modules:{},config:null,liquidVers:m||{},targetVers:{},cdnBase:h&&y?"".concat(h).concat(y):""},C="pending",D="loading",T="executed",U="skipped",N="discarded",I=["calc","custom","common"],M={register:function(t,e,o){if("function"==typeof o){var n=V.targetVers[t];if(n&&e!==n)A("Ignored registration: ".concat(t,"@").concat(e,", expecting ").concat(n));else{var r=V.modules[t];r&&r.status===T||(V.modules[t]={version:e,factory:o,status:C},this.check())}}else A("Invalid factory for ".concat(t,"@").concat(e))},check:function(){var t=this;V.config&&I.forEach(function(e){var o=V.modules[e];if(o&&o.status===C){var n=V.targetVers[e];if(n){if(o.version!==n)return A("Version mismatch: ".concat(e,"@").concat(o.version," -> ").concat(n)),void(o.status=N);if("common"!==e||t.isModuleExecuted("calc")&&t.isModuleExecuted("custom"))try{o.factory(V.config),o.status=T,k("Executed: ".concat(e,"@").concat(o.version))}catch(t){A("Execution failed: ".concat(e),t),o.status=N}}else o.status=U}})},isModuleExecuted:function(t){if(!V.targetVers[t])return!0;var e=V.modules[t];return e&&(e.status===T||e.status===U)},loadScript:function(t,e){var o=V.modules[t];if(!o||o.status===C){o?o.status=D:V.modules[t]={version:e,factory:null,status:D},k("Loading: ".concat(t,"@").concat(e));var n="custom"===t||"calc"===t&&e&&e.startsWith("c")?".".concat(v):"";c({src:"".concat(V.cdnBase).concat(t,"/").concat(t,".").concat(e).concat(n,".js"),onerror:function(){A("Load failed: ".concat(t,"@").concat(e)),V.modules[t]&&(V.modules[t].status=N)}})}},processConfig:function(t){var e=this;if(t&&t.versions){V.config=t;var n=O>0,r=t.versions;I.forEach(function(t){var e=r["".concat(t,"DebugVersion")],o=r["".concat(t,"Version")],c=V.liquidVers[t];V.targetVers[t]=n?e||"":o||c||""}),k("Target versions:",o({},V.targetVers)),I.forEach(function(t){var o=V.targetVers[t],n=V.liquidVers[t];!o||n&&o===n||e.loadScript(t,o)}),this.check()}else A("Invalid config: missing versions")},loadConfig:function(){var t=this,e="".concat(p,"/go/xmhCustomerApiWeb/config/getShopAllConfig"),o={shopDomain:v,country:w,currency:x,language:j,debugParam
1280:O};S&&(o.previewMode=!0);var n=0,r=function(){var c=new AbortController,a=setTimeout(function(){return c.abort()},1e4);fetch(e,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(o),signal:c.signal}).then(function(t){if(!t.ok)throw new Error("HTTP ".concat(t.status));return t.json()}).then(function(e){0===e.code&&e.data?t.processConfig(e.data):A("fetch config error:",e.msg||"Unknown error")}).catch(function(t){("AbortError"===t.name||"TypeError"===t.name||t.message.includes("Failed to fetch")||t.message.includes("NetworkError")||t.message.startsWith("HTTP 5"))&&++n<3?(A("Fetch error (".concat(t.name,"), retry ").concat(n,"/3")),setTimeout(r,1e3)):A("fetch config failed:",t.message)}).finally(function(){return clearTimeout(a)})};r()}};window.__xcotton_define=M.register.bind(M);var q=n("__xmh_debug__"),z=window,F=z.__xcotton_url__,R=F.baseUrl,J=F.authPath,L=F.staticUrl,W=F.staticPath,B=F.currentShopifyDomain,H=z.__xcotton_init_d__,Q=H.use_jquery,X=H.is_theme_design_mode,$=!!location.search&&"true"===n("previewMode",location.search),G=r(X)||$?"&previewMode=true":"";c({src:"".concat(R).concat(J,"?shopDomain=").concat(B,"&__xmh_debug__=").concat(q).concat(G),onload:function(){if(z.__xcotton_auth__&&(z.__xcotton_auth__.isOpenForSP||z.__xcotton_auth__.isOpenForPP))if(z.__xcotton_calc_js_cdn_version)M.loadConfig();else if(z.__xcotton_cdnVersion__){var t="".concat(L).concat(W,"xcotton.v").concat(String(z.__xcotton_cdnVersion__).replace(/\./g,"-"),".").concat(B,".js");function e(){c({src:t})}"true"===Q&&"undefined"==typeof jQuery?c({src:"https://cdn.shopify.com/extensions/01a0d254-94fa-746b-8118-1899c6b10931/post-purchase-protection-140/assets/selector.js",onload:e}):e()}}})}();
1281</script>
1281
1282<!-- END app block --><!-- BEGIN app block: shopify://apps/klaviyo-email-marketing-sms/blocks/klaviyo-onsite-embed/2632fe16-c075-4321-a88b-50b567f42507 -->
1283
1284
1285
1286
1287
1288
1289
1290
1291
1292
1293
1294
1295  
1295<script async src="https://static.klaviyo.com/onsite/js/XzRszt/klaviyo.js?company_id=XzRszt"></script>
1295
1296  
1296<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>
1296
1297
1298  
1299
1300
1301
1302
1303  
1303<script>
1304    window.klaviyoReviewsProductDesignMode = false
1305  </script>
1305
1306
1307
1308
1309
1310
1311
1312
1313
1314
1315<!-- END app block --><!-- BEGIN app block: shopify://apps/seal-subscriptions/blocks/subscription-script-append/13b25004-a140-4ab7-b5fe-29918f759699 -->
1315<script defer="defer">
1316	/**	SealSubs loader,version number: 2.0 */
1317	(function(){
1318		var loadScript=function(a,b){var c=document.createElement("script");c.setAttribute("defer", "defer");c.type="text/javascript",c.readyState?c.onreadystatechange=function(){("loaded"==c.readyState||"complete"==c.readyState)&&(c.onreadystatechange=null,b())}:c.onload=function(){b()},c.src=a,document.getElementsByTagName("head")[0].appendChild(c)};
1319		// Set variable to prevent the other loader from requesting the same resources
1320		window.seal_subs_app_block_loader = true;
1321		appendScriptUrl('d89fb3-3.myshopify.com');
1322
1323		// get script url and append timestamp of last change
1324		function appendScriptUrl(shop) {
1325			var timeStamp = Math.floor(Date.now() / (1000*1*1));
1326			var timestampUrl = 'https://app.sealsubscriptions.com/shopify/public/status/shop/'+shop+'.js?'+timeStamp;
1327			loadScript(timestampUrl, function() {
1328				// append app script
1329				if (typeof sealsubscriptions_settings_updated == 'undefined') {
1330					sealsubscriptions_settings_updated = 'default-by-script';
1331				}
1332				
1333				var locale = '';
1334				if (typeof window !== 'undefined' && 
1335					typeof window.Shopify !== 'undefined' && 
1336					typeof window.Shopify.locale !== 'undefined'
1337				) {
1338					locale = window.Shopify.locale;
1339				}
1340
1341				var scriptUrl = "https://cdn-app.sealsubscriptions.com/shopify/public/js/sealsubscriptions-main.js?shop="+shop+"&"+sealsubscriptions_settings_updated+`&locale=${locale}`;
1342				loadScript(scriptUrl, function(){});
1343			});
1344		}
1345	})();
1346
1347	var SealSubsScriptAppended = true;
1348	
1349</script>
1349
1350
1351<!-- END app block -->
1351<script src="https://cdn.shopify.com/extensions/01a0f31a-d643-731f-a391-f78e428ce1be/forms-2604/assets/shopify-forms-loader.js" type="text/javascript" defer="defer"></script>
vendor: 1 bytes, line 1351
1351
1352<script src="https://cdn.shopify.com/extensions/01a0f14c-14c3-7c54-8630-ec498be121ab/judgeme-770/assets/loader.js" type="text/javascript" defer="defer"></script>
vendor: 1 bytes, line 1352
1352
1353<script src="https://cdn.shopify.com/extensions/01a0d6f8-44af-7171-a7af-b60b27a353a3/quizify-54/assets/shortcode.js" type="text/javascript" defer="defer"></script>
vendor: 1 bytes, line 1353
1353
1354<script src="https://cdn.shopify.com/extensions/01a0f705-c4ea-787e-92d8-78ce964a9eb5/monk-free-gift-with-purchase-470/assets/mr-embed-1.js" type="text/javascript" defer="defer"></script>
vendor: 1 bytes, line 1354
1354
1355<script src="https://cdn.shopify.com/extensions/01a0f2db-0836-7636-86a1-66d0eb10c673/2026-09-30-15-05-45-UTC--15387e4/assets/smile-loader.js" type="text/javascript" defer="defer"></script>
vendor: 1 bytes, line 1355
1355
1356<script src="https://cdn.shopify.com/extensions/01a0f14c-14c3-7c54-8630-ec498be121ab/judgeme-770/assets/carousels.js" type="text/javascript" defer="defer"></script>
1356
1357<link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
1358<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: 77803192599,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token,page_type: "index"};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 1358
1358
1359<script>
1360  window.__TREKKIE_SHIM_QUEUE = window.__TREKKIE_SHIM_QUEUE || [];
1361</script>
vendor: 1 bytes, line 1361
1361
1362<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}
1362).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: 77803192599,storefrontBaseUrl: "https://iteaworld.com",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://iteaworld.com/.well-known/shopify/monorail/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["4c64608a","16072cab","8450a54b","7ee89bf1"],webPixelsConfigList: [{"id":"3511943447","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"dbdea6268568f23d29b3bd79cad2ab09","type":"APP","apiClientId":1853423,"privacyPurposes":[],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]}
1362,"dataSharingState":"unrestricted"},{"id":"2604171543","configuration":"{\"accountID\":\"1848772\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"c67c427e35bed2216d156eaeeacde779","type":"APP","apiClientId":4870017,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_email","read_customer_personal_data"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"2374467863","configuration":"{\"accountID\":\"d89fb3-3\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"4f82d0323b06a4642fbff9b42c9979eb","type":"APP","apiClientId":12388204545,"privacyPurposes":["ANALYTICS","MARKETING"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"2298216727","configuration":"{\"accountID\":\"463243\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"6beb2e80c5918031073c477e306feacf","type":"APP","apiClientId":219313,"privacyPurposes":["ANALYTICS"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_email","read_customer_name","read_customer_personal_data"],"dataSharingControls":["share_all_events"]},"dataSharingState":"unrestricted"},{"id":"2035646743","configuration":"{\"accountID\":\"123\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"d9eab77fe0e9788fe2a14272cb20824b","type":"APP","apiClientId":152769888257,"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":"1640857879","configuration":"{\"advertiserId\":\"66020\",\"shopDomain\":\"d89fb3-3.myshopify.com\",\"appVersion\":\"shopifyApp_5.2.5\",\"originalNetwork\":\"sas\",\"customTransactionTag\":\"Shopify-Main\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"c287d09bac7e7a912a76f3941fab1c2f","type":"APP","apiClientId":2887701,"privacyPurposes":["ANALYTICS","MARKETING"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_personal_data"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"1377435927","configuration":"{\"webPixelName\":\"Judge.me\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"8acc938b1a30dc7624e304493ca567d7","type":"APP","apiClientId":683015,"privacyPurposes":["ANALYTICS"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"unrestricted"},{"id":"1032913175","configuration":"{\"shop\":\"d89fb3-3.myshopify.com\",\"cookie_duration\":\"2592000\",\"first_touch_or_last\":\"last_touch\",\"goaffpro_identifiers\":\"gfp_ref,ref,aff,wpam_id,click_id\",\"ignore_ad_clicks\":\"false\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"a74598cb423e21a6befc33d5db5fba42","type":"APP","apiClientId":2744533,"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"},{"id":"728170775","configuration":"{\"config\":\"{\\\"google_tag_ids\\\":[\\\"G-FED4EF1WRE\\\",\\\"AW-11278460930\\\"],\\\"target_country\\\":\\\"US\\\",\\\"gtag_events\\\":[{\\\"type\\\":\\\"search\\\",\\\"action_label\\\":[\\\"G-FED4EF1WRE\\\",\\\"AW-11278460930\\\/HSqWCJ7QraYaEILQ_oEq\\\"]},{\\\"type\\\":\\\"begin_checkout\\\",\\\"action_label\\\":[\\\"G-FED4EF1WRE\\\",\\\"AW-11278460930\\\/I_yoCM_G98oYEILQ_oEq\\\",\\\"AW-11278460930\\\/Xb65CI72-sYZEILQ_oEq\\\"]},{\\\"type\\\":\\\"remove_from_cart\\\",\\\"action_label\\\":\\\"G-FED4EF1WRE\\\"},{\\\"type\\\":\\\"view_item\\\",\\\"action_label\\\":[\\\"G-FED4EF1WRE\\\",\\\"AW-11278460930\\\/BVh5CJvQraYaEILQ_oEq\\\"]},{\\\"type\\\":\\\"purchase\\\",\\\"action_label\\\":[\\\"G-FED4EF1WRE\\\",\\\"AW-11278460930\\\/Wmm7COaOvIgbEILQ_oEq\\\",\\\"AW-11278460930\\\/zIksCN-27MYZEILQ_oEq\\\"]},{\\\"type\\\":\\\"add_shipping_info\\\",\\\"action_label\\\":\\\"G-FED4EF1WRE\\\"},{\\\"type\\\":\\\"page_view\\\",\\\"action_label\\\":[\\\"G-FED4EF1WRE\\\",\\\"AW-11278460930\\\/XAPYCJjQraYaEILQ_oEq\\\"]},{\\\"type\\\":\\\"view_item_list\\\",\\\"action_label\\\":\\\"G-FED4EF1WRE\\\"},{\\\"type\\\":\\\"add_payment_info\\\",\\\"action_label\\\":[\\\"G-FED4EF1WRE\\\",\\\"AW-11278460930\\\/m9itCKHQraYaEILQ_oEq\\\"]},{\\\"type\\\":\\\"add_to_cart\\\",\\\"action_label\\\":[\\\"G-FED4EF1WRE\\\",\\\"AW-11278460930\\\/dV-lCNG598oYEILQ_oEq\\\",\\\"AW-11278460930\\\/l6BTCN237MYZEILQ_oEq\\\"]},{\\\"type\\\":\\\"view_cart\\\",\\\"action_label\\\":\\\"G-FED4EF1WRE\\\"}],\\\"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":"409567511","configuration":"{\"pixel_id\":\"2345306362338903\",\"pixel_type\":\"facebook_pixel\"}","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":"80740631","configuration":"{\"accountID\":\"ABC\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"517d5fed58292e9177150a6bdd6c49a6","type":"APP","apiClientId":38054985729,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_personal_data"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"}
1362,{"id":"153190679","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"4","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"name":"reddit pixel","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":"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":"iTeaworld","paymentSettings":{"currencyCode":"USD"},"myshopifyDomain":"d89fb3-3.myshopify.com","countryCode":"HK","storefrontUrl":"https:\/\/iteaworld.com"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"products":[{"id":"10428460892439","handle":"workday-chinese-tea-collection","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"55297745322263","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10347764252951","handle":"chinese-oolong-tea-classic-flavor-collection-for-beginner","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"55304978792727","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10362355220759","handle":"roasted-chinese-oolong-collection","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"55304907751703","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10362351354135","handle":"fresh-chinese-oolong-collection","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"55305101115671","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9975780245783","handle":"shipping-protection","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"50599539015959","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10150336037143","handle":"tea-club-subscription-floral-fruit-wellness-box","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"51800961253655","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10467022504215","handle":"chinese-sweet-tea-herbal-tea","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"54598111002903","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10466938519831","handle":"gardenia-oolong-tea","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"54597766709527","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10051060793623","handle":"6-jasmine-tea-sampler-freshly-scented-with-2025-blossoms","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"55304906047767","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9935480520983","handle":"oolong-teas-collection-top-10-classic-for-beginners","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"55304877244695","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9666539651351","handle":"herbal-tea-vine-tea","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"55304452473111","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8398719648023","handle":"da-hong-pao","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"55297771471127","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]}
1362,{"id":"10428306325783","handle":"chinese-tea-starter-sampler","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"54166396010775","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10272587514135","handle":"chinese-green-tea-starter-set","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"55304890155287","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10126451245335","handle":"chinas-10-most-famous-tea-collection","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"55304344404247","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10088221147415","handle":"chinese-floral-tea-collection-ten-tea-ten-blessings-one-meaningful-gift","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"55303935951127","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]}],"purchasingCompany":null},},"https://iteaworld.com/cdn","5982071ew7ea472e3p69b68784m2150dfea",{"modern":"","legacy":""},{"trekkieShim":true,"agentContext":true,"apiClientId":"580111","facebookCapiEnabled":"true","themeId":"189731635479","themeStoreId":"2048","themePublished":"true","eventMetadataId":"0259e76a-383a-4a7d-abdf-dd319c285655","pageType":"home","shopId":"77803192599","storefrontBaseUrl":"https:\/\/iteaworld.com","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"4c64608a\", \"16072cab\", \"8450a54b\", \"7ee89bf1\"]","isMerchantRequest":"false","hashVersion":"5982071ew7ea472e3p69b68784m2150dfea","publish":"custom","events":"[[\"page_viewed\",{}]]"});})();</script>
1362<script>
1363  window.ShopifyAnalytics = window.ShopifyAnalytics || {};
1364  window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {};
1365  window.ShopifyAnalytics.meta.currency = 'USD';
1366  var meta = {"page":{"pageType":"home","requestId":"b1be6faa-c1bc-45fd-b4be-d1185a6b0dd2-1790865857"}};
1367  for (var attr in meta) {
1368    window.ShopifyAnalytics.meta[attr] = meta[attr];
1369  }
1370</script>
vendor: 1 bytes, line 1370
1370
1371<script class="analytics">
1372  (function () {
1373    var customDocumentWrite = function(content) {
1374      var jquery = null;
1375
1376      if (window.jQuery) {
1377        jquery = window.jQuery;
1378      } else if (window.Checkout && window.Checkout.$) {
1379        jquery = window.Checkout.$;
1380      }
1381
1382      if (jquery) {
1383        jquery('body').append(content);
1384      }
1385    };
1386
1387    var hasLoggedConversion = function(token) {
1388      if (token) {
1389        return document.cookie.indexOf('loggedConversion=' + token) !== -1;
1390      }
1391      return false;
1392    }
1393
1394    var setCookieIfConversion = function(token) {
1395      if (token) {
1396        var twoMonthsFromNow = new Date(Date.now());
1397        twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2);
1398
1399        document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow;
1400      }
1401    }
1402
1403    var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || [];
1404    window.ShopifyAnalytics.lib.trekkie = window.trekkie;
1405    if (trekkie.integrations) {
1406      return;
1407    }
1408    trekkie.methods = [
1409      'identify',
1410      'page',
1411      'ready',
1412      'track',
1413      'trackForm',
1414      'trackLink'
1415    ];
1416    trekkie.factory = function(method) {
1417      return function() {
1418        var args = Array.prototype.slice.call(arguments);
1419        args.unshift(method);
1420        trekkie.push(args);
1421        if (method == 'track' || method == 'page') {
1422          var pageUrl;
1423          try {
1424            pageUrl = window.location.href;
1425          } catch (e) {}
1426          var pageReferrer;
1427          try {
1428            pageReferrer = document.referrer;
1429          } catch (e) {}
1430          try {
1431            if (window.__TREKKIE_SHIM_QUEUE == null) {
1432              window.__TREKKIE_SHIM_QUEUE = [];
1433            }
1434            window.__TREKKIE_SHIM_QUEUE.push({
1435              from: 'trekkie-stub',
1436              method: method,
1437              args: args.slice(1),
1438              pageContext: {
1439                url: pageUrl,
1440                referrer: pageReferrer
1441              }
1442            });
1443          } catch (e) {
1444            // no-op
1445          }
1446        }
1447        return trekkie;
1448      };
1449    };
1450    for (var i = 0; i < trekkie.methods.length; i++) {
1451      var key = trekkie.methods[i];
1452      trekkie[key] = trekkie.factory(key);
1453    }
1454    trekkie.load = function(config) {
1455      trekkie.config = config || {};
1456      trekkie.config.initialDocumentCookie = document.cookie;
1457      var first = document.getElementsByTagName('script')[0];
1458var script = document.createElement('script');
1459script.type = 'text/javascript';
1460script.onerror = function(e) {
1461  var scriptFallback = document.createElement('script');
1462  scriptFallback.type = 'text/javascript';
1463  scriptFallback.onerror = function(error) {
1464          var Monorail = {
1465      produce: function produce(monorailDomain, schemaId, payload) {
1466        var currentMs = new Date().getTime();
1467        var event = {
1468          schema_id: schemaId,
1469          payload: payload,
1470          metadata: {
1471            event_created_at_ms: currentMs,
1472            event_sent_at_ms: currentMs
1473          }
1474        };
1475        return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event));
1476      },
1477      sendRequest: function sendRequest(endpointUrl, payload) {
1478        // Try the sendBeacon API
1479        if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) {
1480          var blobData = new window.Blob([payload], {
1481            type: 'text/plain'
1482          });
1483
1484          if (window.navigator.sendBeacon(endpointUrl, blobData)) {
1485            return true;
1486          } // sendBeacon was not successful
1487
1488        } // XHR beacon
1489
1490        var xhr = new XMLHttpRequest();
1491
1492        try {
1493          xhr.open('POST', endpointUrl);
1494          xhr.setRequestHeader('Content-Type', 'text/plain');
1495          xhr.send(payload);
1496        } catch (e) {
1497          console.log(e);
1498        }
1499
1500        return false;
1501      },
1502      isIos12: function isIos12() {
1503        return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1;
1504      }
1505    };
1506    Monorail.produce('monorail-edge.shopifysvc.com',
1507      'trekkie_storefront_load_errors/1.1',
1508      {shop_id: 77803192599,
1509      theme_id: 189731635479,
1510      app_name: "storefront",
1511      context_url: window.location.href,
1512      source_url: "//iteaworld.com/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js"});
1513
1514  };
1515  scriptFallback.async = true;
1516  scriptFallback.src = '//iteaworld.com/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js';
1517  first.parentNode.insertBefore(scriptFallback, first);
1518};
1519script.async = true;
1520script.src = '//iteaworld.com/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js';
1521first.parentNode.insertBefore(script, first);
1522
1523    };
1524    trekkie.load(
1525      {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":77803192599,"isMerchantRequest":null,"themeId":189731635479,"themeCityHash":"4373103815405379274","contentLanguage":"en","currency":"USD","eventMetadataId":"0259e76a-383a-4a7d-abdf-dd319c285655"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["764d78cb","8450a54b","7ee89bf1","4c64608a"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":true,"source":"trekkie-storefront-renderer","apiClientId":580111}}
1526    );
1527
1528    var loaded = false;
1529    trekkie.ready(function() {
1530      if (loaded) return;
1531      loaded = true;
1532
1533      window.ShopifyAnalytics.lib = window.trekkie;
1534
1535      var originalDocumentWrite = document.write;
1536      document.write = customDocumentWrite;
1537      try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {};
1538      document.write = originalDocumentWrite;
1539
1540      var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/)
1541      var token = match? match[1]: undefined;
1542      if (!hasLoggedConversion(token)) {
1543        setCookieIfConversion(token);
1544        
1545      }
1546    });
1547
1548    window.ShopifyAnalytics.lib.page(null,{"pageType":"home","requestId":"b1be6faa-c1bc-45fd-b4be-d1185a6b0dd2-1790865857","shopifyEmitted":true});
1549
1550    var eventsListenerScript = document.createElement('script');
1551    eventsListenerScript.async = true;
1552    eventsListenerScript.src = "//iteaworld.com/cdn/shopifycloud/storefront/assets/shop_events_listener-4e26a9ce.js";
1553    document.getElementsByTagName('head')[0].appendChild(eventsListenerScript);
1554})();</script>
vendor: 1 bytes, line 1554
1554
1555<script
1556  defer
1557  src="https://iteaworld.com/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.9.4.min.js"
1558  data-application="storefront-renderer"
1559  data-shop-id="77803192599"
1560  data-render-region="gcp-europe-west1"
1561  data-page-type="index"
1562  data-theme-instance-id="189731635479"
1563  data-theme-name="Eurus"
1564  data-theme-version="9.4.0"
1565  data-monorail-region="shop_domain"
1566  data-resource-timing-sampling-rate="10"
1567  data-shs="true"
1568  data-shs-beacon="true"
1569  data-shs-export-with-fetch="true"
1570  data-shs-logs-sample-rate="1"
1571  data-shs-beacon-endpoint="https://iteaworld.com/api/collect"
1572></script>
vendor: 1 bytes, line 1572
1572
1573<script id="shopify-chat-page-data" type="application/json">{"greetingMessage":"Welcome to iTeaworld. How can I help?","customerServiceEmail":"[email protected]","onlineStorePasswordProtected":false,"continueAsChip":false,"translations":[{"key":"agent_chat.panel.open_chat","value":"Open chat"},{"key":"agent_chat.panel.ask_anything","value":"Ask anything"},{"key":"agent_chat.panel.title","value":"Storekick"},{"key":"agent_chat.panel.unread_replies","value":"Unread replies"},{"key":"agent_chat.panel.back_to_chat","value":"Back to chat"},{"key":"agent_chat.panel.see_history","value":"See chat history"},{"key":"agent_chat.panel.new_chat","value":"Create a new chat"},{"key":"agent_chat.panel.close","value":"Close chat"},{"key":"agent_chat.panel.undock","value":"Undock chat"},{"key":"agent_chat.panel.dock","value":"Dock chat"},{"key":"agent_chat.panel.expand","value":"Expand chat"},{"key":"agent_chat.panel.contract","value":"Contract chat"},{"key":"agent_chat.panel.jump_to_latest","value":"Jump to latest"},{"key":"agent_chat.panel.loading_chat","value":"Loading chat"},{"key":"agent_chat.input.label","value":"Type your message"},{"key":"agent_chat.input.placeholder","value":"Ask anything..."},{"key":"agent_chat.input.send","value":"Send"},{"key":"agent_chat.input.stop","value":"Stop generating"},{"key":"agent_chat.thinking","value":"Thinking..."},{"key":"agent_chat.first_response_delayed","value":"Agent is taking longer to respond…"},{"key":"agent_chat.searching","value":"Searching..."},{"key":"agent_chat.message.sent_timestamp","value":"Sent · {{time}}"},{"key":"agent_chat.message.automated_label","value":"Automated"},{"key":"agent_chat.message.automated_timestamp","value":"Automated · {{time}}"},{"key":"agent_chat.liveAgentHandoff","value":"Someone from our team will be with you shortly"},{"key":"agent_chat.human_handoff.action","value":"Chat with our team"},{"key":"agent_chat.human_handoff.request","value":"I’d like to talk to someone from your team"},{"key":"agent_chat.human_handoff.ai_assistant","value":"AI assistant"},{"key":"agent_chat.greeting.default","value":"Hi there!"},{"key":"agent_chat.greeting.with_name","value":"Hi {{name}}!"},{"key":"agent_chat.greeting.welcome","value":"You can ask questions about shopping, sizing\/dimensions, shipping, returns, or order status."},{"key":"agent_chat.greeting.welcome_back","value":"Welcome back to %{shop_name}! How can I help?"},{"key":"agent_chat.greeting.welcome_back_no_shop","value":"Welcome back! How can I help?"},{"key":"agent_chat.greeting.welcome_to_shop","value":"Welcome to %{shop_name}. How can I help?"},{"key":"agent_chat.greeting.generic","value":"How can I help?"},{"key":"agent_chat.disclaimer.text","value":"This chat is powered by AI from Shopify and may make mistakes. Your messages are visible to {{shop_name}}. See"},{"key":"agent_chat.disclaimer.text_human","value":"Your messages are visible to {{shop_name}} and to Shopify for the provision and improvement of the services. See"},{"key":"agent_chat.disclaimer.link_text","value":"privacy policy"},{"key":"agent_chat.error.response_unavailable","value":"Response unavailable"},{"key":"agent_chat.error.generic","value":"Something went wrong."},{"key":"agent_chat.error.response_failed","value":"Couldn’t load this message"},{"key":"agent_chat.error.message_send_failed","value":"Your message couldn’t be sent"},{"key":"agent_chat.error.attachment_upload_failed","value":"Your attachment didn’t upload"},{"key":"agent_chat.error.first_response_stalled","value":"Agent couldn’t respond"},{"key":"agent_chat.error.try_again","value":"Try again"},{"key":"agent_chat.error.unavailable","value":"Chat isn't available right now - try again later"},{"key":"agent_chat.error.usage_limit","value":"Message limit reached — try again later or email us at {{email}}"},{"key":"agent_chat.error.usage_limit_no_email","value":"Message limit reached — try again later"},{"key":"agent_chat.error.cost_quota_unhandled","value":"Chat isn’t available right now—email us at {{email}}"},{"key":"agent_chat.error.cost_quota_unhandled_no_email","value":"Chat isn’t available right now"},{"key":"agent_chat.error.cost_quota_handover","value":"AI assistant isn’t available right now — our team will reply shortly"},{"key":"agent_chat.history.heading","value":"Chat history"},{"key":"agent_chat.history.loading","value":"Loading conversation history"},{"key":"agent_chat.history.aria_label","value":"Conversation history"},{"key":"agent_chat.history.no_conversations","value":"No conversations"},{"key":"agent_chat.history.conversation.one","value":"conversation"},{"key":"agent_chat.history.conversation.other","value":"conversations"},{"key":"agent_chat.history.error_message","value":"Something went wrong."},{"key":"agent_chat.history.try_again","value":"Try again"},{"key":"agent_chat.history.no_past","value":"No past conversations"},{"key":"agent_chat.history.start_new","value":"Start a new chat"},{"key":"agent_chat.history.untitled","value":"Untitled conversation"},{"key":"agent_chat.history.resume","value":"Resume: {{title}}"},{"key":"agent_chat.history.resume_with_time","value":"Resume: {{title}}, {{time}}"},{"key":"agent_chat.history.delete","value":"Delete conversation: {{title}}"},{"key":"agent_chat.history.delete_failed","value":"Could not delete conversation"},{"key":"agent_chat.feedback.group_label","value":"Message feedback"},{"key":"agent_chat.feedback.thumbs_up","value":"Thumbs up"},{"key":"agent_chat.feedback.thumbs_down","value":"Thumbs down"},{"key":"agent_chat.feedback.add_comment","value":"Add comment"},{"key":"agent_chat.feedback.thanks","value":"Thanks for your feedback"},{"key":"agent_chat.feedback.placeholder_up","value":"Tell us what went well"},{"key":"agent_chat.feedback.placeholder_down","value":"Tell us what could have been better"},{"key":"agent_chat.feedback.comment_label","value":"Feedback comment"},{"key":"agent_chat.feedback.cancel","value":"Cancel"},{"key":"agent_chat.feedback.submit","value":"Submit"},{"key":"agent_chat.feedback.character_count","value":"{{current}}\/{{max}}"},{"key":"agent_chat.feedback.character_limit_reached","value":"Maximum length reached. Feedback is limited to {{max}} characters."},{"key":"agent_chat.buyer_profile.button.open","value":"Buyer Profile"},{"key":"agent_chat.buyer_profile.title","value":"Buyer Profile"},{"key":"agent_chat.buyer_profile.empty","value":"No buyer profile available."},{"key":"agent_chat.buyer_profile.close","value":"Close"},{"key":"agent_chat.suggestions.empty_state_label","value":"Suggested questions"},{"key":"agent_chat.suggestions.quick_reply_label","value":"Suggested replies"},{"key":"agent_chat.auth.sign_in_to_continue","value":"Sign in to continue"},{"key":"agent_chat.auth.sign_in","value":"Sign in"},{"key":"agent_chat.auth.skip_and_chat","value":"Skip and start chatting"},{"key":"agent_chat.auth.pre_chat_title","value":"Sign in to personalize and save your chats"},{"key":"agent_chat.auth.pre_chat_subtitle","value":"Sign in or create an account"},{"key":"agent_chat.auth.staff_chat_required_title","value":"Don't miss a reply"},{"key":"agent_chat.auth.staff_chat_required_subtitle","value":"Sign in to chat with our team. We'll email you if you leave the chat."},{"key":"agent_chat.auth.share_disclaimer","value":"By continuing, Shop will share your name and email with this store. See their {{terms_link}} and {{privacy_link}}"},{"key":"agent_chat.auth.terms_link","value":"terms"},{"key":"agent_chat.auth.privacy_link","value":"privacy policy"},{"key":"agent_chat.auth.declined_pre_chat","value":"I can’t connect you with the store unless you sign in."},{"key":"agent_chat.reply_by_email.continuation_prompt","value":"If you leave the chat, we’ll email you when there’s a reply."},{"key":"agent_chat.reply_by_email.sign_in_prompt","value":"Sign in to get emailed when there’s a reply."},{"key":"agent_chat.order_lookup.track_order","value":"Track my order"},{"key":"agent_chat.order_lookup.track_another_order","value":"Track another order"},{"key":"agent_chat.order_lookup.new_conversation","value":"New conversation"},{"key":"agent_chat.order_lookup.follow_up_label","value":"Order lookup actions"},{"key":"agent_chat.order_lookup.enter_order_information","value":"Enter order information"},{"key":"agent_chat.order_lookup.prompt","value":"To see your order status, please provide your order details."},{"key":"agent_chat.order_lookup.form_title","value":"Track my order"},{"key":"agent_chat.order_lookup.form_subtitle","value":"Please provide your information."},{"key":"agent_chat.order_lookup.order_number_label","value":"Order number"},{"key":"agent_chat.order_lookup.email_label","value":"Email address"},{"key":"agent_chat.order_lookup.submit","value":"Track my order"},{"key":"agent_chat.order_lookup.cancel","value":"Cancel"},{"key":"agent_chat.order_lookup.invalid_order_number","value":"Please enter a valid order number with only numbers and letters, no spaces (e.g. 1006)."},{"key":"agent_chat.order_lookup.invalid_order_number_whitespace","value":"Please enter a valid order number with only numbers and letters, no spaces (e.g. 1006)."},{"key":"agent_chat.order_lookup.invalid_email","value":"Please enter a valid email address"},{"key":"agent_chat.order_lookup.generic_error","value":"There was a problem looking up your order. Please try again."},{"key":"agent_chat.order_lookup.rate_limited_error","value":"Too many attempts. Try again later."},{"key":"agent_chat.order_lookup.locked_composer_status","value":"Order lookup is in progress. Start a new conversation to ask something else."},{"key":"agent_chat.legacy_contact.form_title","value":"Before we get started"},{"key":"agent_chat.legacy_contact.form_subtitle","value":"Please provide your information so we can reply to you if you leave the chat."},{"key":"agent_chat.legacy_contact.first_name_label","value":"First name"},{"key":"agent_chat.legacy_contact.last_name_label","value":"Last name"},{"key":"agent_chat.legacy_contact.email_label","value":"Email"},{"key":"agent_chat.legacy_contact.marketing_opt_in","value":"Email me with news and offers"},{"key":"agent_chat.legacy_contact.submit","value":"Start chat"},{"key":"agent_chat.legacy_contact.cancel","value":"Cancel"}
1573,{"key":"agent_chat.legacy_contact.invalid_first_name","value":"Enter a valid first name."},{"key":"agent_chat.legacy_contact.invalid_last_name","value":"Enter a valid last name."},{"key":"agent_chat.legacy_contact.invalid_email","value":"Enter a valid email address."},{"key":"agent_chat.legacy_contact.invalid_email_length","value":"Email address is too long."},{"key":"agent_chat.legacy_contact.generic_error","value":"Something went wrong."},{"key":"agent_chat.legacy_contact.rate_limited_error","value":"Too many attempts. Try again later."},{"key":"agent_chat.discountCard.useDiscount","value":"Use discount"},{"key":"agent_chat.discountCard.discountApplicationContext","value":"Applies automatically at checkout"},{"key":"agent_chat.cart.checkout","value":"Checkout"},{"key":"agent_chat.product.add_to_cart","value":"Add to cart"},{"key":"agent_chat.product.view_details","value":"View details"},{"key":"agent_chat.product.out_of_stock","value":"Out of stock"},{"key":"agent_chat.product.compare_suggestions","value":"Compare suggestions"},{"key":"agent_chat.product.hide_suggestions","value":"Hide suggestions"},{"key":"agent_chat.product.sold_out","value":"Sold out"},{"key":"agent_chat.order.item.one","value":"item"},{"key":"agent_chat.order.item.other","value":"items"},{"key":"agent_chat.order.less_items.one","value":"- hide {{count}} item"},{"key":"agent_chat.order.less_items.other","value":"- hide {{count}} items"},{"key":"agent_chat.order.more_items.one","value":"+ {{count}} more item"},{"key":"agent_chat.order.more_items.other","value":"+ {{count}} more items"},{"key":"agent_chat.order.view_order","value":"View order {{orderId}}"},{"key":"agent_chat.order.track_shipment","value":"Track shipment"},{"key":"agent_chat.order.of_total","value":"{{index}} of {{total}}"},{"key":"agent_chat.order.label","value":"Order {{number}}"},{"key":"agent_chat.order.count.one","value":"{{count}} Order"},{"key":"agent_chat.order.count.other","value":"{{count}} Orders"},{"key":"agent_chat.order.ordered_on","value":"Ordered {{date}}"},{"key":"agent_chat.order.select","value":"Select order {{number}}"},{"key":"agent_chat.return.heading","value":"Select items to return"},{"key":"agent_chat.return.toggle_item","value":"Select {{name}}"},{"key":"agent_chat.return.select_item_non_returnable","value":"{{name}}, not returnable"},{"key":"agent_chat.return.quantity_label","value":"Return quantity"},{"key":"agent_chat.return.reason_label","value":"Reason for return"},{"key":"agent_chat.return.reason_placeholder","value":"Select a reason"},{"key":"agent_chat.return.confirm","value":"Request return"},{"key":"agent_chat.return.confirmed","value":"Return requested"},{"key":"agent_chat.return.reason.size_too_small","value":"Size too small"},{"key":"agent_chat.return.reason.size_too_large","value":"Size too large"},{"key":"agent_chat.return.reason.unwanted","value":"Unwanted"},{"key":"agent_chat.return.reason.not_as_described","value":"Not as described"},{"key":"agent_chat.return.reason.wrong_item","value":"Wrong item"},{"key":"agent_chat.return.reason.defective","value":"Defective"},{"key":"agent_chat.return.reason.style","value":"Style"},{"key":"agent_chat.return.reason.color","value":"Color"},{"key":"agent_chat.return.reason.other_reason","value":"Other"},{"key":"agent_chat.scroll.previous","value":"Previous"},{"key":"agent_chat.scroll.next","value":"Next"}]}</script>
vendor: 1 bytes, line 1573
1573
1574<script id="shopify-customer-account-data" type="application/json">{"customer":null,"shop":{"id":"77803192599","customerAccountTranslations":[{"key":"account_menu.signed_out_state.sheet_title","value":"Sign in or create account"},{"key":"account_menu.signed_out_state.section_divider","value":"More ways to sign in"},{"key":"account_menu.signed_out_state.alternate_divider","value":"OR"},{"key":"account_menu.signed_out_state.email_field_label","value":"Email"},{"key":"account_menu.signed_out_state.orders_button","value":"Orders"},{"key":"account_menu.signed_out_state.profile_button","value":"Profile"},{"key":"account_menu.signed_out_state.shop_login_button","value":"Sign in with Shop"},{"key":"account_menu.signed_out_state.continue_with_google","value":"Continue with Google"},{"key":"account_menu.signed_out_state.continue_with_facebook","value":"Continue with Facebook"},{"key":"account_menu.signed_out_state.marketing_consent_label","value":"Email me with news and offers"},{"key":"account_menu.signed_in_state.greeting_with_name","value":"Hi, {{first_name}}"},{"key":"account_menu.signed_in_state.greeting_without_name","value":"Account"},{"key":"account_menu.signed_in_state.orders_button","value":"Orders"},{"key":"account_menu.signed_in_state.profile_button","value":"Profile"},{"key":"account_menu.location_picker.sheet_title","value":"Locations"},{"key":"account_menu.location_picker.search_field_placeholder","value":"Search"},{"key":"account_menu.aria_labels.close_menu","value":"Close menu"},{"key":"account_menu.aria_labels.back_to_main_menu","value":"Back to main menu from {{title}}"},{"key":"account_menu.aria_labels.open_submenu","value":"{{title}}, opens submenu"},{"key":"account_menu.aria_labels.loading_menu","value":"Loading menu"},{"key":"account_menu.aria_labels.account","value":"Account"},{"key":"account_menu.aria_labels.sign_in_with_email","value":"Sign in with email"},{"key":"account_menu.aria_labels.sign_in","value":"Sign in"}],"socialLoginProviders":[{"handle":"Shop"}],"legacyCustomerAccounts":false,"signInLinksVisible":true,"b2bEnabled":false,"marketingConsentSigninEnabled":true,"marketingConsentPreselected":true},"visitor":{"country":"US","language":"en"}}</script>
1574
1575<meta name="shopify-y" content="f9e35a0b-b7de-4383-a537-47fd63e87b17" data-expiration="1822423457000"><meta name="shopify-s" content="9a0b4e1f-a4ca-4b1d-a88d-20981c191410" data-expiration="1790867657000"><meta name="new-cookie-storage-activated" content="t">
1576</head>
1577  <body 
1578    class="gradient scrollbar-body overflow-x-hidden text-[0.7875rem] md:text-[0.875rem]" 
1579    x-data="{ runDispatch: true }"
1580    :class="($store.xPopup.open || $store.xPopup.openVideoShopping) && 'overflow-hidden padding-scrollbar'" 
1581    x-init="$store.xPopup.setWidthScrollbar();"
1582    x-on:mouseover="if (runDispatch) { $dispatch('init-run'); runDispatch = false; }"
1583    x-on:touchstart="if (runDispatch) { 
1584      if (event.target.parentNode.parentNode.id == 'SearchOpen' || event.target.parentNode.id == 'SearchOpen') { setTimeout(() => {  document.querySelector('#SearchOpen').click() }, 200) 
1585      } else if (event.target.parentNode.parentNode.id == 'cart-icon' || event.target.parentNode.id == 'cart-icon') { setTimeout(() => {  document.querySelector('#cart-icon').click() }, 200) 
1586      }  else if (event.target.parentNode.id == 'mobile-navigation' || event.target.id == 'mobile-navigation') { setTimeout(() => {  document.querySelector('#mobile-navigation').click() }, 200) 
1587      }
1588      $dispatch('init-run'); runDispatch = false;
1589    }"
1590  >
1590<script>
1591        window.addEventListener('DOMContentLoaded', (event) => {
1592          const transitionEl = document.getElementById('x-page-transition');
1593          transitionEl.style.opacity = '0';
1594          setTimeout(() => {
1595            transitionEl.remove();
1596          }, 1000); 
1597        });
1598      </script>
1598
1599      <div id="x-page-transition" class="transition-all ease-in-out duration-1000 opacity-100 fixed top-0 left-0 w-full h-full bg-black z-[9999]"></div><div class="main-container flex flex-col min-h-screen relative">
1600      <a class="skip-to-content absolute -z-10 button button-solid hidden lg:block pt-2.5 pb-2.5 pl-6 pr-6 lg:pt-3 lg:pb-3 mt-0.5 ml-0.5 leading-normal justify-center cursor-pointer focus-visible:z-60" href="#MainContent">
1601        Skip to content
1602      </a>
1603      
1604      
1605          <!-- BEGIN sections: header-group-puff -->
1606<div id="shopify-section-sections--27603634815255__announcement-bar" class="shopify-section shopify-section-group-header-group-puff section-announcement"><style data-shopify>#x-announcement-bar .arrow {
1607    background: transparent;
1608    border: 0;
1609    box-shadow: none;
1610    color: #ffffff;
1611  }
1612  .dark #x-announcement-bar .arrow {
1613    color: #ffffff;
1614  }
1615  .announcement-bar_container-sections--27603634815255__announcement-bar {
1616    
1617      background: #739047;
1618    
1619    
1620      --colors-text-link: 36,36,36;
1621    
1622  }
1623  .dark .announcement-bar_container-sections--27603634815255__announcement-bar {
1624    
1625      background: #739047;
1626    
1627  
1628      --colors-text-link: 255, 255, 255;
1629    
1630  }
1631  .announcement-bar_text {
1632    
1633      color: #ffffff;
1634      --colors-line-and-border: 255,255,255;
1635    
1636  }
1637  .dark .announcement-bar_text {
1638    
1639      color: #ffffff;
1640      --colors-line-and-border: 255,255,255;
1641    
1642  }
1643  
1644    .section-announcement {
1645      position: sticky;
1646      top: 0;
1647      z-index: 30;
1648    }
1649  
1650</style><div 
1651    id="x-announcement" 
1652    class="announcement-bar_container-sections--27603634815255__announcement-bar ltr mx-auto flex items-center has-toolbar lg:pl-5 rtl:lg:pl-0 rtl:lg:pr-5 rtl:announcement-bar-left announcement-bar-right rtl:flex-row flex-row-reverse"
1653    
1654      data-is-sticky="true"
1655      x-init='$store.xHeaderMenu.setVariableHeightHeader(true);document.documentElement.style.setProperty("--top-cart-noti", $el.offsetHeight + "px")'
1656    
1657  >
1658        
1659          <div id="x-slide-announcement-bar" class="disable-effect-hover grow flex-1 x-splide splide cursor-grab lg:pl-12 lg:pr-12 overflow-hidden visible relative"x-intersect.once='$store.xSplide.load($el, {
1660                "type": "loop",
1661                "speed": 1000,
1662                "pagination": false,
1663                "interval": 5000,
1664"autoplay": true,
1665                "classes": {
1666                  "arrows" : "block "
1667                }
1668              })'>
1669            <div class="splide__track x-pgw page-width mx-auto pl-0 pr-0">
1670              <div class="splide__list w-full flex "><style data-shopify>.text--announcement_wGjkga .width-countdown {
1671                    width: 6.3rem;
1672                  }.text--announcement_wGjkga,
1673                    .btn--announcement_wGjkga {
1674                      font-size: 0.63rem;
1675                    }
1676                    @media (min-width: 768px) {
1677                      .text--announcement_wGjkga,
1678                      .btn--announcement_wGjkga {
1679                        font-size: 0.7rem;
1680                      }
1681                    }.icon--announcement_wGjkga {
1682                    width: 0.7rem;
1683                    height: 0.7rem;
1684                  }
1685                  .button.text_button_announ--announcement_wGjkga {
1686                    
1687                      color: rgb(var(--colors-button-text-hover));
1688                    
1689                    
1690                      background: var(--colors-button-hover);
1691                    
1692                  }
1693                  .dark .button.text_button_announ--announcement_wGjkga {
1694                    
1695                      color: rgb(var(--colors-button-text-hover));
1696                    
1697                    
1698                      background: var(--colors-button-hover);
1699                    
1700                  } 
1701                  @media(min-width: 768px){
1702                    .button.text_button_announ--announcement_wGjkga {
1703                      
1704                        color: rgba(var(--colors-button-text-hover));
1705                      
1706                      
1707                    }
1708                    .dark .button.text_button_announ--announcement_wGjkga {
1709                      
1710                        color: rgba(var(--colors-button-text-hover));
1711                      
1712                      
1713                        background: transparent;
1714                      
1715                    } 
1716                  }
1717                  .text-link-with-arrow--announcement_wGjkga {
1718                    
1719                      color: rgb(var(--colors-text-link));
1720                    
1721                  }
1722                  .dark .text-link-with-arrow--announcement_wGjkga {
1723                    
1724                      color: rgb(var(--colors-text-link));
1725                    
1726                  }
1727                  .hyperlink-circle-color--announcement_wGjkga {
1728                    
1729                      background-color: rgba(var(--colors-text-link));
1730                    
1731                  }
1732                  .dark .hyperlink-circle-color--announcement_wGjkga {
1733                    
1734                      background-color: rgba(var(--colors-button-text-hover));
1735                    
1736                  }</style><div x-slide-index="0" class="h-auto w-full flex items-center md:flex justify-center splide__slide x-splide-slide gradient text-center py-3 pl-5 pr-5 lg:pr-5 lg:pl-5" ><div
1737                      
1738                      class="flex items-center flex-wrap justify-center gap-x-3 gap-y-2 ltr">
1739                      
1740                      <div class="text--announcement_wGjkga announcement-bar_text flex rtl:order-1">
1741<p>
1742                            <a href="/collections/us-local-stock" target="_blank" class="button-link relative hover-text-link x-announcement-bar-block-data leading-[initial]"
1743                            >U.S. Warehouse Now Open · Free Shipping on $59.99+ · Estimated Delivery: 5–7 Business Days</a>
1744                          </p></div></div></div><style data-shopify>.text--announcement_EjhtEG .width-countdown {
1745                    width: 6.3rem;
1746                  }.text--announcement_EjhtEG,
1747                    .btn--announcement_EjhtEG {
1748                      font-size: 0.63rem;
1749                    }
1750                    @media (min-width: 768px) {
1751                      .text--announcement_EjhtEG,
1752                      .btn--announcement_EjhtEG {
1753                        font-size: 0.7rem;
1754                      }
1755                    }.icon--announcement_EjhtEG {
1756                    width: 0.7rem;
1757                    height: 0.7rem;
1758                  }
1759                  .button.text_button_announ--announcement_EjhtEG {
1760                    
1761                      color: rgb(var(--colors-button-text-hover));
1762                    
1763                    
1764                      background: var(--colors-button-hover);
1765                    
1766                  }
1767                  .dark .button.text_button_announ--announcement_EjhtEG {
1768                    
1769                      color: rgb(var(--colors-button-text-hover));
1770                    
1771                    
1772                      background: var(--colors-button-hover);
1773                    
1774                  } 
1775                  @media(min-width: 768px){
1776                    .button.text_button_announ--announcement_EjhtEG {
1777                      
1778                        color: rgba(var(--colors-button-text-hover));
1779                      
1780                      
1781                    }
1782                    .dark .button.text_button_announ--announcement_EjhtEG {
1783                      
1784                        color: rgba(var(--colors-button-text-hover));
1785                      
1786                      
1787                        background: transparent;
1788                      
1789                    } 
1790                  }
1791                  .text-link-with-arrow--announcement_EjhtEG {
1792                    
1793                      color: rgb(var(--colors-text-link));
1794                    
1795                  }
1796                  .dark .text-link-with-arrow--announcement_EjhtEG {
1797                    
1798                      color: rgb(var(--colors-text-link));
1799                    
1800                  }
1801                  .hyperlink-circle-color--announcement_EjhtEG {
1802                    
1803                      background-color: rgba(var(--colors-text-link));
1804                    
1805                  }
1806                  .dark .hyperlink-circle-color--announcement_EjhtEG {
1807                    
1808                      background-color: rgba(var(--colors-button-text-hover));
1809                    
1810                  }</style><div x-slide-index="1" class="h-auto w-full flex items-center md:flex justify-center splide__slide x-splide-slide gradient text-center py-3 pl-5 pr-5 lg:pr-5 lg:pl-5" ><div
1811                      
1812                        x-data="{ loading: true, textLoad: ' - ', days: 0, hours: 0, minutes: 0, seconds: 0 }"
1813                        x-intersect.once='$nextTick(() => {
1814                          $store.xHelper.countdown({
1815                            "id": "announcement_EjhtEG",
1816                            "timezone": 8,
1817                            "end_year": 2026,
1818                            "end_month": 10,
1819                            "end_day": 6,
1820                            "end_hour": 15,
1821                            "end_minute": 0,
1822                            "reset": false,
1823                            "duration": 604800000
1824                          }, (canShow, s, m, h, d) => {
1825                            days = d;
1826                            hours = h;
1827                            minutes = m;
1828                            seconds = s;
1829                            loading = false;
1830                          })
1831                        })'
1832                      
1833                      class="flex items-center flex-wrap justify-center gap-x-3 gap-y-2 ltr">
1834                      
1835                      <div class="text--announcement_EjhtEG announcement-bar_text flex rtl:order-1">
1836<p>
1837                            <a href="/pages/northwest-tea-festival" target="_blank" class="button-link relative hover-text-link x-announcement-bar-block-data leading-[initial]"
1838                            >Northwest Tea Festival — 10% Off 1 Tea · 15% Off 2+ Teas · Auto Applied 
1839                          <span class="inline-block width-countdown">
1840                            <span x-html="loading?textLoad:days">- </span>D&nbsp;&nbsp;
1841                            <span x-html="loading?textLoad:hours">-</span> :  
1842                            <span x-html="loading?textLoad:minutes">-</span> : 
1843                            <span x-html="loading?textLoad:seconds">-</span>  
1844                          </span>  
1845                        </a>
1846                          </p></div></div></div><style data-shopify>.text--announcement_BpqKKT .width-countdown {
1847                    width: 6.3rem;
1848                  }.text--announcement_BpqKKT,
1849                    .btn--announcement_BpqKKT {
1850                      font-size: 0.63rem;
1851                    }
1852                    @media (min-width: 768px) {
1853                      .text--announcement_BpqKKT,
1854                      .btn--announcement_BpqKKT {
1855                        font-size: 0.7rem;
1856                      }
1857                    }.icon--announcement_BpqKKT {
1858                    width: 0.7rem;
1859                    height: 0.7rem;
1860                  }
1861                  .button.text_button_announ--announcement_BpqKKT {
1862                    
1863                      color: rgb(var(--colors-button-text-hover));
1864                    
1865                    
1866                      background: var(--colors-button-hover);
1867                    
1868                  }
1869                  .dark .button.text_button_announ--announcement_BpqKKT {
1870                    
1871                      color: rgb(var(--colors-button-text-hover));
1872                    
1873                    
1874                      background: var(--colors-button-hover);
1875                    
1876                  } 
1877                  @media(min-width: 768px){
1878                    .button.text_button_announ--announcement_BpqKKT {
1879                      
1880                        color: rgba(var(--colors-button-text-hover));
1881                      
1882                      
1883                    }
1884                    .dark .button.text_button_announ--announcement_BpqKKT {
1885                      
1886                        color: rgba(var(--colors-button-text-hover));
1887                      
1888                      
1889                        background: transparent;
1890                      
1891                    } 
1892                  }
1893                  .text-link-with-arrow--announcement_BpqKKT {
1894                    
1895                      color: rgb(var(--colors-text-link));
1896                    
1897                  }
1898                  .dark .text-link-with-arrow--announcement_BpqKKT {
1899                    
1900                      color: rgb(var(--colors-text-link));
1901                    
1902                  }
1903                  .hyperlink-circle-color--announcement_BpqKKT {
1904                    
1905                      background-color: rgba(var(--colors-text-link));
1906                    
1907                  }
1908                  .dark .hyperlink-circle-color--announcement_BpqKKT {
1909                    
1910                      background-color: rgba(var(--colors-button-text-hover));
1911                    
1912                  }</style><div x-slide-index="2" class="h-auto w-full flex items-center md:flex justify-center splide__slide x-splide-slide gradient text-center py-3 pl-5 pr-5 lg:pr-5 lg:pl-5" ><div
1913                      
1914                      class="flex items-center flex-wrap justify-center gap-x-3 gap-y-2 ltr">
1915                      
1916                      <div class="text--announcement_BpqKKT announcement-bar_text flex rtl:order-1">
1917<p class="x-announcement-bar-block-data leading-[initial]">📩 Subscribe to Our Emails & Get 10% Off Your First Order</p></div></div></div></div>
1918            </div><div class="hidden lg:block splide__arrows">
1919                <button class="splide__arrow splide__arrow--prev announcement-bar_text absolute none_border z-10 top-1/2 opacity-70 -translate-y-1/2 rtl:md:right-3 rtl:lg:right-4 rtl:-rotate-90 rtl:left-auto md:left-3 lg:left-4 rotate-90 disabled:cursor-not-allowed bg-none bg-inherit pt-2.5 pr-2.5 pb-2.5 pl-2.5" aria-label="previous slide">
1920                  <span class="block w-4 h-4"><svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
1921    <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
1922  </svg>
1923</span>
1924                </button>
1925                <button class="splide__arrow splide__arrow--next announcement-bar_text absolute none_border z-10 top-1/2 opacity-70 -translate-y-1/2 rtl:md:left-3 rtl:lg:left-4 rtl:rotate-90 rtl:right-auto  md:right-3 lg:right-4 -rotate-90 disabled:cursor-not-allowed bg-none bg-inherit pt-2.5 pr-2.5 pb-2.5 pl-2.5" aria-label="next slide">
1926                  <span class="block w-4 h-4"><svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
1927    <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
1928  </svg>
1929</span>
1930                </button>
1931              </div></div>
1932        
1933
1934
1935<style data-shopify>.announcement-bar-toolbar #localization_form button {
1936          font-size: 0.55125rem;
1937        }
1938        @media (min-width: 1025px){
1939          .announcement-bar-toolbar #localization_form button {
1940            font-size: 0.6125rem; 
1941          }
1942        }
1943        .announcement-bar-toolbar .locale-options {
1944          
1945            background: #739047;
1946          
1947        }
1948        .announcement-bar-toolbar .country-options {
1949          
1950            background: #739047;
1951          
1952          
1953            left: 0;
1954            right: auto;
1955          
1956        }
1957        .dark .announcement-bar-toolbar .locale-options {
1958          
1959            background: #739047;
1960          
1961        }
1962        .dark .announcement-bar-toolbar .country-options {
1963          
1964            background: #739047;
1965          
1966        }</style><div class="announcement-bar_text announcement-bar-toolbar toolbar-align-left rtl:toolbar-align-right hidden relative lg:flex items-center">
1967        
1968<div id="selector-social" class=" flex lg:items-center lg:justify-end relative py-1.5 mx-auto">
1969    
1970      <ul class="social-list flex  flex-wrap opacity-70 border-l ml-5 pl-4" role="list">
1971<li>
1972      <a href="https://www.facebook.com/official.iteaworld/" target="blank" aria-label="Facebook" class="flex disable-effect hover-text-link w-11 h-11 pt-3 pr-3 pb-3 pl-3"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" class="icon-animation w-full h-full" viewBox="0 0 24 24">
1973    <path fill="currentColor" d="M15.12,5.32H17V2.14A26.11,26.11,0,0,0,14.26,2C11.54,2,9.68,3.66,9.68,6.7V9.32H6.61v3.56H9.68V22h3.68V12.88h3.06l.46-3.56H13.36V7.05C13.36,6,13.64,5.32,15.12,5.32Z"/>
1974  </svg>
1975</a>
1976    </li><li>
1977      <a href="https://www.instagram.com/itea_world/" target="blank" aria-label="Instagram" class="flex disable-effect hover-text-link w-11 h-11 pt-3 pr-3 pb-3 pl-3"><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" focusable="false" role="presentation" class="icon-animation w-full h-full" viewBox="0 0 24 24" xml:space="preserve">
1978    <path fill="currentColor" d="M12,9.8c-1.2,0-2.2,1-2.2,2.2s1,2.2,2.2,2.2s2.2-1,2.2-2.2c0,0,0,0,0,0C14.2,10.8,13.2,9.8,12,9.8z M20.8,7.6 c0-0.7-0.1-1.4-0.4-2c-0.4-1-1.1-1.7-2.1-2.1c-0.6-0.2-1.3-0.4-2-0.4c-1.1-0.1-1.5-0.1-4.4-0.1s-3.2,0-4.4,0.1c-0.7,0-1.4,0.1-2,0.4 c-1,0.4-1.7,1.1-2.1,2.1c-0.2,0.6-0.4,1.3-0.4,2C3.1,8.8,3.1,9.1,3.1,12s0,3.2,0.1,4.4c0,0.7,0.1,1.4,0.4,2c0.2,0.5,0.5,0.9,0.8,1.2 c0.4,0.4,0.8,0.6,1.3,0.8c0.6,0.2,1.3,0.4,2,0.4c1.1,0.1,1.5,0.1,4.4,0.1s3.2,0,4.4-0.1c0.7,0,1.4-0.1,2-0.4 c0.5-0.2,0.9-0.5,1.3-0.8c0.4-0.4,0.6-0.8,0.8-1.2c0.2-0.6,0.4-1.3,0.4-2c0.1-1.1,0.1-1.5,0.1-4.4S20.9,8.8,20.8,7.6z M18.6,14.7 c0,0.5-0.1,1.1-0.3,1.6c-0.3,0.9-1,1.5-1.9,1.9c-0.5,0.2-1.1,0.3-1.6,0.3c-0.7,0-0.9,0-2.7,0s-2,0-2.7,0c-0.5,0-1.1-0.1-1.6-0.3 c-0.4-0.2-0.8-0.4-1.2-0.8c-0.3-0.3-0.6-0.7-0.7-1.1c-0.2-0.5-0.3-1.1-0.3-1.6c0-0.7,0-0.9,0-2.7s0-2,0-2.7c0-0.5,0.1-1.1,0.3-1.6 c0.2-0.4,0.4-0.8,0.8-1.2c0.3-0.3,0.7-0.6,1.1-0.7c0.5-0.2,1.1-0.3,1.6-0.3l0,0c0.7,0,0.9,0,2.7,0s2,0,2.7,0c0.5,0,1.1,0.1,1.6,0.3 c0.4,0.2,0.8,0.4,1.2,0.8c0.3,0.3,0.6,0.7,0.7,1.1c0.2,0.5,0.3,1.1,0.3,1.6c0,0.7,0,0.9,0,2.7S18.6,14,18.6,14.7L18.6,14.7z M17.1,8.1c-0.2-0.6-0.7-1-1.3-1.3c-0.4-0.1-0.8-0.2-1.2-0.2c-0.7,0-0.9,0-2.7,
19780s-2,0-2.7,0c-0.4,0-0.8,0.1-1.2,0.2 c-0.6,0.2-1,0.6-1.3,1.2C6.7,8.5,6.7,8.9,6.7,9.3c0,0.7,0,0.9,0,2.7s0,2,0,2.7c0,0.4,0.1,0.8,0.2,1.2c0.2,0.6,0.7,1,1.3,1.3 c0.4,0.1,0.8,0.2,1.2,0.2l0,0c0.7,0,0.9,0,2.7,0s2,0,2.7,0c0.4,0,0.8-0.1,1.2-0.2c0.6-0.2,1-0.7,1.3-1.3c0.1-0.4,0.2-0.8,0.2-1.2 c0-0.7,0-0.9,0-2.7s0-2,0-2.7C17.4,8.9,17.3,8.5,17.1,8.1L17.1,8.1z M12,15.4c-1.9,0-3.4-1.5-3.4-3.4c0,0,0,0,0,0l0,0 c0-1.9,1.5-3.4,3.4-3.4s3.4,1.5,3.4,3.4C15.4,13.9,13.9,15.4,12,15.4C12,15.4,12,15.4,12,15.4z M15.6,9.3c-0.4,0-0.8-0.4-0.7-0.9 c0-0.4,0.3-0.7,0.7-0.7l0,0c0.4,0,0.8,0.4,0.7,0.9C16.2,8.9,15.9,9.2,15.6,9.3z"/>
1979  </svg>
1980</a>
1981    </li><li>
1982      <a href="https://www.tiktok.com/@iteaworld" target="blank" aria-label="TikTok" class="flex disable-effect hover-text-link w-11 h-11 pt-3 pr-3 pb-3 pl-3"><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" role="presentation" class="icon-animation w-full h-full" viewBox="0 0 24 24" xml:space="preserve">
1983    <path d="M15.7,2.6C16,5.3,17.5,6.9,20,7v3c-1.5,0.1-2.8-0.3-4.3-1.3v5.6c0,7.1-7.7,9.3-10.9,4.2c-2-3.3-0.8-9,5.6-9.3 v3.2c-0.5,0.1-1,0.2-1.5,0.4c-1.4,0.5-2.2,1.4-2,3c0.4,3.1,6,4,5.6-2V2.6L15.7,2.6L15.7,2.6z"/>
1984  </svg>
1985</a>
1986    </li><li>
1987      <a href="https://www.youtube.com/@itea_world" target="blank" aria-label="YouTube" class="flex disable-effect hover-text-link w-11 h-11 pt-3 pr-3 pb-3 pl-3"><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" focusable="false" role="presentation" class="icon-animation w-full h-full" viewBox="0 0 24 24" xml:space="preserve">
1988    <path fill="currentColor" d="M21.5,10c0-1.2-0.2-2.5-0.8-3.6c-0.4-0.5-0.9-0.8-1.5-0.9c-2.4-0.2-4.8-0.3-7.3-0.3c-2.4,0-4.8,0-7.2,0.3 C4.3,5.7,3.9,5.9,3.5,6.2c-0.8,0.7-0.9,1.9-1,3c-0.1,1.9-0.1,3.7,0,5.6c0,0.6,0.1,1.2,0.3,1.7c0.1,0.4,0.3,0.8,0.6,1.2 c0.4,0.3,0.8,0.6,1.3,0.7c1.9,0.2,3.8,0.3,5.6,0.3c3,0,5.7,0,8.8-0.2c0.5-0.1,1-0.3,1.3-0.7c0.2-0.2,0.4-0.5,0.5-0.9 c0.3-1,0.5-1.9,0.5-2.9C21.5,13.5,21.5,10.6,21.5,10z M10.1,14.5V9.1l5.1,2.7C13.7,12.6,11.8,13.5,10.1,14.5z"/>
1989  </svg>
1990</a>
1991    </li><li>
1992      <a href="mailto:[email protected]" class="flex disable-effect hover-text-link  w-11 h-11 pt-3 pr-3 pb-3 pl-3"><svg class="icon-animation w-full h-full" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
1993    viewBox="0 0 197.8 197.8" style="enable-background:new 0 0 197.8 197.8;" xml:space="preserve">
1994    <g>
1995      <g>
1996        <path d="M171,32.1c5.8,0,10.7,2,14.7,5.9s5.9,8.9,5.9,14.7v92.8c0,5.7-2,10.6-5.9,14.7c-4,4.1-8.9,6.1-14.7,5.9H26.3 c-5.8,0-10.7-2-14.7-5.9c-4-4-5.9-8.9-5.9-14.7V52.8c0-5.8,2-10.7,5.9-14.7s8.9-5.9,14.7-5.9H171z M171,52.8H26.3v2.2L94,114.4 c1.2,0.9,2.7,1.4,4.6,1.4c1.8,0,3.3-0.5,4.4-1.4l68-59.5V52.8z M26.3,138.4l37.1-37.5L26.3,68.6V138.4z M87.5,122.1l-16.3-14.3 l-37.7,37.7h129.8l-37.7-37.7l-16.1,14.3c-3.2,2.6-6.9,4-11.1,4C94.4,126.1,90.7,124.8,87.5,122.1z M133.7,100.9l37.3,37.3V68.6 L133.7,100.9z" />
1997      </g>
1998    </g>
1999  </svg>
2000</a>
2001    </li><li>
2002          <a href="https://discord.gg/G59MZSjhSP" target="blank" aria-label="Discord" class="flex disable-effect hover-text-link w-11 h-11 pt-3 pr-3 pb-3 pl-3"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
2003    <g clip-path="url(#clip0_166010_110135)">
2004    <path d="M7.26569 2.42188C7.32645 2.52039 7.32645 2.52039 7.38348 2.64313C7.40413 2.68694 7.42477 2.73074 7.44604 2.77588C7.46709 2.8218 7.48814 2.86772 7.50983 2.91504C7.53148 2.96126 7.55313 3.00749 7.57544 3.05511C7.62888 3.16936 7.68185 3.2838 7.73444 3.39844C7.76241 3.39509 7.79038 3.39175 7.81921 3.3883C9.3128 3.21317 10.773 3.23299 12.2657 3.39844C12.2791 3.36926 12.2924 3.34009 12.3062 3.31003C12.3671 3.17813 12.4287 3.04659 12.4903 2.91504C12.5219 2.84615 12.5219 2.84615 12.5541 2.77588C12.585 2.71017 12.585 2.71017 12.6166 2.64313C12.6355 2.60262 12.6543 2.56212 12.6737 2.52039C12.7406 2.41188 12.7681 2.37588 12.8907 2.34375C13.0082 2.3544 13.0082 2.3544 13.1467 2.38358C13.1719 2.38879 13.1971 2.394 13.2231 2.39937C13.3061 2.41682 13.3889 2.43514 13.4717 2.45361C13.5003 2.45985 13.5289 2.46608 13.5584 2.4725C14.4949 2.67729 15.4048 2.96539 16.2963 3.31753C16.3913 3.35365 16.4859 3.38509 16.583 3.41461C17.0927 3.58391 17.2911 4.0493 17.5391 4.49219C17.581 4.56405 17.623 4.63582 17.6652 4.70749C17.7822 4.90761 17.8955 5.10969 18.0079 5.3125C18.0233 5.33997 18.0387 5.36745 18.0546 5.39576C18.9626 7.01714 19.5436 8.84273 19.834 10.6738C19.8457 10.7465 19.8457 10.7465 19.8576 10.8207C19.9764 11.604
20041 20.0119 12.378 20.0081 13.17C20.0074 13.3238 20.0073 13.4775 20.0073 13.6312C20.0071 13.7307 20.0069 13.8301 20.0066 13.9296C20.0066 13.9747 20.0065 14.0198 20.0065 14.0662C20.0016 14.908 20.0016 14.908 19.8829 15.1562C19.8189 15.217 19.8189 15.217 19.7417 15.2686C19.7127 15.2882 19.6838 15.3079 19.6539 15.3281C19.6223 15.3488 19.5907 15.3694 19.5582 15.3906C19.525 15.4127 19.4919 15.4347 19.4578 15.4575C19.3525 15.5271 19.2467 15.5957 19.1407 15.6641C19.108 15.6853 19.0754 15.7064 19.0417 15.7283C17.8255 16.5132 16.297 17.3958 14.8438 17.6562C14.669 17.461 14.523 17.261 14.3848 17.0386C14.3649 17.0067 14.345 16.9748 14.3244 16.9419C14.1832 16.7138 14.0462 16.4833 13.9136 16.25C13.8965 16.2204 13.8794 16.1907 13.8617 16.1602C13.8213 16.0876 13.7853 16.0127 13.7501 15.9375C13.7891 15.8203 13.7891 15.8203 13.8655 15.7767C13.8987 15.7632 13.9319 15.7497 13.9661 15.7358C14.0032 15.7203 14.0402 15.7048 14.0784 15.6889C14.1183 15.6727 14.1582 15.6564 14.1993 15.6396C14.5962 15.4731 14.9756 15.2871 15.3516 15.0781C15.3602 14.9978 15.3602 14.9978 15.3042 14.9455C15.2303 14.8847 15.1663 14.8425 15.0782 14.8047C14.9977 14.8137 14.9977 14.8137 14.9177 14.8477C14.8868 14.8592 14.8559 14.8708 14.8241 14.8827C14.792 14.8956 14.7598 14.9085 14.7266 14.9219C14.6953 14.9344 14.6639 14.9469 14.6316 14.9598C14.565 14.9868 14.4984 15.014 14.4319 15.0413C11.5838 16.2037 8.3998 16.1497 5.54694 15.0391C5.49732 15.017 5.44785 14.9946 5.39852 14.9719C5.37401 14.9608 5.3495 14.9496 5.32424 14.9381C5.25579 14.9065 5.18778 14.874 5.11979 14.8415C5.00243 14.7938 5.00243 14.7938 4.8923 14.8338C4.80349 14.8835 4.72464 14.9323 4.6485 15C4.6485 15.0258 4.6485 15.0516 4.6485 15.0781C5.15962 15.353 5.66832 15.6134 6.211 15.8203C6.1898 16.0091 6.13088 16.1563 6.0401 16.3208C6.02651 16.3458 6.01291 16.3708 5.99891 16.3966C5.75412 16.8386 5.4774 17.2658 5.15631 17.6562C3.49296 17.2251 1.91513 16.404 0.507873 15.4297C0.486139 15.4148 0.464404 15.3998 0.442012 15.3845C0.0852591 15.1384 0.0852591 15.1384 0.0391226 15C-0.000506509 14.6582 -0.0065607 14.3149 -0.00787452 13.9711C-0.00814851 13.9229 -0.00842251 13.8748 -0.00870481 13.8252C-0.00938459 13.6707 -0.00965924 13.5163 -0.00970557 13.3618C-0.00972283 13.3355 -0.00974024 13.3092 -0.00975802 13.2822C-0.0100247 12.5079 -0.00394706 11.7432 0.117248 10.9766C0.124159 10.9314 0.13107 10.8863 0.13819 10.8397C0.396361 9.19107 0.88259 7.60013 1.60162 6.09375C1.61903 6.05722 1.63644 6.02069 1.65438 5.98305C1.91632 5.43759 2.20143 4.91107 2.51898 4.39602C2.57546 4.30144 2.62726 4.20557 2.67828 4.10797C2.92137 3.66028 3.19705 3.48881 3.67237 3.32218C3.79725 3.2784 3.92075 3.23163 4.0444 3.18451C4.879 2.87142 5.73039 2.62345 6.60162 2.43652C6.65011 2.42589 6.6986 2.41525 6.74856 2.40429C6.79352 2.39509 6.83849 2.38588 6.88483 2.3764C6.94434 2.36405 6.94434 2.36405 7.00507 2.35144C7.12527 2.34258 7.17036 2.34858 7.26569 2.42188ZM5.39618 9.34265C4.98733 9.88281 4.86829 10.4676 4.92194 11.1328C5.01314 11.6427 5.29823 12.1445 5.72089 12.4527C6.15682 12.7242 6.56219 12.8255 7.07251 12.7257C7.55278 12.5989 7.91708 12.2662 8.18503 11.8564C8.48065 11.3471 8.5427 10.7587 8.40811 10.1875C8.23195 9.61187 7.89811 9.18014 7.3667 8.89465C6.67725 8.58474 5.90421 8.80538 5.39618 9.34265ZM12.1221 9.27673C11.6615 9.77524 11.5356 10.3526 11.5574 11.009C11.5877 11.5082 11.8578 12.013 12.2266 12.3438C12.6498 12.6606 13.0578 12.8194 13.5889 12.7515C14.0676 12.6571 14.4242 12.4108 14.7266 12.0312C15.0584 11.5139 15.2024 10.9217 15.073 10.3188C14.9422 9.76154 14.6853 9.32618 14.2045 9.00681C13.4929 8.58132 12.7121 8.71727 12.1221 9.27673Z" fill="currentColor"/>
2005    </g>
2006    <defs>
2007    <clipPath id="clip0_166010_110135">
2008    <rect width="20" height="20" fill="currentColor"/>
2009    </clipPath>
2010    </defs>
2011  </svg>
2012</a>
2013        </li>
2014      </ul>
2015     
2016
2017
2018  <style data-shopify>
2019    #x-announcement .options-text-color {
2020      
2021        color: #ffffff;
2022      
2023    }
2024    .dark #x-announcement .options-text-color {
2025      
2026        color: #ffffff;
2027      
2028    }
2029    @media (min-width: 1024px) {
2030      #x-announcement .options-text-color:hover {
2031        color: rgb(var(--colors-text-link));
2032      }
2033    }
2034    #x-announcement .underline-color {
2035      border-bottom-color: rgb(var(--colors-line-and-border-base));
2036    }
2037  </style>
2038
2039<form method="post" action="/localization" id="localization_form" accept-charset="UTF-8" class="multi-selectors flex flex-col lg:flex-row lg:items-center lg:justify-center" enctype="multipart/form-data"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" /><input type="hidden" name="return_to" value="/" /><div 
2040      class="text-normal relative inline-flex lg:inline-block"
2041      x-data="{ open: false }" 
2042      @keyup.escape="open = false"
2043    >
2044      <button 
2045        @click.prevent="open = ! open;"
2046        class="toolbar-button relative pt-2.5 pb-2.5 lg:pl-5 rtl:lg:pr-5 pr-5 rtl:pr-0 rtl:pl-5 curs
2046or-pointer hover-text-link duration-200 transition"
2047        aria-expanded="false" aria-controls="LanguageList"
2048      >
2049        <span>English</span>
2050        <span class="absolute w-2.5	h-2.5 top-1/2 -translate-y-1/2 flex right-0 rtl:right-auto rtl:left-0" :class="open && ' -rotate-180'"><svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
2051    <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
2052  </svg>
2053</span>
2054      </button>
2055      <div x-show="open" @click.away="open = false" x-cloak>
2056        
2057          <ul 
2058            
2059              x-transition:enter="transition-all ease-in-out duration-500"
2060              x-transition:enter-start="opacity-0 transform -translate-y-4"
2061              x-transition:enter-end="opacity-100 transform translate-y-0"
2062              x-transition:leave="transition-all ease-in-out duration-500"
2063              x-transition:leave-end="opacity-0 transform -translate-y-4"
2064            
2065            x-show="open"
2066            role="list" 
2067            x-data="xLocalizationForm" 
2068            class="locale-options scrollbar-body w-max py-3 px-5 absolute left-0 bottom-full z-50 shadow-md max-h-64 overflow-y-auto background-header bottom-0 lg:bottom-auto"
2069          >
2070            
2071              <li class="cursor-pointer py-1 duration-200 transition text-[rgb(var(--colors-text-header))]">
2072                <a class="nav-link hover-text-link relative border-b underline-color effect-inline"
2073                  href="#"
2074                  data-no-instant
2075                  @click="submit('en', 'locale_selector')"
2076                >
2077                  <span class="disclosure-list__label">English</span>
2078                </a>
2079              </li>
2080              <li class="cursor-pointer py-1 duration-200 transition text-[rgb(var(--colors-text-header))]">
2081                <a class="nav-link hover-text-link relative options-text-color"
2082                  href="#"
2083                  data-no-instant
2084                  @click="submit('zh-CN', 'locale_selector')"
2085                >
2086                  <span class="disclosure-list__label">简体中文</span>
2087                </a>
2088              </li></ul>
2089        
2090      </div>
2091      <input type="hidden" name="locale_code" id="locale_selector" value="en" data-disclosure-input/>
2092    </div><div 
2093      x-data="xLocalizationForm" 
2094      class="country-selector max-w-max text-normal relative inline-flex lg:inline-block"
2095      @keyup.escape="openCountry = false"
2096    >
2097      <button 
2098        @click.prevent="loadCountry($el); "
2099        class="toolbar-button relative py-2.5 rtl:pr-0 rtl:pl-5 pr-5 rtl:md:pr-5 lg:pl-5 cursor-pointer  hover-text-link duration-200 transition"
2100        aria-expanded="false" aria-controls="CurrencyList"
2101      >
2102        <span>
2103          
2104            United States &#x200E;(USD $)&#x200E;
2105          
2106        </span>
2107        <span x-show="!loading" class="absolute w-2.5 h-2.5 top-1/2 -translate-y-1/2 flex right-0 rtl:right-auto rtl:left-0" :class="openCountry && '-rotate-180'"><svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
2108    <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
2109  </svg>
2110</span>
2111        <span x-show="loading" class="absolute w-3 h-3 top-[calc(50%-6px)] flex right-0 rtl:right-auto rtl:left-0 animate-spin" x-cloak><svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
2112    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
2113      fill="currentcolor" stroke="none">
2114      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
2115    </g>
2116  </svg>
2117</span>
2118      </button>
2119      
2120        <div class="country-options w-max py-3 px-5 absolute left-0 bottom-full z-[51] scrollbar-body shadow-md max-h-64 overflow-y-auto background-header bottom-0 text-[rgb(var(--colors-text-header))] lg:bottom-auto" 
2121          
2122            x-transition:enter="transition-all ease-in-out duration-500"
2123            x-transition:enter-start="opacity-0 transform -translate-y-4"
2124            x-transition:enter-end="opacity-100 transform translate-y-0"
2125            x-transition:leave="transition-all ease-in-out duration-500"
2126            x-transition:leave-end="opacity-0 transform -translate-y-4"
2127          
2128          x-show="openCountry" @click.away="openCountry = false" x-cloak>
2129        </div>
2130      
2131      <input id="currency_selector" type="hidden" name="country_code" value="US">
2132    </div></form>
2132<script src="//iteaworld.com/cdn/shop/t/51/assets/locales-form.js?v=77424405773733899781782181913" defer></script>
2132</div>
2133      </div></div>
2134<style> @media (min-width: 1024px) {#shopify-section-sections--27603634815255__announcement-bar .splide__track {width: 50%; } #shopify-section-sections--27603634815255__announcement-bar .splide__arrow--prev {left: 25%; } #shopify-section-sections--27603634815255__announcement-bar .splide__arrow--next {right: 25%; }} </style></div><div id="shopify-section-sections--27603634815255__header" class="shopify-section shopify-section-group-header-group-puff section-header"><style data-shopify>
2135.logo-name {
2136    font-size: 1.2375rem;
2137  }
2138  .transparent-header .logo-name,
2139  .transparent-header header {
2140    
2141      color: #ffffff;
2142    
2143  }
2144  .dark .transparent-header .logo-name,
2145  .dark .transparent-header header {
2146    
2147      color: #ffffff;
2148    
2149    
2150  }
2151  
2152  header {
2153    grid-template-areas: "icons heading drawer";
2154    
2155  }
2156  @media (min-width: 1024px) {
2157    header {
2158      grid-template-areas: "heading navigation icons" ". . .";
2159      grid-template-columns: 1fr 4fr 1fr;
2160    } 
2161    .logo-name {
2162      font-size: 2.475rem;
2163    }
2164    .pt-header {
2165      padding-top: 20px;
2166    }
2167    .pb-header {
2168      padding-bottom: 20px;
2169    }
2170  }
2171  .h-hamburger {
2172    height: var(--hamburger-menu-height);
2173  }</style><div x-show="$store.xHeaderMenu.overlay" 
2174  x-transition:enter="ease-in-out duration-300"
2175  x-transition:enter-start="opacity-0"
2176  x-transition:enter-end="opacity-100"
2177  x-transition:leave="transition-all ease-in-out duration-300"
2178  x-transition:leave-end="opacity-0"
2179  class="bg-[rgba(0,0,0,0.4)] hidden lg:flex fixed top-0 right-0 bottom-0 left-0 z-20" x-cloak>
2180</div>
2181<div
2182  id="x-header-container"
2183  class="relative text-[rgb(var(--colors-text-header))] z-50"
2184  x-init='$store.xHeaderMenu.removeStickyHeader();$store.xHeaderMenu.initSticky($el, "shopify-section-sections--27603634815255__header", "always", false); $store.xHeaderMenu.mobileHeaderLayout="center-right";'
2185  
2186    x-intersect:leave="$store.xHeaderMenu.handleAlwaysSticky()"
2187    data-is-sticky="true"
2188    :class="$store.xMiniCart.open && 'z-[60]'"
2189  
2190  @click.away="$store.xHeaderMenu.openHamburgerMenu = false;"
2191  
2192>
2193  <div id="sticky-header" class="shopify-header text-[rgb(var(--colors-text-header))] background-header"
2194    x-intersect="$store.xHeaderMenu.setVariableHeightHeader(true)"
2195  >
2196    <div
2197      id="sticky-header-content"
2198      class="sticky-header-content z-20 w-full top-0
2199       header-full-width"
2200      :class="{ 'background-header sticky-header-active': ($store.xHeaderMenu.isSticky || $store.xHeaderMenu.overlay), 'padding-scrollbar-header': $store.xHeaderMenu.isSticky && ($store.xPopup.open || $store.xPopup.openVideoShopping), 'static': $store.xHeaderMenu.overlay, 'relative': !$store.xHeaderMenu.overlay}"
2201      
2202      x-intersect.once="$store.xHeaderMenu.setTopStickyHeader()"
2203    >
2204      <header 
2205        class="header lg:pb-0 pt-[0px] pb-[0px] pt-header lg:pb-0 full-width grid lg:mx-auto gap-x-2" :class="{ ' lg:pt-5': !$store.xHeaderMenu.isSticky, 'open-menu': $store.xHeaderMenu.overlay }"
2206        
2207      >
2208        <div data-breakpoint="tablet" class="x-container-header-mobile-nav [grid-area:drawer] lg:hidden flex items-center w-full justify-end">
2209          
2210          
2211          <style data-shopify>
2212            .mobile-navigation-modern-icon-bg{
2213              background: rgba(var(--colors-line-header),1)
2214            }
2215          </style>
2216          <div 
2217            id="mobile-navigation"
2218            @click="setTimeout(() => { $store.xMobileNav.open() }, 0)"
2219            class="relative w-11 h-8 px-3 py-2.5 -right-3 rounded-full cursor-pointer "
2220          > 
2221            <div class=""><svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" viewBox="0 0 400 280" enable-background="new 0 0 400 280">
2222    <g>
2223      <g>
2224        <path fill-rule="evenodd" clip-rule="evenodd" fill="currentColor" d="M-0.002-0.039v40h400.001v-40H-0.002z M-0.002,159.969h400.001
2225          v-40.006H-0.002V159.969z M-0.002,279.965h280.001v-40.012H-0.002V279.965z"/>
2226      </g>
2227    </g>
2228  </svg>
2229</div>            
2230          </div>
2231        </div>
2232          <h1 class="flex logo-name p-break-words lg:order-2 top-4 text-center [grid-area:heading] mx-auto justify-center pb-header flex items-center lg:relative lg:left-0 lg:translate-x-0 lg:mt-0 lg:top-0 lg:ml-0 lg:justify-left lg:[grid-area:auto]"
2233          >
2234        
2235          
2236
2237<div class="flex">
2238  <a href="/" class="w-[100px] md:w-[150px] h-auto disable-effect inline-block"><img
2239        src="//iteaworld.com/cdn/shop/files/iTeaworld-logo-15.png?v=1737713184&width=3264"
2240        alt="iTeaworld"
2241        sizes="(min-width: 768px) 150px, 100px"
2242        srcset="//iteaworld.com/cdn/shop/files/iTeaworld-logo-15.png?v=1737713184&width=50 50w,
2243          //iteaworld.com/cdn/shop/files/iTeaworld-logo-15.png?v=1737713184&width=100 100w,
2244          //iteaworld.com/cdn/shop/files/iTeaworld-logo-15.png?v=1737713184&width=150 150w,
2245          //iteaworld.com/cdn/shop/files/iTeaworld-logo-15.png?v=1737713184&width=200 200w,
2246          //iteaworld.com/cdn/shop/files/iTeaworld-logo-15.png?v=1737713184&width=250 250w,
2247          //iteaworld.com/cdn/shop/files/iTeaworld-logo-15.png?v=1737713184&width=300 300w,
2248          //iteaworld.com/cdn/shop/files/iTeaworld-logo-15.png?v=1737713184&width=400 400w,
2249          //iteaworld.com/cdn/shop/files/iTeaworld-logo-15.png?v=1737713184&width=500 500w,
2250          //iteaworld.com/cdn/shop/files/iTeaworld-logo-15.png?v=1737713184&width=600 600w"
2251        width="3264"
2252        height="1196"
2253        class="header-logo hidden absolute dark:block dark:relative mx-auto md:ml-0"
2254        loading="eager"
2255        fetchpriority="high"
2256        decoding="sync"
2257      /><img
2258        src="//iteaworld.com/cdn/shop/files/iTeaworld-logo-14_e1fa5e0e-897c-4ac1-8169-c9d7e7c4ebd3.png?v=1745483789&width=3264"
2259        alt="iTeaworld"
2260        sizes="(min-width: 768px) 150px, 100px"
2261        srcset="//iteaworld.com/cdn/shop/files/iTeaworld-logo-14_e1fa5e0e-897c-4ac1-8169-c9d7e7c4ebd3.png?v=1745483789&width=50 50w,
2262          //iteaworld.com/cdn/shop/files/iTeaworld-logo-14_e1fa5e0e-897c-4ac1-8169-c9d7e7c4ebd3.png?v=1745483789&width=100 100w,
2263          //iteaworld.com/cdn/shop/files/iTeaworld-logo-14_e1fa5e0e-897c-4ac1-8169-c9d7e7c4ebd3.png?v=1745483789&width=150 150w,
2264          //iteaworld.com/cdn/shop/files/iTeaworld-logo-14_e1fa5e0e-897c-4ac1-8169-c9d7e7c4ebd3.png?v=1745483789&width=200 200w,
2265          //iteaworld.com/cdn/shop/files/iTeaworld-logo-14_e1fa5e0e-897c-4ac1-8169-c9d7e7c4ebd3.png?v=1745483789&width=250 250w,
2266          //iteaworld.com/cdn/shop/files/iTeaworld-logo-14_e1fa5e0e-897c-4ac1-8169-c9d7e7c4ebd3.png?v=1745483789&width=300 300w,
2267          //iteaworld.com/cdn/shop/files/iTeaworld-logo-14_e1fa5e0e-897c-4ac1-8169-c9d7e7c4ebd3.png?v=1745483789&width=400 400w,
2268          //iteaworld.com/cdn/shop/files/iTeaworld-logo-14_e1fa5e0e-897c-4ac1-8169-c9d7e7c4ebd3.png?v=1745483789&width=500 500w,
2269          //iteaworld.com/cdn/shop/files/iTeaworld-logo-14_e1fa5e0e-897c-4ac1-8169-c9d7e7c4ebd3.png?v=1745483789&width=600 600w"
2270        width="3264"
2271        height="1197"
2272        class="header-logo block dark:hidden dark:absolute mx-auto md:ml-0"
2273        loading="eager"
2274        fetchpriority="high"
2275        decoding="sync"
2276      /></a>
2277</div>
2278</h1>
2279        
2280        <div
2281          class="x-container-header-icons justify-end lg:order-4 [grid-area:icons] lg:[grid-area:auto] pb-header flex-row-reverse lg:flex-row flex"
2282        >
2283          <div class="x-header-store-selector-container self-center md:block hidden md:mr-2.5 md:ml-3"></div>
2284          
2285          
2286<style data-shopify>
2287              
2288            </style>
2289            <div class="x-header-icon-search flex items-center justify-center mobile-center-right" @init-run.window="$store.xHeaderMenu.renderAjax($el, 'header-search-block', '#ajax-loading-header-search');">
2290              <a 
2291                id="SearchOpen"
2292                href="/search" 
2293                aria-label="search"
2294                class="flex items-center cursor-pointer justify-center link focus-inset bg-none" 
2295                @click.prevent="setTimeout(() => { $store.xModal.setActiveElement('SearchOpen'); }, 0)">
2296                <span class="w-11 h-10 px-3 pt-2.5 pb-2"><svg class="icon-animation" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 19 18" fill="none" style="fill: none;">
2297    <path d="M9.2665 16.2001C13.4639 16.2001 16.8665 12.7975 16.8665 8.60009C16.8665 4.40272 13.4639 1.00009 9.2665 1.00009C5.06914 1.00009 1.6665 4.40272 1.6665 8.60009C1.6665 12.7975 5.06914 16.2001 9.2665 16.2001Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
2298    <path d="M17.6669 16.9999L16.0669 15.3999" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
2299  </svg>
2300</span>
2301              </a>
2302            </div>
2303            
2304              
2304<script src="//iteaworld.com/cdn/shop/t/51/assets/speech-search.js?v=80603510328065116571782181913" defer></script>
2304<a href="https://iteaworld.com/customer_authentication/redirect?locale=en&region_country=US"
2305              aria-label="Log in"
2306              class="header-icon-account hidden lg:flex relative items-center justify-center">
2307              <span class="w-11 h-10 pl-3 pr-2.5 pt-2.5 pb-2">
2308                <svg class="icon-animation" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 18" fill="none" style="fill: none;">
2309    <path d="M10.6768 1.76956C10.0249 1.282 9.21778 1.00012 8.33305 1.00012C6.19106 1.00012 4.45264 2.70658 4.45264 4.80919C4.45264 6.91179 6.19106 8.61825 8.33305 8.61825C10.475 8.61825 12.2135 6.91179 12.2135 4.80919" stroke="currentcolor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
2310    <path d="M15 16.9999C15 14.0516 12.0122 11.6672 8.33357 11.6672C4.6549 11.6672 1.66699 14.0516 1.66699 16.9999" stroke="currentcolor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
2311    </svg>
2312
2313              </span>
2314            </a><div class="header-icon-cart cursor-pointer relative flex items-center">
2315              <a 
2316                id="cart-icon"
2317                href="/cart"
2318                class="relative flex items-center"   
2319                           
2320                  @click.prevent="setTimeout(() => { $store.xModal.setActiveElement('cart-icon'); $store.xMiniCart.openCart(); }, 0)"
2321                  :class="$store.xMiniCart.open && 'pointer-events-none'"
2322                
2323                aria-controls="CartDrawer"
2324                aria-expanded="false"
2325                aria-label="icon-cart"
2326              >
2327                <span class="w-11 h-10 md:pl-3 inline-block  md:pr-2.5 pt-2.5 pb-2">
2328                  <svg class="icon-animation" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 22 22" fill="none">
2329    <path fill-rule="evenodd" clip-rule="evenodd" d="M8.59556 15.0449C7.33025 15.0449 6.30389 16.0713 6.30389 17.3366C6.30389 18.6019 7.33025 19.6283 8.59556 19.6283C9.86087 19.6283 10.8872 18.6019 10.8872 17.3366C10.8872 16.0713 9.86087 15.0449 8.59556 15.0449ZM8.59556 18.1201C8.16073 18.1201 7.81209 17.7675 7.81209 17.3366C7.81209 16.9057 8.16465 16.5531 8.59556 16.5531C9.03039 16.5531 9.37904 16.9057 9.37904 17.3366C9.37904 17.7675 9.03039 18.1201 8.59556 18.1201Z" fill="currentcolor" stroke="currentcolor" stroke-width="0.2" stroke-miterlimit="10"/>
2330    <path fill-rule="evenodd" clip-rule="evenodd" d="M20.9 4.64037C20.4557 4.51721 19.9981 4.79088 19.8793 5.25156L19.8574 5.33367C19.8222 5.39752 19.7914 5.46594 19.7738 5.53892L19.3514 7.17182C19.3426 7.20831 19.3338 7.24937 19.3294 7.28585C19.3118 7.32691 19.2986 7.36796 19.2854 7.40901L18.8631 9.04191C18.8543 9.07384 18.8499 9.10577 18.8455 9.14226L18.5156 10.4103C18.5068 10.4468 18.498 10.4878 18.4936 10.5243C18.476 10.5653 18.4628 10.6064 18.4496 10.6475L18.058 12.1572H18.0448C18.014 12.4309 17.8953 12.5039 17.8073 12.5175H17.7457C17.7237 12.513 17.7149 12.5084 17.7149 12.5084V12.5175H13.6895C13.6851 12.5175 13.6763 12.5175 13.6719 12.5175C13.6675 12.5175 13.6587 12.5175 13.6543 12.5175H7.80321L7.79441 12.4947C7.57445 12.5449 7.46886 12.4856 7.41607 12.4218L7.11252 11.245C7.10812 11.1857 7.09932 11.1218 7.08612 11.058L6.78697 9.90854C6.78257 9.88573 6.77817 9.85836 6.77377 9.83556L6.38223 8.33037C6.37783 8.27107 6.36903 8.20721 6.35584 8.14336L5.9599 6.61992C5.9555 6.57431 5.9467 6.53326 5.9379 6.48765L5.54636 4.98245C5.54196 4.92316 5.53316 4.8593 5.51997 4.79545L5.12843 3.27657C5.12403 3.2492 5.11963 3.22184 5.11083 3.19447C4.82487 1.86716 3.23672 2.004 3.23672 2.004H1.63537C1.17344 2.004 0.803894 2.3917 0.803894 2.86606C0.803894 3.34043 1.17784 3.72813 1.63537 3.72813H3.26751C3.29391 3.72813 3.32031 3.72813 3.3423 3.72357C3.45668 3.74181 3.51827 3.79655 3.54467 3.85128L3.57547 3.97443C3.57547 3.97899 3.57547 3.97899 3.57547 3.97899L3.86582 5.11017C3.87022 5.16946 3.87902 5.23332 3.89222 5.29718L4.28816 6.82061C4.29256 6.86622 4.30135 6.90728 4.31015 6.95289L4.70169 8.45808C4.70609 8.51737 4.71489 8.58123 4.72809 8.64509L5.02724 9.79451C5.03164 9.81731 5.03604 9.84468 5.04044 9.86749L5.43198 11.3727C5.43
2330638 11.432 5.44518 11.4958 5.45837 11.5597L5.88071 13.1926C5.90271 13.2838 5.9423 13.3659 5.98629 13.4389C6.30744 14.0775 6.97614 14.2189 7.41607 14.2371C7.43367 14.2371 7.44687 14.2417 7.46447 14.2417H13.6455C13.6499 14.2417 13.6587 14.2417 13.6631 14.2417C13.6675 14.2417 13.6763 14.2417 13.6807 14.2417H18.1152C18.1328 14.2417 18.1548 14.2417 18.1724 14.2417H18.1944C18.278 14.2417 18.3572 14.228 18.4364 14.2052C19.1975 14.0182 19.501 13.1972 19.6022 12.8368C19.6154 12.8003 19.6286 12.7638 19.6418 12.7274L20.0641 11.0944C20.0729 11.058 20.0817 11.0169 20.0861 10.9804C20.1037 10.9394 20.1169 10.8983 20.1301 10.8573L20.5524 9.22436C20.5612 9.19243 20.5656 9.1605 20.57 9.12401L20.9 7.856C20.9088 7.81951 20.9176 7.77846 20.922 7.74197C20.9396 7.70092 20.9528 7.65987 20.966 7.61882L20.988 7.53672C21.0232 7.47286 21.054 7.40445 21.0716 7.33147L21.4939 5.69856C21.6083 5.23788 21.3443 4.76352 20.9 4.64037Z" fill="currentcolor" stroke="currentcolor" stroke-width="0.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
2331    <path fill-rule="evenodd" clip-rule="evenodd" d="M15.9289 15.0449C14.6636 15.0449 13.6372 16.0713 13.6372 17.3366C13.6372 18.6019 14.6636 19.6283 15.9289 19.6283C17.1942 19.6283 18.2205 18.6019 18.2205 17.3366C18.2205 16.0713 17.1942 15.0449 15.9289 15.0449ZM15.9289 18.1201C15.494 18.1201 15.1454 17.7675 15.1454 17.3366C15.1454 16.9057 15.498 16.5531 15.9289 16.5531C16.3637 16.5531 16.7123 16.9057 16.7123 17.3366C16.7123 17.7675 16.3637 18.1201 15.9289 18.1201Z" fill="currentcolor" stroke="currentcolor" stroke-width="0.2" stroke-miterlimit="10"/>
2332  </svg>
2333                </span>
2334                <div id="cart-icon-bubble" class="count_item absolute -top-0.5
2335                left-0
2336                   md:right-0 lg:left-auto lg:right-0 rtl:lg:right-auto rtl:lg:left-0" data-value="0">
2337                  <div class="bg-[rgba(var(--colors-cart))] text-[rgba(var(--colors-cart-text))] font-medium h-5 w-5 rounded-full text-[10px] hidden"><span class="h-full flex items-center justify-center mt-[1px]" aria-hidden="true">0</span></div>
2338                </div>
2339              </a>
2340            </div><theme-mode x-data
2341                class="flex items-center lg:justify-center cursor-pointer flex w-10 lg:ml-2 rtl:lg:ml-0 rtl:lg:mr-2 justify-start"
2342              >
2343                <button
2344                  @click.prevent="$store.xDarkMode.toggleThemeMode(); $store.xHeaderMenu.handleChangeThemeMode();"
2345                  class="md:pt-2.5 md:pb-2.5 md:pl-2.5 md:pr-2.5 button button-action pt-2.5 pb-2.5 pl-2.5 pr-2.5 rounded-full  text-sm "
2346                  aria-label="darkmode"
2347                >
2348                  <span class="block animate-spin  w-4 lg:w-5" x-show="$store.xDOM.rePainting === $store.xDarkMode.alias" x-cloak>
2349                    <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
2350    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
2351      fill="currentcolor" stroke="none">
2352      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
2353    </g>
2354  </svg>
2355
2356                  </span>
2357                  <span class="hidden dark:block w-4 lg:w-5" x-show="$store.xDOM.rePainting !== $store.xDarkMode.alias">
2358                    
2359                      <svg
2360                        class="svg-icon icon-animation"
2361                        style="vertical-align: middle;fill: currentColor;overflow: hidden;"
2362                        viewBox="0 0 1024 1024"
2363                        version="1.1"
2364                        xmlns="http://www.w3.org/2000/svg"
2365                      >
2366                        <path d="M557.250088 959.028243c-247.490697 0-448.826192-199.306278-448.826192-446.783673 0-244.284679 198.73118-446.636317 443.002556-446.636317 0.119727 0 0.226151 0 0.346901 0 10.354835 0 19.840884 3.807722 24.477484 13.094226 4.688789 9.379625 3.593851 19.61371-2.805906 27.92398-53.604872 69.477374-81.928964 152.101163-81.928964 239.895719 0 217.308281 176.792519 393.82553 394.1008 393.82553l5.051039-0.239454c9.927093-0.134053 20.175505 5.638417 24.864294 15.043624 4.704139 9.379625 3.621481 20.603247-2.804882 28.91454C826.947554 895.269104 697.373453 959.028243 557.250088 959.028243zM497.340627 120.789017c-188.636265 29.113061-334.191338 193.506179-334.191338 389.410987 0 217.294978 176.792519 394.1008 394.1008 394.1008 104.550171 0 202.412013-40.456411 275.696086-112.540146-222.772736-26.1598-396.157645-216.07929-396.157645-445.747063C436.787506 265.754666 457.578018 188.916651 497.340627 120.789017z"  /><path d="M577.719282 865.501126c-179.75806 0-332.640006-128.359436-363.490641-305.211307-1.296529-7.441483 3.687996-14.536065 11.129478-15.833617 7.54893-1.2689 14.537088 3.687996 15.832594 11.130502 28.55229 163.705456 170.09191 282.536888 336.52857 282.536888 7.563256 0 13.682627 6.119371 13.682627 13.681604C591.40191 859.381755 585.281515 865.501126 577.719282 865.501126z"  /><path d="M222.886835 530.788925c-7.255241 0-13.307074-6.734378-13.654998-14.055111-0.306992-6.333242-0.467651-13.267165-0.467651-19.694551 0-7.562233 6.118348-13.935384 13.681604-13.935384s13.681604 5.998621 13.681604 13.560854c0 5.998621 0.160659 12.920264 0.441045 18.839067 0.361227 7.54893-5.464455 15.285125-13.013385 15.285125C223.326856 530.788925 223.112985 530.788925 222.886835 530.788925z"  /><path d="M642.680806 310.140573c4.300956 12.746302-2.566452 26.587542-15.311731 30.890544-12.747325 4.288676-26.588565-2.565429-30.891568-15.325034-4.275373-12.746302 2.565429-26.575262 15.311731-30.877241C624.56317 290.525839 638.377804 297.394271 642.680806 310.140573z"  /><path d="M801.146934 193.09788c4.275373 12.746302-2.565429 26.588565-15.337313 30.890544-12.747325 4.275373-26.561959-2.565429-30.864962-15.325034-4.300956-12.746302 2.566452-26.574239 15.311731-30.877241C783.003715 173.48417 796.844955 180.351578 801.146934 193.09788z"  /><path d="M748.131487 411.503145c4.301979 12.759605-2.565429 26.588565-15.311731 30.890544-12.746302 4.288676-26.587542-2.565429-30.891568-15.311731-4.300956-12.746302 2.566452-26.587542 15.311731-30.890544C729.987245 391.889435 743.829508 398.756843 748.131487 411.503145z"  />
2367                      </svg>
2368                    
2369                  </span>
2370                  <span class="block dark:hidden w-4 lg:w-5" x-show="$store.xDOM.rePainting !== $store.xDarkMode.alias">
2371                    
2372                      <svg class="svg-icon icon-animation" style="fill: currentColor;overflow: hidden;"  viewBox="0 0 1024 1024"  version="1.1" xmlns="http://www.w3.org/2000/svg">
2373                        <path d="M512 704a192 192 0 1 0 0-384 192 192 0 0 0 0 384z m0 64a256 256 0 1 1 0-512 256 256 0 0 1 0 512zM32 480h128a32 32 0 1 1 0 64H32a32 32 0 1 1 0-64z m832 0h128a32 32 0 1 1 0 64H864a32 32 0 1 1 0-64zM480 992V864a32 32 0 1 1 64 0v128a32 32 0 1 1-64 0z m0-832V32a32 32 0 1 1 64 0v128a32 32 0 1 1-64 0z m348.8 714.027l-90.539-90.496a32 32 0 1 1 45.27-45.227l90.496 90.453a32 32 0 0 1-45.227 45.27zM240.47 285.739L149.972 195.2a32 32 0 1 1 45.227-45.227l90.539 90.496a32 32 0 1 1-45.27 45.227z m633.6-90.539l-90.54 90.539a32 32 0 1 1-45.226-45.27l90.453-90.496a32 32 0 0 1 45.227 45.227zM285.652 783.53L195.2 874.028a32 32 0 0 1-45.27-45.227l90.497-90.539a32 32 0 1 1 45.226 45.27z"  />
2374                      </svg>
2375                    
2376                  </span>
2377                </button>
2378              </theme-mode></div>
2379
2380        
2381
2382        
2383
2384<style data-shopify>
2385    .svg-highlight-sections--27603634815255__header {
2386      --color-highlight: #739047;
2387    }
2388    .dark .svg-highlight-sections--27603634815255__header {
2389      --color-highlight: #020202;
2390    }
2391  
2392  .x-icon-caret svg {
2393    color: var(--colors-text-header);
2394    --tw-rotate: 0deg;
2395    transform: rotate(var(--tw-rotate));
2396    transition: transform 0.5s ease 0.1s;
2397  }
2398  .clicked .x-icon-caret svg {
2399      color: var(--colors-text-link);
2400      --tw-rotate: 180deg;
2401    }
2402</style><nav 
2403  x-on:click.away="$store.xHeaderMenu.hideMenu($el)"
2404  class="x-container-header-nav [grid-area:navigation] w-full order-3 hidden header__inline-menu lg:flex items-center pb-header lg:[grid-area:auto] justify-center"
2405>
2406  <ul class="duration-500 list-menu inline-flex flex-wrap gap-x-10 items-center justify-center"
2407  >
2408
2409              <li class="block-button" 
2410                
2411                  x-on:click="$store.xHeaderMenu.hideMenu($el);"
2412                
2413                
2414              >
2415                <style data-shopify>
2416                  .button-button_wPbrwL, .button-button_wPbrwL *:before {
2417                    
2418                    
2419                    
2420                    
2421                    
2422                    
2423                    
2424                  }
2425                  .dark .button-button_wPbrwL, .dark .button-button_wPbrwL *:before {
2426                      
2427                      --colors-button: 255, 255, 255;
2428                    
2429                     
2430                      --colors-button-text: 0, 0, 0; 
2431                    
2432                      
2433                      --colors-button-hover: rgb(255, 255, 255);
2434                    
2435                      
2436                      --colors-button-text-hover: 36, 36, 36;
2437                    
2438                      
2439                      --colors-secondary-button: 0, 0, 0;
2440                      --colors-line-secondary-button: 0, 0, 0;
2441                    
2442                      
2443                      --background-secondary-button: 255, 255, 255;
2444                      --colors-line-secondary-button: 255, 255, 255;
2445                    
2446                    
2447                      --colors-text-link: 255, 255, 255;
2448                    
2449                  }
2450                </style>
2451                <div class="button-button_wPbrwL duration-200 transition">
2452                  
2453                    <a class="button button-solid leading-normal block empty:hidden text-center pl-2 pr-2 pt-1 pb-1 md:pl-2.5 md:pr-2.5" href="/collections/us-local-stock" target="_blank">
2454                      
2455
2456  
2457    
2458      <span class="button-text  is-focus-button:opacity-0">US Stock</span>
2459    
2460  
2461
2462
2463                    </a>
2464                  
2465                </div>
2466              </li>
2467            
2468
2469<li x-data='{ selectedMenu: false, active: false }' 
2470                class="flip-container tabbed_menu tabbed_menu  pl-0 has-dropdown tabbed-animation-change"
2471                @mouseover.once="$store.xHeaderMenu.initToggleMenuHeight($el)"
2472                
2473                  
2474                  x-on:mouseover="$el.classList.add('is-focus'); selectedMenu = true;"
2475                  @mouseleave="$el.classList.remove('is-focus');"
2476                  @focusin="$el.classList.add('is-focus'); selectedMenu = true;"
2477                  @focusout="$el.classList.remove('is-focus');"
2478                
2479              >
2480                <div class="tabbed_menu_item relative cursor-pointer flex items-center p-break-words justify-center pt-1 pb-1 duration-200 hover-text-link transition is-focus:link-active link-active"
2481                  
2482                    
2483                      @click="$store.xHeaderMenu.clickItem($el, $event, false, false, true)"
2484                    
2485                  
2486                >
2487                  <div class="overflow-hidden pb-[1px] mg-blink flex items-center">
2488                    <div class="relative x-anm">
2489                      <a href="#"
2490                        class="front cursor-pointer flex items-center p-break-words justify-center pt-1 pb-1 duration-200 hover-text-link transition is-focus:link-active link-active" 
2491                      >
2492                        
2493          
2494          
2495            
2496            
2497              <span>Tea</span>
2498            
2499          
2500        
2501                      </a>
2502                      
2503                        <a href="#"
2504                          tabindex="-1"
2505                          class="back cursor-pointer flex items-center p-break-words justify-center pt-1 pb-1 duration-200 hover-text-link transition is-focus:link-active link-active" 
2506                        >
2507                          
2508          
2509          
2510            
2511            
2512              <span>Tea</span>
2513            
2514          
2515        
2516                        </a>
2517                      
2518                    </div><span class="x-icon-caret w-5 pl-2"><svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
2519    <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
2520  </svg>
2521</span></div>
2522                </div>
2523                <div id="menu-2"></div>
2524              </li>
2525<li x-data='{ selectedMenu: false, active: false }' 
2526                class="flip-container tabbed_menu tabbed_menu  pl-0 has-dropdown tabbed-animation-change"
2527                @mouseover.once="$store.xHeaderMenu.initToggleMenuHeight($el)"
2528                
2529                  
2530                  x-on:mouseover="$el.classList.add('is-focus'); selectedMenu = true;"
2531                  @mouseleave="$el.classList.remove('is-focus');"
2532                  @focusin="$el.classList.add('is-focus'); selectedMenu = true;"
2533                  @focusout="$el.classList.remove('is-focus');"
2534                
2535              >
2536                <div class="tabbed_menu_item relative cursor-pointer flex items-center p-break-words justify-center pt-1 pb-1 duration-200 hover-text-link transition is-focus:link-active"
2537                  
2538                    
2539                      @click="$store.xHeaderMenu.clickItem($el, $event, false, false, false)"
2540                    
2541                  
2542                >
2543                  <div class="overflow-hidden pb-[1px] mg-blink flex items-center">
2544                    <div class="relative x-anm">
2545                      <a href="#"
2546                        class="front cursor-pointer flex items-center p-break-words justify-center pt-1 pb-1 duration-200 hover-text-link transition is-focus:link-active" 
2547                      >
2548                        
2549          
2550          
2551            
2552            
2553              <span>Teaware</span>
2554            
2555          
2556        
2557                      </a>
2558                      
2559                        <a href="#"
2560                          tabindex="-1"
2561                          class="back cursor-pointer flex items-center p-break-words justify-center pt-1 pb-1 duration-200 hover-text-link transition is-focus:link-active" 
2562                        >
2563                          
2564          
2565          
2566            
2567            
2568              <span>Teaware</span>
2569            
2570          
2571        
2572                        </a>
2573                      
2574                    </div><span class="x-icon-caret w-5 pl-2"><svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
2575    <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
2576  </svg>
2577</span></div>
2578                </div>
2579                <div id="menu-3"></div>
2580              </li>
2581<li x-data='{ active: false }' 
2582                class="flip-container simple_menu pl-0 has-dropdown" 
2583                @mouseover.once="$store.xHeaderMenu.initToggleMenuHeight($el)"
2584                
2585                  
2586                  x-on:mouseover="$el.classList.add('is-focus');"
2587                  @mouseleave="$el.classList.remove('is-focus');"
2588                  @focusin="$el.classList.add('is-focus');"
2589                  @focusout="$el.classList.remove('is-focus');"
2590                
2591              >
2592                <div class="simple_menu_item relative cursor-pointer flex items-center p-break-words justify-center pt-1 pb-1 duration-200 hover-text-link transition is-focus:link-active"
2593                  
2594                    
2595                      @click="$store.xHeaderMenu.clickItem($el, $event, false, false, false)"
2596                    
2597                  
2598                >
2599                  <div class="overflow-hidden pb-[1px] mg-blink flex items-center">
2600                    <div class="relative x-anm">
2601                      <a href="#"
2602                        class="front cursor-pointer flex items-center p-break-words justify-center pt-1 pb-1 duration-200 hover-text-link transition is-focus:link-active" 
2603                      >
2604                        
2605          
2606          
2607            
2608            
2609              <span>Discover</span>
2610            
2611          
2612        
2613                      </a>
2614                      
2615                        <a href="#"
2616                          tabindex="-1"
2617                          class="back cursor-pointer flex items-center p-break-words justify-center pt-1 pb-1 duration-200 hover-text-link transition is-focus:link-active" 
2618                        >
2619                          
2620          
2621          
2622            
2623            
2624              <span>Discover</span>
2625            
2626          
2627        
2628                        </a>
2629                      
2630                    </div><span class="x-icon-caret w-5 pl-2"><svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
2631    <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
2632  </svg>
2633</span></div>
2634                </div><div id="menu-4"></div></li>
2635<li x-data='{ active: false }' 
2636                class="flip-container simple_menu pl-0 has-dropdown" 
2637                @mouseover.once="$store.xHeaderMenu.initToggleMenuHeight($el)"
2638                
2639                  
2640                  x-on:mouseover="$el.classList.add('is-focus');"
2641                  @mouseleave="$el.classList.remove('is-focus');"
2642                  @focusin="$el.classList.add('is-focus');"
2643                  @focusout="$el.classList.remove('is-focus');"
2644                
2645              >
2646                <div class="simple_menu_item relative cursor-pointer flex items-center p-break-words justify-center pt-1 pb-1 duration-200 hover-text-link transition is-focus:link-active"
2647                  
2648                    
2649                      @click="$store.xHeaderMenu.clickItem($el, $event, false, false, false)"
2650                    
2651                  
2652                >
2653                  <div class="overflow-hidden pb-[1px] mg-blink flex items-center">
2654                    <div class="relative x-anm">
2655                      <a href="#"
2656                        class="front cursor-pointer flex items-center p-break-words justify-center pt-1 pb-1 duration-200 hover-text-link transition is-focus:link-active" 
2657                      >
2658                        
2659          
2660          
2661            
2662            
2663              <span>Tea Club</span>
2664            
2665          
2666        
2667                      </a>
2668                      
2669                        <a href="#"
2670                          tabindex="-1"
2671                          class="back cursor-pointer flex items-center p-break-words justify-center pt-1 pb-1 duration-200 hover-text-link transition is-focus:link-active" 
2672                        >
2673                          
2674          
2675          
2676            
2677            
2678              <span>Tea Club</span>
2679            
2680          
2681        
2682                        </a>
2683                      
2684                    </div><span class="x-icon-caret w-5 pl-2"><svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
2685    <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
2686  </svg>
2687</span></div>
2688                </div><div id="menu-5"></div></li>
2689<li x-data='{ selectedMenu: false, active: false }' 
2690                class="flip-container tabbed_menu tabbed_menu  pl-0 has-dropdown tabbed-animation-change"
2691                @mouseover.once="$store.xHeaderMenu.initToggleMenuHeight($el)"
2692                
2693                  
2694                  x-on:mouseover="$el.classList.add('is-focus'); selectedMenu = true;"
2695                  @mouseleave="$el.classList.remove('is-focus');"
2696                  @focusin="$el.classList.add('is-focus'); selectedMenu = true;"
2697                  @focusout="$el.classList.remove('is-focus');"
2698                
2699              >
2700                <div class="tabbed_menu_item relative cursor-pointer flex items-center p-break-words justify-center pt-1 pb-1 duration-200 hover-text-link transition is-focus:link-active"
2701                  
2702                    
2703                      @click="$store.xHeaderMenu.clickItem($el, $event, false, false, false)"
2704                    
2705                  
2706                >
2707                  <div class="overflow-hidden pb-[1px] mg-blink flex items-center">
2708                    <div class="relative x-anm">
2709                      <a href="#"
2710                        class="front cursor-pointer flex items-center p-break-words justify-center pt-1 pb-1 duration-200 hover-text-link transition is-focus:link-active" 
2711                      >
2712                        
2713          
2714          
2715            
2716            
2717              <span>Blog</span>
2718            
2719          
2720        
2721                      </a>
2722                      
2723                        <a href="#"
2724                          tabindex="-1"
2725                          class="back cursor-pointer flex items-center p-break-words justify-center pt-1 pb-1 duration-200 hover-text-link transition is-focus:link-active" 
2726                        >
2727                          
2728          
2729          
2730            
2731            
2732              <span>Blog</span>
2733            
2734          
2735        
2736                        </a>
2737                      
2738                    </div><span class="x-icon-caret w-5 pl-2"><svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
2739    <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
2740  </svg>
2741</span></div>
2742                </div>
2743                <div id="menu-6"></div>
2744              </li>
2745<li x-data='{ active: false }' 
2746                class="flip-container simple_menu pl-0 has-dropdown" 
2747                @mouseover.once="$store.xHeaderMenu.initToggleMenuHeight($el)"
2748                
2749                  
2750                  x-on:mouseover="$el.classList.add('is-focus');"
2751                  @mouseleave="$el.classList.remove('is-focus');"
2752                  @focusin="$el.classList.add('is-focus');"
2753                  @focusout="$el.classList.remove('is-focus');"
2754                
2755              >
2756                <div class="simple_menu_item relative cursor-pointer flex items-center p-break-words justify-center pt-1 pb-1 duration-200 hover-text-link transition is-focus:link-active"
2757                  
2758                    
2759                      @click="$store.xHeaderMenu.clickItem($el, $event, false, false, false)"
2760                    
2761                  
2762                >
2763                  <div class="overflow-hidden pb-[1px] mg-blink flex items-center">
2764                    <div class="relative x-anm">
2765                      <a href="#"
2766                        class="front cursor-pointer flex items-center p-break-words justify-center pt-1 pb-1 duration-200 hover-text-link transition is-focus:link-active" 
2767                      >
2768                        
2769          
2770          
2771            
2772            
2773              <span>Support</span>
2774            
2775          
2776        
2777                      </a>
2778                      
2779                        <a href="#"
2780                          tabindex="-1"
2781                          class="back cursor-pointer flex items-center p-break-words justify-center pt-1 pb-1 duration-200 hover-text-link transition is-focus:link-active" 
2782                        >
2783                          
2784          
2785          
2786            
2787            
2788              <span>Support</span>
2789            
2790          
2791        
2792                        </a>
2793                      
2794                    </div><span class="x-icon-caret w-5 pl-2"><svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
2795    <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
2796  </svg>
2797</span></div>
2798                </div><div id="menu-7"></div></li>
2799
2800<template x-teleport="#menu-2">
2801
2802<template x-if="!runDispatch">
2803        <div class="toggle-menu toggle-menu-hidden top-full background-header is-focus:text-[rgba(var(--colors-text))] text-[rgba(var(--colors-text))] absolute w-full background-header left-0 z-50 shadow-md ltr mega-menu-vertical"
2804        >
2805          <div class="mega-menu-container x-pgw page-width mx-auto promotion-vertical image-count-0 md:max-h-[80vh]">
2806            <div class="mega-nav pt-8 relative grid-cols-4 relative mega-menu-vertical"><style data-shopify>
2807</style>
2808                <ul class="mega-list-nav flex-wrap items-end w-72 md:max-h-[calc(80vh-3rem)] md:overflow-y-scroll scrollbar-body scrollbar-visible" x-refs="mega_nav"><li
2809                      class="sub-menu-item table has-dropdown tabbed-animation-change is-active"
2810                      x-on:mouseover="$store.xHeaderMenu.selectItem($el, true); $el.classList.add('is-focus-child'); $store.xHeaderMenu.setHeightScroll($el)"
2811                      @mouseleave="$el.classList.remove('is-focus-child');"
2812                      @focusin="$store.xHeaderMenu.selectItem($el, true); $el.classList.add('is-focus-child');"
2813                      @focusout="$el.classList.remove('is-focus-child');"
2814                      
2815                        x-intersect.once.margin.200px="$store.xHeaderMenu.setHeightScroll($el, 1)"
2816                      
2817
2818                    >
2819                      <div class="sub-menu  border-t flex items-center z-10 relative pl-2.5 pr-2.5 w-[15.6rem]">
2820<span class="flex-1">
2821                          <a
2822                            href="/collections/all-tea"
2823                            class="nav-link p-break-words z-10 pt-3 pb-3 flex flex-wrap gap-2 items-center pr-5 rtl:pr-0 rtl:pl-5 hover-text-link is-focus-child:effect-inline"
2824                            @init-run.window="$store.xHeaderMenu.isTouch && $store.xHeaderMenu.touchItem($el, true)"
2825                          >
2826                            
2827                            
2828                            
2829                              
2830                              
2831                                <span class="p-break-words">Tea</span>
2832                              
2833                            
2834                            
2835<span class="z-10 w-5 h-4 p-1 rounded-full block absolute -rotate-90 rtl:rotate-90 right-1.5 rtl:right-auto rtl:left-1.5">
2836                                <svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
2837    <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
2838  </svg>
2839
2840                              </span></a>
2841                        </span>
2842                      </div>
2843                      
2844                      <div  class="toggle-menu-sub overflow-hidden absolute right-0 rtl:left-0 left-72 rtl:right-72 pt-8 z-0 top-0 pb-7 h-auto open toggle-menu-sub-hidden ltr">   
2845                        <div class="relative x-pgw page-width mx-auto h-full max-h-[calc(80vh-3rem)] overflow-y-auto scrollbar-body scrollbar-visible overflow-hidden">
2845<ul class="sub-menu-container order-2 grid gap-y-7 gap-x-7 w-full grid-cols-4 w-full h-full"><li class="relative">
2846                                  <div class="">
2847                                    <a href="/collections/chinese-green-tea" class="flex flex-wrap gap-2 nav-link relative transition duration-200 mb-2 p-break-words hover-text-link inline-block">
2848                                      
2849                                      
2850                                      
2851                                        
2852                                        
2853                                          <span class="p-break-words">Green Tea</span>
2854                                        
2855                                      
2856                                      
2857                                    </a>
2858
2859
2860    <a
2861      href="/collections/chinese-green-tea" 
2862      class="inline-block relative overflow-hidden w-full h-0 mt-1 rounded-md" 
2863      aria-label="image"
2864      style="padding-bottom: 100.0%;"
2865    >
2866      
2867      <img
2868        srcset="//iteaworld.com/cdn/shop/collections/green_tea_2ed12cad-fe31-42fb-bea4-b361cdf5592d.webp?v=1782182803&width=100 100w,
2869        //iteaworld.com/cdn/shop/collections/green_tea_2ed12cad-fe31-42fb-bea4-b361cdf5592d.webp?v=1782182803&width=225 225w,
2870        //iteaworld.com/cdn/shop/collections/green_tea_2ed12cad-fe31-42fb-bea4-b361cdf5592d.webp?v=1782182803&width=375 375w,
2871        //iteaworld.com/cdn/shop/collections/green_tea_2ed12cad-fe31-42fb-bea4-b361cdf5592d.webp?v=1782182803&width=450 450w,
2872        //iteaworld.com/cdn/shop/collections/green_tea_2ed12cad-fe31-42fb-bea4-b361cdf5592d.webp?v=1782182803&width=750 750w,
2873        //iteaworld.com/cdn/shop/collections/green_tea_2ed12cad-fe31-42fb-bea4-b361cdf5592d.webp?v=1782182803&width=900 900w,
2874        //iteaworld.com/cdn/shop/collections/green_tea_2ed12cad-fe31-42fb-bea4-b361cdf5592d.webp?v=1782182803&width=1100 1100w,
2875        //iteaworld.com/cdn/shop/collections/green_tea_2ed12cad-fe31-42fb-bea4-b361cdf5592d.webp?v=1782182803&width=1500 1500w,
2876        //iteaworld.com/cdn/shop/collections/green_tea_2ed12cad-fe31-42fb-bea4-b361cdf5592d.webp?v=1782182803&width=1780 1780w"
2877        src="//iteaworld.com/cdn/shop/collections/green_tea_2ed12cad-fe31-42fb-bea4-b361cdf5592d.webp?v=1782182803&width=3840"
2878        sizes="(min-width: 768px) calc(1400px / 5),
2879        
2880        (min-width: 768px) 100px"
2881        alt="Green Tea"
2882        height="500"
2883        width="500"
2884        loading="lazy"
2885        onload="this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');"
2886        class="w-full h-full object-cover z-10 object-center image-hover absolute top-0 right-0 animate-Xpulse skeleton-image rounded-[10px]"
2887      >
2888      
2889    </a>
2890  
2891</div></li><li class="relative">
2892                                  <div class="">
2893                                    <a href="/collections/oolong-tea" class="flex flex-wrap gap-2 nav-link relative transition duration-200 mb-2 p-break-words hover-text-link inline-block">
2894                                      
2895                                      
2896                                      
2897                                        
2898                                        
2899                                          <span class="p-break-words">Oolong Tea</span>
2900                                        
2901                                      
2902                                      
2903                                    </a>
2904
2905
2906    <a
2907      href="/collections/oolong-tea" 
2908      class="inline-block relative overflow-hidden w-full h-0 mt-1 rounded-md" 
2909      aria-label="image"
2910      style="padding-bottom: 100.0%;"
2911    >
2912      
2913      <img
2914        srcset="//iteaworld.com/cdn/shop/collections/oolong_tea_e3d3930d-66f2-40af-a105-47efcbe0d8ff.webp?v=1740738578&width=100 100w,
2915        //iteaworld.com/cdn/shop/collections/oolong_tea_e3d3930d-66f2-40af-a105-47efcbe0d8ff.webp?v=1740738578&width=225 225w,
2916        //iteaworld.com/cdn/shop/collections/oolong_tea_e3d3930d-66f2-40af-a105-47efcbe0d8ff.webp?v=1740738578&width=375 375w,
2917        //iteaworld.com/cdn/shop/collections/oolong_tea_e3d3930d-66f2-40
2917af-a105-47efcbe0d8ff.webp?v=1740738578&width=450 450w,
2918        //iteaworld.com/cdn/shop/collections/oolong_tea_e3d3930d-66f2-40af-a105-47efcbe0d8ff.webp?v=1740738578&width=750 750w,
2919        //iteaworld.com/cdn/shop/collections/oolong_tea_e3d3930d-66f2-40af-a105-47efcbe0d8ff.webp?v=1740738578&width=900 900w,
2920        //iteaworld.com/cdn/shop/collections/oolong_tea_e3d3930d-66f2-40af-a105-47efcbe0d8ff.webp?v=1740738578&width=1100 1100w,
2921        //iteaworld.com/cdn/shop/collections/oolong_tea_e3d3930d-66f2-40af-a105-47efcbe0d8ff.webp?v=1740738578&width=1500 1500w,
2922        //iteaworld.com/cdn/shop/collections/oolong_tea_e3d3930d-66f2-40af-a105-47efcbe0d8ff.webp?v=1740738578&width=1780 1780w"
2923        src="//iteaworld.com/cdn/shop/collections/oolong_tea_e3d3930d-66f2-40af-a105-47efcbe0d8ff.webp?v=1740738578&width=3840"
2924        sizes="(min-width: 768px) calc(1400px / 5),
2925        
2926        (min-width: 768px) 100px"
2927        alt="Oolong Tea"
2928        height="500"
2929        width="500"
2930        loading="lazy"
2931        onload="this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');"
2932        class="w-full h-full object-cover z-10 object-center image-hover absolute top-0 right-0 animate-Xpulse skeleton-image rounded-[10px]"
2933      >
2934      
2935    </a>
2936  
2937</div></li><li class="relative">
2938                                  <div class="">
2939                                    <a href="/collections/floral-tea" class="flex flex-wrap gap-2 nav-link relative transition duration-200 mb-2 p-break-words hover-text-link inline-block">
2940                                      
2941                                      
2942                                      
2943                                        
2944                                        
2945                                          <span class="p-break-words">Scented Tea</span>
2946                                        
2947                                      
2948                                      
2949                                    </a>
2950
2951
2952    <a
2953      href="/collections/floral-tea" 
2954      class="inline-block relative overflow-hidden w-full h-0 mt-1 rounded-md" 
2955      aria-label="image"
2956      style="padding-bottom: 100.0%;"
2957    >
2958      
2959      <img
2960        srcset="//iteaworld.com/cdn/shop/collections/jasmine_tea_3564ca3e-1b3a-43d1-a01f-fe93ca56e1f2.webp?v=1775110938&width=100 100w,
2961        //iteaworld.com/cdn/shop/collections/jasmine_tea_3564ca3e-1b3a-43d1-a01f-fe93ca56e1f2.webp?v=1775110938&width=225 225w,
2962        //iteaworld.com/cdn/shop/collections/jasmine_tea_3564ca3e-1b3a-43d1-a01f-fe93ca56e1f2.webp?v=1775110938&width=375 375w,
2963        //iteaworld.com/cdn/shop/collections/jasmine_tea_3564ca3e-1b3a-43d1-a01f-fe93ca56e1f2.webp?v=1775110938&width=450 450w,
2964        //iteaworld.com/cdn/shop/collections/jasmine_tea_3564ca3e-1b3a-43d1-a01f-fe93ca56e1f2.webp?v=1775110938&width=750 750w,
2965        //iteaworld.com/cdn/shop/collections/jasmine_tea_3564ca3e-1b3a-43d1-a01f-fe93ca56e1f2.webp?v=1775110938&width=900 900w,
2966        //iteaworld.com/cdn/shop/collections/jasmine_tea_3564ca3e-1b3a-43d1-a01f-fe93ca56e1f2.webp?v=1775110938&width=1100 1100w,
2967        //iteaworld.com/cdn/shop/collections/jasmine_tea_3564ca3e-1b3a-43d1-a01f-fe93ca56e1f2.webp?v=1775110938&width=1500 1500w,
2968        //iteaworld.com/cdn/shop/collections/jasmine_tea_3564ca3e-1b3a-43d1-a01f-fe93ca56e1f2.webp?v=1775110938&width=1780 1780w"
2969        src="//iteaworld.com/cdn/shop/collections/jasmine_tea_3564ca3e-1b3a-43d1-a01f-fe93ca56e1f2.webp?v=1775110938&width=3840"
2970        sizes="(min-width: 768px) calc(1400px / 5),
2971        
2972        (min-width: 768px) 100px"
2973        alt="Scented Tea"
2974        height="500"
2975        width="500"
2976        loading="lazy"
2977        onload="this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');"
2978        class="w-full h-full object-cover z-10 object-center image-hover absolute top-0 right-0 animate-Xpulse skeleton-image rounded-[10px]"
2979      >
2980      
2981    </a>
2982  
2983</div></li><li class="relative">
2984                                  <div class="">
2985                                    <a href="/collections/white-tea" class="flex flex-wrap gap-2 nav-link relative transition duration-200 mb-2 p-break-words hover-text-link 
2985inline-block">
2986                                      
2987                                      
2988                                      
2989                                        
2990                                        
2991                                          <span class="p-break-words">White Tea</span>
2992                                        
2993                                      
2994                                      
2995                                    </a>
2996
2997
2998    <a
2999      href="/collections/white-tea" 
3000      class="inline-block relative overflow-hidden w-full h-0 mt-1 rounded-md" 
3001      aria-label="image"
3002      style="padding-bottom: 100.0%;"
3003    >
3004      
3005      <img
3006        srcset="//iteaworld.com/cdn/shop/collections/fenlei.webp?v=1740649305&width=100 100w,
3007        //iteaworld.com/cdn/shop/collections/fenlei.webp?v=1740649305&width=225 225w,
3008        //iteaworld.com/cdn/shop/collections/fenlei.webp?v=1740649305&width=375 375w,
3009        //iteaworld.com/cdn/shop/collections/fenlei.webp?v=1740649305&width=450 450w,
3010        //iteaworld.com/cdn/shop/collections/fenlei.webp?v=1740649305&width=750 750w,
3011        //iteaworld.com/cdn/shop/collections/fenlei.webp?v=1740649305&width=900 900w,
3012        //iteaworld.com/cdn/shop/collections/fenlei.webp?v=1740649305&width=1100 1100w,
3013        //iteaworld.com/cdn/shop/collections/fenlei.webp?v=1740649305&width=1500 1500w,
3014        //iteaworld.com/cdn/shop/collections/fenlei.webp?v=1740649305&width=1780 1780w"
3015        src="//iteaworld.com/cdn/shop/collections/fenlei.webp?v=1740649305&width=3840"
3016        sizes="(min-width: 768px) calc(1400px / 5),
3017        
3018        (min-width: 768px) 100px"
3019        alt="White Tea"
3020        height="500"
3021        width="500"
3022        loading="lazy"
3023        onload="this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');"
3024        class="w-full h-full object-cover z-10 object-center image-hover absolute top-0 right-0 animate-Xpulse skeleton-image rounded-[10px]"
3025      >
3026      
3027    </a>
3028  
3029</div></li><li class="relative">
3030                                  <div class="">
3031                                    <a href="/collections/dark-tea" class="flex flex-wrap gap-2 nav-link relative transition duration-200 mb-2 p-break-words hover-text-link inline-block">
3032                                      
3033                                      
3034                                      
3035                                        
3036                                        
3037                                          <span class="p-break-words">Dark Tea &amp; Pu&#39;erh</span>
3038                                        
3039                                      
3040                                      
3041                                    </a>
3042
3043
3044    <a
3045      href="/collections/dark-tea" 
3046      class="inline-block relative overflow-hidden w-full h-0 mt-1 rounded-md" 
3047      aria-label="image"
3048      style="padding-bottom: 100.0%;"
3049    >
3050      
3051      <img
3052        srcset="//iteaworld.com/cdn/shop/collections/dark_tea.webp?v=1740738961&width=100 100w,
3053        //iteaworld.com/cdn/shop/collections/dark_tea.webp?v=1740738961&width=225 225w,
3054        //iteaworld.com/cdn/shop/collections/dark_tea.webp?v=1740738961&width=375 375w,
3055        //iteaworld.com/cdn/shop/collections/dark_tea.webp?v=1740738961&width=450 450w,
3056        //iteaworld.com/cdn/shop/collections/dark_tea.webp?v=1740738961&width=750 750w,
3057        //iteaworld.com/cdn/shop/collections/dark_tea.webp?v=1740738961&width=900 900w,
3058        //iteaworld.com/cdn/shop/collections/dark_tea.webp?v=1740738961&width=1100 1100w,
3059        //iteaworld.com/cdn/shop/collections/dark_tea.webp?v=1740738961&width=1500 1500w,
3060        //iteaworld.com/cdn/shop/collections/dark_tea.webp?v=1740738961&width=1780 1780w"
3061        src="//iteaworld.com/cdn/shop/collections/dark_tea.webp?v=1740738961&width=3840"
3062        sizes="(min-width: 768px) calc(1400px / 5),
3063        
3064        (min-width: 768px) 100px"
3065        alt="Dark Tea"
3066        height="500"
3067        width="500"
3068        loading="lazy"
3069        onload="this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');"
3070        class="w-full h-full object-cover z-10 object-center image-hover absolute top-0 right-0 animate-Xpulse skeleton-image rounded-[10px]"
3071      >
3072      
3073    </a>
3074  
3075</div></li><li class="relative">
3076                                  <div class="">
3077                                    <a href="/collections/black-tea" class="flex flex-wrap gap-2 nav-link relative transition duration-200 mb-2 p-break-words hover-text-link 
3077inline-block">
3078                                      
3079                                      
3080                                      
3081                                        
3082                                        
3083                                          <span class="p-break-words">Black Tea</span>
3084                                        
3085                                      
3086                                      
3087                                    </a>
3088
3089
3090    <a
3091      href="/collections/black-tea" 
3092      class="inline-block relative overflow-hidden w-full h-0 mt-1 rounded-md" 
3093      aria-label="image"
3094      style="padding-bottom: 100.0%;"
3095    >
3096      
3097      <img
3098        srcset="//iteaworld.com/cdn/shop/collections/black_tea_34f893fb-ef92-4744-acfe-1a0ad46a7f5d.webp?v=1740738900&width=100 100w,
3099        //iteaworld.com/cdn/shop/collections/black_tea_34f893fb-ef92-4744-acfe-1a0ad46a7f5d.webp?v=1740738900&width=225 225w,
3100        //iteaworld.com/cdn/shop/collections/black_tea_34f893fb-ef92-4744-acfe-1a0ad46a7f5d.webp?v=1740738900&width=375 375w,
3101        //iteaworld.com/cdn/shop/collections/black_tea_34f893fb-ef92-4744-acfe-1a0ad46a7f5d.webp?v=1740738900&width=450 450w,
3102        //iteaworld.com/cdn/shop/collections/black_tea_34f893fb-ef92-4744-acfe-1a0ad46a7f5d.webp?v=1740738900&width=750 750w,
3103        //iteaworld.com/cdn/shop/collections/black_tea_34f893fb-ef92-4744-acfe-1a0ad46a7f5d.webp?v=1740738900&width=900 900w,
3104        //iteaworld.com/cdn/shop/collections/black_tea_34f893fb-ef92-4744-acfe-1a0ad46a7f5d.webp?v=1740738900&width=1100 1100w,
3105        //iteaworld.com/cdn/shop/collections/black_tea_34f893fb-ef92-4744-acfe-1a0ad46a7f5d.webp?v=1740738900&width=1500 1500w,
3106        //iteaworld.com/cdn/shop/collections/black_tea_34f893fb-ef92-4744-acfe-1a0ad46a7f5d.webp?v=1740738900&width=1780 1780w"
3107        src="//iteaworld.com/cdn/shop/collections/black_tea_34f893fb-ef92-4744-acfe-1a0ad46a7f5d.webp?v=1740738900&width=3840"
3108        sizes="(min-width: 768px) calc(1400px / 5),
3109        
3110        (min-width: 768px) 100px"
3111        alt="Black Tea"
3112        height="500"
3113        width="500"
3114        loading="lazy"
3115        onload="this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');"
3116        class="w-full h-full object-cover z-10 object-center image-hover absolute top-0 right-0 animate-Xpulse skeleton-image rounded-[10px]"
3117      >
3118      
3119    </a>
3120  
3121</div></li><li class="relative">
3122                                  <div class="">
3123                                    <a href="/collections/yellow-tea" class="flex flex-wrap gap-2 nav-link relative transition duration-200 mb-2 p-break-words hover-text-link inline-block">
3124                                      
3125                                      
3126                                      
3127                                        
3128                                        
3129                                          <span class="p-break-words">Yellow Tea</span>
3130                                        
3131                                      
3132                                      
3133                                    </a>
3134
3135
3136    <a
3137      href="/collections/yellow-tea" 
3138      class="inline-block relative overflow-hidden w-full h-0 mt-1 rounded-md" 
3139      aria-label="image"
3140      style="padding-bottom: 100.0%;"
3141    >
3142      
3143      <img
3144        srcset="//iteaworld.com/cdn/shop/collections/yellow_tea_f810211e-2403-4a01-8357-d434506993a8.webp?v=1740738990&width=100 100w,
3145        //iteaworld.com/cdn/shop/collections/yellow_tea_f810211e-2403-4a01-8357-d434506993a8.webp?v=1740738990&width=225 225w,
3146        //iteaworld.com/cdn/shop/collections/yellow_tea_f810211e-2403-4a01-8357-d434506993a8.webp?v=1740738990&width=375 375w,
3147        //iteaworld.com/cdn/shop/collections/yellow_tea_f810211e-2403-4a01-8357-d434506993a8.webp?v=1740738990&width=450 450w,
3148        //iteaworld.com/cdn/shop/collections/yellow_tea_f810211e-2403-4a01-8357-d434506993a8.webp?v=1740738990&width=750 750w,
3149        //iteaworld.com/cdn/shop/collections/yellow_tea_f810211e-2403-4a01-8357-d434506993a8.webp?v=1740738990&width=900 900w,
3150        //iteaworld.com/cdn/shop/collections/yellow_tea_f810211e-2403-4a01-8357-d434506993a8.webp?v=1740738990&width=1100 1100w,
3151        //iteaworld.com/cdn/shop/collections/yellow_tea_f810211e-2403-4a01-8357-d434506993a8.webp?v=1740738990&width=1500 1500w,
3152        //iteaworld.com/cdn/shop/collections/yellow_tea_f810211e-2403-4a01-8357-d434506993a8.webp?v=1740738990&width=1780 1780w"
3153        src="//iteaworld.com/cdn/shop/collections/yellow_tea_f810211e-2403-4a01-8357-d434506993a8.webp?v=1740738990&width=3840"
3154        sizes="(min-width: 768px) calc(1400px / 5),
3155        
3156        (min-width: 768px) 100px"
3157        alt="Yellow Tea"
3158        height="500"
3159        width="500"
3160        loading="lazy"
3161        onload="this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');"
3162        class="w-full h-full object-cover z-10 object-center image-hover absolute top-0 right-0 animate-Xpulse skeleton-image rounded-[10px]"
3163      >
3164      
3165    </a>
3166  
3167</div></li><li class="relative">
3168                                  <div class="">
3169                                    <a href="/collections/herbal-tea" class="flex flex-wrap gap-2 nav-link relative transition duration-200 mb-2 p-break-words hover-text-link 
3169inline-block">
3170                                      
3171                                      
3172                                      
3173                                        
3174                                        
3175                                          <span class="p-break-words">Herbal Tea</span>
3176                                        
3177                                      
3178                                      
3179                                    </a>
3180
3181
3182    <a
3183      href="/collections/herbal-tea" 
3184      class="inline-block relative overflow-hidden w-full h-0 mt-1 rounded-md" 
3185      aria-label="image"
3186      style="padding-bottom: 100.0%;"
3187    >
3188      
3189      <img
3190        srcset="//iteaworld.com/cdn/shop/collections/herbal_tea.webp?v=1777520952&width=100 100w,
3191        //iteaworld.com/cdn/shop/collections/herbal_tea.webp?v=1777520952&width=225 225w,
3192        //iteaworld.com/cdn/shop/collections/herbal_tea.webp?v=1777520952&width=375 375w,
3193        //iteaworld.com/cdn/shop/collections/herbal_tea.webp?v=1777520952&width=450 450w,
3194        //iteaworld.com/cdn/shop/collections/herbal_tea.webp?v=1777520952&width=750 750w,
3195        //iteaworld.com/cdn/shop/collections/herbal_tea.webp?v=1777520952&width=900 900w,
3196        //iteaworld.com/cdn/shop/collections/herbal_tea.webp?v=1777520952&width=1100 1100w,
3197        //iteaworld.com/cdn/shop/collections/herbal_tea.webp?v=1777520952&width=1500 1500w,
3198        //iteaworld.com/cdn/shop/collections/herbal_tea.webp?v=1777520952&width=1780 1780w"
3199        src="//iteaworld.com/cdn/shop/collections/herbal_tea.webp?v=1777520952&width=3840"
3200        sizes="(min-width: 768px) calc(1400px / 5),
3201        
3202        (min-width: 768px) 100px"
3203        alt="Herbal Tea"
3204        height="500"
3205        width="500"
3206        loading="lazy"
3207        onload="this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');"
3208        class="w-full h-full object-cover z-10 object-center image-hover absolute top-0 right-0 animate-Xpulse skeleton-image rounded-[10px]"
3209      >
3210      
3211    </a>
3212  
3213</div></li></ul></div>
3214                        
3215                      </div>
3216                    </li><li
3217                      class="sub-menu-item table has-dropdown tabbed-animation-change"
3218                      x-on:mouseover="$store.xHeaderMenu.selectItem($el, true); $el.classList.add('is-focus-child'); $store.xHeaderMenu.setHeightScroll($el)"
3219                      @mouseleave="$el.classList.remove('is-focus-child');"
3220                      @focusin="$store.xHeaderMenu.selectItem($el, true); $el.classList.add('is-focus-child');"
3221                      @focusout="$el.classList.remove('is-focus-child');"
3222                      
3223                        x-intersect.once.margin.200px="$store.xHeaderMenu.setHeightScroll($el, 2)"
3224                      
3225@init-run.window="active = true;"
3226                    >
3227                      <div class="sub-menu  flex items-center z-10 relative pl-2.5 pr-2.5 w-[15.6rem]">
3228<span class="flex-1">
3229                          <a
3230                            href="/"
3231                            class="nav-link p-break-words z-10 pt-3 pb-3 flex flex-wrap gap-2 items-center pr-5 rtl:pr-0 rtl:pl-5 hover-text-link is-focus-child:effect-inline flex effect-inline"
3232                            @init-run.window="$store.xHeaderMenu.isTouch && $store.xHeaderMenu.touchItem($el, true)"
3233                          >
3234                            
3235                            
3236                            
3237                              
3238                              
3239                                <span class="p-break-words">Health</span>
3240                              
3241                            
3242                            
3243<span class="z-10 w-5 h-4 p-1 rounded-full block absolute -rotate-90 rtl:rotate-90 right-1.5 rtl:right-auto rtl:left-1.5">
3244                                <svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
3245    <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
3246  </svg>
3247
3248                              </span></a>
3249                        </span>
3250                      </div>
3251                      
3252                      <div  class="toggle-menu-sub overflow-hidden absolute right-0 rtl:left-0 left-72 rtl:right-72 pt-8 z-0 top-0 pb-7 h-auto toggle-menu-sub-hidden ltr">   
3253                        <div class="relative x-pgw page-width mx-auto h-full max-h-[calc(80vh-3rem)] overflow-y-auto scrollbar-body scrollbar-visible overflow-hidden">
3253<ul class="sub-menu-container order-2 grid gap-y-7 gap-x-7 w-full grid-cols-4 w-full h-full"><li class="relative">
3254                                  <div class="">
3255                                    <a href="/collections/herbal-tea" class="flex flex-wrap gap-2 nav-link relative transition duration-200 mb-2 p-break-words hover-text-link inline-block">
3256                                      
3257                                      
3258                                      
3259                                        
3260                                        
3261                                          <span class="p-break-words">Caffeine-free Herbal Tea</span>
3262                                        
3263                                      
3264                                      
3265                                    </a>
3266
3267
3268    <a
3269      href="/collections/herbal-tea" 
3270      class="inline-block relative overflow-hidden w-full h-0 mt-1 rounded-md" 
3271      aria-label="image"
3272      style="padding-bottom: 100.0%;"
3273    >
3274      
3275      <img
3276        srcset="//iteaworld.com/cdn/shop/collections/herbal_tea.webp?v=1777520952&width=100 100w,
3277        //iteaworld.com/cdn/shop/collections/herbal_tea.webp?v=1777520952&width=225 225w,
3278        //iteaworld.com/cdn/shop/collections/herbal_tea.webp?v=1777520952&width=375 375w,
3279        //iteaworld.com/cdn/shop/collections/herbal_tea.webp?v=1777520952&width=450 450w,
3280        //iteaworld.com/cdn/shop/collections/herbal_tea.webp?v=1777520952&width=750 750w,
3281        //iteaworld.com/cdn/shop/collections/herbal_tea.webp?v=1777520952&width=900 900w,
3282        //iteaworld.com/cdn/shop/collections/herbal_tea.webp?v=1777520952&width=1100 1100w,
3283        //iteaworld.com/cdn/shop/collections/herbal_tea.webp?v=1777520952&width=1500 1500w,
3284        //iteaworld.com/cdn/shop/collections/herbal_tea.webp?v=1777520952&width=1780 1780w"
3285        src="//iteaworld.com/cdn/shop/collections/herbal_tea.webp?v=1777520952&width=3840"
3286        sizes="(min-width: 768px) calc(1400px / 5),
3287        
3288        (min-width: 768px) 100px"
3289        alt="Herbal Tea"
3290        height="500"
3291        width="500"
3292        loading="lazy"
3293        onload="this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');"
3294        class="w-full h-full object-cover z-10 object-center image-hover absolute top-0 right-0 animate-Xpulse skeleton-image rounded-[10px]"
3295      >
3296      
3297    </a>
3298  
3299</div></li><li class="relative">
3300                                  <div class="">
3301                                    <a href="/collections/subscription-floral-fruit-wellness-box" class="flex flex-wrap gap-2 nav-link relative transition duration-200 mb-2 p-break-words hover-text-link inline-block">
3302                                      
3303                                      
3304                                      
3305                                        
3306                                        
3307                                          <span class="p-break-words">Seasonal Wellness Box</span>
3308                                        
3309                                      
3310                                      
3311                                    </a>
3312
3313
3314    <a
3315      href="/collections/subscription-floral-fruit-wellness-box" 
3316      class="inline-block relative overflow-hidden w-full h-0 mt-1 rounded-md" 
3317      aria-label="image"
3318      style="padding-bottom: 100.0%;"
3319    >
3320      
3321      <img
3322        srcset="//iteaworld.com/cdn/shop/collections/iTeaworld_Spring_Harmony_Tea_Collection-Six_Blend_for_Seasonal_Renewal_2.webp?v=1775041158&width=100 100w,
3323        //iteaworld.com/cdn/shop/collections/iTeaworld_Spring_Harmony_Tea_Collection-Six_Blend_for_Seasonal_Renewal_2.webp?v=1775041158&width=225 225w,
3324        //iteaworld.com/cdn/shop/collections/iTeaworld_Spring_Harmony_Tea_Collection-Six_Blend_for_Seasonal_Renewal_2.webp?v=1775041158&width=375 375w,
3325        //iteaworld.com/cdn/shop/collections/iTeaworld_Spring_Harmony_Tea_Collection-Six_Blend_for_Seasonal_Renewal_2.webp?v=1775041158&width=450 450w,
3326        //iteaworld.com/cdn/shop/collections/iTeaworld_Spring_Harmony_Tea_Collection-Six_Blend_for_Seasonal_Renewal_2.webp?v=1775041158&width=750 750w,
3327        //iteaworld.com/cdn/shop/collections/iTeaworld_Spring_Harmony_Tea_Collection-Six_Blend_for_Seasonal_Renewal_2.webp?v=1775041158&width=900 900w,
3328        //iteaworld.com/cdn/shop/collections/iTeaworld_Spring_Harmony_Tea_Collection-Six_Blend_for_Seasonal_Renewal_2.webp?v=1775041158&width=1100 1100w,
3329        //iteaworld.com/cdn/shop/collections/iTeaworld_Spring_Harmony_Tea_Collection-Six_Blend_for_Seasonal_Renewal_2.webp?v=1775041158&width=1500 1500w,
3330        //iteaworld.com/cdn/shop/collections/iTeaworld_Spring_Harmony_Tea_Collection-Six_Blend_for_Seasonal_Renewal_2.webp?v=1775041158&width=1780 1780w"
3331        src="//iteaworld.com/cdn/shop/collections/iTeaworld_Spring_Harmony_Tea_Collection-Six_Blend_for_Seasonal_Renewal_2.webp?v=1775041158&width=3840"
3332        sizes="(min-width: 768px) calc(1400px / 5),
3333        
3334        (min-width: 768px) 100px"
3335        alt="Seasonal Wellness Box"
3336        height="1600"
3337        width="1600"
3338        loading="lazy"
3339        onload="this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');"
3340        class="w-full h-full object-cover z-10 object-center image-hover absolute top-0 right-0 animate-Xpulse skeleton-image rounded-[10px]"
3341      >
3342      
3343    </a>
3344  
3345</div></li><li class="relative">
3346                                  <div class="">
3347                                    <a href="/collections/energizing-tea" class="flex flex-wrap gap-2 nav-link relative transition duration-200 mb-2 p-break-words hover-text-link 
3347inline-block">
3348                                      
3349                                      
3350                                      
3351                                        
3352                                        
3353                                          <span class="p-break-words">Energizing</span>
3354                                        
3355                                      
3356                                      
3357                                    </a>
3358
3359
3360    <a
3361      href="/collections/energizing-tea" 
3362      class="inline-block relative overflow-hidden w-full h-0 mt-1 rounded-md" 
3363      aria-label="image"
3364      style="padding-bottom: 100.0%;"
3365    >
3366      
3367      <img
3368        srcset="//iteaworld.com/cdn/shop/collections/Energizing.webp?v=1775039424&width=100 100w,
3369        //iteaworld.com/cdn/shop/collections/Energizing.webp?v=1775039424&width=225 225w,
3370        //iteaworld.com/cdn/shop/collections/Energizing.webp?v=1775039424&width=375 375w,
3371        //iteaworld.com/cdn/shop/collections/Energizing.webp?v=1775039424&width=450 450w,
3372        //iteaworld.com/cdn/shop/collections/Energizing.webp?v=1775039424&width=750 750w,
3373        //iteaworld.com/cdn/shop/collections/Energizing.webp?v=1775039424&width=900 900w,
3374        //iteaworld.com/cdn/shop/collections/Energizing.webp?v=1775039424&width=1100 1100w,
3375        //iteaworld.com/cdn/shop/collections/Energizing.webp?v=1775039424&width=1500 1500w,
3376        //iteaworld.com/cdn/shop/collections/Energizing.webp?v=1775039424&width=1780 1780w"
3377        src="//iteaworld.com/cdn/shop/collections/Energizing.webp?v=1775039424&width=3840"
3378        sizes="(min-width: 768px) calc(1400px / 5),
3379        
3380        (min-width: 768px) 100px"
3381        alt="Energizing Teas for Focus &amp; Natural Energy"
3382        height="1500"
3383        width="1500"
3384        loading="lazy"
3385        onload="this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');"
3386        class="w-full h-full object-cover z-10 object-center image-hover absolute top-0 right-0 animate-Xpulse skeleton-image rounded-[10px]"
3387      >
3388      
3389    </a>
3390  
3391</div></li><li class="relative">
3392                                  <div class="">
3393                                    <a href="/collections/digestive-tea-1" class="flex flex-wrap gap-2 nav-link relative transition duration-200 mb-2 p-break-words hover-text-link inline-block">
3394                                      
3395                                      
3396                                      
3397                                        
3398                                        
3399                                          <span class="p-break-words">Digestive</span>
3400                                        
3401                                      
3402                                      
3403                                    </a>
3404
3405
3406    <a
3407      href="/collections/digestive-tea-1" 
3408      class="inline-block relative overflow-hidden w-full h-0 mt-1 rounded-md" 
3409      aria-label="image"
3410      style="padding-bottom: 100.0%;"
3411    >
3412      
3413      <img
3414        srcset="//iteaworld.com/cdn/shop/collections/Digestive.jpg?v=1775040696&width=100 100w,
3415        //iteaworld.com/cdn/shop/collections/Digestive.jpg?v=1775040696&width=225 225w,
3416        //iteaworld.com/cdn/shop/collections/Digestive.jpg?v=1775040696&width=375 375w,
3417        //iteaworld.com/cdn/shop/collections/Digestive.jpg?v=1775040696&width=450 450w,
3418        //iteaworld.com/cdn/shop/collections/Digestive.jpg?v=1775040696&width=750 750w,
3419        //iteaworld.com/cdn/shop/collections/Digestive.jpg?v=1775040696&width=900 900w,
3420        //iteaworld.com/cdn/shop/collections/Digestive.jpg?v=1775040696&width=1100 1100w,
3421        //iteaworld.com/cdn/shop/collections/Digestive.jpg?v=1775040696&width=1500 1500w,
3422        //iteaworld.com/cdn/shop/collections/Digestive.jpg?v=1775040696&width=1780 1780w"
3423        src="//iteaworld.com/cdn/shop/collections/Digestive.jpg?v=1775040696&width=3840"
3424        sizes="(min-width: 768px) calc(1400px / 5),
3425        
3426        (min-width: 768px) 100px"
3427        alt="Digestive Teas for Comfort After Meals"
3428        height="500"
3429        width="500"
3430        loading="lazy"
3431        onload="this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');"
3432        class="w-full h-full object-cover z-10 object-center image-hover absolute top-0 right-0 animate-Xpulse skeleton-image rounded-[10px]"
3433      >
3434      
3435    </a>
3436  
3437</div></li><li class="relative">
3438                                  <div class="">
3439                                    <a href="/collections/relaxing-tea" class="flex flex-wrap gap-2 nav-link relative transition duration-200 mb-2 p-break-words hover-text-link 
3439inline-block">
3440                                      
3441                                      
3442                                      
3443                                        
3444                                        
3445                                          <span class="p-break-words">Relaxing</span>
3446                                        
3447                                      
3448                                      
3449                                    </a>
3450
3451
3452    <a
3453      href="/collections/relaxing-tea" 
3454      class="inline-block relative overflow-hidden w-full h-0 mt-1 rounded-md" 
3455      aria-label="image"
3456      style="padding-bottom: 100.0%;"
3457    >
3458      
3459      <img
3460        srcset="//iteaworld.com/cdn/shop/collections/Relaxing.webp?v=1775040370&width=100 100w,
3461        //iteaworld.com/cdn/shop/collections/Relaxing.webp?v=1775040370&width=225 225w,
3462        //iteaworld.com/cdn/shop/collections/Relaxing.webp?v=1775040370&width=375 375w,
3463        //iteaworld.com/cdn/shop/collections/Relaxing.webp?v=1775040370&width=450 450w,
3464        //iteaworld.com/cdn/shop/collections/Relaxing.webp?v=1775040370&width=750 750w,
3465        //iteaworld.com/cdn/shop/collections/Relaxing.webp?v=1775040370&width=900 900w,
3466        //iteaworld.com/cdn/shop/collections/Relaxing.webp?v=1775040370&width=1100 1100w,
3467        //iteaworld.com/cdn/shop/collections/Relaxing.webp?v=1775040370&width=1500 1500w,
3468        //iteaworld.com/cdn/shop/collections/Relaxing.webp?v=1775040370&width=1780 1780w"
3469        src="//iteaworld.com/cdn/shop/collections/Relaxing.webp?v=1775040370&width=3840"
3470        sizes="(min-width: 768px) calc(1400px / 5),
3471        
3472        (min-width: 768px) 100px"
3473        alt="Relaxing Teas for Calm, Stress Relief"
3474        height="500"
3475        width="500"
3476        loading="lazy"
3477        onload="this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');"
3478        class="w-full h-full object-cover z-10 object-center image-hover absolute top-0 right-0 animate-Xpulse skeleton-image rounded-[10px]"
3479      >
3480      
3481    </a>
3482  
3483</div></li><li class="relative">
3484                                  <div class="">
3485                                    <a href="/collections/antioxidant-rich-tea" class="flex flex-wrap gap-2 nav-link relative transition duration-200 mb-2 p-break-words hover-text-link inline-block">
3486                                      
3487                                      
3488                                      
3489                                        
3490                                        
3491                                          <span class="p-break-words">Antioxidant-Rich</span>
3492                                        
3493                                      
3494                                      
3495                                    </a>
3496
3497
3498    <a
3499      href="/collections/antioxidant-rich-tea" 
3500      class="inline-block relative overflow-hidden w-full h-0 mt-1 rounded-md" 
3501      aria-label="image"
3502      style="padding-bottom: 100.0%;"
3503    >
3504      
3505      <img
3506        srcset="//iteaworld.com/cdn/shop/collections/Antioxidant-Rich.webp?v=1775040854&width=100 100w,
3507        //iteaworld.com/cdn/shop/collections/Antioxidant-Rich.webp?v=1775040854&width=225 225w,
3508        //iteaworld.com/cdn/shop/collections/Antioxidant-Rich.webp?v=1775040854&width=375 375w,
3509        //iteaworld.com/cdn/shop/collections/Antioxidant-Rich.webp?v=1775040854&width=450 450w,
3510        //iteaworld.com/cdn/shop/collections/Antioxidant-Rich.webp?v=1775040854&width=750 750w,
3511        //iteaworld.com/cdn/shop/collections/Antioxidant-Rich.webp?v=1775040854&width=900 900w,
3512        //iteaworld.com/cdn/shop/collections/Antioxidant-Rich.webp?v=1775040854&width=1100 1100w,
3513        //iteaworld.com/cdn/shop/collections/Antioxidant-Rich.webp?v=1775040854&width=1500 1500w,
3514        //iteaworld.com/cdn/shop/collections/Antioxidant-Rich.webp?v=1775040854&width=1780 1780w"
3515        src="//iteaworld.com/cdn/shop/collections/Antioxidant-Rich.webp?v=1775040854&width=3840"
3516        sizes="(min-width: 768px) calc(1400px / 5),
3517        
3518        (min-width: 768px) 100px"
3519        alt="Antioxidant-Rich Tea"
3520        height="500"
3521        width="500"
3522        loading="lazy"
3523        onload="this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');"
3524        class="w-full h-full object-cover z-10 object-center image-hover absolute top-0 right-0 animate-Xpulse skeleton-image rounded-[10px]"
3525      >
3526      
3527    </a>
3528  
3529</div></li></ul></div>
3530                        
3531                      </div>
3532                    </li><li
3533                      class="sub-menu-item table has-dropdown tabbed-animation-change"
3534                      x-on:mouseover="$store.xHeaderMenu.selectItem($el, true); $el.classList.add('is-focus-child'); $store.xHeaderMenu.setHeightScroll($el)"
3535                      @mouseleave="$el.classList.remove('is-focus-child');"
3536                      @focusin="$store.xHeaderMenu.selectItem($el, true); $el.classList.add('is-focus-child');"
3537                      @focusout="$el.classList.remove('is-focus-child');"
3538                      
3539                        x-intersect.once.margin.200px="$store.xHeaderMenu.setHeightScroll($el, 3)"
3540                      
3541
3542                    >
3543                      <div class="sub-menu  flex items-center z-10 relative pl-2.5 pr-2.5 w-[15.6rem]">
3544<span class="flex-1">
3545                          <a
3546                            href="/collections/chinese-tea-discovery-sets"
3547                            class="nav-link p-break-words z-10 pt-3 pb-3 flex flex-wrap gap-2 items-center pr-5 rtl:pr-0 rtl:pl-5 hover-text-link is-focus-child:effect-inline"
3548                            @init-run.window="$store.xHeaderMenu.isTouch && $store.xHeaderMenu.touchItem($el, true)"
3549                          >
3550                            
3551                            
3552                            
3553                              
3554                              
3555                                <span class="p-break-words">Tea Flavor Discovery Set</span>
3556                              
3557                            
3558                            
3559<span class="z-10 w-5 h-4 p-1 rounded-full block absolute -rotate-90 rtl:rotate-90 right-1.5 rtl:right-auto rtl:left-1.5">
3560                                <svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
3561    <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
3562  </svg>
3563
3564                              </span></a>
3565                        </span>
3566                      </div>
3567                      
3568                      <div  class="toggle-menu-sub overflow-hidden absolute right-0 rtl:left-0 left-72 rtl:right-72 pt-8 z-0 top-0 pb-7 h-auto toggle-menu-sub-hidden ltr">   
3569                        <div class="relative x-pgw page-width mx-auto h-full max-h-[calc(80vh-3rem)] overflow-y-auto scrollbar-body scrollbar-visible overflow-hidden"><ul class="sub-menu-container order-2 grid gap-y-7 gap-x-7 w-full grid-cols-4 w-full h-full"><li class="relative">
3570                                  <div class="">
3571                                    <a href="/products/chinese-tea-starter-sampler" class="flex flex-wrap gap-2 nav-link relative transition duration-200 mb-2 p-break-words hover-text-link inline-block">
3572                                      
3573                                      
3574                                      
3575                                        
3576                                        
3577                                          <span class="p-break-words">Chinese Tea Starter Set</span>
3578                                        
3579                                      
3580                                      
3581                                    </a>
3582
3583
3584    <a
3585      href="/products/chinese-tea-starter-sampler" 
3586      class="inline-block relative overflow-hidden w-full h-0 mt-1 rounded-md" 
3587      aria-label="image"
3588      style="padding-bottom: 100.0%;"
3589    >
3590      
3591      <img
3592        srcset="//iteaworld.com/cdn/shop/files/iteaworldchineseteastarterset_19.webp?v=1784715154&width=100 100w,
3593        //iteaworld.com/cdn/shop/files/iteaworldchineseteastarterset_19.webp?v=1784715154&width=225 225w,
3594        //iteaworld.com/cdn/shop/files/iteaworldchineseteastarterset_19.webp?v=1784715154&width=375 375w,
3595        //iteaworld.com/cdn/shop/files/iteaworldchineseteastarterset_19.webp?v=1784715154&width=450 450w,
3596        //iteaworld.com/cdn/shop/files/iteaworldchineseteastarterset_19.webp?v=1784715154&width=750 750w,
3597        //iteaworld.com/cdn/shop/files/iteaworldchineseteastarterset_19.webp?v=1784715154&width=900 900w,
3598        //iteaworld.com/cdn/shop/files/iteaworldchineseteastarterset_19.webp?v=1784715154&width=1100 1100w,
3599        //iteaworld.com/cdn/shop/files/iteaworldchineseteastarterset_19.webp?v=1784715154&width=1500 1500w,
3600        //iteaworld.com/cdn/shop/files/iteaworldchineseteastarterset_19.webp?v=1784715154&width=1780 1780w"
3601        src="//iteaworld.com/cdn/shop/files/iteaworldchineseteastarterset_19.webp?v=1784715154&width=3840"
3602        sizes="(min-width: 768px) calc(1400px / 5),
3603        
3604        (min-width: 768px) 100px"
3605        alt="Chinese Tea Starter Set 80g"
3606        height="1600"
3607        width="1600"
3608        loading="lazy"
3609        onload="this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');"
3610        class="w-full h-full object-cover z-10 object-center image-hover absolute top-0 right-0 animate-Xpulse skeleton-image rounded-[10px]"
3611      >
3612      
3613    </a>
3614  
3615</div></li><li class="relative">
3616                                  <div class="">
3617                                    <a href="/products/chinese-green-tea-starter-set" class="flex flex-wrap gap-2 nav-link relative transition duration-200 mb-2 p-break-words hover-text-link 
3617inline-block">
3618                                      
3619                                      
3620                                      
3621                                        
3622                                        
3623                                          <span class="p-break-words">Chinese Green Tea Starter Set</span>
3624                                        
3625                                      
3626                                      
3627                                    </a>
3628
3629
3630    <a
3631      href="/products/chinese-green-tea-starter-set" 
3632      class="inline-block relative overflow-hidden w-full h-0 mt-1 rounded-md" 
3633      aria-label="image"
3634      style="padding-bottom: 100.0%;"
3635    >
3636      
3637      <img
3638        srcset="//iteaworld.com/cdn/shop/files/iTeaworld_chinese_green_tea_starter_set_6.webp?v=1778815259&width=100 100w,
3639        //iteaworld.com/cdn/shop/files/iTeaworld_chinese_green_tea_starter_set_6.webp?v=1778815259&width=225 225w,
3640        //iteaworld.com/cdn/shop/files/iTeaworld_chinese_green_tea_starter_set_6.webp?v=1778815259&width=375 375w,
3641        //iteaworld.com/cdn/shop/files/iTeaworld_chinese_green_tea_starter_set_6.webp?v=1778815259&width=450 450w,
3642        //iteaworld.com/cdn/shop/files/iTeaworld_chinese_green_tea_starter_set_6.webp?v=1778815259&width=750 750w,
3643        //iteaworld.com/cdn/shop/files/iTeaworld_chinese_green_tea_starter_set_6.webp?v=1778815259&width=900 900w,
3644        //iteaworld.com/cdn/shop/files/iTeaworld_chinese_green_tea_starter_set_6.webp?v=1778815259&width=1100 1100w,
3645        //iteaworld.com/cdn/shop/files/iTeaworld_chinese_green_tea_starter_set_6.webp?v=1778815259&width=1500 1500w,
3646        //iteaworld.com/cdn/shop/files/iTeaworld_chinese_green_tea_starter_set_6.webp?v=1778815259&width=1780 1780w"
3647        src="//iteaworld.com/cdn/shop/files/iTeaworld_chinese_green_tea_starter_set_6.webp?v=1778815259&width=3840"
3648        sizes="(min-width: 768px) calc(1400px / 5),
3649        
3650        (min-width: 768px) 100px"
3651        alt="Chinese Green Tea Starter Set 70g"
3652        height="1600"
3653        width="1600"
3654        loading="lazy"
3655        onload="this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');"
3656        class="w-full h-full object-cover z-10 object-center image-hover absolute top-0 right-0 animate-Xpulse skeleton-image rounded-[10px]"
3657      >
3658      
3659    </a>
3660  
3661</div></li><li class="relative">
3662                                  <div class="">
3663                                    <a href="/products/chinese-oolong-tea-classic-flavor-collection-for-beginner" class="flex flex-wrap gap-2 nav-link relative transition duration-200 mb-2 p-break-words hover-text-link inline-block">
3664                                      
3665                                      
3666                                      
3667                                        
3668                                        
3669                                          <span class="p-break-words">Chinese Oolong Tea Starter Set</span>
3670                                        
3671                                      
3672                                      
3673                                    </a>
3674
3675
3676    <a
3677      href="/products/chinese-oolong-tea-classic-flavor-collection-for-beginner" 
3678      class="inline-block relative overflow-hidden w-full h-0 mt-1 rounded-md" 
3679      aria-label="image"
3680      style="padding-bottom: 100.0%;"
3681    >
3682      
3683      <img
3684        srcset="//iteaworld.com/cdn/shop/files/iTeaworldchineseoolongstarterset_1.webp?v=1781080460&width=100 100w,
3685        //iteaworld.com/cdn/shop/files/iTeaworldchineseoolongstarterset_1.webp?v=1781080460&width=225 225w,
3686        //iteaworld.com/cdn/shop/files/iTeaworldchineseoolongstarterset_1.webp?v=1781080460&width=375 375w,
3687        //iteaworld.com/cdn/shop/files/iTeaworldchineseoolongstarterset_1.webp?v=1781080460&width=450 450w,
3688        //iteaworld.com/cdn/shop/files/iTeaworldchineseoolongstarterset_1.webp?v=1781080460&width=750 750w,
3689        //iteaworld.com/cdn/shop/files/iTeaworldchineseoolongstarterset_1.webp?v=1781080460&width=900 900w,
3690        //iteaworld.com/cdn/shop/files/iTeaworldchineseoolongstarterset_1.webp?v=1781080460&width=1100 1100w,
3691        //iteaworld.com/cdn/shop/files/iTeaworldchineseoolongstarterset_1.webp?v=1781080460&width=1500 1500w,
3692        //iteaworld.com/cdn/shop/files/iTeaworldchineseoolongstarterset_1.webp?v=1781080460&width=1780 1780w"
3693        src="//iteaworld.com/cdn/shop/files/iTeaworldchineseoolongstarterset_1.webp?v=1781080460&width=3840"
3694        sizes="(min-width: 768px) calc(1400px / 5),
3695        
3696        (min-width: 768px) 100px"
3697        alt="Chinese Oolong Tea Starter Set 75g"
3698        height="1600"
3699        width="1600"
3700        loading="lazy"
3701        onload="this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');"
3702        class="w-full h-full object-cover z-10 object-center image-hover absolute top-0 right-0 animate-Xpulse skeleton-image rounded-[10px]"
3703      >
3704      
3705    </a>
3706  
3707</div></li><li class="relative">
3708                                  <div class="">
3709                                    <a href="/products/chinas-10-most-famous-tea-collection" class="flex flex-wrap gap-2 nav-link relative transition duration-200 mb-2 p-break-words hover-text-link 
3709inline-block">
3710                                      
3711                                      
3712                                      
3713                                        
3714                                        
3715                                          <span class="p-break-words">China&#39;s 10 Most Famous Tea Collection</span>
3716                                        
3717                                      
3718                                      
3719                                    </a>
3720
3721
3722    <a
3723      href="/products/chinas-10-most-famous-tea-collection" 
3724      class="inline-block relative overflow-hidden w-full h-0 mt-1 rounded-md" 
3725      aria-label="image"
3726      style="padding-bottom: 100.0%;"
3727    >
3728      
3729      <img
3730        srcset="//iteaworld.com/cdn/shop/files/iTeaworldchina_s10mostfamousteascollection_3.webp?v=1770812683&width=100 100w,
3731        //iteaworld.com/cdn/shop/files/iTeaworldchina_s10mostfamousteascollection_3.webp?v=1770812683&width=225 225w,
3732        //iteaworld.com/cdn/shop/files/iTeaworldchina_s10mostfamousteascollection_3.webp?v=1770812683&width=375 375w,
3733        //iteaworld.com/cdn/shop/files/iTeaworldchina_s10mostfamousteascollection_3.webp?v=1770812683&width=450 450w,
3734        //iteaworld.com/cdn/shop/files/iTeaworldchina_s10mostfamousteascollection_3.webp?v=1770812683&width=750 750w,
3735        //iteaworld.com/cdn/shop/files/iTeaworldchina_s10mostfamousteascollection_3.webp?v=1770812683&width=900 900w,
3736        //iteaworld.com/cdn/shop/files/iTeaworldchina_s10mostfamousteascollection_3.webp?v=1770812683&width=1100 1100w,
3737        //iteaworld.com/cdn/shop/files/iTeaworldchina_s10mostfamousteascollection_3.webp?v=1770812683&width=1500 1500w,
3738        //iteaworld.com/cdn/shop/files/iTeaworldchina_s10mostfamousteascollection_3.webp?v=1770812683&width=1780 1780w"
3739        src="//iteaworld.com/cdn/shop/files/iTeaworldchina_s10mostfamousteascollection_3.webp?v=1770812683&width=3840"
3740        sizes="(min-width: 768px) calc(1400px / 5),
3741        
3742        (min-width: 768px) 100px"
3743        alt="China’s 10 Famous Teas Collection"
3744        height="1600"
3745        width="1600"
3746        loading="lazy"
3747        onload="this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');"
3748        class="w-full h-full object-cover z-10 object-center image-hover absolute top-0 right-0 animate-Xpulse skeleton-image rounded-[10px]"
3749      >
3750      
3751    </a>
3752  
3753</div></li><li class="relative">
3754                                  <div class="">
3755                                    <a href="/products/6-jasmine-tea-sampler-freshly-scented-with-2025-blossoms" class="flex flex-wrap gap-2 nav-link relative transition duration-200 mb-2 p-break-words hover-text-link inline-block">
3756                                      
3757                                      
3758                                      
3759                                        
3760                                        
3761                                          <span class="p-break-words">Chinese Jasmine Tea Flavor Collection</span>
3762                                        
3763                                      
3764                                      
3765                                    </a>
3766
3767
3768    <a
3769      href="/products/6-jasmine-tea-sampler-freshly-scented-with-2025-blossoms" 
3770      class="inline-block relative overflow-hidden w-full h-0 mt-1 rounded-md" 
3771      aria-label="image"
3772      style="padding-bottom: 100.0%;"
3773    >
3774      
3775      <img
3776        srcset="//iteaworld.com/cdn/shop/files/01_14_8dff11a5-d0f4-488a-9070-35af06ed32c6.webp?v=1770813722&width=100 100w,
3777        //iteaworld.com/cdn/shop/files/01_14_8dff11a5-d0f4-488a-9070-35af06ed32c6.webp?v=1770813722&width=225 225w,
3778        //iteaworld.com/cdn/shop/files/01_14_8dff11a5-d0f4-488a-9070-35af06ed32c6.webp?v=1770813722&width=375 375w,
3779        //iteaworld.com/cdn/shop/files/01_14_8dff11a5-d0f4-488a-9070-35af06ed32c6.webp?v=1770813722&width=450 450w,
3780        //iteaworld.com/cdn/shop/files/01_14_8dff11a5-d0f4-488a-9070-35af06ed32c6.webp?v=1770813722&width=750 750w,
3781        //iteaworld.com/cdn/shop/files/01_14_8dff11a5-d0f4-488a-9070-35af06ed32c6.webp?v=1770813722&width=900 900w,
3782        //iteaworld.com/cdn/shop/files/01_14_8dff11a5-d0f4-488a-9070-35af06ed32c6.webp?v=1770813722&width=1100 1100w,
3783        //iteaworld.com/cdn/shop/files/01_14_8dff11a5-d0f4-488a-9070-35af06ed32c6.webp?v=1770813722&width=1500 1500w,
3784        //iteaworld.com/cdn/shop/files/01_14_8dff11a5-d0f4-488a-9070-35af06ed32c6.webp?v=1770813722&width=1780 1780w"
3785        src="//iteaworld.com/cdn/shop/files/01_14_8dff11a5-d0f4-488a-9070-35af06ed32c6.webp?v=1770813722&width=3840"
3786        sizes="(min-width: 768px) calc(1400px / 5),
3787        
3788        (min-width: 768px) 100px"
3789        alt="Chinese Jasmine Tea Flavor Collection 90g"
3790        height="1600"
3791        width="1600"
3792        loading="lazy"
3793        onload="this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');"
3794        class="w-full h-full object-cover z-10 object-center image-hover absolute top-0 right-0 animate-Xpulse skeleton-image rounded-[10px]"
3795      >
3796      
3797    </a>
3798  
3799</div></li><li class="relative">
3800                                  <div class="">
3801                                    <a href="/products/chinese-floral-tea-collection-ten-tea-ten-blessings-one-meaningful-gift" class="flex flex-wrap gap-2 nav-link relative transition duration-200 mb-2 p-break-words hover-text-link 
3801inline-block">
3802                                      
3803                                      
3804                                      
3805                                        
3806                                        
3807                                          <span class="p-break-words">Chinese Floral Tea Collection</span>
3808                                        
3809                                      
3810                                      
3811                                    </a>
3812
3813
3814    <a
3815      href="/products/chinese-floral-tea-collection-ten-tea-ten-blessings-one-meaningful-gift" 
3816      class="inline-block relative overflow-hidden w-full h-0 mt-1 rounded-md" 
3817      aria-label="image"
3818      style="padding-bottom: 100.0%;"
3819    >
3820      
3821      <img
3822        srcset="//iteaworld.com/cdn/shop/files/iTeaworld_chinese_floral_tea_collection_5.webp?v=1773222974&width=100 100w,
3823        //iteaworld.com/cdn/shop/files/iTeaworld_chinese_floral_tea_collection_5.webp?v=1773222974&width=225 225w,
3824        //iteaworld.com/cdn/shop/files/iTeaworld_chinese_floral_tea_collection_5.webp?v=1773222974&width=375 375w,
3825        //iteaworld.com/cdn/shop/files/iTeaworld_chinese_floral_tea_collection_5.webp?v=1773222974&width=450 450w,
3826        //iteaworld.com/cdn/shop/files/iTeaworld_chinese_floral_tea_collection_5.webp?v=1773222974&width=750 750w,
3827        //iteaworld.com/cdn/shop/files/iTeaworld_chinese_floral_tea_collection_5.webp?v=1773222974&width=900 900w,
3828        //iteaworld.com/cdn/shop/files/iTeaworld_chinese_floral_tea_collection_5.webp?v=1773222974&width=1100 1100w,
3829        //iteaworld.com/cdn/shop/files/iTeaworld_chinese_floral_tea_collection_5.webp?v=1773222974&width=1500 1500w,
3830        //iteaworld.com/cdn/shop/files/iTeaworld_chinese_floral_tea_collection_5.webp?v=1773222974&width=1780 1780w"
3831        src="//iteaworld.com/cdn/shop/files/iTeaworld_chinese_floral_tea_collection_5.webp?v=1773222974&width=3840"
3832        sizes="(min-width: 768px) calc(1400px / 5),
3833        
3834        (min-width: 768px) 100px"
3835        alt="Traditional Chinese Scented Tea Collection 100g"
3836        height="1600"
3837        width="1600"
3838        loading="lazy"
3839        onload="this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');"
3840        class="w-full h-full object-cover z-10 object-center image-hover absolute top-0 right-0 animate-Xpulse skeleton-image rounded-[10px]"
3841      >
3842      
3843    </a>
3844  
3845</div></li></ul></div>
3846                        
3847                      </div>
3848                    </li><li
3849                      class="sub-menu-item table has-dropdown tabbed-animation-change"
3850                      x-on:mouseover="$store.xHeaderMenu.selectItem($el, true); $el.classList.add('is-focus-child'); $store.xHeaderMenu.setHeightScroll($el)"
3851                      @mouseleave="$el.classList.remove('is-focus-child');"
3852                      @focusin="$store.xHeaderMenu.selectItem($el, true); $el.classList.add('is-focus-child');"
3853                      @focusout="$el.classList.remove('is-focus-child');"
3854                      
3855                        x-intersect.once.margin.200px="$store.xHeaderMenu.setHeightScroll($el, 4)"
3856                      
3857@init-run.window="active = true;"
3858                    >
3859                      <div class="sub-menu  flex items-center z-10 relative pl-2.5 pr-2.5 w-[15.6rem]">
3860<span class="flex-1">
3861                          <a
3862                            href="/"
3863                            class="nav-link p-break-words z-10 pt-3 pb-3 flex flex-wrap gap-2 items-center pr-5 rtl:pr-0 rtl:pl-5 hover-text-link is-focus-child:effect-inline flex effect-inline"
3864                            @init-run.window="$store.xHeaderMenu.isTouch && $store.xHeaderMenu.touchItem($el, true)"
3865                          >
3866                            
3867                            
3868                            
3869                              
3870                              
3871                                <span class="p-break-words">Special Collections</span>
3872                              
3873                            
3874                            
3875<span class="z-10 w-5 h-4 p-1 rounded-full block absolute -rotate-90 rtl:rotate-90 right-1.5 rtl:right-auto rtl:left-1.5">
3876                                <svg width="100%" height="100%" viewB
3876ox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
3877    <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
3878  </svg>
3879
3880                              </span></a>
3881                        </span>
3882                      </div>
3883                      
3884                      <div  class="toggle-menu-sub overflow-hidden absolute right-0 rtl:left-0 left-72 rtl:right-72 pt-8 z-0 top-0 pb-7 h-auto toggle-menu-sub-hidden ltr">   
3885                        <div class="relative x-pgw page-width mx-auto h-full max-h-[calc(80vh-3rem)] overflow-y-auto scrollbar-body scrollbar-visible overflow-hidden"><ul class="sub-menu-container order-2 grid gap-y-7 gap-x-7 w-full grid-cols-4 w-full h-full"><li class="relative">
3886                                  <div class="">
3887                                    <a href="/collections/aged-tea" class="flex flex-wrap gap-2 nav-link relative transition duration-200 mb-2 p-break-words hover-text-link inline-block">
3888                                      
3889                                      
3890                                      
3891                                        
3892                                        
3893                                          <span class="p-break-words">Aged Tea</span>
3894                                        
3895                                      
3896                                      
3897                                    </a>
3898
3899
3900    <a
3901      href="/collections/aged-tea" 
3902      class="inline-block relative overflow-hidden w-full h-0 mt-1 rounded-md" 
3903      aria-label="image"
3904      style="padding-bottom: 100.0%;"
3905    >
3906      
3907      <img
3908        srcset="//iteaworld.com/cdn/shop/collections/Aged_Tea.jpg?v=1775038086&width=100 100w,
3909        //iteaworld.com/cdn/shop/collections/Aged_Tea.jpg?v=1775038086&width=225 225w,
3910        //iteaworld.com/cdn/shop/collections/Aged_Tea.jpg?v=1775038086&width=375 375w,
3911        //iteaworld.com/cdn/shop/collections/Aged_Tea.jpg?v=1775038086&width=450 450w,
3912        //iteaworld.com/cdn/shop/collections/Aged_Tea.jpg?v=1775038086&width=750 750w,
3913        //iteaworld.com/cdn/shop/collections/Aged_Tea.jpg?v=1775038086&width=900 900w,
3914        //iteaworld.com/cdn/shop/collections/Aged_Tea.jpg?v=1775038086&width=1100 1100w,
3915        //iteaworld.com/cdn/shop/collections/Aged_Tea.jpg?v=1775038086&width=1500 1500w,
3916        //iteaworld.com/cdn/shop/collections/Aged_Tea.jpg?v=1775038086&width=1780 1780w"
3917        src="//iteaworld.com/cdn/shop/collections/Aged_Tea.jpg?v=1775038086&width=3840"
3918        sizes="(min-width: 768px) calc(1400px / 5),
3919        
3920        (min-width: 768px) 100px"
3921        alt="Aged Tea"
3922        height="500"
3923        width="500"
3924        loading="lazy"
3925        onload="this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');"
3926        class="w-full h-full object-cover z-10 object-center image-hover absolute top-0 right-0 animate-Xpulse skeleton-image rounded-[10px]"
3927      >
3928      
3929    </a>
3930  
3931</div></li><li class="relative">
3932                                  <div class="">
3933                                    <a href="/collections/tea-comparison-sets" class="flex flex-wrap gap-2 nav-link relative transition duration-200 mb-2 p-break-words hover-text-link inline-block">
3934                                      
3935                                      
3936                                      
3937                                        
3938                                        
3939                                          <span class="p-break-words">Comparison Set</span>
3940                                        
3941                                      
3942                                      
3943                                    </a>
3944
3945
3946    <a
3947      href="/collections/tea-comparison-sets" 
3948      class="inline-block relative overflow-hidden w-full h-0 mt-1 rounded-md" 
3949      aria-label="image"
3950      style="padding-bottom: 100.0%;"
3951    >
3952      
3953      <img
3954        srcset="//iteaworld.com/cdn/shop/collections/Untitled_design_1.jpg?v=1775038696&width=100 100w,
3955        //iteaworld.com/cdn/shop/collections/Untitled_design_1.jpg?v=1775038696&width=225 225w,
3956        //iteaworld.com/cdn/shop/collections/Untitled_design_1.jpg?v=1775038696&width=375 375w,
3957        //iteaworld.com/cdn/shop/collections/Untitled_design_1.jpg?v=1775038696&width=450 450w,
3958        //iteaworld.com/cdn/shop/collections/Untitled_design_1.jpg?v=1775038696&width=750 750w,
3959        //iteaworld.com/cdn/shop/collections/Untitled_design_1.jpg?v=1775038696&width=900 900w,
3960        //iteaworld.com/cdn/shop/collections/Untitled_design_1.jpg?v=1775038696&width=1100 1100w,
3961        //iteaworld.com/cdn/shop/collections/Untitled_design_1.jpg?v=1775038696&width=1500 1500w,
3962        //iteaworld.com/cdn/shop/collections/Untitled_design_1.jpg?v=1775038696&width=1780 1780w"
3963        src="//iteaworld.com/cdn/shop/collections/Untitled_design_1.jpg?v=1775038696&width=3840"
3964        sizes="(min-width: 768px) calc(1400px / 5),
3965        
3966        (min-width: 768px) 100px"
3967        alt="Chinese Tea Comparison Sets"
3968        height="500"
3969        width="500"
3970        loading="lazy"
3971        onload="this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');"
3972        class="w-full h-full object-cover z-10 object-center image-hover absolute top-0 right-0 animate-Xpulse skeleton-image rounded-[10px]"
3973      >
3974      
3975    </a>
3976  
3977</div></li><li class="relative">
3978                                  <div class="">
3979                                    <a href="/collections/cold-brew-tea" class="flex flex-wrap gap-2 nav-link relative transition duration-200 mb-2 p-break-words hover-text-link 
3979inline-block">
3980                                      
3981                                      
3982                                      
3983                                        
3984                                        
3985                                          <span class="p-break-words">Cold Brew</span>
3986                                        
3987                                      
3988                                      
3989                                    </a>
3990
3991
3992    <a
3993      href="/collections/cold-brew-tea" 
3994      class="inline-block relative overflow-hidden w-full h-0 mt-1 rounded-md" 
3995      aria-label="image"
3996      style="padding-bottom: 100.0%;"
3997    >
3998      
3999      <img
4000        srcset="//iteaworld.com/cdn/shop/collections/cold_tea.webp?v=1775037948&width=100 100w,
4001        //iteaworld.com/cdn/shop/collections/cold_tea.webp?v=1775037948&width=225 225w,
4002        //iteaworld.com/cdn/shop/collections/cold_tea.webp?v=1775037948&width=375 375w,
4003        //iteaworld.com/cdn/shop/collections/cold_tea.webp?v=1775037948&width=450 450w,
4004        //iteaworld.com/cdn/shop/collections/cold_tea.webp?v=1775037948&width=750 750w,
4005        //iteaworld.com/cdn/shop/collections/cold_tea.webp?v=1775037948&width=900 900w,
4006        //iteaworld.com/cdn/shop/collections/cold_tea.webp?v=1775037948&width=1100 1100w,
4007        //iteaworld.com/cdn/shop/collections/cold_tea.webp?v=1775037948&width=1500 1500w,
4008        //iteaworld.com/cdn/shop/collections/cold_tea.webp?v=1775037948&width=1780 1780w"
4009        src="//iteaworld.com/cdn/shop/collections/cold_tea.webp?v=1775037948&width=3840"
4010        sizes="(min-width: 768px) calc(1400px / 5),
4011        
4012        (min-width: 768px) 100px"
4013        alt="Cold Brew Tea"
4014        height="500"
4015        width="500"
4016        loading="lazy"
4017        onload="this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');"
4018        class="w-full h-full object-cover z-10 object-center image-hover absolute top-0 right-0 animate-Xpulse skeleton-image rounded-[10px]"
4019      >
4020      
4021    </a>
4022  
4023</div></li><li class="relative">
4024                                  <div class="">
4025                                    <a href="/collections/premium-tea-gift-set" class="flex flex-wrap gap-2 nav-link relative transition duration-200 mb-2 p-break-words hover-text-link inline-block">
4026                                      
4027                                      
4028                                      
4029                                        
4030                                        
4031                                          <span class="p-break-words">Tea Gift Set</span>
4032                                        
4033                                      
4034                                      
4035                                    </a>
4036
4037
4038    <a
4039      href="/collections/premium-tea-gift-set" 
4040      class="inline-block relative overflow-hidden w-full h-0 mt-1 rounded-md" 
4041      aria-label="image"
4042      style="padding-bottom: 100.0%;"
4043    >
4044      
4045      <img
4046        srcset="//iteaworld.com/cdn/shop/collections/7_d7208fc6-da91-447d-9d63-68ecbccc3f8c.jpg?v=1774431278&width=100 100w,
4047        //iteaworld.com/cdn/shop/collections/7_d7208fc6-da91-447d-9d63-68ecbccc3f8c.jpg?v=1774431278&width=225 225w,
4048        //iteaworld.com/cdn/shop/collections/7_d7208fc6-da91-447d-9d63-68ecbccc3f8c.jpg?v=1774431278&width=375 375w,
4049        //iteaworld.com/cdn/shop/collections/7_d7208fc6-da91-447d-9d63-68ecbccc3f8c.jpg?v=1774431278&width=450 450w,
4050        //iteaworld.com/cdn/shop/collections/7_d7208fc6-da91-447d-9d63-68ecbccc3f8c.jpg?v=1774431278&width=750 750w,
4051        //iteaworld.com/cdn/shop/collections/7_d7208fc6-da91-447d-9d63-68ecbccc3f8c.jpg?v=1774431278&width=900 900w,
4052        //iteaworld.com/cdn/shop/collections/7_d7208fc6-da91-447d-9d63-68ecbccc3f8c.jpg?v=1774431278&width=1100 1100w,
4053        //iteaworld.com/cdn/shop/collections/7_d7208fc6-da91-447d-9d63-68ecbccc3f8c.jpg?v=1774431278&width=1500 1500w,
4054        //iteaworld.com/cdn/shop/collections/7_d7208fc6-da91-447d-9d63-68ecbccc3f8c.jpg?v=1774431278&width=1780 1780w"
4055        src="//iteaworld.com/cdn/shop/collections/7_d7208fc6-da91-447d-9d63-68ecbccc3f8c.jpg?v=1774431278&width=3840"
4056        sizes="(min-width: 768px) calc(1400px / 5),
4057        
4058        (min-width: 768px) 100px"
4059        alt="Shop Tea Gift Set"
4060        height="1080"
4061        width="1080"
4062        loading="lazy"
4063        onload="this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');"
4064        class="w-full h-full object-cover z-10 object-center image-hover absolute top-0 right-0 animate-Xpulse skeleton-image rounded-[10px]"
4065      >
4066      
4067    </a>
4068  
4069</div></li><li class="relative">
4070                                  <div class="">
4071                                    <a href="/collections/spring-first-flush-green-tea" class="flex flex-wrap gap-2 nav-link relative transition duration-200 mb-2 p-break-words hover-text-link 
4071inline-block">
4072                                      
4073                                      
4074                                      
4075                                        
4076                                        
4077                                          <span class="p-break-words">First Flush Green Tea</span>
4078                                        
4079                                      
4080                                      
4081                                    </a>
4082
4083
4084    <a
4085      href="/collections/spring-first-flush-green-tea" 
4086      class="inline-block relative overflow-hidden w-full h-0 mt-1 rounded-md" 
4087      aria-label="image"
4088      style="padding-bottom: 100.0%;"
4089    >
4090      
4091      <img
4092        srcset="//iteaworld.com/cdn/shop/collections/Spring_First_Flush.webp?v=1775038118&width=100 100w,
4093        //iteaworld.com/cdn/shop/collections/Spring_First_Flush.webp?v=1775038118&width=225 225w,
4094        //iteaworld.com/cdn/shop/collections/Spring_First_Flush.webp?v=1775038118&width=375 375w,
4095        //iteaworld.com/cdn/shop/collections/Spring_First_Flush.webp?v=1775038118&width=450 450w,
4096        //iteaworld.com/cdn/shop/collections/Spring_First_Flush.webp?v=1775038118&width=750 750w,
4097        //iteaworld.com/cdn/shop/collections/Spring_First_Flush.webp?v=1775038118&width=900 900w,
4098        //iteaworld.com/cdn/shop/collections/Spring_First_Flush.webp?v=1775038118&width=1100 1100w,
4099        //iteaworld.com/cdn/shop/collections/Spring_First_Flush.webp?v=1775038118&width=1500 1500w,
4100        //iteaworld.com/cdn/shop/collections/Spring_First_Flush.webp?v=1775038118&width=1780 1780w"
4101        src="//iteaworld.com/cdn/shop/collections/Spring_First_Flush.webp?v=1775038118&width=3840"
4102        sizes="(min-width: 768px) calc(1400px / 5),
4103        
4104        (min-width: 768px) 100px"
4105        alt="First Flush Green Tea"
4106        height="1200"
4107        width="1200"
4108        loading="lazy"
4109        onload="this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');"
4110        class="w-full h-full object-cover z-10 object-center image-hover absolute top-0 right-0 animate-Xpulse skeleton-image rounded-[10px]"
4111      >
4112      
4113    </a>
4114  
4115</div></li><li class="relative">
4116                                  <div class="">
4117                                    <a href="/collections/tea-samples" class="flex flex-wrap gap-2 nav-link relative transition duration-200 mb-2 p-break-words hover-text-link inline-block">
4118                                      
4119                                      
4120                                      
4121                                        
4122                                        
4123                                          <span class="p-break-words">Tea Sample</span>
4124                                        
4125                                      
4126                                      
4127                                    </a>
4128
4129
4130    <a
4131      href="/collections/tea-samples" 
4132      class="inline-block relative overflow-hidden w-full h-0 mt-1 rounded-md" 
4133      aria-label="image"
4134      style="padding-bottom: 100.0%;"
4135    >
4136      
4137      <img
4138        srcset="//iteaworld.com/cdn/shop/collections/tea_sample.webp?v=1775038256&width=100 100w,
4139        //iteaworld.com/cdn/shop/collections/tea_sample.webp?v=1775038256&width=225 225w,
4140        //iteaworld.com/cdn/shop/collections/tea_sample.webp?v=1775038256&width=375 375w,
4141        //iteaworld.com/cdn/shop/collections/tea_sample.webp?v=1775038256&width=450 450w,
4142        //iteaworld.com/cdn/shop/collections/tea_sample.webp?v=1775038256&width=750 750w,
4143        //iteaworld.com/cdn/shop/collections/tea_sample.webp?v=1775038256&width=900 900w,
4144        //iteaworld.com/cdn/shop/collections/tea_sample.webp?v=1775038256&width=1100 1100w,
4145        //iteaworld.com/cdn/shop/collections/tea_sample.webp?v=1775038256&width=1500 1500w,
4146        //iteaworld.com/cdn/shop/collections/tea_sample.webp?v=1775038256&width=1780 1780w"
4147        src="//iteaworld.com/cdn/shop/collections/tea_sample.webp?v=1775038256&width=3840"
4148        sizes="(min-width: 768px) calc(1400px / 5),
4149        
4150        (min-width: 768px) 100px"
4151        alt="Tea Sample"
4152        height="1600"
4153        width="1600"
4154        loading="lazy"
4155        onload="this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');"
4156        class="w-full h-full object-cover z-10 object-center image-hover absolute top-0 right-0 animate-Xpulse skeleton-image rounded-[10px]"
4157      >
4158      
4159    </a>
4160  
4161</div></li></ul></div>
4162                        
4163                      </div>
4164                    </li><li
4165                      class="sub-menu-item table tabbed-animation-change"
4166                      x-on:mouseover="$store.xHeaderMenu.selectItem($el, true); $el.classList.add('is-focus-child'); $store.xHeaderMenu.setHeightScroll($el)"
4167                      @mouseleave="$el.classList.remove('is-focus-child');"
4168                      @focusin="$store.xHeaderMenu.selectItem($el, true); $el.classList.add('is-focus-child');"
4169                      @focusout="$el.classList.remove('is-focus-child');"
4170                      
4171                        x-intersect.once.margin.200px="$store.xHeaderMenu.setHeightScroll($el, 5)"
4172                      
4173
4174                    >
4175                      <div class="sub-menu  flex items-center z-10 relative pl-2.5 pr-2.5 w-[15.6rem]">
4176<span class="flex-1">
4177                          <a
4178                            href="/collections/best-seller"
4179                            class="nav-link p-break-words z-10 pt-3 pb-3 flex flex-wrap gap-2 items-center hover-text-link is-focus-child:effect-inline"
4180                            
4181                          >
4182                            
4183                            
4184                            
4185                              
4186                              
4187                                <span class="p-break-words">Best Sellers</span>
4188                              
4189                            
4190                            
4191</a>
4192                        </span>
4193                      </div>
4194                      
4195                      <div  class="toggle-menu-sub overflow-hidden absolute right-0 rtl:left-0 left-72 rtl:right-72 pt-8 z-0 top-0 pb-7 h-auto toggle-menu-sub-hidden ltr">   
4196                        <div class="relative x-pgw page-width mx-auto h-full max-h-[calc(80vh-3rem)] overflow-y-auto scrollbar-body scrollbar-visible overflow-hidden"></div>
4197                        
4198                      </div>
4199                    </li><li
4200                      class="sub-menu-item table tabbed-animation-change"
4201                      x-on:mouseover="$store.xHeaderMenu.selectItem($el, true); $el.classList.add('is-focus-child'); $store.xHeaderMenu.setHeightScroll($el)"
4202                      @mouseleave="$el.classList.remove('is-focus-child');"
4203                      @focusin="$store.xHeaderMenu.selectItem($el, true); $el.classList.add('is-focus-child');"
4204                      @focusout="$el.classList.remove('is-focus-child');"
4205                      
4206                        x-intersect.once.margin.200px="$store.xHeaderMenu.setHeightScroll($el, 6)"
4207                      
4208
4209                    >
4210                      <div class="sub-menu  flex items-center z-10 relative pl-2.5 pr-2.5 w-[15.6rem]">
4211<span class="flex-1">
4212                          <a
4213                            href="/collections/new-tea-arrivals"
4214                            class="nav-link p-break-words z-10 pt-3 pb-3 flex flex-wrap gap-2 items-center hover-text-link is-focus-child:effect-inline"
4215                            
4216                          >
4217                            
4218                            
4219                            
4220                              
4221                              
4222                                <span class="p-break-words">New Arrival</span>
4223                              
4224                            
4225                            
4226</a>
4227                        </span>
4228                      </div>
4229                      
4230                      <div  class="toggle-menu-sub overflow-hidden absolute right-0 rtl:left-0 left-72 rtl:right-72 pt-8 z-0 top-0 pb-7 h-auto toggle-menu-sub-hidden ltr">   
4231                        <div class="relative x-pgw page-width mx-auto h-full max-h-[calc(80vh-3rem)] overflow-y-auto scrollbar-body scrollbar-visible overflow-hidden"></div>
4232                        
4233                      </div>
4234                    </li></ul>
4235              
4236            </div></div>
4237        </div>
4238      </template></template>
4239          
4240
4241<template x-teleport="#menu-3">
4242
4243<template x-if="!runDispatch">
4244        <div class="toggle-menu toggle-menu-hidden top-full background-header is-focus:text-[rgba(var(--colors-text))] text-[rgba(var(--colors-text))] absolute w-full background-header left-0 z-50 shadow-md ltr mega-menu-vertical"
4245        >
4246          <div class="mega-menu-container x-pgw page-width mx-auto promotion-vertical image-count-0 md:max-h-[80vh]">
4247            <div class="mega-nav pt-8 relative grid-cols-4 relative mega-menu-vertical"><style data-shopify>
4248</style>
4249                <ul class="mega-list-nav flex-wrap items-end w-72 md:max-h-[calc(80vh-3rem)] md:overflow-y-scroll scrollbar-body scrollbar-visible" x-refs="mega_nav"><li
4250                      class="sub-menu-item table tabbed-animation-change is-active"
4251                      x-on:mouseover="$store.xHeaderMenu.selectItem($el, true); $el.classList.add('is-focus-child'); $store.xHeaderMenu.setHeightScroll($el)"
4252                      @mouseleave="$el.classList.remove('is-focus-child');"
4253                      @focusin="$store.xHeaderMenu.selectItem($el, true); $el.classList.add('is-focus-child');"
4254                      @focusout="$el.classList.remove('is-focus-child');"
4255                      
4256                        x-intersect.once.margin.200px="$store.xHeaderMenu.setHeightScroll($el, 1)"
4257                      
4258
4259                    >
4260                      <div class="sub-menu  border-t flex items-center z-10 relative pl-2.5 pr-2.5 w-[15.6rem]">
4261<span class="flex-1">
4262                          <a
4263                            href="/collections/tea-pot"
4264                            class="nav-link p-break-words z-10 pt-3 pb-3 flex flex-wrap gap-2 items-center hover-text-link is-focus-child:effect-inline"
4265                            
4266                          >
4267                            
4268                            
4269                            
4270                              
4271                              
4272                                <span class="p-break-words">Tea Pot</span>
4273                              
4274                            
4275                            
4276</a>
4277                        </span>
4278                      </div>
4279                      
4280                      <div  class="toggle-menu-sub overflow-hidden absolute right-0 rtl:left-0 left-72 rtl:right-72 pt-8 z-0 top-0 pb-7 h-auto open toggle-menu-sub-hidden ltr">   
4281                        <div class="relative x-pgw page-width mx-auto h-full max-h-[calc(80vh-3rem)] overflow-y-auto scrollbar-body scrollbar-visible overflow-hidden"></div>
4282                        
4283                      </div>
4284                    </li><li
4285                      class="sub-menu-item table tabbed-animation-change"
4286                      x-on:mouseover="$store.xHeaderMenu.selectItem($el, true); $el.classList.add('is-focus-child'); $store.xHeaderMenu.setHeightScroll($el)"
4287                      @mouseleave="$el.classList.remove('is-focus-child');"
4288                      @focusin="$store.xHeaderMenu.selectItem($el, true); $el.classList.add('is-focus-child');"
4289                      @focusout="$el.classList.remove('is-focus-child');"
4290                      
4291                        x-intersect.once.margin.200px="$store.xHeaderMenu.setHeightScroll($el, 2)"
4292                      
4293
4294                    >
4295                      <div class="sub-menu  flex items-center z-10 relative pl-2.5 pr-2.5 w-[15.6rem]">
4296<span class="flex-1">
4297                          <a
4298                            href="/collections/cups-mugs"
4299                            class="nav-link p-break-words z-10 pt-3 pb-3 flex flex-wrap gap-2 items-center hover-text-link is-focus-child:effect-inline"
4300                            
4301                          >
4302                            
4303                            
4304                            
4305                              
4306                              
4307                                <span class="p-break-words">Cups &amp; Mugs</span>
4308                              
4309                            
4310                            
4311</a>
4312                        </span>
4313                      </div>
4314                      
4315                      <div  class="toggle-menu-sub overflow-hidden absolute right-0 rtl:left-0 left-72 rtl:right-72 pt-8 z-0 top-0 pb-7 h-auto toggle-menu-sub-hidden ltr">   
4316                        <div class="relative x-pgw page-width mx-auto h-full max-h-[calc(80vh-3rem)] overflow-y-auto scrollbar-body scrollbar-visible overflow-hidden"></div>
4317                        
4318                      </div>
4319                    </li><li
4320                      class="sub-menu-item table tabbed-animation-change"
4321                      x-on:mouseover="$store.xHeaderMenu.selectItem($el, true); $el.classList.add('is-focus-child'); $store.xHeaderMenu.setHeightScroll($el)"
4322                      @mouseleave="$el.classList.remove('is-focus-child');"
4323                      @focusin="$store.xHeaderMenu.selectItem($el, true); $el.classList.add('is-focus-child');"
4324                      @focusout="$el.classList.remove('is-focus-child');"
4325                      
4326                        x-intersect.once.margin.200px="$store.xHeaderMenu.setHeightScroll($el, 3)"
4327                      
4328
4329                    >
4330                      <div class="sub-menu  flex items-center z-10 relative pl-2.5 pr-2.5 w-[15.6rem]">
4331<span class="flex-1">
4332                          <a
4333                            href="/collections/travel-tea-set"
4334                            class="nav-link p-break-words z-10 pt-3 pb-3 flex flex-wrap gap-2 items-center hover-text-link 
4334is-focus-child:effect-inline"
4335                            
4336                          >
4337                            
4338                            
4339                            
4340                              
4341                              
4342                                <span class="p-break-words">Travel Tea Set</span>
4343                              
4344                            
4345                            
4346</a>
4347                        </span>
4348                      </div>
4349                      
4350                      <div  class="toggle-menu-sub overflow-hidden absolute right-0 rtl:left-0 left-72 rtl:right-72 pt-8 z-0 top-0 pb-7 h-auto toggle-menu-sub-hidden ltr">   
4351                        <div class="relative x-pgw page-width mx-auto h-full max-h-[calc(80vh-3rem)] overflow-y-auto scrollbar-body scrollbar-visible overflow-hidden"></div>
4352                        
4353                      </div>
4354                    </li><li
4355                      class="sub-menu-item table tabbed-animation-change"
4356                      x-on:mouseover="$store.xHeaderMenu.selectItem($el, true); $el.classList.add('is-focus-child'); $store.xHeaderMenu.setHeightScroll($el)"
4357                      @mouseleave="$el.classList.remove('is-focus-child');"
4358                      @focusin="$store.xHeaderMenu.selectItem($el, true); $el.classList.add('is-focus-child');"
4359                      @focusout="$el.classList.remove('is-focus-child');"
4360                      
4361                        x-intersect.once.margin.200px="$store.xHeaderMenu.setHeightScroll($el, 4)"
4362                      
4363
4364                    >
4365                      <div class="sub-menu  flex items-center z-10 relative pl-2.5 pr-2.5 w-[15.6rem]">
4366<span class="flex-1">
4367                          <a
4368                            href="/collections/chinese-tea-set-1"
4369                            class="nav-link p-break-words z-10 pt-3 pb-3 flex flex-wrap gap-2 items-center hover-text-link is-focus-child:effect-inline"
4370                            
4371                          >
4372                            
4373                            
4374                            
4375                              
4376                              
4377                                <span class="p-break-words">Chinese Tea Set</span>
4378                              
4379                            
4380                            
4381</a>
4382                        </span>
4383                      </div>
4384                      
4385                      <div  class="toggle-menu-sub overflow-hidden absolute right-0 rtl:left-0 left-72 rtl:right-72 pt-8 z-0 top-0 pb-7 h-auto toggle-menu-sub-hidden ltr">   
4386                        <div class="relative x-pgw page-width mx-auto h-full max-h-[calc(80vh-3rem)] overflow-y-auto scrollbar-body scrollbar-visible overflow-hidden"></div>
4387                        
4388                      </div>
4389                    </li><li
4390                      class="sub-menu-item table tabbed-animation-change"
4391                      x-on:mouseover="$store.xHeaderMenu.selectItem($el, true); $el.classList.add('is-focus-child'); $store.xHeaderMenu.setHeightScroll($el)"
4392                      @mouseleave="$el.classList.remove('is-focus-child');"
4393                      @focusin="$store.xHeaderMenu.selectItem($el, true); $el.classList.add('is-focus-child');"
4394                      @focusout="$el.classList.remove('is-focus-child');"
4395                      
4396                        x-intersect.once.margin.200px="$store.xHeaderMenu.setHeightScroll($el, 5)"
4397                      
4398
4399                    >
4400                      <div class="sub-menu  flex items-center z-10 relative pl-2.5 pr-2.5 w-[15.6rem]">
4401<span class="flex-1">
4402                          <a
4403                            href="/collections/teaware-accessories"
4404                            class="nav-link p-break-words z-10 pt-3 pb-3 flex flex-wrap gap-2 items-center hover-text-link is-focus-child:effect-inline"
4405                            
4406                          >
4407                            
4408                            
4409                            
4410                              
4411                              
4412                                <span class="p-break-words">Teaware Accessories</span>
4413                              
4414                            
4415                            
4416</a>
4417                        </span>
4418                      </div>
4419                      
4420                      <div  class="toggle-menu-sub overflow-hidden absolute right-0 rtl:left-0 left-72 rtl:right-72 pt-8 z-0 top-0 pb-7 h-auto toggle-menu-sub-hidden ltr">   
4421                        <div class="relative x-pgw page-width mx-auto h-full max-h-[calc(80vh-3rem)] overflow-y-auto scrollbar-body scrollbar-visible overflow-hidden"></div>
4422                        
4423                      </div>
4424                    </li><li
4425                      class="sub-menu-item table tabbed-animation-change"
4426                      x-on:mouseover="$store.xHeaderMenu.selectItem($el, true); $el.classList.add('is-focus-child'); $store.xHeaderMenu.setHeightScroll($el)"
4427                      @mouseleave="$el.classList.remove('is-focus-child');"
4428                      @focusin="$store.xHeaderMenu.selectItem($el, true); $el.classList.add('is-focus-child');"
4429                      @focusout="$el.classList.remove('is-focus-child');"
4430                      
4431                        x-intersect.once.margin.200px="$store.xHeaderMenu.setHeightScroll($el, 6)"
4432                      
4433
4434                    >
4435                      <div class="sub-menu  flex items-center z-10 relative pl-2.5 pr-2.5 w-[15.6rem]">
4436<span class="flex-1">
4437                          <a
4438                            href="/collections/tea-pet"
4439                            class="nav-link p-break-words z-10 pt-3 pb-3 flex flex-wrap gap-2 items-center hover-text-link is-focus-child:effect-inline"
4440                            
4441                          >
4442                            
4443                            
4444                            
4445                              
4446                              
4447                                <span class="p-break-words">Tea Pet</span>
4448                              
4449                            
4450                            
4451</a>
4452                        </span>
4453                      </div>
4454                      
4455                      <div  class="toggle-menu-sub overflow-hidden absolute right-0 rtl:left-0 left-72 rtl:right-72 pt-8 z-0 top-0 pb-7 h-auto toggle-menu-sub-hidden ltr">   
4456                        <div class="relative x-pgw page-width mx-auto h-full max-h-[calc(80vh-3rem)] overflow-y-auto scrollbar-body scrollbar-visible overflow-hidden"></div>
4457                        
4458                      </div>
4459                    </li></ul>
4460              
4461            </div></div>
4462        </div>
4463      </template></template>
4464          
4465
4466<template x-teleport="#menu-4">
4467
4468<template x-if="!runDispatch">  
4469      <div class="toggle-menu toggle-menu-hidden top-full text-[rgba(var(--colors-text))] mega-menu-horizontal is-focus:text-[rgba(var(--colors-text))] absolute w-full background-header left-0 z-50 shadow-md ltr overflow-hidden h-fit max-h-[80vh]">
4470        <div>
4471          <div class="x-pgw page-width mx-auto mega-menu-container md:max-h-[80vh]"><ul class="mega-nav order-2 scrollbar-body scrollbar-visible flex-wrap relative gap-5 xl:gap-8 flex mt-7 mb-8 flex-row z-50 left-0 right-0 w-full top-full"><style data-shopify>
4472</style><li class="relative w-24 lg:w-48">
4473                    <div class="">
4474<a href="https://iteaworld.com/pages/brand-history" class="flex flex-wrap gap-2 nav-link relative transition duration-200 p-break-words hover-text-link inline-block">
4475                        
4476                        
4477                        
4478                          
4479                          
4480                            <span class="p-break-words">About  iTeaworld</span>
4481                          
4482                        
4483                        
4484                      </a>
4485                    </div></li><li class="relative w-24 lg:w-48">
4486                    <div class="">
4487<a href="/pages/shop-guide" class="flex flex-wrap gap-2 nav-link relative transition duration-200 p-break-words hover-text-link inline-block">
4488                        
4489                        
4490                        
4491                          
4492                          
4493                            <span class="p-break-words">Shop Guide</span>
4494                          
4495                        
4496                        
4497                      </a>
4498                    </div></li><li class="relative w-24 lg:w-48">
4499                    <div class="">
4500<a href="https://iteaworld.com/pages/sustainability" class="flex flex-wrap gap-2 nav-link relative transition duration-200 p-break-words hover-text-link inline-block">
4501                        
4502                        
4503                        
4504                          
4505                          
4506                            <span class="p-break-words"> Sustianability</span>
4507                          
4508                        
4509                        
4510                      </a>
4511                    </div></li><li class="relative w-24 lg:w-48">
4512                    <div class="">
4513<a href="/pages/our-community" class="flex flex-wrap gap-2 nav-link relative transition duration-200 p-break-words hover-text-link inline-block">
4514                        
4515                        
4516                        
4517                          
4518                          
4519                            <span class="p-break-words">Our Community</span>
4520                          
4521                        
4522                        
4523                      </a>
4524                    </div></li></ul></div>
4525          
4526        </div>
4527      </div>
4528    </template></template>
4529          
4530
4531<template x-teleport="#menu-5">
4532
4533<template x-if="!runDispatch">  
4534      <div class="toggle-menu toggle-menu-hidden top-full text-[rgba(var(--colors-text))] mega-menu-horizontal is-focus:text-[rgba(var(--colors-text))] absolute w-full background-header left-0 z-50 shadow-md ltr overflow-hidden h-fit max-h-[80vh]">
4535        <div>
4536          <div class="x-pgw page-width mx-auto mega-menu-container md:max-h-[80vh]"><ul class="mega-nav order-2 scrollbar-body scrollbar-visible flex-wrap relative gap-5 xl:gap-8 flex mt-7 mb-8 flex-row z-50 left-0 right-0 w-full top-full"><style data-shopify>
4537</style><li class="relative w-24 lg:w-48">
4538                    <div class="">
4539<a href="https://iteaworld.com/pages/rewards-program" class="flex flex-wrap gap-2 nav-link relative transition duration-200 p-break-words hover-text-link inline-block">
4540                        
4541                        
4542                        
4543                          
4544                          
4545                            <span class="p-break-words">Rewards Program</span>
4546                          
4547                        
4548                        
4549                      </a>
4550                    </div></li><li class="relative w-24 lg:w-48">
4551                    <div class="">
4552<a href="https://iteaworld.com/pages/tea-club-subscription-floral-fruit-wellness-box" class="flex flex-wrap gap-2 nav-link relative transition duration-200 p-break-words hover-text-link inline-block">
4553                        
4554                        
4555                        
4556                          
4557                          
4558                            <span class="p-break-words">Tea Subscription Box</span>
4559                          
4560                        
4561                        
4562                      </a>
4563                    </div></li><li class="relative w-24 lg:w-48">
4564                    <div class="">
4565<a href="https://app.partnerboost.com/brand/85618/recruitment/iteaworld" class="flex flex-wrap gap-2 nav-link relative transition duration-200 p-break-words hover-text-link inline-block">
4566                        
4567                        
4568                        
4569                          
4570                          
4571                            <span class="p-break-words">Affiliate</span>
4572                          
4573                        
4574                        
4575                      </a>
4576                    </div></li></ul></div>
4577          
4578        </div>
4579      </div>
4580    </template></template>
4581          
4582
4583<template x-teleport="#menu-6">
4584
4585<template x-if="!runDispatch">
4586        <div class="toggle-menu toggle-menu-hidden top-full background-header is-focus:text-[rgba(var(--colors-text))] text-[rgba(var(--colors-text))] absolute w-full background-header left-0 z-50 shadow-md ltr mega-menu-vertical main-nav-child-right"
4587        >
4588          <div class="mega-menu-container x-pgw page-width mx-auto promotion-horizontal image-count-2 md:max-h-[80vh]">
4589            <div class="mega-nav pt-8 relative w-1/2 2xl:w-5/12 grid-cols-2 relative mega-menu-vertical"><style data-shopify>
4590</style>
4591                <ul class="mega-list-nav flex-wrap items-end w-72 md:max-h-[calc(80vh-3rem)] md:overflow-y-scroll scrollbar-body scrollbar-visible" x-refs="mega_nav"><li
4592                      class="sub-menu-item table tabbed-animation-change is-active"
4593                      x-on:mouseover="$store.xHeaderMenu.selectItem($el, true); $el.classList.add('is-focus-child'); $store.xHeaderMenu.setHeightScroll($el)"
4594                      @mouseleave="$el.classList.remove('is-focus-child');"
4595                      @focusin="$store.xHeaderMenu.selectItem($el, true); $el.classList.add('is-focus-child');"
4596                      @focusout="$el.classList.remove('is-focus-child');"
4597                      
4598                        x-intersect.once.margin.200px="$store.xHeaderMenu.setHeightScroll($el, 1)"
4599                      
4600
4601                    >
4602                      <div class="sub-menu  border-t flex items-center z-10 relative pl-2.5 pr-2.5 w-[15.6rem]">
4603<span class="flex-1">
4604                          <a
4605                            href="/blogs/oolong-tea"
4606                            class="nav-link p-break-words z-10 pt-3 pb-3 flex flex-wrap gap-2 items-center hover-text-link is-focus-child:effect-inline"
4607                            
4608                          >
4609                            
4610                            
4611                            
4612                              
4613                              
4614                                <span class="p-break-words">Oolong Tea Blog</span>
4615                              
4616                            
4617                            
4618</a>
4619                        </span>
4620                      </div>
4621                      
4622                      <div  class="toggle-menu-sub overflow-hidden absolute right-0 rtl:left-0 left-72 rtl:right-72 pt-8 z-0 top-0 pb-7 h-auto open toggle-menu-sub-hidden ltr">   
4623                        <div class="relative x-pgw page-width mx-auto h-full max-h-[calc(80vh-3rem)] overflow-y-auto scrollbar-body scrollbar-visible overflow-hidden"></div>
4624                        
4625                      </div>
4626                    </li><li
4627                      class="sub-menu-item table tabbed-animation-change"
4628                      x-on:mouseover="$store.xHeaderMenu.selectItem($el, true); $el.classList.add('is-focus-child'); $store.xHeaderMenu.setHeightScroll($el)"
4629                      @mouseleave="$el.classList.remove('is-focus-child');"
4630                      @focusin="$store.xHeaderMenu.selectItem($el, true); $el.classList.add('is-focus-child');"
4631                      @focusout="$el.classList.remove('is-focus-child');"
4632                      
4633                        x-intersect.once.margin.200px="$store.xHeaderMenu.setHeightScroll($el, 2)"
4634                      
4635
4636                    >
4637                      <div class="sub-menu  flex items-center z-10 relative pl-2.5 pr-2.5 w-[15.6rem]">
4638<span class="flex-1">
4639                          <a
4640                            href="/blogs/jasmine-tea"
4641                            class="nav-link p-break-words z-10 pt-3 pb-3 flex flex-wrap gap-2 items-center hover-text-link is-focus-child:effect-inline"
4642                            
4643                          >
4644                            
4645                            
4646                            
4647                              
4648                              
4649                                <span class="p-break-words">Jasmine Tea Blog</span>
4650                              
4651                            
4652                            
4653</a>
4654                        </span>
4655                      </div>
4656                      
4657                      <div  class="toggle-menu-sub overflow-hidden absolute right-0 rtl:left-0 left-72 rtl:right-72 pt-8 z-0 top-0 pb-7 h-auto toggle-menu-sub-hidden ltr">   
4658                        <div class="relative x-pgw page-width mx-auto h-full max-h-[calc(80vh-3rem)] overflow-y-auto scrollbar-body scrollbar-visible overflow-hidden"></div>
4659                        
4660                      </div>
4661                    </li><li
4662                      class="sub-menu-item table tabbed-animation-change"
4663                      x-on:mouseover="$store.xHeaderMenu.selectItem($el, true); $el.classList.add('is-focus-child'); $store.xHeaderMenu.setHeightScroll($el)"
4664                      @mouseleave="$el.classList.remove('is-focus-child');"
4665                      @focusin="$store.xHeaderMenu.selectItem($el, true); $el.classList.add('is-focus-child');"
4666                      @focusout="$el.classList.remove('is-focus-child');"
4667                      
4668                        x-intersect.once.margin.200px="$store.xHeaderMenu.setHeightScroll($el, 3)"
4669                      
4670
4671                    >
4672                      <div class="sub-menu  flex items-center z-10 relative pl-2.5 pr-2.5 w-[15.6rem]">
4673<span class="flex-1">
4674                          <a
4675                            href="https://iteaworld.com/blogs/green-tea"
4676                            class="nav-link p-break-words z-10 pt-3 pb-3 flex flex-wrap gap-2 items-center hover-text-link 
4676is-focus-child:effect-inline"
4677                            
4678                          >
4679                            
4680                            
4681                            
4682                              
4683                              
4684                                <span class="p-break-words">Green Tea Blog</span>
4685                              
4686                            
4687                            
4688</a>
4689                        </span>
4690                      </div>
4691                      
4692                      <div  class="toggle-menu-sub overflow-hidden absolute right-0 rtl:left-0 left-72 rtl:right-72 pt-8 z-0 top-0 pb-7 h-auto toggle-menu-sub-hidden ltr">   
4693                        <div class="relative x-pgw page-width mx-auto h-full max-h-[calc(80vh-3rem)] overflow-y-auto scrollbar-body scrollbar-visible overflow-hidden"></div>
4694                        
4695                      </div>
4696                    </li><li
4697                      class="sub-menu-item table tabbed-animation-change"
4698                      x-on:mouseover="$store.xHeaderMenu.selectItem($el, true); $el.classList.add('is-focus-child'); $store.xHeaderMenu.setHeightScroll($el)"
4699                      @mouseleave="$el.classList.remove('is-focus-child');"
4700                      @focusin="$store.xHeaderMenu.selectItem($el, true); $el.classList.add('is-focus-child');"
4701                      @focusout="$el.classList.remove('is-focus-child');"
4702                      
4703                        x-intersect.once.margin.200px="$store.xHeaderMenu.setHeightScroll($el, 4)"
4704                      
4705
4706                    >
4707                      <div class="sub-menu  flex items-center z-10 relative pl-2.5 pr-2.5 w-[15.6rem]">
4708<span class="flex-1">
4709                          <a
4710                            href="/blogs/meet-our-tea-farmers"
4711                            class="nav-link p-break-words z-10 pt-3 pb-3 flex flex-wrap gap-2 items-center hover-text-link is-focus-child:effect-inline"
4712                            
4713                          >
4714                            
4715                            
4716                            
4717                              
4718                              
4719                                <span class="p-break-words">Meet Our Tea Farmers</span>
4720                              
4721                            
4722                            
4723</a>
4724                        </span>
4725                      </div>
4726                      
4727                      <div  class="toggle-menu-sub overflow-hidden absolute right-0 rtl:left-0 left-72 rtl:right-72 pt-8 z-0 top-0 pb-7 h-auto toggle-menu-sub-hidden ltr">   
4728                        <div class="relative x-pgw page-width mx-auto h-full max-h-[calc(80vh-3rem)] overflow-y-auto scrollbar-body scrollbar-visible overflow-hidden"></div>
4729                        
4730                      </div>
4731                    </li><li
4732                      class="sub-menu-item table tabbed-animation-change"
4733                      x-on:mouseover="$store.xHeaderMenu.selectItem($el, true); $el.classList.add('is-focus-child'); $store.xHeaderMenu.setHeightScroll($el)"
4734                      @mouseleave="$el.classList.remove('is-focus-child');"
4735                      @focusin="$store.xHeaderMenu.selectItem($el, true); $el.classList.add('is-focus-child');"
4736                      @focusout="$el.classList.remove('is-focus-child');"
4737                      
4738                        x-intersect.once.margin.200px="$store.xHeaderMenu.setHeightScroll($el, 5)"
4739                      
4740
4741                    >
4742                      <div class="sub-menu  flex items-center z-10 relative pl-2.5 pr-2.5 w-[15.6rem]">
4743<span class="flex-1">
4744                          <a
4745                            href="/blogs/guide"
4746                            class="nav-link p-break-words z-10 pt-3 pb-3 flex flex-wrap gap-2 items-center hover-text-link is-focus-child:effect-inline"
4747                            
4748                          >
4749                            
4750                            
4751                            
4752                              
4753                              
4754                                <span class="p-break-words">Other Blog</span>
4755                              
4756                            
4757                            
4758</a>
4759                        </span>
4760                      </div>
4761                      
4762                      <div  class="toggle-menu-sub overflow-hidden absolute right-0 rtl:left-0 left-72 rtl:right-72 pt-8 z-0 top-0 pb-7 h-auto toggle-menu-sub-hidden ltr">   
4763                        <div class="relative x-pgw page-width mx-auto h-full max-h-[calc(80vh-3rem)] overflow-y-auto scrollbar-body scrollbar-visible overflow-hidden"></div>
4764                        
4765                      </div>
4766                    </li></ul>
4767              
4768            </div><div class="overflow-hidden relative float-right md:right-5 lg:right-0 pt-8 pb-5 w-1/2"
4769              > 
4770                <div class="mega-nav-promotions scrollbar-body scrollbar-visible overflow-y-auto flex flex-row ltr gap-x-5 pl-5 rtl:pl-0 rtl:pr-5"
4771                ><style data-shopify>
4772                      .image-tabbed_menu_4fxEyd-1 {
4773                        height: 230px;
4774                      }
4775                    </style>
4776                    
4777                    <div class="mega-menu-card w-full group relative background-color-tabbed_menu_4fxEyd-1 rounded-[10px] ltr"
4778                    >
4779                      
4780<style data-shopify>.title-color-tabbed_menu_4fxEyd-1 {
4781      color: ;
4782      --colors-heading: , , ;
4783    }.text-tabbed_menu_4fxEyd-1 {
4784    font-size: 0.63rem;
4785  }
4786  .sub-heading-tabbed_menu_4fxEyd-1 {
4787    font-size: 1.2375rem;
4788  }
4789  .heading-tabbed_menu_4fxEyd-1 {
4790    font-size: 1.7325rem;
4791  }
4792  @media (min-width: 768px) {
4793    .sub-heading-tabbed_menu_4fxEyd-1 {
4794      font-size: 1.4355rem;
4795    }
4796    .heading-tabbed_menu_4fxEyd-1 {
4797      font-size: 2.475rem; 
4798    }
4799    .text-tabbed_menu_4fxEyd-1 {
4800      font-size: 0.7rem;
4801    }
4802  }.button--tabbed_menu_4fxEyd-1.button-outline {}
4803  
4804</style><div 
4805    
4806    class="w-full  relative z-0 before:h-0 before:block promotion-header image-tabbed_menu_4fxEyd-1 pb-[%] rounded-[10px] overflow-hidden"
4807    
4808  >
4809    
4810    
4811      <div 
4812        class="animate_transition_card__image animate-Xpulse skeleton-image w-full h-full top-0 left-0 overflow-hidden absolute md:absolute rounded-[10px]"
4813      >
4814    
4815      <img
4816        srcset="//iteaworld.com/cdn/shop/files/oolong_tea_2.webp?v=1786614969&width=225 225w,
4817        //iteaworld.com/cdn/shop/files/oolong_tea_2.webp?v=1786614969&width=375 375w,
4818        //iteaworld.com/cdn/shop/files/oolong_tea_2.webp?v=1786614969&width=450 450w,
4819        //iteaworld.com/cdn/shop/files/oolong_tea_2.webp?v=1786614969&width=750 750w,
4820        //iteaworld.com/cdn/shop/files/oolong_tea_2.webp?v=1786614969&width=900 900w,
4821        //iteaworld.com/cdn/shop/files/oolong_tea_2.webp?v=1786614969&width=1100 1100w,
4822        //iteaworld.com/cdn/shop/files/oolong_tea_2.webp?v=1786614969&width=1500 1500w,
4823        //iteaworld.com/cdn/shop/files/oolong_tea_2.webp?v=1786614969&width=1780 1780w"
4824        src="//iteaworld.com/cdn/shop/files/oolong_tea_2.webp?v=1786614969&width=1780"
4825        
4826          
4827            loading="lazy"
4828          
4829         
4830        sizes="(min-width: 1400px) 350px, (min-width: 768px) calc(100vw/4), 100vw"
4831        alt=""
4832        width="1600"
4833        height="858.0"
4834        style="object-position: 50.0% 50.0%;"
4835        class="w-full h-full object-cover z-10 image-hover rounded-[10px]"
4836        onload="this?.classList.add('active'); 
4837          this.closest('.animate_transition_card__image')?.classList.remove('animate-Xpulse', 'skeleton-image');
4838          setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);
4839        "
4840      />
4841    </div>
4842  
4843  <span class="absolute top-0 left-0 bottom-0 right-0 pointer-events-none image-treatment-overlay opacity-0 rounded-[10px]"></span></div>
4844  <div class="promotion-content background-color-tabbed_menu_4fxEyd-1 text-center rtl:text-center pt-3 pb-3 pr-4 pl-4 rounded-[10px] left-0 right-0 grow"
4845  ><div class="mb-1 leading-tight rte text-color-tabbed_menu_4fxEyd-1 text-tabbed_menu_4fxEyd-1 p-break-words pointer-events-auto">10 Best Chinese Loose Leaf Oolong Teas of 2026</div><a href="https://iteaworld.com/blogs/learn-about-famous-oolong-teas/10-best-chinese-loose-leaf-oolong-teas-of-2024" target="_blank" class="button button-text-link  button--tabbed_menu_4fxEyd-1 pointer-events-auto inline-block empty:hidden pl-4 pr-4 lg:pl-6 lg:pr-6 pt-2.5 pb-2.5 leading-normal md:pt-3 md:pb-3 cursor-pointer p-break-words">
4846        
4847
4848  
4849    
4850      <div class="relative block-text-button overflow-hidden ">
4851        <span class="button-text  btn-text-link-effect-1 relative top-0 is-focus-button:opacity-0">Read Now</span>
4852        <span class="button-text  btn-text-link-effect-2 absolute top-full left-0 is-focus-button:opacity-0">Read Now</span>
4853      </div>
4854        
4855  
4856
4857
4858      </a>
4859    
4860  </div>
4861  
4862
4863
4864                    </div><style data-shopify>
4865                      .image-tabbed_menu_4fxEyd-2 {
4866                        height: 230px;
4867                      }
4868                    </style>
4869                    
4870                    <div class="mega-menu-card w-full group relative background-color-tabbed_menu_4fxEyd-2 rounded-[10px] ltr"
4871                    >
4872                      
4873<style data-shopify>.title-color-tabbed_menu_4fxEyd-2 {
4874      color: ;
4875      --colors-heading: , , ;
4876    }.text-tabbed_menu_4fxEyd-2 {
4877    font-size: 0.63rem;
4878  }
4879  .sub-heading-tabbed_menu_4fxEyd-2 {
4880    font-size: 1.2375rem;
4881  }
4882  .heading-tabbed_menu_4fxEyd-2 {
4883    font-size: 1.7325rem;
4884  }
4885  @media (min-width: 768px) {
4886    .sub-heading-tabbed_menu_4fxEyd-2 {
4887      font-size: 1.4355rem;
4888    }
4889    .heading-tabbed_menu_4fxEyd-2 {
4890      font-size: 2.475rem; 
4891    }
4892    .text-tabbed_menu_4fxEyd-2 {
4893      font-size: 0.7rem;
4894    }
4895  }.button--tabbed_menu_4fxEyd-2.button-outline {}
4896  
4897</style><div 
4898    
4899    class="w-full  relative z-0 before:h-0 before:block promotion-header image-tabbed_menu_4fxEyd-2 pb-[%] rounded-[10px] overflow-hidden"
4900    
4901  >
4902    
4903    
4904      <div 
4905        class="animate_transition_card__image animate-Xpulse skeleton-image w-full h-full top-0 left-0 overflow-hidden absolute md:absolute rounded-[10px]"
4906      >
4907    
4908      <img
4909        srcset="//iteaworld.com/cdn/shop/files/vine_tea_71ae7804-a38d-4d4e-8888-9cff91381e6e.webp?v=1786615009&width=225 225w,
4910        //iteaworld.com/cdn/shop/files/vine_tea_71ae7804-a38d-4d4e-8888-9cff91381e6e.webp?v=1786615009&width=375 375w,
4911        //iteaworld.com/cdn/shop/files/vine_tea_71ae7804-a38d-4d4e-8888-9cff91381e6e.webp?v=1786615009&width=450 450w,
4912        //iteaworld.com/cdn/shop/files/vine_tea_71ae7804-a38d-4d4e-8888-9cff91381e6e.webp?v=1786615009&width=750 750w,
4913        //iteaworld.com/cdn/shop/files/vine_tea_71ae7804-a38d-4d4e-8888-9cff91381e6e.webp?v=1786615009&width=900 900w,
4914        //iteaworld.com/cdn/shop/files/vine_tea_71ae7804-a38d-4d4e-8888-9cff91381e6e.webp?v=1786615009&width=1100 1100w,
4915        //iteaworld.com/cdn/shop/files/vine_tea_71ae7804-a38d-4d4e-8888-9cff91381e6e.webp?v=1786615009&width=1500 1500w,
4916        //iteaworld.com/cdn/shop/files/vine_tea_71ae7804-a38d-4d4e-8888-9cff91381e6e.webp?v=1786615009&width=1780 1780w"
4917        src="//iteaworld.com/cdn/shop/files/vine_tea_71ae7804-a38d-4d4e-8888-9cff91381e6e.webp?v=1786615009&width=1780"
4918        
4919          
4920            loading="lazy"
4921          
4922         
4923        sizes="(min-width: 1400px) 350px, (min-width: 768px) calc(100vw/4), 100vw"
4924        alt=""
4925        width="1780"
4926        height="1187.0"
4927        style="object-position: 50.0% 50.0%;"
4928        class="w-full h-full object-cover z-10 image-hover rounded-[10px]"
4929        onload="this?.classList.add('active'); 
4930          this.closest('.animate_transition_card__image')?.classList.remove('animate-Xpulse', 'skeleton-image');
4931          setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);
4932        "
4933      />
4934    </div>
4935  
4936  <span class="absolute top-0 left-0 bottom-0 right-0 pointer-events-none image-treatment-overlay opacity-0 rounded-[10px]"></span></div>
4937  <div class="promotion-content background-color-tabbed_menu_4fxEyd-2 text-center rtl:text-center pt-3 pb-3 pr-4 pl-4 rounded-[10px] left-0 right-0 grow"
4938  ><div class="mb-1 leading-tight rte text-color-tabbed_menu_4fxEyd-2 text-tabbed_menu_4fxEyd-2 p-break-words pointer-events-auto">Everything You Should Know About Mei Cha Tea (Vine Tea): Benefits, Origin, and Brewing Guide</div><a href="https://iteaworld.com/blogs/guide/everything-you-should-know-about-mei-tea-vine-tea-the-chinese-caffeine-free-herbal-tea" target="_blank" class="button button-text-link  button--tabbed_menu_4fxEyd-2 pointer-events-auto inline-block empty:hidden pl-4 pr-4 lg:pl-6 lg:pr-6 pt-2.5 pb-2.5 leading-normal md:pt-3 md:pb-3 cursor-pointer p-break-words">
4939        
4940
4941  
4942    
4943      <div class="relative block-text-button overflow-hidden ">
4944        <span class="button-text  btn-text-link-effect-1 relative top-0 is-focus-button:opacity-0">Read Now</span>
4945        <span class="button-text  btn-text-link-effect-2 absolute top-full left-0 is-focus-button:opacity-0">Read Now</span>
4946      </div>
4947        
4948  
4949
4950
4951      </a>
4952    
4953  </div>
4954  
4955
4956
4957                    </div></div>
4958              </div></div>
4959        </div>
4960      </template></template>
4961          
4962
4963<template x-teleport="#menu-7">
4964
4965<template x-if="!runDispatch">  
4966      <div class="toggle-menu toggle-menu-hidden top-full text-[rgba(var(--colors-text))] mega-menu-horizontal is-focus:text-[rgba(var(--colors-text))] absolute w-full background-header left-0 z-50 shadow-md ltr overflow-hidden h-fit max-h-[80vh]">
4967        <div>
4968          <div class="x-pgw page-width mx-auto mega-menu-container md:max-h-[80vh]"><ul class="mega-nav order-2 scrollbar-body scrollbar-visible flex-wrap relative gap-5 xl:gap-8 flex mt-7 mb-8 flex-row z-50 left-0 right-0 w-full top-full"><style data-shopify>
4969</style><li class="relative w-24 lg:w-48">
4970                    <div class="">
4971<a href="https://iteaworld.com/pages/contact" class="flex flex-wrap gap-2 nav-link relative transition duration-200 p-break-words hover-text-link inline-block">
4972                        
4973                        
4974                        
4975                          
4976                          
4977                            <span class="p-break-words">Contact Us</span>
4978                          
4979                        
4980                        
4981                      </a>
4982                    </div></li><li class="relative w-24 lg:w-48">
4983                    <div class="">
4984<a href="https://iteaworld.com/apps/17TRACK" class="flex flex-wrap gap-2 nav-link relative transition duration-200 p-break-words hover-text-link inline-block">
4985                        
4986                        
4987                        
4988                          
4989                          
4990                            <span class="p-break-words">Track Your Order</span>
4991                          
4992                        
4993                        
4994                      </a>
4995                    </div></li><li class="relative w-24 lg:w-48">
4996                    <div class="">
4997<a href="/policies/shipping-policy" class="flex flex-wrap gap-2 nav-link relative transition duration-200 p-break-words hover-text-link inline-block">
4998                        
4999                        
5000                        
5001                          
5002                          
5003                            <span class="p-break-words">Shipping Policy</span>
5004                          
5005                        
5006                        
5007                      </a>
5008                    </div></li><li class="relative w-24 lg:w-48">
5009                    <div class="">
5010<a href="https://iteaworld.com/pages/wholesale-request" class="flex flex-wrap gap-2 nav-link relative transition duration-200 p-break-words hover-text-link inline-block">
5011                        
5012                        
5013                        
5014                          
5015                          
5016                            <span class="p-break-words">Wholesale</span>
5017                          
5018                        
5019                        
5020                      </a>
5021                    </div></li><li class="relative w-24 lg:w-48">
5022                    <div class="">
5023<a href="/pages/tea-guidebook-download-center" class="flex flex-wrap gap-2 nav-link relative transition duration-200 p-break-words hover-text-link inline-block">
5024                        
5025                        
5026                        
5027                          
5028                          
5029                            <span class="p-break-words">Download Center</span>
5030                          
5031                        
5032                        
5033                      </a>
5034                    </div></li><li class="relative w-24 lg:w-48">
5035                    <div class="">
5036<a href="/pages/tool-guide" class="flex flex-wrap gap-2 nav-link relative transition duration-200 p-break-words hover-text-link inline-block">
5037                        
5038                        
5039                        
5040                          
5041                          
5042                            <span class="p-break-words">Free Tea Tools</span>
5043                          
5044                        
5045                        
5046                      </a>
5047                    </div></li></ul></div>
5048          
5049        </div>
5050      </div>
5051    </template></template>
5052          
5053</ul>
5054</nav>
5055      </header>
5056      
5057<div @init-run.window="$store.xHeaderMenu.renderAjax($el, 'cart-drawer', '#ajax-loading-cart');"></div><div class=" md:pl-0 md:pr-0  pr-5 pl-5 m-auto">
5058    <div class="divider absolute top-full left-0 w-full m-auto border-t md:hidden">
5059    </div>
5060  </div>
5061    </div>
5062    
5063  </div>
5064</div>    
5065<script src="//iteaworld.com/cdn/shop/t/51/assets/search-prompts.js?v=124244002410771306181782181913" defer></script>
5065                   
5066<script type="application/ld+json">
5067  {
5068    "@context": "http://schema.org",
5069    "@type": "Organization",
5070    "name": "iTeaworld",
5071    
5072      "logo": "https:\/\/iteaworld.com\/cdn\/shop\/files\/iTeaworld-logo-14_e1fa5e0e-897c-4ac1-8169-c9d7e7c4ebd3.png?v=1745483789\u0026width=3264",
5073    
5074    "sameAs": [
5075      "",
5076      "https:\/\/www.facebook.com\/official.iteaworld\/",
5077      "",
5078      "https:\/\/www.instagram.com\/itea_world\/",
5079      "https:\/\/www.tiktok.com\/@iteaworld",
5080      "",
5081      "",
5082      "https:\/\/www.youtube.com\/@itea_world",
5083      ""
5084    ],
5085    "url": "https:\/\/iteaworld.com"
5086  }
5087</script>
5087
5088  
5088<script type="application/ld+json">
5089    {
5090      "@context": "http://schema.org",
5091      "@type": "WebSite",
5092      "name": "iTeaworld",
5093      "potentialAction": {
5094        "@type": "SearchAction",
5095        "target": "https:\/\/iteaworld.com\/search?q={search_term_string}",
5096        "query-input": "required name=search_term_string"
5097      },
5098      "url": "https:\/\/iteaworld.com"
5099    }
5100  </script>
5100<script src="//iteaworld.com/cdn/shop/t/51/assets/store-selector.js?v=36088188951445041851782181913" defer="defer"></script>
5100
5101
5102<style> #shopify-section-sections--27603634815255__header .sticky-header-content .divider {display: none;} </style></div><div id="shopify-section-sections--27603634815255__mobile-navigation" class="shopify-section shopify-section-group-header-group-puff section-mobile-navigation"><style data-shopify>#mobile-navigation * {border-color: #ffffff;}
5103  .dark #mobile-navigation * {border-color: #313131;}
5104  #mobile-navigation .text-color,
5105  #mobile-navigation .background-header {background: #ffffff;--colors-heading: 0, 0, 0;
5106      color: #000000;
5107      --colors-text-header: 0, 0, 0;  
5108        --colors-text-link: 115, 144, 71;
5109      
5110  }
5111  .dark #mobile-navigation .text-color,
5112  .dark #mobile-navigation .background-header {background: #202020;--colors-heading: 255, 255, 255;
5113      color: #ffffff;
5114      --colors-text-header: 255, 255, 255;
5115      --colors-text-link: 255, 255, 255;  
5116      --colors-text-link: 255, 255, 255;
5117    
5118  }
5119  
5120  .font-menu-level-0 {
5121    font-size: 1.25rem;
5122  }
5123  .font-menu-level-1 {
5124    font-size: 1.0rem;
5125  }
5126  .font-menu-level-2 {
5127    font-size: 0.875rem;
5128  }
5129  
5130    .block-mobile-navigation-menu .font-menu-level-0, 
5131    .block-mobile-navigation-menu .font-menu-level-1, 
5132    .block-mobile-navigation-menu .font-menu-level-2,
5133    .block-mobile-navigation-carousel_menu .font-menu-level-0,
5134    .block-mobile-navigation-carousel_menu .font-menu-level-2,
5135    .block-mobile-navigation-account .font-menu-level-1,
5136    .block-mobile-navigation-cart .font-menu-level-1
5137    {
5138      font-size: 0.7875rem;
5139      font-weight: var(--font-body-weight);
5140    }
5141  
5142  .block-mobile-navigation-after::after {
5143    content: var(--tw-content);
5144    position: absolute;
5145    width: 100%;
5146    left: 0;
5147    border-bottom-width: 1px;border-color: #ffffff;}
5148  .dark .block-mobile-navigation-after::after {border-color: #313131;}</style><div
5149  class="z-[60] fixed top-0 h-full w-full opacity-60 bg-black"
5150  x-show="$store.xMobileNav.show"
5151  x-cloak
5152  @click="setTimeout(() => { $store.xMobileNav.close() }, 0)"
5153></div>
5154<template x-if="!runDispatch">
5155  <div
5156    id="mobile-navigation"
5157    :class="{ 'menu-opening': $store.xMobileNav.show }" 
5158    class="menu-drawer fixed z-[60] top-0 bottom-0 w-full max-w-xl motion-reduce overflow-x-hidden ltr left-0 -translate-x-full"
5159  >
5160    <div class="x-container-mobile-nav background-header gradient menu-drawer duration-300 ease-in-out overflow-hidden h-full flex flex-col">
5161      <div class="x-block-mobile-nav-close p-4 w-full flex justify-between items-center"
5162        aria-label="Close"
5163      >
5164        <span class="font-menu-level-2 uppercase">Menu</span>
5165        <span
5166          class="cursor-pointer icon-close-container inline-block group-close-btn rounded-full bg-[rgba(var(--colors-line-header))] absolute top-2 right-2 rtl:right-auto rtl:left-2"
5167          @click="setTimeout(() => { $store.xMobileNav.close() }, 0)"
5168        ><svg class="icon-close-animation" width="100%" height="100%" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg">
5169    <path d="M1 9L5 5M5 5L9 1M5 5L1 1M5 5L9 9" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
5170  </svg>
5171</span>
5172      </div>
5173      <div
5174        id="menu-navigation"
5175        class="h-full flex-1 overflow-x-hidden scrollbar-body overflow-y-auto scrollbar-stable"
5176      >
5177        
5178        <ul 
5179          x-data="{ openCur: 0 }"
5180          id="menu-level-0"
5181          role="list" 
5182          class="menu-parent relative h-full w-full" 
5183        >
5184           <li class="x-block-login block-mobile-navigation block-mobile-navigation-account pl-4 pr-4 block-mobile-navigation-after" ><a href="https://iteaworld.com/customer_authentication/redirect?locale=en&region_country=US"
5185                      class=" font-medium pt-3.5 pb-3.5 flex items-center disable-effect"
5186                      data-no-instant
5187                      aria-label="Log in"
5188                    >
5189                      <span class="w-6 h-6 mr-2 rtl:mr-0 rtl:ml-2">
5190                        <svg class="" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 18" fill="none" style="fill: none;">
5191    <path d="M10.6768 1.76956C10.0249 1.282 9.21778 1.00012 8.33305 1.00012C6.19106 1.00012 4.45264 2.70658 4.45264 4.80919C4.45264 6.91179 6.19106 8.61825 8.33305 8.61825C10.475 8.61825 12.2135 6.91179 12.2135 4.80919" stroke="currentcolor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
5192    <path d="M15 16.9999C15 14.0516 12.0122 11.6672 8.33357 11.6672C4.6549 11.6672 1.66699 14.0516 1.66699 16.9999" stroke="currentcolor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
5193    </svg>
5194
5195                      </span>Log in</a>
5196                  </li><li class="x-block-cart block-mobile-navigation block-mobile-navigation-cart block-mobile-navigation-after pl-4 pr-4" >
5197                    <a
5198                      href="/cart"
5199                      class="flex pt-3.5 pb-3.5 items-center relative disable-effect"
5200                      data-no-instant
5201                    >
5202                      <span class="w-6 h-6" @click="$store.xMiniCart.openCart('sections--27603634815255__mobile-navigation')">
5203                        <svg class="" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 22 22" fill="none">
5204    <path fill-rule="evenodd" clip-rule="evenodd" d="M8.59556 15.0449C7.33025 15.0449 6.30389 16.0713 6.30389 17.3366C6.30389 18.6019 7.33025 19.6283 8.59556 19.6283C9.86087 19.6283 10.8872 18.6019 10.8872 17.3366C10.8872 16.0713 9.86087 15.0449 8.59556 15.0449ZM8.59556 18.1201C8.16073 18.1201 7.81209 17.7675 7.81209 17.3366C7.81209 16.9057 8.16465 16.5531 8.59556 16.5531C9.03039 16.5531 9.37904 16.9057 9.37904 17.3366C9.37904 17.7675 9.03039 18.1201 8.59556 18.1201Z" fill="currentcolor" stroke="currentcolor" stroke-width="0.2" stroke-miterlimit="10"/>
5205    <path fill-rule="evenodd" clip-rule="evenodd" d="M20.9 4.64037C20.4557 4.51721 19.9981 4.79088 19.8793 5.25156L19.8574 5.33367C19.8222 5.39752 19.7914 5.46594 19.7738 5.53892L19.3514 7.17182C19.3426 7.20831 19.3338 7.24937 19.3294 7.28585C19.3118 7.32691 19.2986 7.36796 19.2854 7.40901L18.8631 9.04191C18.8543 9.07384 18.8499 9.10577 18.8455 9.14226L18.5156 10.4103C18.5068 10.4468 18.498 10.4878 18.4936 10.5243C18.476 10.5653 18.4628 10.6064 18.4496 10.6475L18.058 12.1572H18.0448C18.014 12.4309 17.8953 12.5039 17.8073 12.5175H17.7457C17.7237 12.513 17.7149 12.5084 17.7149 12.5084V12.5175H13.6895C13.6851 12.5175 13.6763 12.5175 13.6719 12.5175C13.6675 12.5175 13.6587 12.5175 13.6543 12.5175H7.80321L7.79441 12.4947C7.57445 12.5449 7.46886 12.4856 7.41607 12.4218L7.11252 11.245C7.10812 11.1857 7.09932 11.1218 7.08612 11.058L6.78697 9.90854C6.78257 9.88573 6.77817 9.85836 6.77377 9.83556L6.38223 8.33037C6.37783 8.27107 6.36903 8.20721 6.35584 8.14336L5.9599 6.61992C5.9555 6.57431 5.9467 6.53326 5.9379 6.48765L5.54636 4.98245C5.54196 4.92316 5.53316 4.8593 5.51997 4.79545L5.12843 3.27657C5.12403 3.2492 5.11963 3.22184 5.11083 3.19447C4.82487 1.86716 3.23672 2.004 3.23672 2.004H1.63537C1.17344 2.004 0.803894 2.3917 0.803894 2.86606C0.803894 3.34043 1.17784 3.72813 1.63537 3.72813H3.26751C3.29391 3.72813 3.32031 3.72813 3.3423 3.72357C3.45668 3.74181 3.51827 3.79655 3.54467 3.85128L3.57547 3.97443C3.57547 3.97899 3.57547 3.97899 3.57547 3.97899L3.86582 5.11017C3.87022 5.16946 3.87902 5.23332 3.89222 5.29718L4.28816 6.82061C4.29256 6.86622 4.30135 6.90728 4.31015 6.95289L4.70169 8.45808C4.70609 8.51737 4.71489 8.58123 4.72809 8.64509L5.02724 9.79451C5.03164 9.81731 5.03604 9.84468 5.04044 9.86749L5.43198 11.3727C5.43638 11.432 5.44518 11.4958 5.45837 11.5597L5.88071 13.1926C5.90271 13.2838 5.9423 13.3659 5.98629 13.4389C6.30744 14.0775 6.97614 14.2189 7.41607 14.2371C7.43367 14.2371 7.44687 14.2417 7.46447 14.2417H13.6455C13.6499 14.2417 13.6587 14.2417 13.6631 14.2417C13.6675 14.2417 13.6763 14.2417 13.6807 14.2417H18.1152C18.1328 14.2417 18.1548 14.2417 18.1724 14.2417H18.1944C18.278 14.2417 18.3572 14.228 18.4364 14.2052C19.1975 14.0182 19.501 13.1972 19.6022 12.8368C19.6154 12.8003 19.6286 12.7638 19.6418 12.7274L20.0641 11.0944C20.0729 11.058 20.0817 11.0169 20.0861 10.9804C20.1037 10.9394 20.1169 10.8983 20.1301 10.8573L20.5524 9.22436C20.5612 9.19243 20.5656 9.160
52055 20.57 9.12401L20.9 7.856C20.9088 7.81951 20.9176 7.77846 20.922 7.74197C20.9396 7.70092 20.9528 7.65987 20.966 7.61882L20.988 7.53672C21.0232 7.47286 21.054 7.40445 21.0716 7.33147L21.4939 5.69856C21.6083 5.23788 21.3443 4.76352 20.9 4.64037Z" fill="currentcolor" stroke="currentcolor" stroke-width="0.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
5206    <path fill-rule="evenodd" clip-rule="evenodd" d="M15.9289 15.0449C14.6636 15.0449 13.6372 16.0713 13.6372 17.3366C13.6372 18.6019 14.6636 19.6283 15.9289 19.6283C17.1942 19.6283 18.2205 18.6019 18.2205 17.3366C18.2205 16.0713 17.1942 15.0449 15.9289 15.0449ZM15.9289 18.1201C15.494 18.1201 15.1454 17.7675 15.1454 17.3366C15.1454 16.9057 15.498 16.5531 15.9289 16.5531C16.3637 16.5531 16.7123 16.9057 16.7123 17.3366C16.7123 17.7675 16.3637 18.1201 15.9289 18.1201Z" fill="currentcolor" stroke="currentcolor" stroke-width="0.2" stroke-miterlimit="10"/>
5207  </svg>
5208                      </span>
5209                      <div id="mobile-cart-icon-bubble" class="count_item absolute top-2 left-2 rtl:left-auto rtl:right-2" data-value="0">
5210                        <div class="bg-[rgba(var(--colors-cart))] text-[rgba(var(--colors-cart-text))] font-medium h-4 w-4 ml-1 rounded-full text-[10px] hidden"><span class="h-full flex items-center justify-center" aria-hidden="true">0</span></div>
5211                      </div>
5212                      <span class="font-medium font-menu-level-1 ml-2 rtl:ml-0 rtl:mr-2">My cart</span>
5213                    </a>
5214                  </li>
5215                  <li x-data='{ active: false }' class="block-mobile-navigation-accordion_menu block-mobile-navigation block-mobile-navigation-after" >
5216                    
5217                    <div @click="openCur = (openCur === 0 || openCur !== 3) ? 3 : 0; setTimeout(() => {$el.scrollIntoView({ behavior: 'smooth' })}, 500);" class="flex items-center gap-4 ml-4 mr-4">
5218                      
5219                        <div class="flex-1 pt-3.5 pb-3.5 flex flex-wrap gap-2 items-center disable-effect">
5220                          <span 
5221                            class="p-break-words font-medium font-menu-level-0"
5222                          >
5223                    
5224                    
5225                      <span>Tea</span>
5226                    
5227                  </span>
5228                          
5229
5230                        </div>
5231                        <span
5232                          x-cloak x-show="openCur !== 3"
5233                          class="icon-caret-mobile h-4 w-4 min-h-4 min-w-4 block"
5234                          :class="{ 'text-[rgba(var(--colors-text-link))]': active }"
5235                        >
5236                          <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" class="" viewBox="0 0 10 10">
5237    <path fill="currentColor" stroke="currentColor" stroke-width="0" stroke-linecap="round" stroke-linejoin="round" d="M1 4.51a.5.5 0 000 1h3.5l.01 3.5a.5.5 0 001-.01V5.5l3.5-.01a.5.5 0 00-.01-1H5.5L5.49.99a.5.5 0 00-1 .01v3.5l-3.5.01H1z"/>
5238  </svg>
5239
5240                        </span>
5241                        <span
5242                          x-cloak x-show="openCur === 3"
5243                          class="icon-caret-mobile h-4 w-4 min-h-4 min-w-4 block"
5244                          :class="{ 'text-[rgba(var(--colors-text-link))]': active }"
5245                        >
5246                          <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" class=" w-full h-full" viewBox="0 0 10 2">
5247    <path fill-rule="evenodd" clip-rule="evenodd" d="M.5 1C.5.7.7.5 1 .5h8a.5.5 0 110 1H1A.5.5 0 01.5 1z" fill="currentColor" stroke="currentColor" stroke-width="0" stroke-linecap="round" stroke-linejoin="round" />
5248  </svg>
5249
5250                        </span>
5251                      
5252                    </div><div
5253                        x-collapse.duration.500ms
5254                        x-show="openCur === 3"
5255                        class="menu-drawer w-full h-full overflow-visible"
5256                      >
5257                        <ul 
5258                          x-data='{ openSub: 0 }'
5259                          id="menu-level-1"
5260                          class="overflow-hidden background-header w-full h-full pl-4 rtl:pl-0 rtl:pr-4" 
5261                          >
5262
5263
5264
5265<li>
5266        <div @click="openSub = (openSub === 0 || openSub !== 1) ? 1 : 0; $store.xMobileNav.setActiveLink('3-1'); setTimeout(() => {$el.scrollIntoView({ behavior: 'smooth' })}, 500);" 
5267          class="flex items-center gap-4 mr-4 ml-3 rtl:mr-3 rtl:ml-4"
5268        ><style data-shopify>
5269</style>
5270            <span class="flex-1 pt-2.5 pb-2.5 flex gap-4 items-center disable-effect">
5271          
5272            
5273            
5274            <span class="flex flex-wrap gap-x-2">
5275              <span class="p-break-words font-medium font-menu-level-1">
5276                
5277                
5278                  <span>Tea</span>
5279                
5280              </span>
5281              
5282              
5283            </span>
5284          
5285            </span>
5286          
5287<span
5288              x-cloak x-show="openSub !== 1"
5289              class="icon-caret-mobile h-3 w-3 min-h-3 min-w-[12px] block"
5290              :class="{ 'text-[rgba(var(--colors-text-link))]': active }"
5291            >
5292              <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" class="" viewBox="0 0 10 10">
5293    <path fill="currentColor" stroke="currentColor" stroke-width="0" stroke-linecap="round" stroke-linejoin="round" d="M1 4.51a.5.5 0 000 1h3.5l.01 3.5a.5.5 0 001-.01V5.5l3.5-.01a.5.5 0 00-.01-1H5.5L5.49.99a.5.5 0 00-1 .01v3.5l-3.5.01H1z"/>
5294  </svg>
5295
5296            </span>
5297            <span
5298              x-cloak x-show="openSub === 1"
5299              class="icon-caret-mobile h-3 w-3 min-h-3 min-w-[12px] block"
5300              :class="{ 'text-[rgba(var(--colors-text-link))]': active }"
5301            >
5302              <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" class=" w-full h-full" viewBox="0 0 10 2">
5303    <path fill-rule="evenodd" clip-rule="evenodd" d="M.5 1C.5.7.7.5 1 .5h8a.5.5 0 110 1H1A.5.5 0 01.5 1z" fill="currentColor" stroke="currentColor" stroke-width="0" stroke-linecap="round" stroke-linejoin="round" />
5304  </svg>
5305
5306            </span></div><div
5307            x-collapse.duration.500ms
5308            x-show="openSub === 1"
5309            class="background-header w-full h-full overflow-hidden"
5310            :class="{ 'menu-opening': $store.xMobileNav.currentMenuLinks.includes('3-1')}"
5311          >
5312            <div class="w-full h-full">
5313              <ul 
5314                x-data="{ openSubCur: 0 }"
5315                id="menu-level-2"
5316                class="background-header w-full pl-6 pr-4 rtl:pl-4 rtl:pr-6" 
5317              ><li  class="">
5318                    
5319                    <div
5320                      class="flex items-center gap-4 justify-between h-full"
5321                      
5322                    >
5323                      
5324                        <a href="/collections/chinese-green-tea" class="p-break-words h-full flex gap-2.5 flex-1 pt-2.5 pb-2.5 disable-effect items-center">
5325                      
5326                        
5327                        
5328                        <span class="flex justify-between items-center w-full gap-2 font-menu-level-2">
5329                          <span class="flex flex-wrap gap-x-2">
5330                            
5331                            
5332                              <span>Green Tea</span>
5333                            
5334                            
5335                            
5336                          </span>
5337                          
5338                        </span>
5339                      </a>
5340</div></li><li  class="">
5341                    
5342                    <div
5343                      class="flex items-center gap-4 justify-between h-full"
5344                      
5345                    >
5346                      
5347                        <a href="/collections/oolong-tea" class="p-break-words h-full flex gap-2.5 flex-1 pt-2.5 pb-2.5 disable-effect items-center">
5348                      
5349                        
5350                        
5351                        <span class="flex justify-between items-center w-full gap-2 font-menu-level-2">
5352                          <span class="flex flex-wrap gap-x-2">
5353                            
5354                            
5355                              <span>Oolong Tea</span>
5356                            
5357                            
5358                            
5359                          </span>
5360                          
5361                        </span>
5362                      </a>
5363</div></li><li  class="">
5364                    
5365                    <div
5366                      class="flex items-center gap-4 justify-between h-full"
5367                      
5368                    >
5369                      
5370                        <a href="/collections/floral-tea" class="p-break-words h-full flex gap-2.5 flex-1 pt-2.5 pb-2.5 disable-effect items-center">
5371                      
5372                        
5373                        
5374                        <span class="flex justify-between items-center w-full gap-2 font-menu-level-2">
5375                          <span class="flex flex-wrap gap-x-2">
5376                            
5377                            
5378                              <span>Scented Tea</span>
5379                            
5380                            
5381                            
5382                          </span>
5383                          
5384                        </span>
5385                      </a>
5386</div></li><li  class="">
5387                    
5388                    <div
5389                      class="flex items-center gap-4 justify-between h-full"
5390                      
5391                    >
5392                      
5393                        <a href="/collections/white-tea" class="p-break-words h-full flex gap-2.5 flex-1 pt-2.5 pb-2.5 disable-effect items-center">
5394                      
5395                        
5396                        
5397                        <span class="flex justify-between items-center w-full gap-2 font-menu-level-2">
5398                          <span class="flex flex-wrap gap-x-2">
5399                            
5400                            
5401                              <span>White Tea</span>
5402                            
5403                            
5404                            
5405                          </span>
5406                          
5407                        </span>
5408                      </a>
5409</div></li><li  class="">
5410                    
5411                    <div
5412                      class="flex items-center gap-4 justify-between h-full"
5413                      
5414                    >
5415                      
5416                        <a href="/collections/dark-tea" class="p-break-words h-full flex gap-2.5 flex-1 pt-2.5 pb-2.5 disable-effect items-center">
5417                      
5418                        
5419                        
5420                        <span class="flex justify-between items-center w-full gap-2 font-menu-level-2">
5421                          <span class="flex flex-wrap gap-x-2">
5422                            
5423                            
5424                              <span>Dark Tea &amp; Pu&#39;erh</span>
5425                            
5426                            
5427                            
5428                          </span>
5429                          
5430                        </span>
5431                      </a>
5432</div></li><li  class="">
5433                    
5434                    <div
5435                      class="flex items-center gap-4 justify-between h-full"
5436                      
5437                    >
5438                      
5439                        <a href="/collections/black-tea" class="p-break-words h-full flex gap-2.5 flex-1 pt-2.5 pb-2.5 disable-effect items-center">
5440                      
5441                        
5442                        
5443                        <span class="flex justify-between items-center w-full gap-2 font-menu-level-2">
5444                          <span class="flex flex-wrap gap-x-2">
5445                            
5446                            
5447                              <span>Black Tea</span>
5448                            
5449                            
5450                            
5451                          </span>
5452                          
5453                        </span>
5454                      </a>
5455</div></li><li  class="">
5456                    
5457                    <div
5458                      class="flex items-center gap-4 justify-between h-full"
5459                      
5460                    >
5461                      
5462                        <a href="/collections/yellow-tea" class="p-break-words h-full flex gap-2.5 flex-1 pt-2.5 pb-2.5 disable-effect items-center">
5463                      
5464                        
5465                        
5466                        <span class="flex justify-between items-center w-full gap-2 font-menu-level-2">
5467                          <span class="flex flex-wrap gap-x-2">
5468                            
5469                            
5470                              <span>Yellow Tea</span>
5471                            
5472                            
5473                            
5474                          </span>
5475                          
5476                        </span>
5477                      </a>
5478</div></li>
5478<li  class="">
5479                    
5480                    <div
5481                      class="flex items-center gap-4 justify-between h-full"
5482                      
5483                    >
5484                      
5485                        <a href="/collections/herbal-tea" class="p-break-words h-full flex gap-2.5 flex-1 pt-2.5 pb-2.5 disable-effect items-center">
5486                      
5487                        
5488                        
5489                        <span class="flex justify-between items-center w-full gap-2 font-menu-level-2">
5490                          <span class="flex flex-wrap gap-x-2">
5491                            
5492                            
5493                              <span>Herbal Tea</span>
5494                            
5495                            
5496                            
5497                          </span>
5498                          
5499                        </span>
5500                      </a>
5501</div></li></ul>
5502            </div>
5503          </div></li><li>
5504        <div @click="openSub = (openSub === 0 || openSub !== 2) ? 2 : 0; $store.xMobileNav.setActiveLink('3-2'); setTimeout(() => {$el.scrollIntoView({ behavior: 'smooth' })}, 500);" 
5505          class="flex items-center gap-4 mr-4 ml-3 rtl:mr-3 rtl:ml-4"x-init="active = true;"
5506        ><style data-shopify>
5507</style>
5508            <span class="flex-1 pt-2.5 pb-2.5 flex gap-4 items-center disable-effect effect-inline active">
5509          
5510            
5511            
5512            <span class="flex flex-wrap gap-x-2">
5513              <span class="p-break-words font-medium font-menu-level-1">
5514                
5515                
5516                  <span>Health</span>
5517                
5518              </span>
5519              
5520              
5521            </span>
5522          
5523            </span>
5524          
5525<span
5526              x-cloak x-show="openSub !== 2"
5527              class="icon-caret-mobile h-3 w-3 min-h-3 min-w-[12px] block"
5528              :class="{ 'text-[rgba(var(--colors-text-link))]': active }"
5529            >
5530              <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" class="" viewBox="0 0 10 10">
5531    <path fill="currentColor" stroke="currentColor" stroke-width="0" stroke-linecap="round" stroke-linejoin="round" d="M1 4.51a.5.5 0 000 1h3.5l.01 3.5a.5.5 0 001-.01V5.5l3.5-.01a.5.5 0 00-.01-1H5.5L5.49.99a.5.5 0 00-1 .01v3.5l-3.5.01H1z"/>
5532  </svg>
5533
5534            </span>
5535            <span
5536              x-cloak x-show="openSub === 2"
5537              class="icon-caret-mobile h-3 w-3 min-h-3 min-w-[12px] block"
5538              :class="{ 'text-[rgba(var(--colors-text-link))]': active }"
5539            >
5540              <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" class=" w-full h-full" viewBox="0 0 10 2">
5541    <path fill-rule="evenodd" clip-rule="evenodd" d="M.5 1C.5.7.7.5 1 .5h8a.5.5 0 110 1H1A.5.5 0 01.5 1z" fill="currentColor" stroke="currentColor" stroke-width="0" stroke-linecap="round" stroke-linejoin="round" />
5542  </svg>
5543
5544            </span></div><div
5545            x-collapse.duration.500ms
5546            x-show="openSub === 2"
5547            class="background-header w-full h-full overflow-hidden"
5548            :class="{ 'menu-opening': $store.xMobileNav.currentMenuLinks.includes('3-2')}"
5549          >
5550            <div class="w-full h-full">
5551              <ul 
5552                x-data="{ openSubCur: 0 }"
5553                id="menu-level-2"
5554                class="background-header w-full pl-6 pr-4 rtl:pl-4 rtl:pr-6" 
5555              ><li  class="">
5556                    
5557                    <div
5558                      class="flex items-center gap-4 justify-between h-full"
5559                      
5560                    >
5561                      
5562                        <a href="/collections/herbal-tea" class="p-break-words h-full flex gap-2.5 flex-1 pt-2.5 pb-2.5 disable-effect items-center">
5563                      
5564                        
5565                        
5566                        <span class="flex justify-between items-center w-full gap-2 font-menu-level-2">
5567                          <span class="flex flex-wrap gap-x-2">
5568                            
5569                            
5570                              <span>Caffeine-free Herbal Tea</span>
5571                            
5572                            
5573                            
5574                          </span>
5575                          
5576                        </span>
5577                      </a>
5578</div></li><li  class="">
5579                    
5580                    <div
5581                      class="flex items-center gap-4 justify-between h-full"
5582                      
5583                    >
5584                      
5585                        <a href="/collections/subscription-floral-fruit-wellness-box" class="p-break-words h-full flex gap-2.5 flex-1 pt-2.5 pb-2.5 disable-effect items-center">
5586                      
5587                        
5588                        
5589                        <span class="flex justify-between items-center w-full gap-2 font-menu-level-2">
5590                          <span class="flex flex-wrap gap-x-2">
5591                            
5592                            
5593                              <span>Seasonal Wellness Box</span>
5594                            
5595                            
5596                            
5597                          </span>
5598                          
5599                        </span>
5600                      </a>
5601</div></li><li  class="">
5602                    
5603                    <div
5604                      class="flex items-center gap-4 justify-between h-full"
5605                      
5606                    >
5607                      
5608                        <a href="/collections/energizing-tea" class="p-break-words h-full flex gap-2.5 flex-1 pt-2.5 pb-2.5 disable-effect items-center">
5609                      
5610                        
5611                        
5612                        <span class="flex justify-between items-center w-full gap-2 font-menu-level-2">
5613                          <span class="flex flex-wrap gap-x-2">
5614                            
5615                            
5616                              <span>Energizing</span>
5617                            
5618                            
5619                            
5620                          </span>
5621                          
5622                        </span>
5623                      </a>
5624</div></li><li  class="">
5625                    
5626                    <div
5627                      class="flex items-center gap-4 justify-between h-full"
5628                      
5629                    >
5630                      
5631                        <a href="/collections/digestive-tea-1" class="p-break-words h-full flex gap-2.5 flex-1 pt-2.5 pb-2.5 disable-effect items-center">
5632                      
5633                        
5634                        
5635                        <span class="flex justify-between items-center w-full gap-2 font-menu-level-2">
5636                          <span class="flex flex-wrap gap-x-2">
5637                            
5638                            
5639                              <span>Digestive</span>
5640                            
5641                            
5642                            
5643                          </span>
5644                          
5645                        </span>
5646                      </a>
5647</div></li><li  class="">
5648                    
5649                    <div
5650                      class="flex items-center gap-4 justify-between h-full"
5651                      
5652                    >
5653                      
5654                        <a href="/collections/relaxing-tea" class="p-break-words h-full flex gap-2.5 flex-1 pt-2.5 pb-2.5 disable-effect items-center">
5655                      
5656                        
5657                        
5658                        <span class="flex justify-between items-center w-full gap-2 font-menu-level-2">
5659                          <span class="flex flex-wrap gap-x-2">
5660                            
5661                            
5662                              <span>Relaxing</span>
5663                            
5664                            
5665                            
5666                          </span>
5667                          
5668                        </span>
5669                      </a>
5670</div></li><li  class="">
5671                    
5672                    <div
5673                      class="flex items-center gap-4 justify-between h-full"
5674                      
5675                    >
5676                      
5677                        <a href="/collections/antioxidant-rich-tea" class="p-break-words h-full flex gap-2.5 flex-1 pt-2.5 pb-2.5 disable-effect items-center">
5678                      
5679                        
5680                        
5681                        <span class="flex justify-between items-center w-full gap-2 font-menu-level-2">
5682                          <span class="flex flex-wrap gap-x-2">
5683                            
5684                            
5685                              <span>Antioxidant-Rich</span>
5686                            
5687                            
5688                            
5689                          </span>
5690                          
5691                        </span>
5692                      </a>
5693</div></li></ul>
5694            </div>
5695          </div></li><li>
5696        <div @click="openSub = (openSub === 0 || openSub !== 3) ? 3 : 0; $store.xMobileNav.setActiveLink('3-3'); setTimeout(() => {$el.scrollIntoView({ behavior: 'smooth' })}, 500);" 
5697          class="flex items-center gap-4 mr-4 ml-3 rtl:mr-3 rtl:ml-4"
5698        ><style data-shopify>
5699</style>
5700            <span class="flex-1 pt-2.5 pb-2.5 flex gap-4 items-center disable-effect">
5701          
5702            
5703            
5704            <span class="flex flex-wrap gap-x-2">
5705              <span class="p-break-words font-medium font-menu-level-1">
5706                
5707                
5708                  <span>Tea Flavor Discovery Set</span>
5709                
5710              </span>
5711              
5712              
5713            </span>
5714          
5715            </span>
5716          
5717<span
5718              x-cloak x-show="openSub !== 3"
5719              class="icon-caret-mobile h-3 w-3 min-h-3 min-w-[12px] block"
5720              :class="{ 'text-[rgba(var(--colors-text-link))]': active }"
5721            >
5722              <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" class="" viewBox="0 0 10 10">
5723    <path fill="currentColor" stroke="currentColor" stroke-width="0" stroke-linecap="round" stroke-linejoin="round" d="M1 4.51a.5.5 0 000 1h3.5l.01 3.5a.5.5 0 001-.01V5.5l3.5-.01a.5.5 0 00-.01-1H5.5L5.49.99a.5.5 0 00-1 .01v3.5l-3.5.01H1z"/>
5724  </svg>
5725
5726            </span>
5727            <span
5728              x-cloak x-show="openSub === 3"
5729              class="icon-caret-mobile h-3 w-3 min-h-3 min-w-[12px] block"
5730              :class="{ 'text-[rgba(var(--colors-text-link))]': active }"
5731            >
5732              <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" class=" w-full h-full" viewBox="0 0 10 2">
5733    <path fill-rule="evenodd" clip-rule="evenodd" d="M.5 1C.5.7.7.5 1 .5h8a.5.5 0 110 1H1A.5.5 0 01.5 1z" fill="currentColor" stroke="currentColor" stroke-width="0" stroke-linecap="round" stroke-linejoin="round" />
5734  </svg>
5735
5736            </span></div><div
5737            x-collapse.duration.500ms
5738            x-show="openSub === 3"
5739            class="background-header w-full h-full overflow-hidden"
5740            :class="{ 'menu-opening': $store.xMobileNav.currentMenuLinks.includes('3-3')}"
5741          >
5742            <div class="w-full h-full">
5743              <ul 
5744                x-data="{ openSubCur: 0 }"
5745                id="menu-level-2"
5746                class="background-header w-full pl-6 pr-4 rtl:pl-4 rtl:pr-6" 
5747              ><li  class="">
5748                    
5749                    <div
5750                      class="flex items-center gap-4 justify-between h-full"
5751                      
5752                    >
5753                      
5754                        <a href="/products/chinese-tea-starter-sampler" class="p-break-words h-full flex gap-2.5 flex-1 pt-2.5 pb-2.5 disable-effect items-center">
5755                      
5756                        
5757                        
5758                        <span class="flex justify-between items-center w-full gap-2 font-menu-level-2">
5759                          <span class="flex flex-wrap gap-x-2">
5760                            
5761                            
5762                              <span>Chinese Tea Starter Set</span>
5763                            
5764                            
5765                            
5766                          </span>
5767                          
5768                        </span>
5769                      </a>
5770</div></li><li  class="">
5771                    
5772                    <div
5773                      class="flex items-center gap-4 justify-between h-full"
5774                      
5775                    >
5776                      
5777                        <a href="/products/chinese-green-tea-starter-set" class="p-break-words h-full flex gap-2.5 flex-1 pt-2.5 pb-2.5 disable-effect items-center">
5778                      
5779                        
5780                        
5781                        <span class="flex justify-between items-center w-full gap-2 font-menu-level-2">
5782                          <span class="flex flex-wrap gap-x-2">
5783                            
5784                            
5785                              <span>Chinese Green Tea Starter Set</span>
5786                            
5787                            
5788                            
5789                          </span>
5790                          
5791                        </span>
5792                      </a>
5793</div></li><li  class="">
5794                    
5795                    <div
5796                      class="flex items-center gap-4 justify-between h-full"
5797                      
5798                    >
5799                      
5800                        <a href="/products/chinese-oolong-tea-classic-flavor-collection-for-beginner" class="p-break-words h-full flex gap-2.5 flex-1 pt-2.5 pb-2.5 disable-effect items-center">
5801                      
5802                        
5803                        
5804                        <span class="flex justify-between items-center w-full gap-2 font-menu-level-2">
5805                          <span class="flex flex-wrap gap-x-2">
5806                            
5807                            
5808                              <span>Chinese Oolong Tea Starter Set</span>
5809                            
5810                            
5811                            
5812                          </span>
5813                          
5814                        </span>
5815                      </a>
5816</div></li><li  class="">
5817                    
5818                    <div
5819                      class="flex items-center gap-4 justify-between h-full"
5820                      
5821                    >
5822                      
5823                        <a href="/products/chinas-10-most-famous-tea-collection" class="p-break-words h-full flex gap-2.5 flex-1 pt-2.5 pb-2.5 disable-effect items-center">
5824                      
5825                        
5826                        
5827                        <span class="flex justify-between items-center w-full gap-2 font-menu-level-2">
5828                          <span class="flex flex-wrap gap-x-2">
5829                            
5830                            
5831                              <span>China&#39;s 10 Most Famous Tea Collection</span>
5832                            
5833                            
5834                            
5835                          </span>
5836                          
5837                        </span>
5838                      </a>
5839</div></li><li  class="">
5840                    
5841                    <div
5842                      class="flex items-center gap-4 justify-between h-full"
5843                      
5844                    >
5845                      
5846                        <a href="/products/6-jasmine-tea-sampler-freshly-scented-with-2025-blossoms" class="p-break-words h-full flex gap-2.5 flex-1 pt-2.5 pb-2.5 disable-effect items-center">
5847                      
5848                        
5849                        
5850                        <span class="flex justify-between items-center w-full gap-2 font-menu-level-2">
5851                          <span class="flex flex-wrap gap-x-2">
5852                            
5853                            
5854                              <span>Chinese Jasmine Tea Flavor Collection</span>
5855                            
5856                            
5857                            
5858                          </span>
5859                          
5860                        </span>
5861                      </a>
5862</div></li><li  class="">
5863                    
5864                    <div
5865                      class="flex items-center gap-4 justify-between h-full"
5866                      
5867                    >
5868                      
5869                        <a href="/products/chinese-floral-tea-collection-ten-tea-ten-blessings-one-meaningful-gift" class="p-break-words h-full flex gap-2.5 flex-1 pt-2.5 pb-2.5 disable-effect items-center">
5870                      
5871                        
5872                        
5873                        <span class="flex justify-between items-center w-full gap-2 font-menu-level-2">
5874                          <span class="flex flex-wrap gap-x-2">
5875                            
5876                            
5877                              <span>Chinese Floral Tea Collection</span>
5878                            
5879                            
5880                            
5881                          </span>
5882                          
5883                        </span>
5884                      </a>
5885</div></li></ul>
5886            </div>
5887          </div></li><li>
5888        <div @click="openSub = (openSub === 0 || openSub !== 4) ? 4 : 0; $store.xMobileNav.setActiveLink('3-4'); setTimeout(() => {$el.scrollIntoView({ behavior: 'smooth' })}, 500);" 
5889          class="flex items-center gap-4 mr-4 ml-3 rtl:mr-3 rtl:ml-4"x-init="active = true;"
5890        ><style data-shopify>
5891</style>
5892            <span class="flex-1 pt-2.5 pb-2.5 flex gap-4 items-center disable-effect effect-inline active">
5893          
5894            
5895            
5896            <span class="flex flex-wrap gap-x-2">
5897              <span class="p-break-words font-medium font-menu-level-1">
5898                
5899                
5900                  <span>Special Collections</span>
5901                
5902              </span>
5903              
5904              
5905            </span>
5906          
5907            </span>
5908          
5909<span
5910              x-cloak x-show="openSub !== 4"
5911              class="icon-caret-mobile h-3 w-3 min-h-3 min-w-[12px] block"
5912              :class="{ 'text-[rgba(var(--colors-text-link))]': active }"
5913            >
5914              <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" class="" viewBox="0 0 10 10">
5915    <path fill="currentColor" stroke="currentColor" stroke-width="0" stroke-linecap="round" stroke-linejoin="round" d="M1 4.51a.5.5 0 000 1h3.5l.01 3.5a.5.5 0 001-.01V5.5l3.5-.01a.5.5 0 00-.01-1H5.5L5.49.99a.5.5 0 00-1 .01v3.5l-3.5.01H1z"/>
5916  </svg>
5917
5918            </span>
5919            <span
5920              x-cloak x-show="openSub === 4"
5921              class="icon-caret-mobile h-3 w-3 min-h-3 min-w-[12px] block"
5922              :class="{ 'text-[rgba(var(--colors-text-link))]': active }"
5923            >
5924              <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" class=" w-full h-full" viewBox="0 0 10 2">
5925    <path fill-rule="evenodd" clip-rule="evenodd" d="M.5 1C.5.7.7.5 1 .5h8a.5.5 0 110 1H1A.5.5 0 01.5 1z" fill="currentColor" stroke="currentColor" stroke-width="0" stroke-linecap="round" stroke-linejoin="round" />
5926  </svg>
5927
5928            </span></div><div
5929            x-collapse.duration.500ms
5930            x-show="openSub === 4"
5931            class="background-header w-full h-full overflow-hidden"
5932            :class="{ 'menu-opening': $store.xMobileNav.currentMenuLinks.includes('3-4')}"
5933          >
5934            <div class="w-full h-full">
5935              <ul 
5936                x-data="{ openSubCur: 0 }"
5937                id="menu-level-2"
5938                class="background-header w-full pl-6 pr-4 rtl:pl-4 rtl:pr-6" 
5939              ><li  class="">
5940                    
5941                    <div
5942                      class="flex items-center gap-4 justify-between h-full"
5943                      
5944                    >
5945                      
5946                        <a href="/collections/aged-tea" class="p-break-words h-full flex gap-2.5 flex-1 pt-2.5 pb-2.5 disable-effect items-center">
5947                      
5948                        
5949                        
5950                        <span class="flex justify-between items-center w-full gap-2 font-menu-level-2">
5951                          <span class="flex flex-wrap gap-x-2">
5952                            
5953                            
5954                              <span>Aged Tea</span>
5955                            
5956                            
5957                            
5958                          </span>
5959                          
5960                        </span>
5961                      </a>
5962</div></li><li  class="">
5963                    
5964                    <div
5965                      class="flex items-center gap-4 justify-between h-full"
5966                      
5967                    >
5968                      
5969                        <a href="/collections/tea-comparison-sets" class="p-break-words h-full flex gap-2.5 flex-1 pt-2.5 pb-2.5 disable-effect items-center">
5970                      
5971                        
5972                        
5973                        <span class="flex justify-between items-center w-full gap-2 font-menu-level-2">
5974                          <span class="flex flex-wrap gap-x-2">
5975                            
5976                            
5977                              <span>Comparison Set</span>
5978                            
5979                            
5980                            
5981                          </span>
5982                          
5983                        </span>
5984                      </a>
5985</div></li><li  class="">
5986                    
5987                    <div
5988                      class="flex items-center gap-4 justify-between h-full"
5989                      
5990                    >
5991                      
5992                        <a href="/collections/cold-brew-tea" class="p-break-words h-full flex gap-2.5 flex-1 pt-2.5 pb-2.5 disable-effect items-center">
5993                      
5994                        
5995                        
5996                        <span class="flex justify-between items-center w-full gap-2 font-menu-level-2">
5997                          <span class="flex flex-wrap gap-x-2">
5998                            
5999                            
6000                              <span>Cold Brew</span>
6001                            
6002                            
6003                            
6004                          </span>
6005                          
6006                        </span>
6007                      </a>
6008</div></li><li  class="">
6009                    
6010                    <div
6011                      class="flex items-center gap-4 justify-between h-full"
6012                      
6013                    >
6014                      
6015                        <a href="/collections/premium-tea-gift-set" class="p-break-words h-full flex gap-2.5 flex-1 pt-2.5 pb-2.5 disable-effect items-center">
6016                      
6017                        
6018                        
6019                        <span class="flex justify-between items-center w-full gap-2 font-menu-level-2">
6020                          <span class="flex flex-wrap gap-x-2">
6021                            
6022                            
6023                              <span>Tea Gift Set</span>
6024                            
6025                            
6026                            
6027                          </span>
6028                          
6029                        </span>
6030                      </a>
6031</div></li><li  class="">
6032                    
6033                    <div
6034                      class="flex items-center gap-4 justify-between h-full"
6035                      
6036                    >
6037                      
6038                        <a href="/collections/spring-first-flush-green-tea" class="p-break-words h-full flex gap-2.5 flex-1 pt-2.5 pb-2.5 disable-effect items-center">
6039                      
6040                        
6041                        
6042                        <span class="flex justify-between items-center w-full gap-2 font-menu-level-2">
6043                          <span class="flex flex-wrap gap-x-2">
6044                            
6045                            
6046                              <span>First Flush Green Tea</span>
6047                            
6048                            
6049                            
6050                          </span>
6051                          
6052                        </span>
6053                      </a>
6054</div></li><li  class="">
6055                    
6056                    <div
6057                      class="flex items-center gap-4 justify-between h-full"
6058                      
6059                    >
6060                      
6061                        <a href="/collections/tea-samples" class="p-break-words h-full flex gap-2.5 flex-1 pt-2.5 pb-2.5 disable-effect items-center">
6062                      
6063                        
6064                        
6065                        <span class="flex justify-between items-center w-full gap-2 font-menu-level-2">
6066                          <span class="flex flex-wrap gap-x-2">
6067                            
6068                            
6069                              <span>Tea Sample</span>
6070                            
6071                            
6072                            
6073                          </span>
6074                          
6075                        </span>
6076                      </a>
6077</div></li></ul>
6078            </div>
6079          </div></li><li>
6080        <div  
6081          class="flex items-center gap-4 mr-4 ml-3 rtl:mr-3 rtl:ml-4"
6082        ><style data-shopify>
6083</style>
6084            <a href="/collections/best-seller" class="flex-1 pt-2.5 pb-2.5 gap-4 flex items-center disable-effect">
6085          
6086            
6087            
6088            <span class="flex flex-wrap gap-x-2">
6089              <span class="p-break-words font-medium font-menu-level-1">
6090                
6091                
6092                  <span>Best Sellers</span>
6093                
6094              </span>
6095              
6096              
6097            </span>
6098          
6099            </a>
6100          
6101</div></li><li>
6102        <div  
6103          class="flex items-center gap-4 mr-4 ml-3 rtl:mr-3 rtl:ml-4"
6104        ><style data-shopify>
6105</style>
6106            <a href="/collections/new-tea-arrivals" class="flex-1 pt-2.5 pb-2.5 gap-4 flex items-center disable-effect">
6107          
6108            
6109            
6110            <span class="flex flex-wrap gap-x-2">
6111              <span class="p-break-words font-medium font-menu-level-1">
6112                
6113                
6114                  <span>New Arrival</span>
6115                
6116              </span>
6117              
6118              
6119            </span>
6120          
6121            </a>
6122          
6123</div></li>
6124</ul>
6125                      </div></li>
6126                  <li x-data='{ active: false }' class="block-mobile-navigation-accordion_menu block-mobile-navigation block-mobile-navigation-after" >
6127                    
6128                    <div @click="openCur = (openCur === 0 || openCur !== 4) ? 4 : 0; setTimeout(() => {$el.scrollIntoView({ behavior: 'smooth' })}, 500);" class="flex items-center gap-4 ml-4 mr-4">
6129                      
6130                        <div class="flex-1 pt-3.5 pb-3.5 flex flex-wrap gap-2 items-center disable-effect">
6131                          <span 
6132                            class="p-break-words font-medium font-menu-level-0"
6133                          >
6134                    
6135                    
6136                      <span>Teaware</span>
6137                    
6138                  </span>
6139                          
6140
6141                        </div>
6142                        <span
6143                          x-cloak x-show="openCur !== 4"
6144                          class="icon-caret-mobile h-4 w-4 min-h-4 min-w-4 block"
6145                          :class="{ 'text-[rgba(var(--colors-text-link))]': active }"
6146                        >
6147                          <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" class="" viewBox="0 0 10 10">
6148    <path fill="currentColor" stroke="currentColor" stroke-width="0" stroke-linecap="round" stroke-linejoin="round" d="M1 4.51a.5.5 0 000 1h3.5l.01 3.5a.5.5 0 001-.01V5.5l3.5-.01a.5.5 0 00-.01-1H5.5L5.49.99a.5.5 0 00-1 .01v3.5l-3.5.01H1z"/>
6149  </svg>
6150
6151                        </span>
6152                        <span
6153                          x-cloak x-show="openCur === 4"
6154                          class="icon-caret-mobile h-4 w-4 min-h-4 min-w-4 block"
6155                          :class="{ 'text-[rgba(var(--colors-text-link))]': active }"
6156                        >
6157                          <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" class=" w-full h-full" viewBox="0 0 10 2">
6158    <path fill-rule="evenodd" clip-rule="evenodd" d="M.5 1C.5.7.7.5 1 .5h8a.5.5 0 110 1H1A.5.5 0 01.5 1z" fill="currentColor" stroke="currentColor" stroke-width="0" stroke-linecap="round" stroke-linejoin="round" />
6159  </svg>
6160
6161                        </span>
6162                      
6163                    </div><div
6164                        x-collapse.duration.500ms
6165                        x-show="openCur === 4"
6166                        class="menu-drawer w-full h-full overflow-visible"
6167                      >
6168                        <ul 
6169                          x-data='{ openSub: 0 }'
6170                          id="menu-level-1"
6171                          class="overflow-hidden background-header w-full h-full pl-4 rtl:pl-0 rtl:pr-4" 
6172                          >
6173
6174
6175
6176<li>
6177        <div  
6178          class="flex items-center gap-4 mr-4 ml-3 rtl:mr-3 rtl:ml-4"
6179        ><style data-shopify>
6180</style>
6181            <a href="/collections/tea-pot" class="flex-1 pt-2.5 pb-2.5 gap-4 flex items-center disable-effect">
6182          
6183            
6184            
6185            <span class="flex flex-wrap gap-x-2">
6186              <span class="p-break-words font-medium font-menu-level-1">
6187                
6188                
6189                  <span>Tea Pot</span>
6190                
6191              </span>
6192              
6193              
6194            </span>
6195          
6196            </a>
6197          
6198</div></li><li>
6199        <div  
6200          class="flex items-center gap-4 mr-4 ml-3 rtl:mr-3 rtl:ml-4"
6201        ><style data-shopify>
6202</style>
6203            <a href="/collections/cups-mugs" class="flex-1 pt-2.5 pb-2.5 gap-4 flex items-center disable-effect">
6204          
6205            
6206            
6207            <span class="flex flex-wrap gap-x-2">
6208              <span class="p-break-words font-medium font-menu-level-1">
6209                
6210                
6211                  <span>Cups &amp; Mugs</span>
6212                
6213              </span>
6214              
6215              
6216            </span>
6217          
6218            </a>
6219          
6220</div></li><li>
6221        <div  
6222          class="flex items-center gap-4 mr-4 ml-3 rtl:mr-3 rtl:ml-4"
6223        ><style data-shopify>
6224</style>
6225            <a href="/collections/travel-tea-set" class="flex-1 pt-2.5 pb-2.5 gap-4 flex items-center disable-effect">
6226          
6227            
6228            
6229            <span class="flex flex-wrap gap-x-2">
6230              <span class="p-break-words font-medium font-menu-level-1">
6231                
6232                
6233                  <span>Travel Tea Set</span>
6234                
6235              </span>
6236              
6237              
6238            </span>
6239          
6240            </a>
6241          
6242</div></li><li>
6243        <div  
6244          class="flex items-center gap-4 mr-4 ml-3 rtl:mr-3 rtl:ml-4"
6245        ><style data-shopify>
6246</style>
6247            <a href="/collections/chinese-tea-set-1" class="flex-1 pt-2.5 pb-2.5 gap-4 flex items-center disable-effect">
6248          
6249            
6250            
6251            <span class="flex flex-wrap gap-x-2">
6252              <span class="p-break-words font-medium font-menu-level-1">
6253                
6254                
6255                  <span>Chinese Tea Set</span>
6256                
6257              </span>
6258              
6259              
6260            </span>
6261          
6262            </a>
6263          
6264</div></li><li>
6265        <div  
6266          class="flex items-center gap-4 mr-4 ml-3 rtl:mr-3 rtl:ml-4"
6267        ><style data-shopify>
6268</style>
6269            <a href="/collections/teaware-accessories" class="flex-1 pt-2.5 pb-2.5 gap-4 flex items-center disable-effect">
6270          
6271            
6272            
6273            <span class="flex flex-wrap gap-x-2">
6274              <span class="p-break-words font-medium font-menu-level-1">
6275                
6276                
6277                  <span>Teaware Accessories</span>
6278                
6279              </span>
6280              
6281              
6282            </span>
6283          
6284            </a>
6285          
6286</div></li><li>
6287        <div  
6288          class="flex items-center gap-4 mr-4 ml-3 rtl:mr-3 rtl:ml-4"
6289        ><style data-shopify>
6290</style>
6291            <a href="/collections/tea-pet" class="flex-1 pt-2.5 pb-2.5 gap-4 flex items-center disable-effect">
6292          
6293            
6294            
6295            <span class="flex flex-wrap gap-x-2">
6296              <span class="p-break-words font-medium font-menu-level-1">
6297                
6298                
6299                  <span>Tea Pet</span>
6300                
6301              </span>
6302              
6303              
6304            </span>
6305          
6306            </a>
6307          
6308</div></li>
6309</ul>
6310                      </div></li>
6311                  <li x-data='{ active: false }' class="block-mobile-navigation-accordion_menu block-mobile-navigation block-mobile-navigation-after" >
6312                    
6313                    <div @click="openCur = (openCur === 0 || openCur !== 5) ? 5 : 0; setTimeout(() => {$el.scrollIntoView({ behavior: 'smooth' })}, 500);" class="flex items-center gap-4 ml-4 mr-4">
6314                      
6315                        <div class="flex-1 pt-3.5 pb-3.5 flex flex-wrap gap-2 items-center disable-effect">
6316                          <span 
6317                            class="p-break-words font-medium font-menu-level-0"
6318                          >
6319                    
6320                    
6321                      <span>Discover</span>
6322                    
6323                  </span>
6324                          
6325
6326                        </div>
6327                        <span
6328                          x-cloak x-show="openCur !== 5"
6329                          class="icon-caret-mobile h-4 w-4 min-h-4 min-w-4 block"
6330                          :class="{ 'text-[rgba(var(--colors-text-link))]': active }"
6331                        >
6332                          <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" class="" viewBox="0 0 10 10">
6333    <path fill="currentColor" stroke="currentColor" stroke-width="0" stroke-linecap="round" stroke-linejoin="round" d="M1 4.51a.5.5 0 000 1h3.5l.01 3.5a.5.5 0 001-.01V5.5l3.5-.01a.5.5 0 00-.01-1H5.5L5.49.99a.5.5 0 00-1 .01v3.5l-3.5.01H1z"/>
6334  </svg>
6335
6336                        </span>
6337                        <span
6338                          x-cloak x-show="openCur === 5"
6339                          class="icon-caret-mobile h-4 w-4 min-h-4 min-w-4 block"
6340                          :class="{ 'text-[rgba(var(--colors-text-link))]': active }"
6341                        >
6342                          <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" class=" w-full h-full" viewBox="0 0 10 2">
6343    <path fill-rule="evenodd" clip-rule="evenodd" d="M.5 1C.5.7.7.5 1 .5h8a.5.5 0 110 1H1A.5.5 0 01.5 1z" fill="currentColor" stroke="currentColor" stroke-width="0" stroke-linecap="round" stroke-linejoin="round" />
6344  </svg>
6345
6346                        </span>
6347                      
6348                    </div><div
6349                        x-collapse.duration.500ms
6350                        x-show="openCur === 5"
6351                        class="menu-drawer w-full h-full overflow-visible"
6352                      >
6353                        <ul 
6354                          x-data='{ openSub: 0 }'
6355                          id="menu-level-1"
6356                          class="overflow-hidden background-header w-full h-full pl-4 rtl:pl-0 rtl:pr-4" 
6357                          >
6358
6359
6360
6361<li>
6362        <div  
6363          class="flex items-center gap-4 mr-4 ml-3 rtl:mr-3 rtl:ml-4"
6364        ><style data-shopify>
6365</style>
6366            <a href="https://iteaworld.com/pages/brand-history" class="flex-1 pt-2.5 pb-2.5 gap-4 flex items-center disable-effect">
6367          
6368            
6369            
6370            <span class="flex flex-wrap gap-x-2">
6371              <span class="p-break-words font-medium font-menu-level-1">
6372                
6373                
6374                  <span>About  iTeaworld</span>
6375                
6376              </span>
6377              
6378              
6379            </span>
6380          
6381            </a>
6382          
6383</div></li><li>
6384        <div  
6385          class="flex items-center gap-4 mr-4 ml-3 rtl:mr-3 rtl:ml-4"
6386        ><style data-shopify>
6387</style>
6388            <a href="/pages/shop-guide" class="flex-1 pt-2.5 pb-2.5 gap-4 flex items-center disable-effect">
6389          
6390            
6391            
6392            <span class="flex flex-wrap gap-x-2">
6393              <span class="p-break-words font-medium font-menu-level-1">
6394                
6395                
6396                  <span>Shop Guide</span>
6397                
6398              </span>
6399              
6400              
6401            </span>
6402          
6403            </a>
6404          
6405</div></li><li>
6406        <div  
6407          class="flex items-center gap-4 mr-4 ml-3 rtl:mr-3 rtl:ml-4"
6408        ><style data-shopify>
6409</style>
6410            <a href="https://iteaworld.com/pages/sustainability" class="flex-1 pt-2.5 pb-2.5 gap-4 flex items-center disable-effect">
6411          
6412            
6413            
6414            <span class="flex flex-wrap gap-x-2">
6415              <span class="p-break-words font-medium font-menu-level-1">
6416                
6417                
6418                  <span> Sustianability</span>
6419                
6420              </span>
6421              
6422              
6423            </span>
6424          
6425            </a>
6426          
6427</div></li><li>
6428        <div  
6429          class="flex items-center gap-4 mr-4 ml-3 rtl:mr-3 rtl:ml-4"
6430        ><style data-shopify>
6431</style>
6432            <a href="/pages/our-community" class="flex-1 pt-2.5 pb-2.5 gap-4 flex items-center disable-effect">
6433          
6434            
6435            
6436            <span class="flex flex-wrap gap-x-2">
6437              <span class="p-break-words font-medium font-menu-level-1">
6438                
6439                
6440                  <span>Our Community</span>
6441                
6442              </span>
6443              
6444              
6445            </span>
6446          
6447            </a>
6448          
6449</div></li>
6450</ul>
6451                      </div></li>
6452                  <li x-data='{ active: false }' class="block-mobile-navigation-accordion_menu block-mobile-navigation block-mobile-navigation-after" >
6453                    
6454                    <div @click="openCur = (openCur === 0 || openCur !== 6) ? 6 : 0; setTimeout(() => {$el.scrollIntoView({ behavior: 'smooth' })}, 500);" class="flex items-center gap-4 ml-4 mr-4">
6455                      
6456                        <div class="flex-1 pt-3.5 pb-3.5 flex flex-wrap gap-2 items-center disable-effect">
6457                          <span 
6458                            class="p-break-words font-medium font-menu-level-0"
6459                          >
6460                    
6461                    
6462                      <span>
6462Tea Club</span>
6463                    
6464                  </span>
6465                          
6466
6467                        </div>
6468                        <span
6469                          x-cloak x-show="openCur !== 6"
6470                          class="icon-caret-mobile h-4 w-4 min-h-4 min-w-4 block"
6471                          :class="{ 'text-[rgba(var(--colors-text-link))]': active }"
6472                        >
6473                          <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" class="" viewBox="0 0 10 10">
6474    <path fill="currentColor" stroke="currentColor" stroke-width="0" stroke-linecap="round" stroke-linejoin="round" d="M1 4.51a.5.5 0 000 1h3.5l.01 3.5a.5.5 0 001-.01V5.5l3.5-.01a.5.5 0 00-.01-1H5.5L5.49.99a.5.5 0 00-1 .01v3.5l-3.5.01H1z"/>
6475  </svg>
6476
6477                        </span>
6478                        <span
6479                          x-cloak x-show="openCur === 6"
6480                          class="icon-caret-mobile h-4 w-4 min-h-4 min-w-4 block"
6481                          :class="{ 'text-[rgba(var(--colors-text-link))]': active }"
6482                        >
6483                          <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" class=" w-full h-full" viewBox="0 0 10 2">
6484    <path fill-rule="evenodd" clip-rule="evenodd" d="M.5 1C.5.7.7.5 1 .5h8a.5.5 0 110 1H1A.5.5 0 01.5 1z" fill="currentColor" stroke="currentColor" stroke-width="0" stroke-linecap="round" stroke-linejoin="round" />
6485  </svg>
6486
6487                        </span>
6488                      
6489                    </div><div
6490                        x-collapse.duration.500ms
6491                        x-show="openCur === 6"
6492                        class="menu-drawer w-full h-full overflow-visible"
6493                      >
6494                        <ul 
6495                          x-data='{ openSub: 0 }'
6496                          id="menu-level-1"
6497                          class="overflow-hidden background-header w-full h-full pl-4 rtl:pl-0 rtl:pr-4" 
6498                          >
6499
6500
6501
6502<li>
6503        <div  
6504          class="flex items-center gap-4 mr-4 ml-3 rtl:mr-3 rtl:ml-4"
6505        ><style data-shopify>
6506</style>
6507            <a href="https://iteaworld.com/pages/rewards-program" class="flex-1 pt-2.5 pb-2.5 gap-4 flex items-center disable-effect">
6508          
6509            
6510            
6511            <span class="flex flex-wrap gap-x-2">
6512              <span class="p-break-words font-medium font-menu-level-1">
6513                
6514                
6515                  <span>Rewards Program</span>
6516                
6517              </span>
6518              
6519              
6520            </span>
6521          
6522            </a>
6523          
6524</div></li><li>
6525        <div  
6526          class="flex items-center gap-4 mr-4 ml-3 rtl:mr-3 rtl:ml-4"
6527        ><style data-shopify>
6528</style>
6529            <a href="https://iteaworld.com/pages/tea-club-subscription-floral-fruit-wellness-box" class="flex-1 pt-2.5 pb-2.5 gap-4 flex items-center disable-effect">
6530          
6531            
6532            
6533            <span class="flex flex-wrap gap-x-2">
6534              <span class="p-break-words font-medium font-menu-level-1">
6535                
6536                
6537                  <span>Tea Subscription Box</span>
6538                
6539              </span>
6540              
6541              
6542            </span>
6543          
6544            </a>
6545          
6546</div></li><li>
6547        <div  
6548          class="flex items-center gap-4 mr-4 ml-3 rtl:mr-3 rtl:ml-4"
6549        ><style data-shopify>
6550</style>
6551            <a href="https://app.partnerboost.com/brand/85618/recruitment/iteaworld" class="flex-1 pt-2.5 pb-2.5 gap-4 flex items-center disable-effect">
6552          
6553            
6554            
6555            <span class="flex flex-wrap gap-x-2">
6556              <span class="p-break-words font-medium font-menu-level-1">
6557                
6558                
6559                  <span>Affiliate</span>
6560                
6561              </span>
6562              
6563              
6564            </span>
6565          
6566            </a>
6567          
6568</div></li>
6569</ul>
6570                      </div></li>
6571                  <li x-data='{ active: false }' class="block-mobile-navigation-accordion_menu block-mobile-navigation block-mobile-navigation-after" >
6572                    
6573                    <div @click="openCur = (openCur === 0 || openCur !== 7) ? 7 : 0; setTimeout(() => {$el.scrollIntoView({ behavior: 'smooth' })}, 500);" class="flex items-center gap-4 ml-4 mr-4">
6574                      
6575                        <div class="flex-1 pt-3.5 pb-3.5 flex flex-wrap gap-2 items-center disable-effect">
6576                          <span 
6577                            class="p-break-words font-medium font-menu-level-0"
6578                          >
6579                    
6580                    
6581                      <span>Blog</span>
6582                    
6583                  </span>
6584                          
6585
6586                        </div>
6587                        <span
6588                          x-cloak x-show="openCur !== 7"
6589                          class="icon-caret-mobile h-4 w-4 min-h-4 min-w-4 block"
6590                          :class="{ 'text-[rgba(var(--colors-text-link))]': active }"
6591                        >
6592                          <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" class="" viewBox="0 0 10 10">
6593    <path fill="currentColor" stroke="currentColor" stroke-width="0" stroke-linecap="round" stroke-linejoin="round" d="M1 4.51a.5.5 0 000 1h3.5l.01 3.5a.5.5 0 001-.01V5.5l3.5-.01a.5.5 0 00-.01-1H5.5L5.49.99a.5.5 0 00-1 .01v3.5l-3.5.01H1z"/>
6594  </svg>
6595
6596                        </span>
6597                        <span
6598                          x-cloak x-show="openCur === 7"
6599                          class="icon-caret-mobile h-4 w-4 min-h-4 min-w-4 block"
6600                          :class="{ 'text-[rgba(var(--colors-text-link))]': active }"
6601                        >
6602                          <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" class=" w-full h-full" viewBox="0 0 10 2">
6603    <path fill-rule="evenodd" clip-rule="evenodd" d="M.5 1C.5.7.7.5 1 .5h8a.5.5 0 110 1H1A.5.5 0 01.5 1z" fill="currentColor" stroke="currentColor" stroke-width="0" stroke-linecap="round" stroke-linejoin="round" />
6604  </svg>
6605
6606                        </span>
6607                      
6608                    </div><div
6609                        x-collapse.duration.500ms
6610                        x-show="openCur === 7"
6611                        class="menu-drawer w-full h-full overflow-visible"
6612                      >
6613                        <ul 
6614                          x-data='{ openSub: 0 }'
6615                          id="menu-level-1"
6616                          class="overflow-hidden background-header w-full h-full pl-4 rtl:pl-0 rtl:pr-4" 
6617                          >
6618
6619
6620
6621<li>
6622        <div  
6623          class="flex items-center gap-4 mr-4 ml-3 rtl:mr-3 rtl:ml-4"
6624        ><style data-shopify>
6625</style>
6626            <a href="/blogs/oolong-tea" class="flex-1 pt-2.5 pb-2.5 gap-4 flex items-center disable-effect">
6627          
6628            
6629            
6630            <span class="flex flex-wrap gap-x-2">
6631              <span class="p-break-words font-medium font-menu-level-1">
6632                
6633                
6634                  <span>Oolong Tea Blog</span>
6635                
6636              </span>
6637              
6638              
6639            </span>
6640          
6641            </a>
6642          
6643</div></li><li>
6644        <div  
6645          class="flex items-center gap-4 mr-4 ml-3 rtl:mr-3 rtl:ml-4"
6646        ><style data-shopify>
6647</style>
6648            <a href="/blogs/jasmine-tea" class="flex-1 pt-2.5 pb-2.5 gap-4 flex items-center disable-effect">
6649          
6650            
6651            
6652            <span class="flex flex-wrap gap-x-2">
6653              <span class="p-break-words font-medium font-menu-level-1">
6654                
6655                
6656                  <span>Jasmine Tea Blog</span>
6657                
6658              </span>
6659              
6660              
6661            </span>
6662          
6663            </a>
6664          
6665</div></li><li>
6666        <div  
6667          class="flex items-center gap-4 mr-4 ml-3 rtl:mr-3 rtl:ml-4"
6668        ><style data-shopify>
6669</style>
6670            <a href="https://iteaworld.com/blogs/green-tea" class="flex-1 pt-2.5 pb-2.5 gap-4 flex items-center disable-effect">
6671          
6672            
6673            
6674            <span class="flex flex-wrap gap-x-2">
6675              <span class="p-break-words font-medium font-menu-level-1">
6676                
6677                
6678                  <span>Green Tea Blog</span>
6679                
6680              </span>
6681              
6682              
6683            </span>
6684          
6685            </a>
6686          
6687</div></li><li>
6688        <div  
6689          class="flex items-center gap-4 mr-4 ml-3 rtl:mr-3 rtl:ml-4"
6690        ><style data-shopify>
6691</style>
6692            <a href="/blogs/meet-our-tea-farmers" class="flex-1 pt-2.5 pb-2.5 gap-4 flex items-center disable-effect">
6693          
6694            
6695            
6696            <span class="flex flex-wrap gap-x-2">
6697              <span class="p-break-words font-medium font-menu-level-1">
6698                
6699                
6700                  <span>Meet Our Tea Farmers</span>
6701                
6702              </span>
6703              
6704              
6705            </span>
6706          
6707            </a>
6708          
6709</div></li><li>
6710        <div  
6711          class="flex items-center gap-4 mr-4 ml-3 rtl:mr-3 rtl:ml-4"
6712        ><style data-shopify>
6713</style>
6714            <a href="/blogs/guide" class="flex-1 pt-2.5 pb-2.5 gap-4 flex items-center disable-effect">
6715          
6716            
6717            
6718            <span class="flex flex-wrap gap-x-2">
6719              <span class="p-break-words font-medium font-menu-level-1">
6720                
6721                
6722                  <span>Other Blog</span>
6723                
6724              </span>
6725              
6726              
6727            </span>
6728          
6729            </a>
6730          
6731</div></li>
6732</ul>
6733                      </div></li>
6734                  <li x-data='{ active: false }' class="block-mobile-navigation-accordion_menu block-mobile-navigation block-mobile-navigation-after" >
6735                    
6736                    <div @click="openCur = (openCur === 0 || openCur !== 8) ? 8 : 0; setTimeout(() => {$el.scrollIntoView({ behavior: 'smooth' })}, 500);" class="flex items-center gap-4 ml-4 mr-4">
6737                      
6738                        <div class="flex-1 pt-3.5 pb-3.5 flex flex-wrap gap-2 items-center disable-effect">
6739                          <span 
6740                            class="p-break-words font-medium font-menu-level-0"
6741                          >
6742                    
6743                    
6744                      <span>Support</span>
6745                    
6746                  </span>
6747                          
6748
6749                        </div>
6750                        <span
6751                          x-cloak x-show="openCur !== 8"
6752                          class="icon-caret-mobile h-4 w-4 min-h-4 min-w-4 block"
6753                          :class="{ 'text-[rgba(var(--colors-text-link))]': active }"
6754                        >
6755                          <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" class="" viewBox="0 0 10 10">
6756    <path fill="currentColor" stroke="currentColor" stroke-width="0" stroke-linecap="round" stroke-linejoin="round" d="M1 4.51a.5.5 0 000 1h3.5l.01 3.5a.5.5 0 001-.01V5.5l3.5-.01a.5.5 0 00-.01-1H5.5L5.49.99a.5.5 0 00-1 .01v3.5l-3.5.01H1z"/>
6757  </svg>
6758
6759                        </span>
6760                        <span
6761                          x-cloak x-show="openCur === 8"
6762                          class="icon-caret-mobile h-4 w-4 min-h-4 min-w-4 block"
6763                          :class="{ 'text-[rgba(var(--colors-text-link))]': active }"
6764                        >
6765                          <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" class=" w-full h-full" viewBox="0 0 10 2">
6766    <path fill-rule="evenodd" clip-rule="evenodd" d="M.5 1C.5.7.7.5 1 .5h8a.5.5 0 110 1H1A.5.5 0 01.5 1z" fill="currentColor" stroke="currentColor" stroke-width="0" stroke-linecap="round" stroke-linejoin="round" />
6767  </svg>
6768
6769                        </span>
6770                      
6771                    </div><div
6772                        x-collapse.duration.500ms
6773                        x-show="openCur === 8"
6774                        class="menu-drawer w-full h-full overflow-visible"
6775                      >
6776                        <ul 
6777                          x-data='{ openSub: 0 }'
6778                          id="menu-level-1"
6779                          class="overflow-hidden background-header w-full h-full pl-4 rtl:pl-0 rtl:pr-4" 
6780                          >
6781
6782
6783
6784<li>
6785        <div  
6786          class="flex items-center gap-4 mr-4 ml-3 rtl:mr-3 rtl:ml-4"
6787        ><style data-shopify>
6788</style>
6789            <a href="https://iteaworld.com/pages/contact" class="flex-1 pt-2.5 pb-2.5 gap-4 flex items-center disable-effect">
6790          
6791            
6792            
6793            <span class="flex flex-wrap gap-x-2">
6794              <span class="p-break-words font-medium font-menu-level-1">
6795                
6796                
6797                  <span>Contact Us</span>
6798                
6799              </span>
6800              
6801              
6802            </span>
6803          
6804            </a>
6805          
6806</div></li><li>
6807        <div  
6808          class="flex items-center gap-4 mr-4 ml-3 rtl:mr-3 rtl:ml-4"
6809        ><style data-shopify>
6810</style>
6811            <a href="https://iteaworld.com/apps/17TRACK" class="flex-1 pt-2.5 pb-2.5 gap-4 flex items-center disable-effect">
6812          
6813            
6814            
6815            <span class="flex flex-wrap gap-x-2">
6816              <span class="p-break-words font-medium font-menu-level-1">
6817                
6818                
6819                  <span>Track Your Order</span>
6820                
6821              </span>
6822              
6823              
6824            </span>
6825          
6826            </a>
6827          
6828</div></li><li>
6829        <div  
6830          class="flex items-center gap-4 mr-4 ml-3 rtl:mr-3 rtl:ml-4"
6831        ><style data-shopify>
6832</style>
6833            <a href="/policies/shipping-policy" class="flex-1 pt-2.5 pb-2.5 gap-4 flex items-center disable-effect">
6834          
6835            
6836            
6837            <span class="flex flex-wrap gap-x-2">
6838              <span class="p-break-words font-medium font-menu-level-1">
6839                
6840                
6841                  <span>Shipping Policy</span>
6842                
6843              </span>
6844              
6845              
6846            </span>
6847          
6848            </a>
6849          
6850</div></li><li>
6851        <div  
6852          class="flex items-center gap-4 mr-4 ml-3 rtl:mr-3 rtl:ml-4"
6853        ><style data-shopify>
6854</style>
6855            <a href="https://iteaworld.com/pages/wholesale-request" class="flex-1 pt-2.5 pb-2.5 gap-4 flex items-center disable-effect">
6856          
6857            
6858            
6859            <span class="flex flex-wrap gap-x-2">
6860              <span class="p-break-words font-medium font-menu-level-1">
6861                
6862                
6863                  <span>Wholesale</span>
6864                
6865              </span>
6866              
6867              
6868            </span>
6869          
6870            </a>
6871          
6872</div></li><li>
6873        <div  
6874          class="flex items-center gap-4 mr-4 ml-3 rtl:mr-3 rtl:ml-4"
6875        ><style data-shopify>
6876</style>
6877            <a href="/pages/tea-guidebook-download-center" class="flex-1 pt-2.5 pb-2.5 gap-4 flex items-center disable-effect">
6878          
6879            
6880            
6881            <span class="flex flex-wrap gap-x-2">
6882              <span class="p-break-words font-medium font-menu-level-1">
6883                
6884                
6885                  <span>Download Center</span>
6886                
6887              </span>
6888              
6889              
6890            </span>
6891          
6892            </a>
6893          
6894</div></li><li>
6895        <div  
6896          class="flex items-center gap-4 mr-4 ml-3 rtl:mr-3 rtl:ml-4"
6897        ><style data-shopify>
6898</style>
6899            <a href="/pages/tool-guide" class="flex-1 pt-2.5 pb-2.5 gap-4 flex items-center disable-effect">
6900          
6901            
6902            
6903            <span class="flex flex-wrap gap-x-2">
6904              <span class="p-break-words font-medium font-menu-level-1">
6905                
6906                
6907                  <span>Free Tea Tools</span>
6908                
6909              </span>
6910              
6911              
6912            </span>
6913          
6914            </a>
6915          
6916</div></li>
6917</ul>
6918                      </div></li><li class="x-block-social block-mobile-navigation pl-4 pr-4 block-mobile-navigation-after" >
6919                  <div class="pt-2 pb-2 pl-0.5 pr-0.5 flex items-center justify-center opacity-70">
6920                    
6921<div id="selector-social" class=" flex lg:items-center lg:justify-end relative py-1.5">
6922    
6923      <ul class="social-list flex  flex-wrap opacity-70" role="list">
6924<li>
6925      <a href="https://www.facebook.com/official.iteaworld/" target="blank" aria-label="Facebook" class="flex disable-effect hover-text-link w-11 h-11 pt-3 pr-3 pb-3 pl-3"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" class="icon-animation w-full h-full" viewBox="0 0 24 24">
6926    <path fill="currentColor" d="M15.12,5.32H17V2.14A26.11,26.11,0,0,0,14.26,2C11.54,2,9.68,3.66,9.68,6.7V9.32H6.61v3.56H9.68V22h3.68V12.88h3.06l.46-3.56H13.36V7.05C13.36,6,13.64,5.32,15.12,5.32Z"/>
6927  </svg>
6928</a>
6929    </li><li>
6930      <a href="https://www.instagram.com/itea_world/" target="blank" aria-label="Instagram" class="flex disable-effect hover-text-link w-11 h-11 pt-3 pr-3 pb-3 pl-3"><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" focusable="false" role="presentation" class="icon-animation w-full h-full" viewBox="0 0 24 24" xml:space="preserve">
6931    <path fill="currentColor" d="M12,9.8c-1.2,0-2.2,1-2.2,2.2s1,2.2,2.2,2.2s2.2-1,2.2-2.2c0,0,0,0,0,0C14.2,10.8,13.2,9.8,12,9.8z M20.8,7.6 c0-0.7-0.1-1.4-0.4-2c-0.4-1-1.1-1.7-2.1-2.1c-0.6-0.2-1.3-0.4-2-0.4c-1.1-0.1-1.5-0.1-4.4-0.1s-3.2,0-4.4,0.1c-0.7,0-1.4,0.1-2,0.4 c-1,0.4-1.7,1.1-2.1,2.1c-0.2,0.6-0.4,1.3-0.4,2C3.1,8.8,3.1,9.1,3.1,12s0,3.2,0.1,4.4c0,0.7,0.1,1.4,0.4,2c0.2,0.5,0.5,0.9,0.8,1.2 c0.4,0.4,0.8,0.6,1.3,0.8c0.6,0.2,1.3,0.4,2,0.4c1.1,0.1,1.5,0.1,4.4,0.1s3.2,0,4.4-0.1c0.7,0,1.4-0.1,2-0.4 c0.5-0.2,0.9-0.5,1.3-0.8c0.4-0.4,0.6-0.8,0.8-1.2c0.2-0.6,0.4-1.3,0.4-2c0.1-1.1,0.1-1.5,0.1-4.4S20.9,8.8,20.8,7.6z M18.6,14.7 c0,0.5-0.1,1.1-0.3,1.6c-0.3,0.9-1,1.5-1.9,1.9c-0.5,0.2-1.1,0.3-1.6,0.3c-0.7,0-0.9,0-2.7,0s-2,0-2.7,0c-0.5,0-1.1-0.1-1.6-0.3 c-0.4-0.2-0.8-0.4-1.2-0.8c-0.3-0.3-0.6-0.7-0.7-1.1c-0.2-0.5-0.3-1.1-0.3-1.6c0-0.7,0-0.9,0-2.7s0-2,0-2.7c0-0.5,0.1-1.1,0.3-1.6 c0.2-0.4,0.4-0.8,0.8-1.2c0.3-0.3,0.7-0.6,1.1-0.7c0.5-0.2,1.1-0.3,1.6-0.3l0,0c0.7,0,0.9,0,2.7,0s2,0,2.7,0c0.5,0,1.1,0.1,1.6,0.3 c0.4,0.2,0.8,0.4,1.2,0.8c0.3,0.3,0.6,0.7,0.7,1.1c0.2,0.5,0.3,1.1,0.3,1.6c0,0.7,0,0.9,0,2.7S18.6,14,18.6,14.7L18.6,14.7z M17.1,8.1c-0.2-0.6-0.7-1-1.3-1.3c-0.4-0.1-0.8-0.2-1.2-0.2c-0.7,0-0.9,0-2.7,0s-2,0-2.7,0c-0.4,0-0.8,0.1-1.2,0.2 c-0.6,0.2-1,0.6-1.3,1.2C6.7,8.5,6.7,8.9,6.7,9.3c0,0.7,0,0.9,0,2.7s0,2,0,2.7c0,0.4,0.1,0.8,0.2,1.2c0.2,0.6,0.7,1,1.3,1.3 c0.4,0.1,0.8,0.2,1.2,0.2l0,0c0.7,0,0.9,0,2.7,0s2,0,2.7,0c0.4,0,0.8-0.1,1.2-0.2c0.6-0.2,1-0.7,1.3-1.3c0.1-0.4,0.2-0.8,0.2-1.2 c0-0.7,0-0.9,0-2.7s0-2,0-2.7C17.4,8.9,17.3,8.5,17.1,8.1L17.1,8.1z M12,15.4c-1.9,0-3.4-1.5-3.4-3.4c0,0,0,0,0,0l0,0 c0-1.9,1.5-3.4,3.4-3.4s3.4,1.5,3.4,3.4C15.4,13.9,13.9,15.4,12,15.4C12,15.4,12,15.4,12,15.4z M15.6,9.3c-0.4,0-0.8-0.4-0.7-0.9 c0-0.4,0.3-0.7,0.7-0.7l0,0c0.4,0,0.8,0.4,0.7,0.9C16.2,8.9,15.9,9.2,15.6,9.3z"/>
6932  </svg>
6933</a>
6934    </li><li>
6935      <a href="https://www.tiktok.com/@iteaworld" target="blank" aria-label="TikTok" class="flex disable-effect hover-text-link w-11 h-11 pt-3 pr-3 pb-3 pl-3"><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" role="presentation" class="icon-animation w-full h-full" viewBox="0 0 24 24" xml:space="preserve">
6936    <path d="M15.7,2.6C16,5.3,17.5,6.9,20,7v3c-1.5,0.1-2.8-0.3-4.3-1.3v5.6c0,7.1-7.7,9.3-10.9,4.2c-2-3.3-0.8-9,5.6-9.3 v3.2c-0.5,0.1-1,0.2-1.5,0.4c-1.4,0.5-2.2,1.4-2,3c0.4,3.1,6,4,5.6-2V2.6L15.7,2.6L15.7,2.6z"/>
6937  </svg>
6938</a>
6939    </li><li>
6940      <a href="https://www.youtube.com/@itea_world" target="blank" aria-label="YouTube" class="flex disable-effect hover-text-link w-11 h-11 pt-3 pr-3 pb-3 pl-3"><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" focusable="false" role="presentation" class="icon-animation w-full h-full" viewBox="0 0 24 24" xml:space="preserve">
6941    <path fill="currentColor" d="M21.5,10c0-1.2-0.2-2.5-0.8-3.6c-0.4-0.5-0.9-0.8-1.5-0.9c-2.4-0.2-4.8-0.3-7.3-0.3c-2.4,0-4.8,0-7.2,0.3 C4.3,5.7,3.9,5.9,3.5,6.2c-0.8,0.7-0.9,1.9-1,3c-0.1,1.9-0.1,3.7,0,5.6c0,0.6,0.1,1.2,0.3,1.7c0.1,0.4,0.3,0.8,0.6,1.2 c0.4,0.3,0.8,0.6,1.3,0.7c1.9,0.2,3.8,0.3,5.6,0.3c3,0,5.7,0,8.8-0.2c0.5-0.1,1-0.3,1.3-0.7c0.2-0.2,0.4-0.5,0.5-0.9 c0.3-1,0.5-1.9,0.5-2.9C21.5,13.5,21.5,10.6,21.5,10z M10.1,14.5V9.1l5.1,2.7C13.7,12.6,11.8,13.5,10.1,14.5z"/>
6942  </svg>
6943</a>
6944    </li><li>
6945      <a href="mailto:[email protected]" class="flex disable-effect hover-text-link  w-11 h-11 pt-3 pr-3 pb-3 pl-3"><svg class="icon-animation w-full h-full" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
6946    viewBox="0 0 197.8 197.8" style="enable-background:new 0 0 197.8 197.8;" xml:space="preserve">
6947    <g>
6948      <g>
6949        <path d="M171,32.1c5.8,0,10.7,2,14.7,5.9s5.9,8.9,5.9,14.7v92.8c0,5.7-2,10.6-5.9,14.7c-4,4.1-8.9,6.1-14.7,5.9H26.3 c-5.8,0-10.7-2-14.7-5.9c-4-4-5.9-8.9-5.9-14.7V52.8c0-5.8,2-10.7,5.9-14.7s8.9-5.9,14.7-5.9H171z M171,52.8H26.3v2.2L94,114.4 c1.2,0.9,2.7,1.4,4.6,1.4c1.8,0,3.3-0.5,4.4-1.4l68-59.5V52.8z M26.3,138.4l37.1-37.5L26.3,68.6V138.4z M87.5,122.1l-16.3-14.3 l-37.7,37.7h129.8l-37.7-37.7l-16.1,14.3c-3.2,2.6-6.9,4-11.1,4C94.4,126.1,90.7,124.8,87.5,122.1z M133.7,100.9l37.3,37.3V68.6 L133.7,100.9z" />
6950      </g>
6951    </g>
6952  </svg>
6953</a>
6954    </li><li>
6955          <a href="https://discord.gg/G59MZSjhSP" target="blank" aria-label="Discord" class="flex disable-effect hover-text-link w-11 h-11 pt-3 pr-3 pb-3 pl-3"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
6956    <g clip-path="url(#clip0_166010_110135)">
6957    <path d="M7.26569 2.42188C7.32645 2.52039 7.32645 2.52039 7.38348 2.64313C7.40413 2.68694 7.42477 2.73074 7.44604 2.77588C7.46709 2.8218 7.48814 2.86772 7.50983 2.91504C7.53148 2.96126 7.55313 3.00749 7.57544 3.05511C7.62888 3.16936 7.68185 3.2838 7.73444 3.39844C7.76241 3.39509 7.79038 3.39175 7.81921 3.3883C9.3128 3.21317 10.773 3.23299 12.2657 3.39844C12.2791 3.36926 12.2924 3.34009 12.3062 3.31003C12.3671 3.17813 12.4287 3.04659 12.4903 2.91504C12.5219 2.84615 12.5219 2.84615 12.5541 2.77588C12.585 2.71017 12.585 2.71017 12.6166 2.64313C12.6355 2.60262 12.6543 2.56212 12.6737 2.52039C12.7406 2.41188 12.7681 2.37588 12.8907 2.34375C13.0082 2.3544 13.0082 2.3544 13.1467 2.38358C13.1719 2.38879 13.1971 2.394 13.2231 2.39937C13.3061 2.41682 13.3889 2.43514 13.4717 2.45361C13.5003 2.45985 13.5289 2.46608 13.5584 2.4725C14.4949 2.67729 15.4048 2.96539 16.2963 3.31753C16.3913 3.35365 16.4859 3.38509 16.583 3.41461C17.0927 3.58391 17.2911 4.0493 17.5391 4.49219C17.581 4.56405 17.623 4.63582 17.6652 4.70749C17.7822 4.90761 17.8955 5.10969 18.0079 5.3125C18.0233 5.33997 18.0387 5.36745 18.0546 5.39576C18.9626 7.01714 19.5436 8.84273 19.834 10.6738C19.8457 10.7465 19.8457 10.7465 19.8576 10.8207C19.9764 11.6041 20.0119 12.378 20.0081 13.17C20.0074 13.3238 20.0073 13.4775 20.0073 13.6312C20.0071 13.7307 20.0069 13.8301 20.0066 13.9296C20.0066 13.9747 20.0065 14.0198 20.0065 14.0662C20.0016 14.908 20.0016 14.908 19.8829 15.1562C19.8189 15.217 19.8189 15.217 19.7417 15.2686C19.7127 15.2882 19.6838 15.3079 19.6539 15.3281C19.6223 15.3488 19.5907 15.3694 19.5582 15.3906C19.525 15.4127 19.4919 15.4347 19.4578 15.4575C19.3525 15.5271 19.2467 15.5957 19.1407 15.6641C19.108 15.6853 19.0754 15.7064 19.0417 15.7283C17.8255 16.5132 16.297 17.3958 14.8438 17.6562C14.669 17.461 14.523 17.261 14.3848 17.0386C14.3649 17.0067 14.345 16.9748 14.3244 16.9419C14.1832 16.7138 14.0462 16.4833 13.9136 16.25C13.8965 16.2204 13.8794 16.1907 13.8617 16.1602C13.8213 16.0876 13.7853 16.0127 13.7501 15.9375C13.7891 15.8203 13.7891 15.8203 13.8655 15.7767C13.8987 15.7632 13.9319 15.7497 13.9661 15.7358C14.0032 15.7203 14.0402 15.7048 14.0784 15.6889C14.1183 15.6727 14.1582 15.6564 14.1993 15.6396C14.5962 15.4731 14.9756 15.2871 15.3516 15.0781C15.3602 14.9978 15.3602 14.9978 15.3042 14.9455C15.2303 14.8847 15.1663 14.8425 15.0782 14.8047C14.9977 14.8137 14.9977 14.8137 14.9177 14.8477C14.8868 14.8592 14.8559 14.8708 14.8241 14.8827C14.792 14.8956 14.7598 14.9085 14.7266 14.9219C14.6953 14.9344 14.6639 14.9469 14.6316 14.9598C14.565 14.9868 14.4984 15.014 14.4319 15.0413C11.5838 16.2037 8.3998 16.1497 5.54694 15.0391C5.49732 15.017 5.44785 14.9946 5.39852 14.9719C5.37401 14.9608 5.3495 14.9496 5.32424 14.9381C5.25579 14.9065 5.18778 14.874 5.11979 14.8415C5.00243 14.7938 5.00243 14.7938 4.8923 14.8338C4.80349 14.8835 4.72464 14.9323 4.6485 15C4.6485 15.0258 4.6485 15.0516 4.6485 15.0781C5.15962 15.353 5.66832 15.6134 6.211 15.8203C6.1898 16.0091 6.13088 16.1563 6.0401 16.3208C6.02651 16.3458 6.01291 16.3708 5.99891 16.3966C5.75412 16.8386 5.4774 17.2658 5.15631 17.6562C3.49296 17.2251 1.91513 16.404 0.507873 15.4297C0.486139 15.4148 0.464404 15.3998 0.442012 15.3845C0.0852591 15.1384 0.0852591 15.1384 0.0391226 15C-0.000506509 14.6582 -0.0065607 14.3149 -0.00787452 13.9711C-0.00814851 13.9229 -0.00842251 13.8748 -0.00870481 13.8252C-0.00938459 13.6707 -0.00965924 13.5163 -0.00970557 13.3618C-0.00972283 13.3355 -0.00974024 13.3092 -0.00975802 13.2822C-0.0100247 12.5079 -0.00394706 11.7432 0.117248 10.9766C0.124159 10.9314 0.13107 10.8863 0.13819 10.8397C0.396361 9.19107 0.88259 7.60013 1.60162 6.09375C1.61903 6.05722 1.63644 
69576.02069 1.65438 5.98305C1.91632 5.43759 2.20143 4.91107 2.51898 4.39602C2.57546 4.30144 2.62726 4.20557 2.67828 4.10797C2.92137 3.66028 3.19705 3.48881 3.67237 3.32218C3.79725 3.2784 3.92075 3.23163 4.0444 3.18451C4.879 2.87142 5.73039 2.62345 6.60162 2.43652C6.65011 2.42589 6.6986 2.41525 6.74856 2.40429C6.79352 2.39509 6.83849 2.38588 6.88483 2.3764C6.94434 2.36405 6.94434 2.36405 7.00507 2.35144C7.12527 2.34258 7.17036 2.34858 7.26569 2.42188ZM5.39618 9.34265C4.98733 9.88281 4.86829 10.4676 4.92194 11.1328C5.01314 11.6427 5.29823 12.1445 5.72089 12.4527C6.15682 12.7242 6.56219 12.8255 7.07251 12.7257C7.55278 12.5989 7.91708 12.2662 8.18503 11.8564C8.48065 11.3471 8.5427 10.7587 8.40811 10.1875C8.23195 9.61187 7.89811 9.18014 7.3667 8.89465C6.67725 8.58474 5.90421 8.80538 5.39618 9.34265ZM12.1221 9.27673C11.6615 9.77524 11.5356 10.3526 11.5574 11.009C11.5877 11.5082 11.8578 12.013 12.2266 12.3438C12.6498 12.6606 13.0578 12.8194 13.5889 12.7515C14.0676 12.6571 14.4242 12.4108 14.7266 12.0312C15.0584 11.5139 15.2024 10.9217 15.073 10.3188C14.9422 9.76154 14.6853 9.32618 14.2045 9.00681C13.4929 8.58132 12.7121 8.71727 12.1221 9.27673Z" fill="currentColor"/>
6958    </g>
6959    <defs>
6960    <clipPath id="clip0_166010_110135">
6961    <rect width="20" height="20" fill="currentColor"/>
6962    </clipPath>
6963    </defs>
6964  </svg>
6965</a>
6966        </li>
6967      </ul>
6968     </div>
6969                  </div>
6970                </li>
6971        </ul>
6972      </div>
6973      <style data-shopify>
6974        #button-light-mode {background: #ffffff;}
6975        #button-dark-mode {
6976          background: transparent;
6977        }
6978        .dark #button-light-mode {
6979          background: transparent;
6980        }
6981        .dark #button-dark-mode {background: #202020;}
6982        .mobile-nav-theme-mode-container + .x-header-store-selector-container {
6983          border-top-width: 1px;
6984        }
6985        .mobile-nav-theme-mode-container + .x-container-mobile-nav-language {
6986          border-top-width: 1px;
6987        }
6988        .bg-theme-mode-sections--27603634815255__mobile-navigation {
6989          
6990            background: #ffffff;
6991          
6992        }
6993        .dark .bg-theme-mode-sections--27603634815255__mobile-navigation {
6994          
6995            background: #313131;
6996          
6997        }
6998      </style>
6999      
7000      <div class="block-mobile-navigation x-header-store-selector-container font-menu-level-2 empty:hidden pl-4 pr-4 flex"></div><style data-shopify>
7001          .font-menu-level-2 button {
7002            font-size: 0.875rem;
7003          }
7004
7005          .x-container-mobile-nav-language .toolbar-button {
7006            padding-top: 0.25rem;
7007            padding-bottom: 0.25rem;
7008          }
7009        </style>
7010        <div class="x-container-mobile-nav-language pb-4 pl-4 pr-4 lg:flex lg:items-center font-menu-level-2 background-header justify-center lg:justify-end bottom-0 left-0 max-w-xl">
7011<div id="selector-social" class=" flex lg:items-center lg:justify-end relative">
7012     
7013
7014
7015<form method="post" action="/localization" id="localization_form" accept-charset="UTF-8" class="multi-selectors w-full flex flex-row-reverse justify-between" enctype="multipart/form-data"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" /><input type="hidden" name="return_to" value="/" /><div 
7016      class="text-normal relative inline-flex lg:inline-block"
7017      x-data="{ open: false }" 
7018      @keyup.escape="open = false"
7019    >
7020      <button 
7021        @click.prevent="open = ! open;"
7022        class="toolbar-button relative pt-2.5 pb-2.5 lg:pl-5 rtl:lg:pr-5 pr-5 rtl:pr-0 rtl:pl-5 cursor-pointer hover-text-link duration-200 transition"
7023        aria-expanded="false" aria-controls="LanguageList"
7024      >
7025        <span>English</span>
7026        <span class="absolute w-2.5	h-2.5 top-1/2 -translate-y-1/2 flex right-0 rtl:right-auto rtl:left-0" :class="open && ' -rotate-180'"><svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
7027    <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
7028  </svg>
7029</span>
7030      </button>
7031      <div x-show="open" @click.away="open = false" x-cloak>
7032        
7033          <style data-shopify>
7034            .locale-options-mobile-nav {
7035              max-width: 544px;
7036            }
7037            .locale-options-mobile-nav li {
7038              padding-top: 16px;
7039              padding-bottom: 16px;
7040              padding-left: 20px;
7041              padding-right: 20px;
7042              font-size: 0.875rem; 
7043            }
7044          </style>
7045          <ul 
7046            role="list" 
7047            x-data="xLocalizationForm" 
7048            class="locale-options locale-options-mobile-nav scrollbar-body w-[calc(100vw-32px)] flex flex-col absolute right-0 rtl:right-auto rtl:left-0 bottom-full z-50 shadow-md max-h-[400px] overflow-y-auto background-header bottom-0"
7049          >
7050            
7051              <li class="cursor-pointer pt-2 pb-2 pl-5 pr-5 border-b duration-200 transition text-[rgb(var(--colors-text-header))]">
7052                <a 
7053                  class="nav-link hover-text-link relative border-b underline-color effect-inline"
7054                  href="#"
7055                  data-no-instant
7056                  @click="submit('en', 'locale_selector')"
7057                >
7058                  <span class="disclosure-list__label">English</span>
7059                </a>
7060              </li>
7061              <li class="cursor-pointer pt-2 pb-2 pl-5 pr-5 border-b duration-200 transition text-[rgb(var(--colors-text-header))]">
7062                <a 
7063                  class="nav-link hover-text-link relative options-text-color"
7064                  href="#"
7065                  data-no-instant
7066                  @click="submit('zh-CN', 'locale_selector')"
7067                >
7068                  <span class="disclosure-list__label">简体中文</span>
7069                </a>
7070              </li></ul>
7071        
7072      </div>
7073      <input type="hidden" name="locale_code" id="locale_selector" value="en" data-disclosure-input/>
7074    </div><div 
7075      x-data="xLocalizationForm" 
7076      class="country-selector max-w-max text-normal relative inline-flex lg:inline-block"
7077      @keyup.escape="openCountry = false"
7078    >
7079      <button 
7080        @click.prevent="loadCountry($el); "
7081        class="toolbar-button relative py-2.5 rtl:pr-0 rtl:pl-5 pr-5 rtl:md:pr-5 lg:pl-5 cursor-pointer  hover-text-link duration-200 transition"
7082        aria-expanded="false" aria-controls="CurrencyList"
7083      >
7084        <span>
7085          
7086            United States &#x200E;(USD $)&#x200E;
7087          
7088        </span>
7089        <span x-show="!loading" class="absolute w-2.5 h-2.5 top-1/2 -translate-y-1/2 flex right-0 rtl:right-auto rtl:left-0" :class="openCountry && '-rotate-180'"><svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
7090    <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
7091  </svg>
7092</span>
7093        <span x-show="loading" class="absolute w-3 h-3 top-[calc(50%-6px)] flex right-0 rtl:right-auto rtl:left-0 animate-spin" x-cloak><svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
7094    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
7095      fill="currentcolor" stroke="none">
7096      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
7097    </g>
7098  </svg>
7099</span>
7100      </button>
7101      
7102        <style data-shopify>
7103          .country-options-mobile-nav {
7104            max-width: 544px;
7105          }
7106          .country-options-mobile-nav ul {
7107            display: flex;
7108            flex-direction: column;
7109          }
7110          .country-options-mobile-nav ul li {
7111            padding-top: 16px;
7112            padding-bottom: 16px;
7113            padding-left: 20px;
7114            padding-right: 20px;
7115            border-bottom-width: 1px;
7116            font-size: 0.875rem;
7117          }
7118        </style>
7119        <div class="country-options country-options-mobile-nav w-[calc(100vw-32px)] absolute left-0 rtl:right-0 rtl:left-auto bottom-full z-[51] scrollbar-body shadow-md max-h-[400px] overflow-y-auto background-header bottom-0 text-[rgb(var(--colors-text-header))]" x-show="openCountry" @click.away="openCountry = false" x-cloak>
7120        </div>
7121      
7122      <input id="currency_selector" type="hidden" name="country_code" value="US">
7123    </div></form>
7123<script src="//iteaworld.com/cdn/shop/t/51/assets/locales-form.js?v=77424405773733899781782181913" defer></script>
7123</div></div></div>
7124  </div>
7125</template>
7126</div><section id="shopify-section-sections--27603634815255__custom_liquid_zFGtF6" class="shopify-section shopify-section-group-header-group-puff section section-custom-liquid x-section">
7127
7128<style data-shopify>
7129  .custom-liquid ul {
7130    list-style: disc;
7131  }
7132</style>
7133
7134<div class="relative mx-auto pt-[0px] md:pt-[0px] pb-[0px] md:pb-[0px]">
7135  <div class="custom-liquid  x-pgw page-width">
7136    
7137  </div>
7138</div>
7139</section>
7140<!-- END sections: header-group-puff -->
7141          <!-- BEGIN sections: aside-group-puff -->
7142<div id="shopify-section-sections--27603633602839__product-labels-and-badges" class="shopify-section shopify-section-group-aside-group-puff section-product-labels-and-badges"><style data-shopify>.x-badge-text_label_8PMYDi .x-badge-content.x-badge-text{
7143          background-color:#739047;
7144          color:#ffffff;
7145          
7146        }
7147        .dark .x-badge-text_label_8PMYDi .x-badge-content.x-badge-text{
7148          background-color:#739047;
7149          color:#ffffff;
7150          
7151            border-width: 0;
7152          
7153        }.x-badge-text_label_8PMYDi {
7154        --font-size-scale: 0.5rem;
7155        
7156      }
7157      @media (min-width: 768px) {
7158        .x-badge-text_label_8PMYDi {
7159          --font-size-scale: 0.8rem;
7160          
7161        }
7162      }.x-badge-text_label_8zUhCg .x-badge-content.x-badge-text{
7163          background-color:#739047;
7164          color:#ffffff;
7165          
7166        }
7167        .dark .x-badge-text_label_8zUhCg .x-badge-content.x-badge-text{
7168          background-color:#739047;
7169          color:#ffffff;
7170          
7171            border-width: 0;
7172          
7173        }.x-badge-text_label_8zUhCg {
7174        --font-size-scale: 0.5rem;
7175        
7176      }
7177      @media (min-width: 768px) {
7178        .x-badge-text_label_8zUhCg {
7179          --font-size-scale: 0.9rem;
7180          
7181        }
7182      }.x-badge-new_label_xXyU4p .x-badge-content.x-badge-text{
7183          background-color:#739047;
7184          color:#ffffff;
7185          
7186            border-width: 1px;
7187            border-style: solid;
7188            border-color: #ffffff;
7189          
7190        }
7191        .dark .x-badge-new_label_xXyU4p .x-badge-content.x-badge-text{
7192          background-color:#739047;
7193          color:#ffffff;
7194          
7195            border-width: 0;
7196          
7197        }.x-badge-new_label_xXyU4p {
7198        --font-size-scale: 0.5rem;
7199        
7200      }
7201      @media (min-width: 768px) {
7202        .x-badge-new_label_xXyU4p {
7203          --font-size-scale: 0.6rem;
7204          
7205        }
7206      }.x-badge-text_label_VC4UqX .x-badge-content.x-badge-text{
7207          background-color:#739047;
7208          color:#ffffff;
7209          
7210        }
7211        .dark .x-badge-text_label_VC4UqX .x-badge-content.x-badge-text{
7212          background-color:#739047;
7213          color:#ffffff;
7214          
7215            border-width: 0;
7216          
7217        }.x-badge-text_label_VC4UqX {
7218        --font-size-scale: 0.5rem;
7219        
7220      }
7221      @media (min-width: 768px) {
7222        .x-badge-text_label_VC4UqX {
7223          --font-size-scale: 0.8rem;
7224          
7225        }
7226      }.x-badge-product-labels-and-badges-1 .x-badge-content.x-badge-text{
7227          background-color:#525151;
7228          color:#ffffff;
7229          
7230        }
7231        .dark .x-badge-product-labels-and-badges-1 .x-badge-content.x-badge-text{
7232          background-color:#525151;
7233          color:#ffffff;
7234          
7235            border-width: 0;
7236          
7237        }.x-badge-product-labels-and-badges-1 {
7238        --font-size-scale: 0.5rem;
7239        
7240      }
7241      @media (min-width: 768px) {
7242        .x-badge-product-labels-and-badges-1 {
7243          --font-size-scale: 0.9rem;
7244          
7245        }
7246      }</style>
7247    <div class="x-badges-block-data" x-badges-block-data='{
7248      "id": "text_label_8PMYDi",
7249      "enable": true,
7250      "type": "text-label",
7251      "settings": {
7252        "show_on_product_card": true,
7253        "show_on_product_page": false,
7254        "applied_to": "",
7255        "applied_products": [],
7256        "applied_collections": [532285358359],
7257        "content": "10-15% OFF",
7258        
7259          "type": "round",
7260        
7261        "background_color": "#739047",
7262        "text_color": "#ffffff",
7263        "image": null,
7264        "image_alt": "",
7265        "image_aspect_ratio": 0,
7266        "size": 2,
7267        "size_mobile": 2,
7268        "opacity": 100,
7269        "position": "top-right",
7270        "horizontal_position": 5,
7271        "vertical_position": 5,
7272        "schedule_enabled": true,
7273        "timezone": 8,
7274        "start_year": 2026,
7275        "start_month": 9,
7276        "start_day": 26,
7277        "start_hour": 15,
7278        "start_minute": 0,
7279        "end_year": 2026,
7280        "end_month": 10,
7281        "end_day": 6,
7282        "end_hour": 15,
7283        "end_minute": 0,
7284        "day_since": "none",
7285        "number_show": 30
7286      }
7287    }' x-badges-icon=''></div>
7288    <div class="x-badges-block-data" x-badges-block-data='{
7289      "id": "text_label_8zUhCg",
7290      "enable": true,
7291      "type": "text-label",
7292      "settings": {
7293        "show_on_product_card": false,
7294        "show_on_product_page": true,
7295        "applied_to": "",
7296        "applied_products": [],
7297        "applied_collections": [532285358359],
7298        "content": "10% OFF 1 Item | 15% OFF 2+ Items — Auto-Applied",
7299        
7300          "type": "round",
7301        
7302        "background_color": "#739047",
7303        "text_color": "#ffffff",
7304        "image": null,
7305        "image_alt": "",
7306        "image_aspect_ratio": 0,
7307        "size": 2,
7308        "size_mobile": 2,
7309        "opacity": 100,
7310        "position": "top-right",
7311        "horizontal_position": 5,
7312        "vertical_position": 5,
7313        "schedule_enabled": true,
7314        "timezone": 8,
7315        "start_year": 2026,
7316        "start_month": 9,
7317        "start_day": 26,
7318        "start_hour": 15,
7319        "start_minute": 0,
7320        "end_year": 2026,
7321        "end_month": 10,
7322        "end_day": 6,
7323        "end_hour": 15,
7324        "end_minute": 0,
7325        "day_since": "none",
7326        "number_show": 30
7327      }
7328    }' x-badges-icon=''></div>
7329    <div class="x-badges-block-data" x-badges-block-data='{
7330      "id": "new_label_xXyU4p",
7331      "enable": true,
7332      "type": "new-label",
7333      "settings": {
7334        "show_on_product_card": true,
7335        "show_on_product_page": true,
7336        "applied_to": "",
7337        "applied_products": [],
7338        "applied_collections": [],
7339        "content": "New",
7340        
7341          "type": "rounded-full",
7342        
7343        "background_color": "#739047",
7344        "text_color": "#ffffff",
7345        "image": null,
7346        "image_alt": "",
7347        "image_aspect_ratio": 0,
7348        "size": 2,
7349        "size_mobile": 2,
7350        "opacity": 100,
7351        "position": "top-right",
7352        "horizontal_position": 5,
7353        "vertical_position": 5,
7354        "schedule_enabled": false,
7355        "timezone": 0,
7356        "start_year": 0,
7357        "start_month": 0,
7358        "start_day": 0,
7359        "start_hour": 0,
7360        "start_minute": 0,
7361        "end_year": 0,
7362        "end_month": 0,
7363        "end_day": 0,
7364        "end_hour": 0,
7365        "end_minute": 0,
7366        "day_since": "activation_date",
7367        "number_show": 30
7368      }
7369    }' x-badges-icon=''></div>
7370    <div class="x-badges-block-data" x-badges-block-data='{
7371      "id": "text_label_VC4UqX",
7372      "enable": true,
7373      "type": "text-label",
7374      "settings": {
7375        "show_on_product_card": true,
7376        "show_on_product_page": true,
7377        "applied_to": "",
7378        "applied_products": [],
7379        "applied_collections": [495480209687],
7380        "content": "Best Seller",
7381        
7382          "type": "round",
7383        
7384        "background_color": "#739047",
7385        "text_color": "#ffffff",
7386        "image": null,
7387        "image_alt": "",
7388        "image_aspect_ratio": 0,
7389        "size": 2,
7390        "size_mobile": 2,
7391        "opacity": 100,
7392        "position": "top-right",
7393        "horizontal_position": 5,
7394        "vertical_position": 5,
7395        "schedule_enabled": false,
7396        "timezone": -4,
7397        "start_year": 2023,
7398        "start_month": 1,
7399        "start_day": 1,
7400        "start_hour": 0,
7401        "start_minute": 0,
7402        "end_year": 2023,
7403        "end_month": 1,
7404        "end_day": 1,
7405        "end_hour": 0,
7406        "end_minute": 0,
7407        "day_since": "none",
7408        "number_show": 30
7409      }
7410    }' x-badges-icon=''></div>
7411    <div class="x-badges-block-data" x-badges-block-data='{
7412      "id": "product-labels-and-badges-1",
7413      "enable": true,
7414      "type": "sold-out-label",
7415      "settings": {
7416        "show_on_product_card": true,
7417        "show_on_product_page": false,
7418        "applied_to": "",
7419        "applied_products": [],
7420        "applied_collections": [],
7421        "content": "Sold out",
7422        
7423          "type": "square",
7424        
7425        "background_color": "#525151",
7426        "text_color": "#ffffff",
7427        "image": null,
7428        "image_alt": "",
7429        "image_aspect_ratio": 0,
7430        "size": 2,
7431        "size_mobile": 2,
7432        "opacity": 100,
7433        "position": "top-left",
7434        "horizontal_position": 5,
7435        "vertical_position": 5,
7436        "schedule_enabled": false,
7437        "timezone": 0,
7438        "start_year": 0,
7439        "start_month": 0,
7440        "start_day": 0,
7441        "start_hour": 0,
7442        "start_minute": 0,
7443        "end_year": 0,
7444        "end_month": 0,
7445        "end_day": 0,
7446        "end_hour": 0,
7447        "end_minute": 0,
7448        "day_since": "none",
7449        "number_show": 30
7450      }
7451    }' x-badges-icon=''></div>
7451<script src="//iteaworld.com/cdn/shop/t/51/assets/labels-and-badges.js?v=120503965906373380591782181913" defer></script>
7451
7452</div><div id="shopify-section-sections--27603633602839__quick-view" class="shopify-section shopify-section-group-aside-group-puff section-product-info section-quick-view"><style data-shopify>
7453  .button--quickview.button-solid, .button--quickview.button-disable-effect,
7454  .button--quickview.button-solid:before {--colors-line-and-border: 107, 112, 80;
7455      --colors-button: 107, 112, 80;--colors-button-text: 249, 243, 243;}
7456  .title-size--sections--27603633602839__quick-view {
7457    font-size: 1.485rem;
7458  }
7459  .dark .button--quickview.button-solid, .dark .button--quickview.button-disable-effect,
7460  .dark .button--quickview.button-solid:before {--colors-line-and-border: 0, 0, 0;
7461      --colors-button: 0, 0, 0;--colors-button-text: 255, 255, 255;}
7462  @media (min-width: 768px) {
7463    .title-size--sections--27603633602839__quick-view {
7464      font-size: 2.475rem;
7465    }
7466  }
7467</style>
7468
7469<div 
7470  id="QuickView"
7471  x-show="$store.xQuickView.show" 
7472  :class="{ 'overflow-hidden padding-scrollbar': $store.xPopup.open }" 
7473  x-cloak 
7474  class="quick_view flex items-end md:items-center fixed top-0 left-0 right-0 bottom-0 z-[60]"
7475  @keydown.escape="$store.xQuickView.removeFocusQuickView('QuickViewButton'); $store.xQuickView.close()"
7476  @init-run.window="$store.xQuickView.addListener()"
7477  @click="$store.xQuickView.clickInsideQuickView($event)"
7478  x-init="if ( window.location.search.includes('_quick-view') == false ) document.querySelector('.main-container').appendChild($el.parentNode)"
7479>
7480  <div class="x-overlay absolute top-0 left-0 right-0 bottom-0 bg-[#acacac] bg-opacity-30"></div>
7481  <div 
7482    role="dialog"
7483    aria-label="Quick view"
7484    aria-modal="true"
7485    x-show="$store.xQuickView.show"
7486    class="x-quickview-modal duration-400 x-pgw page-width w-full pl-0 pr-0 md:pl-5 md:pr-5 lg:pl-16 lg:pr-16 lg:ml-auto lg:mr-auto"
7487    x-transition:enter="transition-all ease-in-out duration-500"
7488    x-transition:enter-start="opacity-0 transform translate-y-1/3"
7489    x-transition:enter-end="opacity-100 transform translate-y-0"
7490    x-transition:leave="transition-all ease-in-out duration-500"
7491    x-transition:leave-end="opacity-0 transform translate-y-1/3"
7492  >
7493    <div class="x-container-quickview-body pt-12 pb-5 lg:pt-8 lg:pb-8 2xl:pb-12 2xl:pt-12 relative bg-[rgba(var(--background-color),1)] md:h-auto rounded-t-[10px] md:rounded-[10px]" 
7494      @click.away="$store.xQuickView.close()"
7495      @click="$store.xQuickView.clickInsideContentQuickView($event)"
7496      x-intersect.full="$store.xQuickView.focusQuickView('QuickView', 'QuickViewClose')"
7497    >
7498      <button id="QuickViewClose" class="absolute group-close-btn cursor-pointer top-2 right-2 rtl:right-auto rtl:left-2 icon-close-container w-fit z-10 bg-[rgb(var(--colors-line-and-border))] rounded-full" @click.prevent="$store.xQuickView.close()">
7499        <svg class="icon-close-animation" width="100%" height="100%" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg">
7500    <path d="M1 9L5 5M5 5L9 1M5 5L1 1M5 5L9 9" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
7501  </svg>
7502
7503      </button>
7504      <div class="x-container-quickview-content pt-2 md:pt-0 md:pl-6 md:pr-6 overflow-y-auto overflow-x-hidden scrollbar-body max-h-[calc(88vh-96px)] md:max-h-[85vh] 2xl:max-h-[77vh]">
7505        <div x-show="$store.xQuickView.loading" class="x-container-quickview-placeholder flex gap-x-[4%] flex-wrap animate-Xpulse flex-row-reverse">
7506          <div class="w-full md:w-[48%] bg-slate-200 mb-5 pb-[75%]"></div>
7507          <div class="w-full md:w-[48%]">
7508            
7509              <p class="mb-2 h-4 w-10 bg-slate-200"></p>
7510            
7511            <p class="mb-5 h-5 w-3/4 bg-slate-200"></p><div class="h-5 bg-slate-200 w-1/3 mb-5 rounded"></div><div class="h-5 bg-slate-200 w-20 mb-5 rounded"></div><div class="h-7 bg-slate-200 w-full mb-5 rounded"></div><div class="h-7 bg-slate-200 w-2/3 mb-5 rounded"></div><div class="h-7 bg-slate-200 w-1/3 mb-5 rounded"></div><div class="h-10 bg-slate-200 w-full mb-5 rounded"></div><div class="h-9 bg-slate-200 w-full mb-5 rounded"></div></div>
7512        </div>
7513        <div id="quickview-product-content" class="quick-view" x-show="!$store.xQuickView.loading"></div>
7514      </div>
7515    </div>
7516  </div>
7517</div>
7518
7519
7520<div class="popup-choose-options-mobile fixed z-[60] left-0 right-0 animate-goleft duration-300" x-show="$store.xQuickView.openPopupMobile" x-cloak>
7521    <div class="bg-[#acacac] opacity-40 block md:hidden fixed top-0 right-0 bottom-0 left-0" @click="$store.xQuickView.closePopupMobile()"></div>
7522    <div
7523      x-show="$store.xQuickView.openPopupMobile"
7524      class="z-30 md:hidden overflow-auto pt-2 pb-2 flex flex-col fixed bottom-0 left-0 md:bottom-auto max-h-[85vh] w-full bg-[rgba(var(--background-color),1)] text-left rounded-t-[10px]"
7525      x-transition:enter="transition-all ease-in-out duration-500" 
7526      x-transition:enter-start="opacity-0 transform translate-y-1/3" 
7527      x-transition:enter-end="opacity-100 transform translate-y-0" 
7528      x-transition:leave="transition ease-in-out duration-500" 
7529      x-transition:leave-end="opacity-0 transform translate-y-1/3"
7530    >
7531      <button 
7532        class="cursor-pointer group-close-btn bg-[rgb(var(--colors-line-and-border))] rounded-full absolute icon-close-container w-fit z-10 right-2 md:right-0 top-2 lg:end-10 rtl:left-2 rtl:md:left-0 rtl:right-auto"
7533        @click="$store.xQuickView.closePopupMobile()" 
7534      >
7535        <svg class="icon-close-animation" width="100%" height="100%" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg">
7536    <path d="M1 9L5 5M5 5L9 1M5 5L1 1M5 5L9 9" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
7537  </svg>
7538
7539      </button>
7540      <div :class="$store.xQuickView.loadingChooseOption ? 'block md:hidden' : 'hidden md:hidden'" class="flex gap-x-[4%] flex-wrap animate-Xpulse flex-row-reverse">
7541        <div class="w-full pl-5 pr-5 pt-7 pb-5">
7542          <p class="mb-5 h-5 w-3/4 bg-slate-200"></p>
7543          <div class="h-7 bg-slate-200 w-full mb-5 rounded"></div>
7544          <div class="h-5 bg-slate-200 w-1/3 mb-5 rounded"></div>
7545          <div class="h-7 bg-slate-200 w-2/3 mb-5 rounded"></div>
7546          <div class="h-7 bg-slate-200 w-1/3 mb-5 rounded"></div>
7547          <div class="h-7 bg-slate-200 w-1/3 mb-5 rounded"></div>
7548          <div class="flex gap-x-5">
7549            <div class="h-10 bg-slate-200 flex-1 mb-5 rounded"></div>
7550            <div class="h-10 bg-slate-200 flex-1 mb-5 rounded"></div>
7551          </div>
7552        </div>
7553      </div>
7554      <div class="choose-options-mobile rtl:text-right" id="choose-options-mobile" x-show="!$store.xQuickView.loadingChooseOption"></div>
7555    </div>
7556  </div>
7557<script>
7558window.xQuickView = {
7559  sectionId: 'sections--27603633602839__quick-view',
7560  enabled: true,
7561  show_atc_button: true,
7562  atc_btn_bottom: false,
7563  atc_btn_image_desktop: true,
7564  buttonLabel: 'Quick view'
7565}
7566</script>
vendor: 1 bytes, line 7566
7566
7567<script src="//iteaworld.com/cdn/shop/t/51/assets/quick-view.js?v=137984924065178416561782181913" defer></script>
vendor: 1 bytes, line 7567
7567
7568<script src="//iteaworld.com/cdn/shop/t/51/assets/payment-button.js?v=19694614378629863991782181913" defer></script>
vendor: 1 bytes, line 7568
7568
7569<script src="//iteaworld.com/cdn/shop/t/51/assets/product-cart.js?v=55881156285172040281782181913" defer></script>
vendor: 1 bytes, line 7569
7569
7570<script src="//iteaworld.com/cdn/shop/t/51/assets/video.js?v=177285238053898208851782181913" defer></script>
vendor: 1 bytes, line 7570
7570
7571<script src="//iteaworld.com/cdn/shop/t/51/assets/product-media.js?v=178923250894042546431782181913" defer></script>
vendor: 1 bytes, line 7571
7571
7572<script src="//iteaworld.com/cdn/shop/t/51/assets/recently-viewed.js?v=67030335688573579561782181913" defer></script>
vendor: 1 bytes, line 7572
7572
7573<script src="//iteaworld.com/cdn/shop/t/51/assets/customize-picker.js?v=184439348770099615091782181913" defer></script>
vendor: 1 bytes, line 7573
7573
7574<script src="//iteaworld.com/cdn/shop/t/51/assets/variant-select.js?v=42130493325122096751782181913" defer></script>
7574
7575
7576</div><div id="shopify-section-sections--27603633602839__cookie-banner" class="shopify-section shopify-section-group-aside-group-puff section-cookie-banner"><style data-shopify>
7577      .color-heading--sections--27603633602839__cookie-banner {
7578        --colors-heading: 137, 137, 137;
7579      }
7580    
7581    .dark .color-heading--sections--27603633602839__cookie-banner {
7582      
7583        --colors-heading: 137, 137, 137;
7584      
7585    }
7586    .button-accept {
7587      
7588        color: #ffffff;
7589      
7590      
7591        background-color: #6b7050;
7592        border-color: #6b7050;
7593      
7594    }
7595    .dark .button-accept {
7596      
7597        color: #ffffff;
7598      
7599      
7600        background-color: #6b7050;
7601        border-color: #6b7050;
7602      
7603    }
7604    .button-decline {
7605      
7606        border-color: #898989;
7607        color: #898989;
7608      
7609      border: 1px solid;
7610    }
7611    .dark .button-decline {
7612      
7613        border-color: #898989;
7614        color: #898989;
7615      
7616      border: 1px solid;
7617    }
7618    .bg-cookie-banner {
7619      
7620        color: #898989;
7621      
7622      background: #000000;
7623    }
7624    .dark .bg-cookie-banner {
7625      
7626        color: #898989;
7627      
7628      background: #000000;
7629    }</style><div 
7630    id="cookies-banner" 
7631    x-data="xCookieBanner(4)"  x-show="show"  
7632    x-cloak 
7633    x-transition:enter="transition-all ease-in-out duration-500"
7634    x-transition:enter-start="opacity-0 transform translate-y-full"
7635    x-transition:enter-end="opacity-100 transform translate-y-0"
7636    x-transition:leave="transition-all ease-in-out duration-500"
7637    x-transition:leave-end="opacity-0 transform translate-y-full"
7638    class="w-full fixed bottom-0 left-0 right-0 z-50 bg-cookie-banner color-heading--sections--27603633602839__cookie-banner"
7639  >
7640    <div class="x-pgw page-width mx-auto flex flex-wrap lg:flex-nowrap lg:justify-between">
7641      <div class="rte x-block-cookie-content py-3 w-full lg:py-4 lg:w-auto md:flex md:items-center md:justify-start rtl:md:justify-end text-left rtl:text-right"
7642      >
7643        <span><p>We use cookies and similar technologies to provide the best experience on our website. </p></span>
7644      </div>
7645      <div class="flex items-center pb-3 lg:pb-0 lg:ml-7 rtl:lg:ml-0 rtl:lg:mr-7 justify-center md:justify-start gap-2 w-full md:w-auto">
7646        
7647          <button class="button w-auto button-decline px-10 py-4 lg:my-4 empty:hidden whitespace-nowrap" @click="handleDecline()">
7648            Decline
7649          </button>
7650        
7651        
7652          <button class="button button-accept w-auto px-10 py-4 mr-2.5 lg:my-4 empty:hidden whitespace-nowrap" @click="handleAccept()">
7653            Got it!
7654          </button>
7655        
7656      </div>
7657    </div>
7658  </div>
7658<script src="//iteaworld.com/cdn/shop/t/51/assets/cookie-banner.js?v=135863105119365794521782181913" defer></script>
7658
7659
7660</div>
7661<!-- END sections: aside-group-puff -->
7662        
7663
7664      
7665      <main id="MainContent" class="content-for-layout focus-none outline-none grow theme-template-index theme-template-suffix-none" role="main" tabindex="-1">
7666        <section id="shopify-section-template--27603645268247__fe5dccd3-17fd-4fd3-ada9-a0e11305981c" class="shopify-section section section-slideshow"><style data-shopify>@media screen and (max-width: 767px) {
7667    .mobile-template--27603645268247__fe5dccd3-17fd-4fd3-ada9-a0e11305981c-natural{
7668      height: 0;
7669        padding-bottom: 149.8888888888889%;
7670    }
7671  }
7672  @media screen and (min-width: 768px) {
7673    .desktop-template--27603645268247__fe5dccd3-17fd-4fd3-ada9-a0e11305981c-natural{
7674      height: 0;
7675        padding-bottom: 46.42857142857143%;
7676    }
7677  }
7678  .paginate-slide-image--template--27603645268247__fe5dccd3-17fd-4fd3-ada9-a0e11305981c {
7679    
7680    
7681  }
7682  
7683    #overlay-image-paginate--template--27603645268247__fe5dccd3-17fd-4fd3-ada9-a0e11305981c.active {
7684      transition: width 5s ease-out;
7685      width: 100%;
7686      left: 0;
7687      right: auto;
7688      transform-origin: left;
7689    }
7690    .rtl #overlay-image-paginate--template--27603645268247__fe5dccd3-17fd-4fd3-ada9-a0e11305981c.active {
7691      right: 0;
7692      left: auto;
7693      transform-origin: right;
7694    }
7695    
7696      #x-slideshow-template--27603645268247__fe5dccd3-17fd-4fd3-ada9-a0e11305981c:hover #overlay-image-paginate--template--27603645268247__fe5dccd3-17fd-4fd3-ada9-a0e11305981c.active {
7697        transition: none;
7698        width: 0%;
7699      }
7700    
7701    
7702  .splide__arrow--prev:hover .pagination-button-next-overlay {
7703    opacity: 0;
7704    transition-duration: 100ms;
7705  }
7706  .splide__arrow--next:hover .pagination-image-next-overlay {
7707    opacity: 0;
7708    transition-duration: 100ms;
7709  }</style><div class="x-container-slideshow pt-[0px] md:pt-[0px] pb-[0px] md:pb-[0px]">
7710  <div
7711    id="x-slideshow-template--27603645268247__fe5dccd3-17fd-4fd3-ada9-a0e11305981c"
7712    class="pause-on-hover_slide_show splide-slideshow overflow-hidden visible mx-auto x-splide splide cursor-grab group md:pl-0 md:pr-0 full-width-mobile"
7713    
7714      x-intersect.once.margin.200px='$store.xSplide.load($el, {
7715        "speed": 1000, 
7716        "pauseOnHover": true,
7717        "pauseOnFocus": false,
7718          "rewind": true,
7719          "type": "fade",
7720"autoplay": true,
7721          "interval": 5000,
7722
7723        "classes": {"arrows": "splide__arrows block",
7724            "pagination": "splide__pagination flex pointer-events-none flex-nowrap absolute bottom-0 left-1/2 -translate-x-1/2 pagination-bars mb-4 ",
7725            "page": "rtl:pt-3 rtl:-rotate-180 button_pagination button md:w-20 h-2.5 none_border w-14 relative pagination-bars:rounded-none ml-0.5 mr-0.5 bg-none before:absolute before:top-0 before:right-0 before:bottom-0 before:h-1/2 before:left-0 before:opacity-40 before:bg-image-treatment pagination-bars:after:absolute after:bg-white pagination-bars:after:top-0 after:right-0 pagination-bars:overflow-hidden pagination-bars:after:bottom-0 pagination-bars:after:left-0 pagination-bars:after:-translate-x-full pagination-bars:relative pagination-bars:is-active-pagination:after:h-1/2 pagination-bars:is-active-pagination pagination-bars:is-active-pagination:after:animate-shimmerX_5s"
7726            
7727          
7728        },
7729        "events": [
7730          
7731          ,{
7732            "event": "ready",
7733            "callback": () => {
7734              
7735                let slide = document.getElementById("x-slideshow-template--27603645268247__fe5dccd3-17fd-4fd3-ada9-a0e11305981c").querySelector(".disable-animation-slideshow");
7736                if (slide) {
7737                  slide.classList.remove("disable-animation-slideshow");
7738                }
7739              
7740              
7741              
7742            }
7743          }
7744          
7745        ]
7746      })'><div x-intersect.once="$el.classList.remove('bg-[#c9c9c9]')" class="relative bg-[#c9c9c9]  splide__track overflow-hidden desktop-template--27603645268247__fe5dccd3-17fd-4fd3-ada9-a0e11305981c-natural mobile-template--27603645268247__fe5dccd3-17fd-4fd3-ada9-a0e11305981c-natural md:rounded-[10px] rounded-[10px]">
7747      <div class="w-full h-full splide__list flex md:absolute md:top-0 md:left-0 md:bottom-0 absolute top-0 left-0 bottom-0">
7748<style data-shopify>.button--slide_7gBUym.button-solid,
7749                .button--slide_7gBUym.button-solid:before {--colors-line-and-border: var(--colors-button);}
7750                .button--slide_7gBUym.button-outline {
7751
7752                }
7753                
7754.heading-slide_7gBUym {
7755                  font-size: 2.10375rem;
7756                }
7757                .sub-heading-slide_7gBUym {
7758                  font-size: 0.9rem;
7759                }
7760                .image-slide_7gBUym {
7761                  object-position:50.0% 50.0%;
7762                }
7763                .bg-content-slide_7gBUym {
7764                    background-color: rgb(var(--colors-background-secondary));}
7765                @media screen and (min-width: 768px) {
7766                  .heading-slide_7gBUym {
7767                    font-size: 4.2075rem;
7768                  }
7769                  .sub-heading-slide_7gBUym {
7770                    font-size: 1.0rem;
7771                  }
7772                  .image-slide_7gBUym {
7773                    object-position:50.0% 50.0%;
7774                  }
7775                  #image-paginate--template--27603645268247__fe5dccd3-17fd-4fd3-ada9-a0e11305981c[image-next-active="0"] {
7776                    
7777                      background-image: url(//iteaworld.com/cdn/shop/files/us_banner_2.webp?v=1790153742&width=300);
7778                    
7779                    background-size: cover;
7780                    background-repeat: no-repeat;
7781                    background-position: center;
7782                  }
7783                  .bg-full-slide_7gBUym {
7784                    background: transparent;
7785                  }
7786                }
7787                .bg-full-slide_7gBUym {
7788                    background-color: rgb(var(--colors-background-secondary));}</style>
7789                <div class="hidden"><img src="//iteaworld.com/cdn/shop/files/us_banner_1.webp?v=1790153742&amp;width=1500" alt="" srcset="//iteaworld.com/cdn/shop/files/us_banner_1.webp?v=1790153742&amp;width=375 375w, //iteaworld.com/cdn/shop/files/us_banner_1.webp?v=1790153742&amp;width=450 450w, //iteaworld.com/cdn/shop/files/us_banner_1.webp?v=1790153742&amp;width=750 750w, //iteaworld.com/cdn/shop/files/us_banner_1.webp?v=1790153742&amp;width=900 900w, //iteaworld.com/cdn/shop/files/us_banner_1.webp?v=1790153742&amp;width=1100 1100w, //iteaworld.com/cdn/shop/files/us_banner_1.webp?v=1790153742&amp;width=1500 1500w" width="1500" height="2248" loading="eager">
7790<img src="//iteaworld.com/cdn/shop/files/us_banner_2.webp?v=1790153742&amp;width=3840" alt="" srcset="//iteaworld.com/cdn/shop/files/us_banner_2.webp?v=1790153742&amp;width=750 750w, //iteaworld.com/cdn/shop/files/us_banner_2.webp?v=1790153742&amp;width=900 900w, //iteaworld.com/cdn/shop/files/us_banner_2.webp?v=1790153742&amp;width=1100 1100w, //iteaworld.com/cdn/shop/files/us_banner_2.webp?v=1790153742&amp;width=1500 1500w, //iteaworld.com/cdn/shop/files/us_banner_2.webp?v=1790153742&amp;width=1780 1780w, //iteaworld.com/cdn/shop/files/us_banner_2.webp?v=1790153742&amp;width=2000 2000w, //iteaworld.com/cdn/shop/files/us_banner_2.webp?v=1790153742&amp;width=3000 3000w, //iteaworld.com/cdn/shop/files/us_banner_2.webp?v=1790153742&amp;width=3840 3840w" width="3840" height="1783" loading="eager">
7791                </div>
7792              
7793              <div x-slide-index="0" 
7794                class="x-block-slide x-slideshow-slide_7gBUym disable-animation-sli
7794deshow  h-full relative transition-opacity flex-shrink-0 w-full splide__slide x-splide-slide w-full"
7795                x-data="{effect: false}" 
7796                
7797                
7798              >
7799                
7800                  <div x-intersect.half="effect = true" x-intersect:leave.margin.-20px="effect = false" class="absolute top-0 left-0 w-full h-full hidden active-slide-fade active-slide-fade-first">
7801                  </div>
7802                
7803                <div class="h-full relative overflow-hidden">
7804                  
7805                    
7806<div class="image-slideshow-desktop hidden md:block">
7807  <span class="absolute top-0 left-0 bottom-0 right-0 z-10 image-treatment-overlay opacity-0"></span>
7808  <div :class="effect && 'active'" class="w-full absolute top-0 left-0 h-full md:absolute md:top-0 md:left-0 z-0 animate_transition_slide__image">
7809      <parallax-image class="h-full w-full">
7810        <parallax-movement x-data="xParallax" x-intersect.once.margin.200px="load(true)">
7811          <picture>
7812            <img
7813              srcset="//iteaworld.com/cdn/shop/files/us_banner_2.webp?v=1790153742&width=750 750w,
7814                //iteaworld.com/cdn/shop/files/us_banner_2.webp?v=1790153742&width=900 900w,
7815                //iteaworld.com/cdn/shop/files/us_banner_2.webp?v=1790153742&width=1100 1100w,
7816                //iteaworld.com/cdn/shop/files/us_banner_2.webp?v=1790153742&width=1500 1500w,
7817                //iteaworld.com/cdn/shop/files/us_banner_2.webp?v=1790153742&width=1780 1780w,
7818                //iteaworld.com/cdn/shop/files/us_banner_2.webp?v=1790153742&width=2000 2000w,
7819                //iteaworld.com/cdn/shop/files/us_banner_2.webp?v=1790153742&width=3000 3000w,
7820                //iteaworld.com/cdn/shop/files/us_banner_2.webp?v=1790153742&width=3840 3840w"
7821              
7822                
7823                  loading="lazy"
7824                
7825              
7826              sizes="100vw"
7827              src="//iteaworld.com/cdn/shop/files/us_banner_2.webp?v=1790153742&width=3840"
7828              alt=""
7829              class="object-cover h-full w-full image-slide_7gBUym"
7830              width="2800"
7831              height="1300"
7832            >
7833          </picture>
7834        </parallax-movement>
7835      </parallax-image>
7836      
7837
7838  </div>
7839</div>
7840                    
7841<div class="image-slideshow-mobile block md:hidden">
7842  <span class="absolute top-0 left-0 bottom-0 right-0 z-10 image-treatment-overlay opacity-0"></span>
7843  <div :class="effect && 'active'" class="w-full absolute top-0 left-0 h-full md:absolute md:top-0 md:left-0 z-0 animate_transition_slide__image">
7844      <parallax-image class="h-full w-full">
7845        <parallax-movement x-data="xParallax" x-intersect.once.margin.200px="load(true)">
7846          <picture>
7847            <img
7848              srcset="//iteaworld.com/cdn/shop/files/us_banner_1.webp?v=1790153742&width=750 750w,
7849                //iteaworld.com/cdn/shop/files/us_banner_1.webp?v=1790153742&width=900 900w,
7850                //iteaworld.com/cdn/shop/files/us_banner_1.webp?v=1790153742&width=1100 1100w,
7851                //iteaworld.com/cdn/shop/files/us_banner_1.webp?v=1790153742&width=1500 1500w,
7852                //iteaworld.com/cdn/shop/files/us_banner_1.webp?v=1790153742&width=1780 1780w,
7853                //iteaworld.com/cdn/shop/files/us_banner_1.webp?v=1790153742&width=2000 2000w,
7854                //iteaworld.com/cdn/shop/files/us_banner_1.webp?v=1790153742&width=3000 3000w,
7855                //iteaworld.com/cdn/shop/files/us_banner_1.webp?v=1790153742&width=3840 3840w"
7856              
7857                
7858                  loading="lazy"
7859                
7860              
7861              sizes="100vw"
7862              src="//iteaworld.com/cdn/shop/files/us_banner_1.webp?v=1790153742&width=3840"
7863              alt=""
7864              class="object-cover h-full w-full image-slide_7gBUym"
7865              width="900"
7866              height="1349"
7867            >
7868          </picture>
7869        </parallax-movement>
7870      </parallax-image>
7871      
7872
7873  </div>
7874</div>
7875                  
7876                </div><div class="hero-text pointer-events-none transition x-pgw page-width absolute left-1/2 z-20 -translate-x-1/2 top-0 w-full h-full table">
7877                  <div class="table-cell max-w-full md:max-w-[745px] md:min-w-[30rem] lg:w-[65%]
7878 align-middle text-center"
7879                  >
7880                    <div :class="effect && 'active'" class=" mb-5 md:mb-6  xl:pr-[60px] xl:pl-[60px] lg:pr-10 lg:pl-10 animate_transition_slide__box mx-auto float-center lg:max-w-[700px] pt-5 pr-5 pl-5 pb-5  xl:rounded-[60px] md:rounded-[40px] rounded-3xl">
7881                    </div>
7882                  </div>
7883                </div>
7884                
7885                  <a href="/collections/us-local-stock" target="_blank" class="absolute top-0 left-0 bottom-0 right-0 z-[19] opacity-0">/collections/us-local-stock</a>
7886                
7887              </div>
7888            
7889
7890<style data-shopify>.button--slide_EVECXF.button-solid,
7891                .button--slide_EVECXF.button-solid:before {--colors-line-and-border: var(--colors-button);}
7892                .button--slide_EVECXF.button-outline {
7893
7894                }
7895                
7896.heading-slide_EVECXF {
7897                  font-size: 2.10375rem;
7898                }
7899                .sub-heading-slide_EVECXF {
7900                  font-size: 0.9rem;
7901                }
7902                .image-slide_EVECXF {
7903                  object-position:50.0% 50.0%;
7904                }
7905                .bg-content-slide_EVECXF {
7906                    background-color: rgb(var(--colors-background-secondary));}
7907                @media screen and (min-width: 768px) {
7908                  .heading-slide_EVECXF {
7909                    font-size: 4.2075rem;
7910                  }
7911                  .sub-heading-slide_EVECXF {
7912                    font-size: 1.0rem;
7913                  }
7914                  .image-slide_EVECXF {
7915                    object-position:50.0% 50.0%;
7916                  }
7917                  #image-paginate--template--27603645268247__fe5dccd3-17fd-4fd3-ada9-
7917a0e11305981c[image-next-active="1"] {
7918                    
7919                      background-image: url(//iteaworld.com/cdn/shop/files/banner_6.webp?v=1790243788&width=300);
7920                    
7921                    background-size: cover;
7922                    background-repeat: no-repeat;
7923                    background-position: center;
7924                  }
7925                  .bg-full-slide_EVECXF {
7926                    background: transparent;
7927                  }
7928                }
7929                .bg-full-slide_EVECXF {
7930                    background-color: rgb(var(--colors-background-secondary));}</style>
7931              <div x-slide-index="1" 
7932                class="x-block-slide x-slideshow-slide_EVECXF h-full relative transition-opacity flex-shrink-0 w-full splide__slide x-splide-slide w-full"
7933                x-data="{effect: false}" 
7934                
7935                
7936              >
7937                
7938                  <div x-intersect.half="effect = true" x-intersect:leave.margin.-20px="effect = false" class="absolute top-0 left-0 w-full h-full hidden active-slide-fade">
7939                  </div>
7940                
7941                <div class="h-full relative overflow-hidden">
7942                  
7943                    
7944<div class="image-slideshow-desktop hidden md:block">
7945  <span class="absolute top-0 left-0 bottom-0 right-0 z-10 image-treatment-overlay opacity-0"></span>
7946  <div :class="effect && 'active'" class="w-full absolute top-0 left-0 h-full md:absolute md:top-0 md:left-0 z-0 animate_transition_slide__image">
7947      <parallax-image class="h-full w-full">
7948        <parallax-movement x-data="xParallax" x-intersect.once.margin.200px="load(true)">
7949          <picture>
7950            <img
7951              srcset="//iteaworld.com/cdn/shop/files/banner_6.webp?v=1790243788&width=750 750w,
7952                //iteaworld.com/cdn/shop/files/banner_6.webp?v=1790243788&width=900 900w,
7953                //iteaworld.com/cdn/shop/files/banner_6.webp?v=1790243788&width=1100 1100w,
7954                //iteaworld.com/cdn/shop/files/banner_6.webp?v=1790243788&width=1500 1500w,
7955                //iteaworld.com/cdn/shop/files/banner_6.webp?v=1790243788&width=1780 1780w,
7956                //iteaworld.com/cdn/shop/files/banner_6.webp?v=1790243788&width=2000 2000w,
7957                //iteaworld.com/cdn/shop/files/banner_6.webp?v=1790243788&width=3000 3000w,
7958                //iteaworld.com/cdn/shop/files/banner_6.webp?v=1790243788&width=3840 3840w"
7959              
7960                
7961                  loading="lazy"
7962                
7963              
7964              sizes="100vw"
7965              src="//iteaworld.com/cdn/shop/files/banner_6.webp?v=1790243788&width=3840"
7966              alt=""
7967              class="object-cover h-full w-full image-slide_EVECXF"
7968              width="2800"
7969              height="1300"
7970            >
7971          </picture>
7972        </parallax-movement>
7973      </parallax-image>
7974      
7975
7976  </div>
7977</div>
7978                    
7979<div class="image-slideshow-mobile block md:hidden">
7980  <span class="absolute top-0 left-0 bottom-0 right-0 z-10 image-treatment-overlay opacity-0"></span>
7981  <div :class="effect && 'active'" class="w-full absolute top-0 left-0 h-full md:absolute md:top-0 md:left-0 z-0 animate_transition_slide__image">
7982      <parallax-image class="h-full w-full">
7983        <parallax-movement x-data="xParallax" x-intersect.once.margin.200px="load(true)">
7984          <picture>
7985            <img
7986              srcset="//iteaworld.com/cdn/shop/files/banner_3.webp?v=1790243788&width=750 750w,
7987                //iteaworld.com/cdn/shop/files/banner_3.webp?v=1790243788&width=900 900w,
7988                //iteaworld.com/cdn/shop/files/banner_3.webp?v=1790243788&width=1100 1100w,
7989                //iteaworld.com/cdn/shop/files/banner_3.webp?v=1790243788&width=1500 1500w,
7990                //iteaworld.com/cdn/shop/files/banner_3.webp?v=1790243788&width=1780 1780w,
7991                //iteaworld.com/cdn/shop/files/banner_3.webp?v=1790243788&width=2000 2000w,
7992                //iteaworld.com/cdn/shop/files/banner_3.webp?v=1790243788&width=3000 3000w,
7993                //iteaworld.com/cdn/shop/files/banner_3.webp?v=1790243788&width=3840 3840w"
7994              
7995                
7996                  loading="lazy"
7997                
7998              
7999              sizes="100vw"
8000              src="//iteaworld.com/cdn/shop/files/banner_3.webp?v=1790243788&width=3840"
8001              alt=""
8002              class="object-cover h-full w-full image-slide_EVECXF"
8003              width="900"
8004              height="1349"
8005            >
8006          </picture>
8007        </parallax-movement>
8008      </parallax-image>
8009      
8010
8011  </div>
8012</div>
8013                  
8014                </div><div class="hero-text pointer-events-none transition x-pgw page-width absolute left-1/2 z-20 -translate-x-1/2 top-0 w-full h-full table">
8015                  <div class="table-cell max-w-full md:max-w-[745px] md:min-w-[30rem] lg:w-[65%]
8016 align-middle text-center"
8017                  >
8018                    <div :class="effect && 'active'" class=" mb-5 md:mb-6  xl:pr-[60px] xl:pl-[60px] lg:pr-10 lg:pl-10 animate_transition_slide__box mx-auto float-center lg:max-w-[700px] pt-5 pr-5 pl-5 pb-5  xl:rounded-[60px] md:rounded-[40px] rounded-3xl">
8019                    </div>
8020                  </div>
8021                </div>
8022                
8023                  <a href="/pages/northwest-tea-festival" class="absolute top-0 left-0 bottom-0 right-0 z-[19] opacity-0">/pages/northwest-tea-festival</a>
8024                
8025              </div>
8026            
8027
8028<style data-shopify>.button--slide_NY7bBc.button-solid,
8029                .button--slide_NY7bBc.button-solid:before {--colors-line-and-border: var(--colors-button);}
8030                .button--slide_NY7bBc.button-outline {
8031--background-secondary-button: 255, 255, 255; 
8032                    --colors-line-secondary-button: 255, 255, 255; 
8033                  
8034                }
8035                
8036.heading-slide_NY7bBc {
8037                  font-size: 2.10375rem;
8038                }
8039                .sub-heading-slide_NY7bBc {
8040                  font-size: 0.9rem;
8041                }
8042                .image-slide_NY7bBc {
8043                  object-position:50.0% 50.0%;
8044                }
8045                .bg-content-slide_NY7bBc {
8046                    background-color: rgb(var(--colors-background-secondary));}
8047                @media screen and (min-width: 768px) {
8048                  .heading-slide_NY7bBc {
8049                    font-size: 4.2075rem;
8050                  }
8051                  .sub-heading-slide_NY7bBc {
8052                    font-size: 1.0rem;
8053                  }
8054                  .image-slide_NY7bBc {
8055                    object-position:50.0% 50.0%;
8056                  }
8057                  #image-paginate--template--27603645268247__fe5dccd3-17fd-4fd3-ada9-
8057a0e11305981c[image-next-active="2"] {
8058                    
8059                      background-image: url(//iteaworld.com/cdn/shop/files/Chinese_scented_tea_-iTeaworld_3.webp?v=1789113616&width=300);
8060                    
8061                    background-size: cover;
8062                    background-repeat: no-repeat;
8063                    background-position: center;
8064                  }
8065                  .bg-full-slide_NY7bBc {
8066                    background: transparent;
8067                  }
8068                }
8069                .bg-full-slide_NY7bBc {
8070                    background-color: rgb(var(--colors-background-secondary));}</style>
8071              <div x-slide-index="2" 
8072                class="x-block-slide x-slideshow-slide_NY7bBc h-full relative transition-opacity flex-shrink-0 w-full splide__slide x-splide-slide w-full"
8073                x-data="{effect: false}" 
8074                
8075                
8076              >
8077                
8078                  <div x-intersect.half="effect = true" x-intersect:leave.margin.-20px="effect = false" class="absolute top-0 left-0 w-full h-full hidden active-slide-fade">
8079                  </div>
8080                
8081                <div class="h-full relative overflow-hidden">
8082                  
8083                    
8084<div class="image-slideshow-desktop hidden md:block">
8085  <span class="absolute top-0 left-0 bottom-0 right-0 z-10 image-treatment-overlay opacity-0"></span>
8086  <div :class="effect && 'active'" class="w-full absolute top-0 left-0 h-full md:absolute md:top-0 md:left-0 z-0 animate_transition_slide__image">
8087      <parallax-image class="h-full w-full">
8088        <parallax-movement x-data="xParallax" x-intersect.once.margin.200px="load(true)">
8089          <picture>
8090            <img
8091              srcset="//iteaworld.com/cdn/shop/files/Chinese_scented_tea_-iTeaworld_3.webp?v=1789113616&width=750 750w,
8092                //iteaworld.com/cdn/shop/files/Chinese_scented_tea_-iTeaworld_3.webp?v=1789113616&width=900 900w,
8093                //iteaworld.com/cdn/shop/files/Chinese_scented_tea_-iTeaworld_3.webp?v=1789113616&width=1100 1100w,
8094                //iteaworld.com/cdn/shop/files/Chinese_scented_tea_-iTeaworld_3.webp?v=1789113616&width=1500 1500w,
8095                //iteaworld.com/cdn/shop/files/Chinese_scented_tea_-iTeaworld_3.webp?v=1789113616&width=1780 1780w,
8096                //iteaworld.com/cdn/shop/files/Chinese_scented_tea_-iTeaworld_3.webp?v=1789113616&width=2000 2000w,
8097                //iteaworld.com/cdn/shop/files/Chinese_scented_tea_-iTeaworld_3.webp?v=1789113616&width=3000 3000w,
8098                //iteaworld.com/cdn/shop/files/Chinese_scented_tea_-iTeaworld_3.webp?v=1789113616&width=3840 3840w"
8099              
8100                
8101                  loading="lazy"
8102                
8103              
8104              sizes="100vw"
8105              src="//iteaworld.com/cdn/shop/files/Chinese_scented_tea_-iTeaworld_3.webp?v=1789113616&width=3840"
8106              alt=""
8107              class="object-cover h-full w-full image-slide_NY7bBc"
8108              width="2800"
8109              height="1300"
8110            >
8111          </picture>
8112        </parallax-movement>
8113      </parallax-image>
8114      
8115
8116  </div>
8117</div>
8118                    
8119<div class="image-slideshow-mobile block md:hidden">
8120  <span class="absolute top-0 left-0 bottom-0 right-0 z-10 image-treatment-overlay opacity-0"></span>
8121  <div :class="effect && 'active'" class="w-full absolute top-0 left-0 h-full md:absolute md:top-0 md:left-0 z-0 animate_transition_slide__image">
8122      <parallax-image class="h-full w-full">
8123        <parallax-movement x-data="xParallax" x-intersect.once.margin.200px="load(true)">
8124          <picture>
8125            <img
8126              srcset="//iteaworld.com/cdn/shop/files/Chinese_scented_tea_-iTeaworld_2.webp?v=1789113616&width=750 750w,
8127                //iteaworld.com/cdn/shop/files/Chinese_scented_tea_-iTeaworld_2.webp?v=1789113616&width=900 900w,
8128                //iteaworld.com/cdn/shop/files/Chinese_scented_tea_-iTeaworld_2.webp?v=1789113616&width=1100 1100w,
8129                //iteaworld.com/cdn/shop/files/Chinese_scented_tea_-iTeaworld_2.webp?v=1789113616&width=1500 1500w,
8130                //iteaworld.com/cdn/shop/files/Chinese_scented_tea_-iTeaworld_2.webp?v=1789113616&width=1780 1780w,
8131                //iteaworld.com/cdn/shop/files/Chinese_scented_tea_-iTeaworld_2.webp?v=1789113616&width=2000 2000w,
8132                //iteaworld.com/cdn/shop/files/Chinese_scented_tea_-iTeaworld_2.webp?v=1789113616&width=3000 3000w,
8133                //iteaworld.com/cdn/shop/files/Chinese_scented_tea_-iTeaworld_2.webp?v=1789113616&width=3840 3840w"
8134              
8135                
8136                  loading="lazy"
8137                
8138              
8139              sizes="100vw"
8140              src="//iteaworld.com/cdn/shop/files/Chinese_scented_tea_-iTeaworld_2.webp?v=1789113616&width=3840"
8141              alt=""
8142              class="object-cover h-full w-full image-slide_NY7bBc"
8143              width="900"
8144              height="1182"
8145            >
8146          </picture>
8147        </parallax-movement>
8148      </parallax-image>
8149      
8150
8151  </div>
8152</div>
8153                  
8154                </div><div class="hero-text pointer-events-none transition x-pgw page-width absolute left-1/2 z-20 -translate-x-1/2 top-0 w-full h-full table">
8155                  <div class="table-cell max-w-full md:max-w-[745px] md:min-w-[30rem] lg:w-[65%]
8156 align-middle text-center"
8157                  >
8158                    <div :class="effect && 'active'" class=" mb-5 md:mb-6  xl:pr-[60px] xl:pl-[60px] lg:pr-10 lg:pl-10 animate_transition_slide__box mx-auto float-center lg:max-w-[700px] pt-5 pr-5 pl-5 pb-5  xl:rounded-[60px] md:rounded-[40px] rounded-3xl">
8159                    </div>
8160                  </div>
8161                </div>
8162                
8163                  <a href="/pages/chinese-flower-scented-teas" target="_blank" class="absolute top-0 left-0 bottom-0 right-0 z-[19] opacity-0">/pages/chinese-flower-scented-teas</a>
8164                
8165              </div>
8166            
8167
8168<style data-shopify>.button--slide_awRaxq.button-solid,
8169                .button--slide_awRaxq.button-solid:before {--colors-line-and-border: var(--colors-button);}
8170                .button--slide_awRaxq.button-outline {
8171
8172                }
8173                
8174.heading-slide_awRaxq {
8175                  font-size: 2.10375rem;
8176                }
8177                .sub-heading-slide_awRaxq {
8178                  font-size: 0.9rem;
8179                }
8180                .image-slide_awRaxq {
8181                  object-position:50.0% 50.0%;
8182                }
8183                .bg-content-slide_awRaxq {
8184                    background-color: rgb(var(--colors-background-secondary));}
8185                @media screen and (min-width: 768px) {
8186                  .heading-slide_awRaxq {
8187                    font-size: 4.2075rem;
8188                  }
8189                  .sub-heading-slide_awRaxq {
8190                    font-size: 1.0rem;
8191                  }
8192                  .image-slide_awRaxq {
8193                    object-position:50.0% 50.0%;
8194                  }
8195                  #image-paginate--template--27603645268247__fe5dccd3-17fd-4fd3-ada9-a0e11305981c[image-next-active="3"] {
8196                    
8197                      background-image: url(//iteaworld.com/cdn/shop/files/chiense_brewing_calculator_2.webp?v=1789452669&width=300);
8198                    
8199                    background-size: cover;
8200                    background-repeat: no-repeat;
8201                    background-position: center;
8202                  }
8203                  .bg-full-slide_awRaxq {
8204                    background: transparent;
8205                  }
8206                }
8207                .bg-full-slide_awRaxq {
8208                    background-color: rgb(var(--colors-background-secondary));}</style>
8209              <div x-slide-index="3" 
8210                class="x-block-slide x-slideshow-slide_awRaxq h-full relative transition-opacity flex-shrink-0 w-full splide__slide x-splide-slide w-full"
8211                x-data="{effect: false}" 
8212                
8213                
8214              >
8215                
8216                  <div x-intersect.half="effect = true" x-intersect:leave.margin.-20px="effect = false" class="absolute top-0 left-0 w-full h-full hidden active-slide-fade">
8217                  </div>
8218                
8219                <div class="h-full relative overflow-hidden">
8220                  
8221                    
8222<div class="image-slideshow-desktop hidden md:block">
8223  <span class="absolute top-0 left-0 bottom-0 right-0 z-10 image-treatment-overlay opacity-0"></span>
8224  <div :class="effect && 'active'" class="w-full absolute top-0 left-0 h-full md:absolute md:top-0 md:left-0 z-0 animate_transition_slide__image">
8225      <parallax-image class="h-full w-full">
8226        <parallax-movement x-data="xParallax" x-intersect.once.margin.200px="load(true)">
8227          <picture>
8228            <img
8229              srcset="//iteaworld.com/cdn/shop/files/chiense_brewing_calculator_2.webp?v=1789452669&width=750 750w,
8230                //iteaworld.com/cdn/shop/files/chiense_brewing_calculator_2.webp?v=1789452669&width=900 900w,
8231                //iteaworld.com/cdn/shop/files/chiense_brewing_calculator_2.webp?v=1789452669&width=1100 1100w,
8232                //iteaworld.com/cdn/shop/files/chiense_brewing_calculator_2.webp?v=1789452669&width=1500 1500w,
8233                //iteaworld.com/cdn/shop/files/chiense_brewing_calculator_2.webp?v=1789452669&width=1780 1780w,
8234                //iteaworld.com/cdn/shop/files/chiense_brewing_calculator_2.webp?v=1789452669&width=2000 2000w,
8235                //iteaworld.com/cdn/shop/files/chiense_brewing_calculator_2.webp?v=1789452669&width=3000 3000w,
8236                //iteaworld.com/cdn/shop/files/chiense_brewing_calculator_2.webp?v=1789452669&width=3840 3840w"
8237              
8238                
8239                  loading="lazy"
8240                
8241              
8242              sizes="100vw"
8243              src="//iteaworld.com/cdn/shop/files/chiense_brewing_calculator_2.webp?v=1789452669&width=3840"
8244              alt=""
8245              class="object-cover h-full w-full image-slide_awRaxq"
8246              width="2800"
8247              height="1300"
8248            >
8249          </picture>
8250        </parallax-movement>
8251      </parallax-image>
8252      
8253
8254  </div>
8255</div>
8256                    
8257<div class="image-slideshow-mobile block md:hidden">
8258  <span class="absolute top-0 left-0 bottom-0 right-0 z-10 image-treatment-overlay opacity-0"></span>
8259  <div :class="effect && 'active'" class="w-full absolute top-0 left-0 h-full md:absolute md:top-0 md:left-0 z-0 animate_transition_slide__image">
8260      <parallax-image class="h-full w-full">
8261        <parallax-movement x-data="xParallax" x-intersect.once.margin.200px="load(true)">
8262          <picture>
8263            <img
8264              srcset="//iteaworld.com/cdn/shop/files/chiense_brewing_calculator_1.webp?v=1789452669&width=750 750w,
8265                //iteaworld.com/cdn/shop/files/chiense_brewing_calculator_1.webp?v=1789452669&width=900 900w,
8266                //iteaworld.com/cdn/shop/files/chiense_brewing_calculator_1.webp?v=1789452669&width=1100 1100w,
8267                //iteaworld.com/cdn/shop/files/chiense_brewing_calculator_1.webp?v=1789452669&width=1500 1500w,
8268                //iteaworld.com/cdn/shop/files/chiense_brewing_calculator_1.webp?v=1789452669&width=1780 1780w,
8269                //iteaworld.com/cdn/shop/files/chiense_brewing_calculator_1.webp?v=1789452669&width=2000 2000w,
8270                //iteaworld.com/cdn/shop/files/chiense_brewing_calculator_1.webp?v=1789452669&width=3000 3000w,
8271                //iteaworld.com/cdn/shop/files/chiense_brewing_calculator_1.webp?v=1789452669&width=3840 3840w"
8272              
8273                
8274                  loading="lazy"
8275                
8276              
8277              sizes="100vw"
8278              src="//iteaworld.com/cdn/shop/files/chiense_brewing_calculator_1.webp?v=1789452669&width=3840"
8279              alt=""
8280              class="object-cover h-full w-full image-slide_awRaxq"
8281              width="900"
8282              height="1349"
8283            >
8284          </picture>
8285        </parallax-movement>
8286      </parallax-image>
8287      
8288
8289  </div>
8290</div>
8291                  
8292                </div><div class="hero-text pointer-events-none transition x-pgw page-width absolute left-1/2 z-20 -translate-x-1/2 top-0 w-full h-full table">
8293                  <div class="table-cell max-w-full md:max-w-[745px] md:min-w-[30rem] lg:w-[65%]
8294 align-middle text-center"
8295                  >
8296                    <div :class="effect && 'active'" class=" mb-5 md:mb-6  xl:pr-[60px] xl:pl-[60px] lg:pr-10 lg:pl-10 animate_transition_slide__box mx-auto float-center lg:max-w-[700px] pt-5 pr-5 pl-5 pb-5  xl:rounded-[60px] md:rounded-[40px] rounded-3xl">
8297                    </div>
8298                  </div>
8299                </div>
8300                
8301                  <a href="/pages/chinese-loose-leaf-tea-brewing-calculator" target="_blank" class="absolute top-0 left-0 bottom-0 right-0 z-[19] opacity-0">/pages/chinese-loose-leaf-tea-brewing-calculator</a>
8302                
8303              </div>
8304            
8305
8306<style data-shopify>.button--slide_xwMrQ3.button-solid,
8307                .button--slide_xwMrQ3.button-solid:before {--colors-line-and-border: var(--colors-button);}
8308                .button--slide_xwMrQ3.button-outline {
8309
8310                }
8311                
8312.heading-slide_xwMrQ3 {
8313                  font-size: 2.10375rem;
8314                }
8315                .sub-heading-slide_xwMrQ3 {
8316                  font-size: 0.9rem;
8317                }
8318                .image-slide_xwMrQ3 {
8319                  object-position:50.0% 50.0%;
8320                }
8321                .bg-content-slide_xwMrQ3 {
8322                    background-color: rgb(var(--colors-background-secondary));}
8323                @media screen and (min-width: 768px) {
8324                  .heading-slide_xwMrQ3 {
8325                    font-size: 4.2075rem;
8326                  }
8327                  .sub-heading-slide_xwMrQ3 {
8328                    font-size: 1.0rem;
8329                  }
8330                  .image-slide_xwMrQ3 {
8331                    object-position:50.0% 50.0%;
8332                  }
8333                  #image-paginate--template--27603645268247__fe5dccd3-17fd-4fd3-ada9-a0e11305981c[image-next-active="4"] {
8334                    
8335                      background-image: url(//iteaworld.com/cdn/shop/files/workday_tea_collection_2.jpg?v=1788244574&width=300);
8336                    
8337                    background-size: cover;
8338                    background-repeat: no-repeat;
8339                    background-position: center;
8340                  }
8341                  .bg-full-slide_xwMrQ3 {
8342                    background: transparent;
8343                  }
8344                }
8345                .bg-full-slide_xwMrQ3 {
8346                    background-color: rgb(var(--colors-background-secondary));}</style>
8347              <div x-slide-index="4" 
8348                class="x-block-slide x-slideshow-slide_xwMrQ3 h-full relative transition-opacity flex-shrink-0 w-full splide__slide x-splide-slide w-full"
8349                x-data="{effect: false}" 
8350                
8351                
8352              >
8353                
8354                  <div x-intersect.half="effect = true" x-intersect:leave.margin.-20px="effect = false" class="absolute top-0 left-0 w-full h-full hidden active-slide-fade">
8355                  </div>
8356                
8357                <div class="h-full relative overflow-hidden">
8358                  
8359                    
8360<div class="image-slideshow-desktop hidden md:block">
8361  <span class="absolute top-0 left-0 bottom-0 right-0 z-10 image-treatment-overlay opacity-0"></span>
8362  <div :class="effect && 'active'" class="w-full absolute top-0 left-0 h-full md:absolute md:top-0 md:left-0 z-0 animate_transition_slide__image">
8363      <parallax-image class="h-full w-full">
8364        <parallax-movement x-data="xParallax" x-intersect.once.margin.200px="load(true)">
8365          <picture>
8366            <img
8367              srcset="//iteaworld.com/cdn/shop/files/workday_tea_collection_2.jpg?v=1788244574&width=750 750w,
8368                //iteaworld.com/cdn/shop/files/workday_tea_collection_2.jpg?v=1788244574&width=900 900w,
8369                //iteaworld.com/cdn/shop/files/workday_tea_collection_2.jpg?v=1788244574&width=1100 1100w,
8370                //iteaworld.com/cdn/shop/files/workday_tea_collection_2.jpg?v=1788244574&width=1500 1500w,
8371                //iteaworld.com/cdn/shop/files/workday_tea_collection_2.jpg?v=1788244574&width=1780 1780w,
8372                //iteaworld.com/cdn/shop/files/workday_tea_collection_2.jpg?v=1788244574&width=2000 2000w,
8373                //iteaworld.com/cdn/shop/files/workday_tea_collection_2.jpg?v=1788244574&width=3000 3000w,
8374                //iteaworld.com/cdn/shop/files/workday_tea_collection_2.jpg?v=1788244574&width=3840 3840w"
8375              
8376                
8377                  loading="lazy"
8378                
8379              
8380              sizes="100vw"
8381              src="//iteaworld.com/cdn/shop/files/workday_tea_collection_2.jpg?v=1788244574&width=3840"
8382              alt=""
8383              class="object-cover h-full w-full image-slide_xwMrQ3"
8384              width="2800"
8385              height="1300"
8386            >
8387          </picture>
8388        </parallax-movement>
8389      </parallax-image>
8390      
8391
8392  </div>
8393</div>
8394                    
8395<div class="image-slideshow-mobile block md:hidden">
8396  <span class="absolute top-0 left-0 bottom-0 right-0 z-10 image-treatment-overlay opacity-0"></span>
8397  <div :class="effect && 'active'" class="w-full absolute top-0 left-0 h-full md:absolute md:top-0 md:left-0 z-0 animate_transition_slide__image">
8398      <parallax-image class="h-full w-full">
8399        <parallax-movement x-data="xParallax" x-intersect.once.margin.200px="load(true)">
8400          <picture>
8401            <img
8402              srcset="//iteaworld.com/cdn/shop/files/workday_tea_collection_1.jpg?v=1788244574&width=750 750w,
8403                //iteaworld.com/cdn/shop/files/workday_tea_collection_1.jpg?v=1788244574&width=900 900w,
8404                //iteaworld.com/cdn/shop/files/workday_tea_collection_1.jpg?v=1788244574&width=1100 1100w,
8405                //iteaworld.com/cdn/shop/files/workday_tea_collection_1.jpg?v=1788244574&width=1500 1500w,
8406                //iteaworld.com/cdn/shop/files/workday_tea_collection_1.jpg?v=1788244574&width=1780 1780w,
8407                //iteaworld.com/cdn/shop/files/workday_tea_collection_1.jpg?v=1788244574&width=2000 2000w,
8408                //iteaworld.com/cdn/shop/files/workday_tea_collection_1.jpg?v=1788244574&width=3000 3000w,
8409                //iteaworld.com/cdn/shop/files/workday_tea_collection_1.jpg?v=1788244574&width=3840 3840w"
8410              
8411                
8412                  loading="lazy"
8413                
8414              
8415              sizes="100vw"
8416              src="//iteaworld.com/cdn/shop/files/workday_tea_collection_1.jpg?v=1788244574&width=3840"
8417              alt=""
8418              class="object-cover h-full w-full image-slide_xwMrQ3"
8419              width="900"
8420              height="1182"
8421            >
8422          </picture>
8423        </parallax-movement>
8424      </parallax-image>
8425      
8426
8427  </div>
8428</div>
8429                  
8430                </div><div class="hero-text pointer-events-none transition x-pgw page-width absolute left-1/2 z-20 -translate-x-1/2 top-0 w-full h-full table">
8431                  <div class="table-cell max-w-full md:max-w-[745px] md:min-w-[30rem] lg:w-[65%]
8432 align-middle text-center"
8433                  >
8434                    <div :class="effect && 'active'" class=" mb-5 md:mb-6  xl:pr-[60px] xl:pl-[60px] lg:pr-10 lg:pl-10 animate_transition_slide__box mx-auto float-center lg:max-w-[700px] pt-5 pr-5 pl-5 pb-5  xl:rounded-[60px] md:rounded-[40px] rounded-3xl">
8435                    </div>
8436                  </div>
8437                </div>
8438                
8439                  <a href="/products/workday-chinese-tea-collection" class="absolute top-0 left-0 bottom-0 right-0 z-[19] opacity-0">/products/workday-chinese-tea-collection</a>
8440                
8441              </div>
8442            
8443</div>
8444    </div>
8445    
8446      <div class="splide__arrows">
8447        <button class="splide__arrow splide__arrow--prev button-arrow hidden group-hover:lg:block absolute none_border z-10 w-12 h-12 rounded-full after:text-[20px] rtl:-rotate-90 p-4 top-1/2 left-0 -translate-y-1/2 lg:left-8 rtl:lg:left-auto rtl:lg:right-8 duration-100 opacity-60 hover:opacity-100 disabled:opacity-40 disabled:cursor-not-allowed rotate-90" aria-label="previous slide">
8448          <svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
8449    <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
8450  </svg>
8451
8452        </button>
8453        <button class="splide__arrow splide__arrow--next button-arrow hidden group-hover:lg:block absolute none_border z-10 w-12 h-12 rounded-full after:text-[20px] rtl:rotate-90 p-4 top-1/2 right-0 -translate-y-1/2 lg:right-8 rtl:lg:right-auto rtl:lg:left-8 duration-100 opacity-60 hover:opacity-100 disabled:opacity-40 disabled:cursor-not-allowed -rotate-90" aria-label="next slide">
8454          <svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
8455    <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
8456  </svg>
8457
8458        </button>
8459      </div>
8460    
8461</div>
8462</div>
8463<script src="//iteaworld.com/cdn/shop/t/51/assets/video.js?v=177285238053898208851782181913" defer></script>
8463
8464</section><section id="shopify-section-template--27603645268247__text_column_with_image_DdkyHD" class="shopify-section section section-text-columns-with-image x-section"><style data-shopify>.heading-template--27603645268247__text_column_with_image_DdkyHD {
8465    font-size: 1.485rem; 
8466  }
8467  
8468    .gap-column-template--27603645268247__text_column_with_image_DdkyHD {
8469      padding: 8.0px;
8470    }
8471    .container-template--27603645268247__text_column_with_image_DdkyHD {
8472      margin: -8.0px!important;
8473    }
8474  
8475  .bg--template--27603645268247__text_column_with_image_DdkyHD {
8476    
8477      background: rgb(var(--colors-background-secondary));
8478    
8479  }
8480  .dark .bg--template--27603645268247__text_column_with_image_DdkyHD {
8481    
8482      background: rgb(var(--colors-background-secondary));
8483    
8484  }
8485  
8486  
8487  .dark .text-column-with-image .container-template--27603645268247__text_column_with_image_DdkyHD {
8488            
8489      --colors-text: var(--colors-text-secondary);
8490    
8491            
8492      --colors-heading: var(--colors-heading-secondary);
8493    
8494  }
8495  .gap-template--27603645268247__text_column_with_image_DdkyHD {
8496    gap: 16px;
8497  }
8498  @media (min-width: 767px){
8499    .heading-template--27603645268247__text_column_with_image_DdkyHD {
8500      font-size: 2.475rem;
8501    }
8502    .container-template--27603645268247__text_column_with_image_DdkyHD {
8503      margin: 0px;
8504    }
8505  }
8506  @media (min-width: 1024px){
8507    .gap-column-template--27603645268247__text_column_with_image_DdkyHD {
8508      
8509        padding: 14.0px;
8510      
8511    }
8512    .container-template--27603645268247__text_column_with_image_DdkyHD {
8513      
8514        margin-top: -14.0px;
8515      
8516    }
8517    .gap-template--27603645268247__text_column_with_image_DdkyHD {
8518      
8519        gap: 28px;
8520      
8521    }
8522    
8523  }
8524  �</style>
8525<div class="section--template--27603645268247__text_column_with_image_DdkyHD x-container-twm pb-[20px] pt-[20px] md:pb-[28px] md:pt-[28px] section--template--27603645268247__text_column_with_image_DdkyHD">
8526  <div class="relative x-pgw page-width mx-auto pl-5 pr-5">
8527    
8528      <div class="pb-3 md:pb-8">
8529        
8530
8531
8532<style data-shopify>
8533  .heading-template--27603645268247__text_column_with_image_DdkyHD {
8534    
8535  }
8536  .dark .heading-template--27603645268247__text_column_with_image_DdkyHD {
8537    
8538      --color-highlight: #020202;
8539    
8540  }
8541</style>
8542
8543
8544
8545  
8546
8547   
8548    <h2
8549      class='heading-template--27603645268247__text_column_with_image_DdkyHD text-center h2 block'> 
8550  
8551    
8552      
8553        <span class="highlight relative inline-block hl-font">Start Your Chinese Tea Journey
8554  
8555</span>
8556      
8557    
8558  </h2>
8559
8560  
8561
8562      </div>
8563    
8564    <div
8565      id="x-text-column-with-image-template--27603645268247__text_column_with_image_DdkyHD"
8566      
8567        class="text-column-with-image"x-intersect.once='$el.classList.add("is-ready-to-animate")'
8568    >
8569      <div class="splide__track lg:pt-0.5 lg:pb-0.5 lg:pl-0 lg:pr-0">
8570        <div 
8571          
8572            class="flex justify-center flex-wrap container-template--27603645268247__text_column_with_image_DdkyHD"
8573          
8574        ><style data-shopify>
8575              .x-slide-animation-duration-1 {
8576                --delay-time: 0ms
8577              }
8578            </style>�<style data-shopify>.heading-column_kRb8YJ {
8579                font-size: 0.99rem;
8580              }
8581              @media (min-width: 767px){
8582                .heading-column_kRb8YJ {
8583                  font-size: 1.2375rem;
8584                }
8585              }</style><div 
8586              id="Slide-template--27603645268247__text_column_with_image_DdkyHD-1"
8587              x-slide-index="0"
8588              class=" gap-column-template--27603645268247__text_column_with_image_DdkyHD 
8589                
8590                md:w-1/2 lg:w-1/3 
8591              
8592                w-full md:w-1/2
8593                 
8594              "
8595            >
8596              <div class="flex flex-col md:flex-col h-full bg--template--27603645268247__text_column_with_image_DdkyHD rounded-[10px]" >
8597                <div
8598                  x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active')" 
8599                  class="x-block-twm-item-image overflow-hidden block h-0 relative w-full pb-[75%
8599]  rounded-[10px]"
8600                  
8601                >
8602                  
8603                    <a href="/pages/new-to-chinese-tea"  class="w-full h-full z-0 overflow-hidden absolute top-0 left-0 animate_transition_card__image animate-Xpulse skeleton-image">
8604                  
8605                    
8606                      
8607                      <img
8608                        srcset="//iteaworld.com/cdn/shop/files/iteaworld_chinese_tea_starter_set_18.webp?v=1784717162&width=225 225w,
8609                        //iteaworld.com/cdn/shop/files/iteaworld_chinese_tea_starter_set_18.webp?v=1784717162&width=375 375w,
8610                        //iteaworld.com/cdn/shop/files/iteaworld_chinese_tea_starter_set_18.webp?v=1784717162&width=450 450w,
8611                        //iteaworld.com/cdn/shop/files/iteaworld_chinese_tea_starter_set_18.webp?v=1784717162&width=750 750w,
8612                        //iteaworld.com/cdn/shop/files/iteaworld_chinese_tea_starter_set_18.webp?v=1784717162&width=900 900w,
8613                        //iteaworld.com/cdn/shop/files/iteaworld_chinese_tea_starter_set_18.webp?v=1784717162&width=1100 1100w,
8614                        //iteaworld.com/cdn/shop/files/iteaworld_chinese_tea_starter_set_18.webp?v=1784717162&width=1500 1500w,
8615                        //iteaworld.com/cdn/shop/files/iteaworld_chinese_tea_starter_set_18.webp?v=1784717162&width=1780 1780w,
8616                        //iteaworld.com/cdn/shop/files/iteaworld_chinese_tea_starter_set_18.webp?v=1784717162&width=2000 2000w,
8617                        //iteaworld.com/cdn/shop/files/iteaworld_chinese_tea_starter_set_18.webp?v=1784717162 1600w"
8618                        src="//iteaworld.com/cdn/shop/files/iteaworld_chinese_tea_starter_set_18.webp?v=1784717162&width=1780"
8619                        alt=""
8620                        sizes="(min-width: 1024px) 466px, (min-width: 768px) calc((100vw - 5rem) / 2), calc((100vw) / 1)"
8621                        class="animate_transition_image w-full h-full object-cover object-center image-hover absolute top-0 left-0 rounded-[10px]"
8622                        loading="lazy"
8623                        width="1600"
8624                        height="1200"
8625                        style="object-position: 50.0% 50.0%"
8626                        onload="this?.classList.add('active');
8627                          this.closest('.animate_transition_card__image')?.classList.remove('animate-Xpulse', 'skeleton-image');
8628                          setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);"
8629                      >
8630                      
8631                    
8632                  
8633                    </a>
8634                  
8635                </div>
8636                
8637                  <div class="grow x-block-twm-content text-[rgba(var(--colors-text))] md:pl-7 md:pr-7 pl-5 pr-5 dark:md:pl-7 dark:md:pr-7 dark:pl-5 dark:pr-5 mt-4 md:pb-3 pb-2">
8638                    
8639                    
8640                      <p class="h3 empty:hidden x-block-twm-item-heading p-break-words heading-column_kRb8YJ text-center rtl:text-center leading-tight pb-1">
8641                        
8642
8643
8644<style data-shopify>
8645  .heading-column_kRb8YJ {
8646    
8647  }
8648  .dark .heading-column_kRb8YJ {
8649    
8650      --color-highlight: #020202;
8651    
8652  }
8653</style>
8654
8655
8656
8657  
8658
8659  
8660    
8661      
8662        <span class="highlight relative inline-block hl-font">New to Chinese Tea
8663  
8664</span>
8665      
8666    
8667  
8668
8669  
8670
8671                      </p>
8672                    
8673                    
8674                      <div class="rte x-block-twm-item-text text-center rtl:text-center">
8675                        <p>Easy, approachable teas to help you begin your Chinese tea journey with ease.</p>
8676                      </div>
8677                    
8678                    
8679                      <div class="x-block-twm-item-button mb-3 text-center rtl:text-center">
8680                        
8681                          <a href="/pages/new-to-chinese-tea" class="disable-effect inline-block button  button-solid empty:hidden p-break-words leading-normal text-center mt-2 lg:ml-0 lg:mr-0 h-full pl-4 pr-4 lg:pl-7 lg:pr-7 pt-2.5 pb-2.5 md:pt-3 md:pb-3">
8682                        
8683                          
8684
8685  
8686    
8687      <span class="button-text  is-focus-button:opacity-0">Start Here</span>
8688    
8689  
8690
8691
8692                        </a>
8693                      </div>
8694                    
8695                  </div>
8696                
8697              </div>
8698            </div><style data-shopify>
8699              .x-slide-animation-duration-2 {
8700                --delay-time: 100ms
8701              }
8702            </style>�<style data-shopify>.heading-column_GMcm8p {
8703                font-size: 0.99rem;
8704              }
8705              @media (min-width: 767px){
8706                .heading-column_GMcm8p {
8707                  font-size: 1.2375rem;
8708                }
8709              }</style><div 
8710              id="Slide-template--27603645268247__text_column_with_image_DdkyHD-2"
8711              x-slide-index="1"
8712              class=" gap-column-template--27603645268247__text_column_with_image_DdkyHD 
8713                
8714                md:w-1/2 lg:w-1/3 
8715              
8716                w-full md:w-1/2
8717                 
8718              "
8719            >
8720              <div class="flex flex-col md:flex-col h-full bg--template--27603645268247__text_column_with_image_DdkyHD rounded-[10px]" >
8721                <div
8722                  x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active')" 
8723                  class="x-block-twm-item-image overflow-hidden block h-0 relative w-full pb-[75%]  rounded-[10px]"
8724                  
8725                >
8726                  
8727                    <a href="/pages/daily-tea"  class="w-full h-full z-0 overflow-hidden absolute top-0 left-0 animate_transition_card__image animate-Xpulse skeleton-image">
8728                  
8729                    
8730                      
8731                      <img
8732                        srcset="//iteaworld.com/cdn/shop/files/workday_chinese_tea_collection_4.webp?v=1786070272&width=225 225w,
8733                        //iteaworld.com/cdn/shop/files/workday_chinese_tea_collection_4.webp?v=1786070272&width=375 375w,
8734                        //iteaworld.com/cdn/shop/files/workday_chinese_tea_collection_4.webp?v=1786070272&width=450 450w,
8735                        //iteaworld.com/cdn/shop/files/workday_chinese_tea_collection_4.webp?v=1786070272&width=750 750w,
8736                        //iteaworld.com/cdn/shop/files/workday_chinese_tea_collection_4.webp?v=1786070272&width=900 900w,
8737                        //iteaworld.com/cdn/shop/files/workday_chinese_tea_collection_4.webp?v=1786070272&width=1100 1100w,
8738                        //iteaworld.com/cdn/shop/files/workday_chinese_tea_collection_4.webp?v=1786070272&width=1500 1500w,
8739                        //iteaworld.com/cdn/shop/files/workday_chinese_tea_collection_4.webp?v=1786070272&width=1780 1780w,
8740                        //iteaworld.com/cdn/shop/files/workday_chinese_tea_collection_4.webp?v=1786070272&width=2000 2000w,
8741                        //iteaworld.com/cdn/shop/files/workday_chinese_tea_collection_4.webp?v=1786070272 1600w"
8742                        src="//iteaworld.com/cdn/shop/files/workday_chinese_tea_collection_4.webp?v=1786070272&width=1780"
8743                        alt=""
8744                        sizes="(min-width: 1024px) 466px, (min-width: 768px) calc((100vw - 5rem) / 2), calc((100vw) / 1)"
8745                        class="animate_transition_image w-full h-full object-cover object-center image-hover absolute top-0 left-0 rounded-[10px]"
8746                        loading="lazy"
8747                        width="1600"
8748                        height="1200"
8749                        style="object-position: 50.0% 50.0%"
8750                        onload="this?.classList.add('active');
8751                          this.closest('.animate_transition_card__image')?.classList.remove('animate-Xpulse', 'skeleton-image');
8752                          setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);"
8753                      >
8754                      
8755                    
8756                  
8757                    </a>
8758                  
8759                </div>
8760                
8761                  <div class="grow x-block-twm-content text-[rgba(var(--colors-text))] md:pl-7 md:pr-7 pl-5 pr-5 dark:md:
8761pl-7 dark:md:pr-7 dark:pl-5 dark:pr-5 mt-4 md:pb-3 pb-2">
8762                    
8763                    
8764                      <p class="h3 empty:hidden x-block-twm-item-heading p-break-words heading-column_GMcm8p text-center rtl:text-center leading-tight pb-1">
8765                        
8766
8767
8768<style data-shopify>
8769  .heading-column_GMcm8p {
8770    
8771  }
8772  .dark .heading-column_GMcm8p {
8773    
8774      --color-highlight: #020202;
8775    
8776  }
8777</style>
8778
8779
8780
8781  
8782
8783  
8784    
8785      
8786        <span class="highlight relative inline-block hl-font">Daily Tea Drinkers
8787  
8788</span>
8789      
8790    
8791  
8792
8793  
8794
8795                      </p>
8796                    
8797                    
8798                      <div class="rte x-block-twm-item-text text-center rtl:text-center">
8799                        <p>Smooth, reliable teas for your everyday tea ritual.</p>
8800                      </div>
8801                    
8802                    
8803                      <div class="x-block-twm-item-button mb-3 text-center rtl:text-center">
8804                        
8805                          <a href="/pages/daily-tea" class="disable-effect inline-block button  button-solid empty:hidden p-break-words leading-normal text-center mt-2 lg:ml-0 lg:mr-0 h-full pl-4 pr-4 lg:pl-7 lg:pr-7 pt-2.5 pb-2.5 md:pt-3 md:pb-3">
8806                        
8807                          
8808
8809  
8810    
8811      <span class="button-text  is-focus-button:opacity-0">Explore Teas</span>
8812    
8813  
8814
8815
8816                        </a>
8817                      </div>
8818                    
8819                  </div>
8820                
8821              </div>
8822            </div><style data-shopify>
8823              .x-slide-animation-duration-3 {
8824                --delay-time: 200ms
8825              }
8826            </style>�<style data-shopify>.heading-column_xgF8ai {
8827                font-size: 0.99rem;
8828              }
8829              @media (min-width: 767px){
8830                .heading-column_xgF8ai {
8831                  font-size: 1.2375rem;
8832                }
8833              }</style><div 
8834              id="Slide-template--27603645268247__text_column_with_image_DdkyHD-3"
8835              x-slide-index="2"
8836              class=" gap-column-template--27603645268247__text_column_with_image_DdkyHD 
8837                
8838                md:w-1/2 lg:w-1/3 
8839              
8840                w-full md:w-1/2
8841                 
8842              "
8843            >
8844              <div class="flex flex-col md:flex-col h-full bg--template--27603645268247__text_column_with_image_DdkyHD rounded-[10px]" >
8845                <div
8846                  x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active')" 
8847                  class="x-block-twm-item-image overflow-hidden block h-0 relative w-full pb-[75%]  rounded-[10px]"
8848                  
8849                >
8850                  
8851                    <a href="/pages/finest-chinese-teas"  class="w-full h-full z-0 overflow-hidden absolute top-0 left-0 animate_transition_card__image animate-Xpulse skeleton-image">
8852                  
8853                    
8854                      
8855                      <img
8856                        srcset="//iteaworld.com/cdn/shop/files/top_grade_chinese_tea.webp?v=1785206627&width=225 225w,
8857                        //iteaworld.com/cdn/shop/files/top_grade_chinese_tea.webp?v=1785206627&width=375 375w,
8858                        //iteaworld.com/cdn/shop/files/top_grade_chinese_tea.webp?v=1785206627&width=450 450w,
8859                        //iteaworld.com/cdn/shop/files/top_grade_chinese_tea.webp?v=1785206627&width=750 750w,
8860                        //iteaworld.com/cdn/shop/files/top_grade_chinese_tea.webp?v=1785206627&width=900 900w,
8861                        //iteaworld.com/cdn/shop/files/top_grade_chinese_tea.webp?v=1785206627&width=1100 1100w,
8862                        //iteaworld.com/cdn/shop/files/top_grade_chinese_tea.webp?v=1785206627&width=1500 1500w,
8863                        //iteaworld.com/cdn/shop/files/top_grade_chinese_tea.webp?v=1785206627&width=1780 1780w,
8864                        //iteaworld.com/cdn/shop/files/top_grade_chinese_tea.webp?v=1785206627&width=2000 2000w,
8865                        //iteaworld.com/cdn/shop/files/top_grade_chinese_tea.webp?v=1785206627 1600w"
8866                        src="//iteaworld.com/cdn/shop/files/top_grade_chinese_tea.webp?v=1785206627&width=1780"
8867                        alt=""
8868                        sizes="(min-width: 1024px) 466px, (min-width: 768px) calc((100vw - 5rem) / 2), calc((100vw) / 1)"
8869                        class="animate_transition_image w-full h-full object-cover object-center image-hover absolute top-0 left-0 rounded-[10px]"
8870                        loading="lazy"
8871                        width="1600"
8872                        height="1200"
8873                        style="object-position: 50.0% 50.0%"
8874                        onload="this?.classList.add('active');
8875                          this.closest('.animate_transition_card__image')?.classList.remove('animate-Xpulse', 'skeleton-image');
8876                          setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);"
8877                      >
8878                      
8879                    
8880                  
8881                    </a>
8882                  
8883                </div>
8884                
8885                  <div class="grow x-block-twm-content text-[rgba(var(--colors-text))] md:pl-7 md:pr-7 pl-5 pr-5 dark:md:
8885pl-7 dark:md:pr-7 dark:pl-5 dark:pr-5 mt-4 md:pb-3 pb-2">
8886                    
8887                    
8888                      <p class="h3 empty:hidden x-block-twm-item-heading p-break-words heading-column_xgF8ai text-center rtl:text-center leading-tight pb-1">
8889                        
8890
8891
8892<style data-shopify>
8893  .heading-column_xgF8ai {
8894    
8895  }
8896  .dark .heading-column_xgF8ai {
8897    
8898      --color-highlight: #020202;
8899    
8900  }
8901</style>
8902
8903
8904
8905  
8906
8907  
8908    
8909      
8910        <span class="highlight relative inline-block hl-font">Top Grade Teas Selection
8911  
8912</span>
8913      
8914    
8915  
8916
8917  
8918
8919                      </p>
8920                    
8921                    
8922                      <div class="rte x-block-twm-item-text text-center rtl:text-center">
8923                        <p>Top Grade teas from well-known tea origins in China, offering exceptional quality and true regional character.</p>
8924                      </div>
8925                    
8926                    
8927                      <div class="x-block-twm-item-button mb-3 text-center rtl:text-center">
8928                        
8929                          <a href="/pages/finest-chinese-teas" class="disable-effect inline-block button  button-solid empty:hidden p-break-words leading-normal text-center mt-2 lg:ml-0 lg:mr-0 h-full pl-4 pr-4 lg:pl-7 lg:pr-7 pt-2.5 pb-2.5 md:pt-3 md:pb-3">
8930                        
8931                          
8932
8933  
8934    
8935      <span class="button-text  is-focus-button:opacity-0">Explore Teas</span>
8936    
8937  
8938
8939
8940                        </a>
8941                      </div>
8942                    
8943                  </div>
8944                
8945              </div>
8946            </div></div>
8947      </div></div>
8948  </div>
8949</div>
8950
8951  </section><section id="shopify-section-template--27603645268247__featured_collection_4enBkg" class="shopify-section section section-featured-collection x-section">
8952<style data-shopify>.heading-template--27603645268247__featured_collection_4enBkg {
8953    font-size: 1.485rem;
8954  }
8955  #shopify-section-template--27603645268247__featured_collection_4enBkg .collection-title .h4 {
8956    font-size: 0.875rem; 
8957  }
8958  @media (min-width: 768px) {
8959    .heading-template--27603645268247__featured_collection_4enBkg {
8960      font-size: 2.475rem; 
8961    }
8962    #shopify-section-template--27603645268247__featured_collection_4enBkg .collection-title .h4 {
8963      font-size: 0.63rem; 
8964    }
8965  }
8966  @media (min-width: 1024px) {
8967    #shopify-section-template--27603645268247__featured_collection_4enBkg .collection-title .h4 {
8968      font-size: 0.7875rem; 
8969    }
8970  }
8971  .collection-title .label-template--27603645268247__featured_collection_4enBkg { 
8972    
8973      
8974    
8975    
8976      color: #1b1b1b;
8977    
8978  }
8979  .collection-title .label-template--27603645268247__featured_collection_4enBkg.active, .collection-title .label-template--27603645268247__featured_collection_4enBkg.active:hover { 
8980    
8981      background: #739047;
8982    
8983    
8984      color: #ffffff;
8985    
8986  }
8987  .collection-title .label-template--27603645268247__featured_collection_4enBkg:hover { 
8988    
8989      
8990        background: rgba(115, 144, 71, 0.1);
8991      
8992    
8993    
8994      color: rgb(var(--colors-heading));
8995    
8996  }
8997  .dark .collection-title .label-template--27603645268247__featured_collection_4enBkg { 
8998    
8999      
9000        background: transparent;
9001      
9002    
9003    
9004      color: rgb(var(--colors-heading));
9005    
9006  }
9007  .dark .collection-title .label-template--27603645268247__featured_collection_4enBkg.active, .dark .collection-title .label-template--27603645268247__featured_collection_4enBkg.active:hover { 
9008    
9009      
9010        background: rgba(2, 2, 2, 0.1);
9011      
9012    
9013    
9014      color: rgb(var(--colors-heading));
9015    
9016  }
9017  .dark .collection-title .label-template--27603645268247__featured_collection_4enBkg:hover { 
9018    
9019      
9020        background: rgba(2, 2, 2, 0.1);
9021      
9022    
9023    
9024      color: rgb(var(--colors-heading));
9025    
9026  }</style><div class=" x-pgw page-width  pr-5 pl-5 m-auto">
9027    <div class="divider m-auto border-t hidden md:block">
9028    </div>
9029  </div>
9030
9031<div 
9032  class="x-container-featured-collection pt-[28px] md:pt-[28px] pb-[28px] md:pb-[28px]"
9033  x-data="{ 
9034    view_all_link: '/collections/oolong-tea',
9035    setViewAllLink(url) {
9036      this.view_all_link = url;
9037    }
9038  }"
9039>
9040  <div class="collection_wrapper"><style data-shopify>
9041.collection-title-container.scrollbar-body::-webkit-scrollbar{
9042  width: 1px;
9043  height: 2px;
9044}
9045</style>
9046
9047<div class="mb-4 md:mb-2 relative">
9048  <div class="relative w-full bg-transparent"><div class="featured-collection relative min-h-[300px] left-0 right-0 bg-[rgba(var(--background-color))] pb-2" x-data='xFeaturedCollection("template--27603645268247__featured_collection_4enBkg", "page", $el)'>
9049        <div class="x-block-header pl-5 pr-5 flex flex-col items-center x-pgw page-width"
9050        ><div class="mb-5 flex-auto lg:mb-2 text-center rtl:text-center">
9051
9052
9053
9054<style data-shopify>
9055  .heading-template--27603645268247__featured_collection_4enBkg {
9056    
9057  }
9058  .dark .heading-template--27603645268247__featured_collection_4enBkg {
9059    
9060      --color-highlight: #020202;
9061    
9062  }
9063</style>
9064
9065
9066
9067  
9068
9069   
9070    <h2
9071      class='heading-template--27603645268247__featured_collection_4enBkg h2 block leading-tight p-break-words'> 
9072  
9073    
9074      
9075        <span class="highlight relative inline-block hl-font">Teas Our Customers Love Most
9076  
9077</span>
9078      
9079    
9080  </h2>
9081
9082  
9083
9084
9085            </div>
9086          
9087          
9088            <div class="collection-title-container h-10 md:h-auto relative lg:mb-0 mb-2 mr-5 ml-5 z-[19] overflow-x-auto overflow-y-hidden scrollbar-body scrollbar-stable self-center min-w-[30%] w-full">
9089              <div class="flex flex-row md:flex-wrap items-center h-full gap-y-2 gap-x-2 md:gap-x-4 md:justify-center">
9090                  <div
9091                    class="collection-title flex justify-center items-center max-w-[75%]"
9092                    @click="setTimeout(() => { select(1); setViewAllLink('/collections/oolong-tea'); scrollIntoView($el) }, 0)"
9093                    :class="currentTab === 1 || 'opacity-80'"
9094                    
9095                    
9096                      
9097                    
9098                  >
9099                    <span 
9100                      class="none label-template--27603645268247__featured_collection_4enBkg inline-block h4 text-sm whitespace-nowrap px-2.5 py-1.5 cursor-pointer w-full overflow-hidden text-ellipsis md:leading-none md:text-[120%] md:px-3.5 md:py-2.5 duration-300 leading-snug rounded-[10px]"
9101                      :class="currentTab === 1 && 'active'"
9102                    >
9103                      Oolong Tea
9104                    </span>
9105                  </div>
9106                  <div
9107                    class="collection-title flex justify-center items-center max-w-[75%] md:border-solid md:border-l pl-2 md:pl-4"
9108                    @click="setTimeout(() => { select(2); setViewAllLink('/collections/2026-spring-green-tea'); scrollIntoView($el) }, 0)"
9109                    :class="currentTab === 2 || 'opacity-80'"
9110                    
9111                    
9112                      x-intersect.once='loadData(2)'
9113                    
9114                  >
9115                    <span 
9116                      class="none label-template--27603645268247__featured_collection_4enBkg inline-block h4 text-sm whitespace-nowrap px-2.5 py-1.5 cursor-pointer w-full overflow-hidden text-ellipsis md:leading-none md:text-[120%] md:px-3.5 md:py-2.5 duration-300 leading-snug rounded-[10px]"
9117                      :class="currentTab === 2 && 'active'"
9118                    >
9119                      2026 Spring Green Tea
9120                    </span>
9121                  </div>
9122                  <div
9123                    class="collection-title flex justify-center items-center max-w-[75%] md:border-solid md:border-l pl-2 md:pl-4"
9124                    @click="setTimeout(() => { select(3); setViewAllLink('/collections/floral-tea'); scrollIntoView($el) }, 0)"
9125                    :class="currentTab === 3 || 'opacity-80'"
9126                    
9127                    
9128                      x-intersect.once='loadData(3)'
9129                    
9130                  >
9131                    <span 
9132                      class="none label-template--27603645268247__featured_collection_4enBkg inline-block h4 text-sm whitespace-nowrap px-2.5 py-1.5 cursor-pointer w-full overflow-hidden text-ellipsis md:leading-none md:text-[120%] md:px-3.5 md:py-2.5 duration-300 leading-snug rounded-[10px]"
9133                      :class="currentTab === 3 && 'active'"
9134                    >
9135                      Scented Tea
9136                    </span>
9137                  </div>
9138                  <div
9139                    class="collection-title flex justify-center items-center max-w-[75%] md:border-solid md:border-l pl-2 md:pl-4"
9140                    @click="setTimeout(() => { select(4); setViewAllLink('/collections/black-tea'); scrollIntoView($el) }, 0)"
9141                    :class="currentTab === 4 || 'opacity-80'"
9142                    
9143                    
9144                      x-intersect.once='loadData(4)'
9145                    
9146                  >
9147                    <span 
9148                      class="none label-template--27603645268247__featured_collection_4enBkg inline-block h4 text-sm whitespace-nowrap px-2.5 py-1.5 cursor-pointer w-full overflow-hidden text-ellipsis md:leading-none md:text-[120%] md:px-3.5 md:py-2.5 duration-300 leading-snug rounded-[10px]"
9149                      :class="currentTab === 4 && 'active'"
9150                    >
9151                      Black Tea
9152                    </span>
9153                  </div>
9154                  <div
9155                    class="collection-title flex justify-center items-center max-w-[75%] md:border-solid md:border-l pl-2 md:pl-4"
9156                    @click="setTimeout(() => { select(5); setViewAllLink('/collections/white-tea'); scrollIntoView($el) }, 0)"
9157                    :class="currentTab === 5 || 'opacity-80'"
9158                    
9159                    
9160                      x-intersect.once='loadData(5)'
9161                    
9162                  >
9163                    <span 
9164                      class="none label-template--27603645268247__featured_collection_4enBkg inline-block h4 text-sm whitespace-nowrap px-2.5 py-1.5 cursor-pointer w-full overflow-hidden text-ellipsis md:leading-none md:text-[120%] md:px-3.5 md:py-2.5 duration-300 leading-snug rounded-[10px]"
9165                      :class="currentTab === 5 && 'active'"
9166                    >
9167                      White Tea
9168                    </span>
9169                  </div></div>
9170            </div>
9171          
9172        </div><div class=" x-pgw page-width mx-auto x-pgw page-width-mobile" x-show="loading">
9173          
9174              
9175              <div :class="currentTab === 2? '!block': 'hidden'" class="hidden lg:mt-8">
9176                
9177<style data-shopify>
9178  .gap-skeleton-template--27603645268247__featured_collection_4enBkg {
9179    gap: 16px;
9180  }
9181  @media (min-width: 768px) {
9182    .gap-skeleton-template--27603645268247__featured_collection_4enBkg {
9183      gap: 28px;
9184    }
9185  }
9186</style>
9187
9188  <div class="flex flex-wrap ltr">
9189    <div class="animate-Xpulse mb-5 w-full md:w-1/3 lg:w-1/4 md:pr-7 mb-5 md:mt-0">
9190      <div class="bg-[#c9c9c9] min-h-[200px]  h-full rounded-[10px]"></div>
9191      
9192    </div>
9193
9194    <div class="w-full md:w-2/3 lg:w-3/4 grid grid-cols-2 md:grid-cols-4 lg:grid-cols-3 gap-skeleton-template--27603645268247__featured_collection_4enBkg">
9195      
9196        <div class="animate-Xpulse">
9197          <div class="bg-[#c9c9c9] relative z-20 overflow-hidden rounded-[10px] before:h-0 before:block z-0 pb-[100.0%]"></div>
9198          <div class="flex flex-col items-center">
9199            <div class="h-3 w-3/4 bg-[#c9c9c9] mt-4"></div>
9200            <div class="h-3 w-1/2 bg-[#c9c9c9] mt-2.5 mb-2.5"></div>
9201          </div>
9202        </div>
9203      
9204        <div class="animate-Xpulse">
9205          <div class="bg-[#c9c9c9] relative z-20 overflow-hidden rounded-[10px] before:h-0 before:block z-0 pb-[100.0%]"></div>
9206          <div class="flex flex-col items-center">
9207            <div class="h-3 w-3/4 bg-[#c9c9c9] mt-4"></div>
9208            <div class="h-3 w-1/2 bg-[#c9c9c9] mt-2.5 mb-2.5"></div>
9209          </div>
9210        </div>
9211      
9212        <div class="animate-Xpulse">
9213          <div class="bg-[#c9c9c9] relative z-20 overflow-hidden rounded-[10px] before:h-0 before:block z-0 pb-[100.0%]"></div>
9214          <div class="flex flex-col items-center">
9215            <div class="h-3 w-3/4 bg-[#c9c9c9] mt-4"></div>
9216            <div class="h-3 w-1/2 bg-[#c9c9c9] mt-2.5 mb-2.5"></div>
9217          </div>
9218        </div>
9219      
9220    </div>
9221
9222  </div>
9223
9224              </div>
9225            
9226          
9227              
9228              <div :class="currentTab === 3? '!block': 'hidden'" class="hidden lg:mt-8">
9229                
9230<style data-shopify>
9231  .gap-skeleton-template--27603645268247__featured_collection_4enBkg {
9232    gap: 16px;
9233  }
9234  @media (min-width: 768px) {
9235    .gap-skeleton-template--27603645268247__featured_collection_4enBkg {
9236      gap: 28px;
9237    }
9238  }
9239</style>
9240
9241  <div class="flex flex-wrap ltr">
9242    <div class="animate-Xpulse mb-5 w-full md:w-1/3 lg:w-1/4 md:pr-7 mb-5 md:mt-0">
9243      <div class="bg-[#c9c9c9] min-h-[200px]  h-full rounded-[10px]"></div>
9244      
9245    </div>
9246
9247    <div class="w-full md:w-2/3 lg:w-3/4 grid grid-cols-2 md:grid-cols-4 lg:grid-cols-3 gap-skeleton-template--27603645268247__featured_collection_4enBkg">
9248      
9249        <div class="animate-Xpulse">
9250          <div class="bg-[#c9c9c9] relative z-20 overflow-hidden rounded-[10px] before:h-0 before:block z-0 pb-[100.0%]"></div>
9251          <div class="flex flex-col items-center">
9252            <div class="h-3 w-3/4 bg-[#c9c9c9] mt-4"></div>
9253            <div class="h-3 w-1/2 bg-[#c9c9c9] mt-2.5 mb-2.5"></div>
9254          </div>
9255        </div>
9256      
9257        <div class="animate-Xpulse">
9258          <div class="bg-[#c9c9c9] relative z-20 overflow-hidden rounded-[10px] before:h-0 before:block z-0 pb-[100.0%]"></div>
9259          <div class="flex flex-col items-center">
9260            <div class="h-3 w-3/4 bg-[#c9c9c9] mt-4"></div>
9261            <div class="h-3 w-1/2 bg-[#c9c9c9] mt-2.5 mb-2.5"></div>
9262          </div>
9263        </div>
9264      
9265        <div class="animate-Xpulse">
9266          <div class="bg-[#c9c9c9] relative z-20 overflow-hidden rounded-[10px] before:h-0 before:block z-0 pb-[100.0%]"></div>
9267          <div class="flex flex-col items-center">
9268            <div class="h-3 w-3/4 bg-[#c9c9c9] mt-4"></div>
9269            <div class="h-3 w-1/2 bg-[#c9c9c9] mt-2.5 mb-2.5"></div>
9270          </div>
9271        </div>
9272      
9273    </div>
9274
9275  </div>
9276
9277              </div>
9278            
9279          
9280              
9281              <div :class="currentTab === 4? '!block': 'hidden'" class="hidden lg:mt-8">
9282                
9283<style data-shopify>
9284  .gap-skeleton-template--27603645268247__featured_collection_4enBkg {
9285    gap: 16px;
9286  }
9287  @media (min-width: 768px) {
9288    .gap-skeleton-template--27603645268247__featured_collection_4enBkg {
9289      gap: 28px;
9290    }
9291  }
9292</style>
9293
9294    <div class="w-full grid grid-cols-2 md:grid-cols-4 lg:grid-cols-3 gap-skeleton-template--27603645268247__featured_collection_4enBkg">
9295      
9296        <div class="animate-Xpulse">
9297          <div class="bg-[#c9c9c9] relative z-20 overflow-hidden rounded-[10px] before:h-0 before:block z-0 pb-[100.0%]"></div>
9298          <div class="flex flex-col items-center">
9299            <div class="h-3 w-3/4 bg-[#c9c9c9] mt-4"></div>
9300            <div class="h-3 w-1/2 bg-[#c9c9c9] mt-2.5 mb-2.5"></div>
9301          </div>
9302        </div>
9303      
9304        <div class="animate-Xpulse">
9305          <div class="bg-[#c9c9c9] relative z-20 overflow-hidden rounded-[10px] before:h-0 before:block z-0 pb-[100.0%]"></div>
9306          <div class="flex flex-col items-center">
9307            <div class="h-3 w-3/4 bg-[#c9c9c9] mt-4"></div>
9308            <div class="h-3 w-1/2 bg-[#c9c9c9] mt-2.5 mb-2.5"></div>
9309          </div>
9310        </div>
9311      
9312        <div class="animate-Xpulse">
9313          <div class="bg-[#c9c9c9] relative z-20 overflow-hidden rounded-[10px] before:h-0 before:block z-0 pb-[100.0%]"></div>
9314          <div class="flex flex-col items-center">
9315            <div class="h-3 w-3/4 bg-[#c9c9c9] mt-4"></div>
9316            <div class="h-3 w-1/2 bg-[#c9c9c9] mt-2.5 mb-2.5"></div>
9317          </div>
9318        </div>
9319      
9320    </div>
9321
9322              </div>
9323            
9324          
9325              
9326              <div :class="currentTab === 5? '!block': 'hidden'" class="hidden lg:mt-8">
9327                
9328<style data-shopify>
9329  .gap-skeleton-template--27603645268247__featured_collection_4enBkg {
9330    gap: 16px;
9331  }
9332  @media (min-width: 768px) {
9333    .gap-skeleton-template--27603645268247__featured_collection_4enBkg {
9334      gap: 28px;
9335    }
9336  }
9337</style>
9338
9339    <div class="w-full grid grid-cols-2 md:grid-cols-4 lg:grid-cols-3 gap-skeleton-template--27603645268247__featured_collection_4enBkg">
9340      
9341        <div class="animate-Xpulse">
9342          <div class="bg-[#c9c9c9] relative z-20 overflow-hidden rounded-[10px] before:h-0 before:block z-0 pb-[100.0%]"></div>
9343          <div class="flex flex-col items-center">
9344            <div class="h-3 w-3/4 bg-[#c9c9c9] mt-4"></div>
9345            <div class="h-3 w-1/2 bg-[#c9c9c9] mt-2.5 mb-2.5"></div>
9346          </div>
9347        </div>
9348      
9349        <div class="animate-Xpulse">
9350          <div class="bg-[#c9c9c9] relative z-20 overflow-hidden rounded-[10px] before:h-0 before:block z-0 pb-[100.0%]"></div>
9351          <div class="flex flex-col items-center">
9352            <div class="h-3 w-3/4 bg-[#c9c9c9] mt-4"></div>
9353            <div class="h-3 w-1/2 bg-[#c9c9c9] mt-2.5 mb-2.5"></div>
9354          </div>
9355        </div>
9356      
9357        <div class="animate-Xpulse">
9358          <div class="bg-[#c9c9c9] relative z-20 overflow-hidden rounded-[10px] before:h-0 before:block z-0 pb-[100.0%]"></div>
9359          <div class="flex flex-col items-center">
9360            <div class="h-3 w-3/4 bg-[#c9c9c9] mt-4"></div>
9361            <div class="h-3 w-1/2 bg-[#c9c9c9] mt-2.5 mb-2.5"></div>
9362          </div>
9363        </div>
9364      
9365    </div>
9366
9367              </div>
9368            
9369          
9370        </div>
9371        
9372        <div>
9373          
9374            
9375
9376            
9377
9378            
9379
9380            
9381
9382            
9383
9384        </div>
9385        <div class="animate-fade-in relative md:mt-4 lg:mt-8"
9386          id="x-fc-template--27603645268247__featured_collection_4enBkg-1"
9387           x-show="currentTab == 1"
9388        >
9389          <style data-shopify>
9390            
9391            
9392             
9393              @media (min-width: 768px) {
9394                .promotion-position-left {
9395                  gap: 28px;
9396                }
9397              }
9398            
9399          </style>
9400          <div
9401            class=" promotion-position-left rtl:promotion-position-right x-pgw page-width mx-auto pl-5 pr-5"
9402            x-intersect.once.margin.-200px='$store.xCustomerEvent.fire("list_product_viewed", $el, {list: { title: `Oolong Tea`, id: "collection" }}
9402)'
9403          ><style data-shopify>.text-collection_69pQHM {color: #ffffff;
9404                    --colors-text: 255, 255, 255;
9405                    --colors-heading: 255, 255, 255;}
9406                .sub-heading-collection_69pQHM {
9407                  font-size: 0.86625rem;
9408                }
9409                .heading-collection_69pQHM {
9410                  font-size: 1.21275rem;
9411                }
9412                
9413                @media (min-width: 768px) {
9414                  .sub-heading-collection_69pQHM {
9415                    font-size: 1.00485rem;
9416                  }
9417                  .heading-collection_69pQHM {
9418                    font-size: 1.7325rem; 
9419                  }
9420                }.button--collection_69pQHM.button-solid,
9421                  .button--collection_69pQHM.button-solid:before {--colors-line-and-border: var(--colors-button);}</style>
9422              <div
9423                x-data="{open: false}"
9424                class="card-title-template--27603645268247__featured_collection_4enBkg-collection_69pQHM relative md:w-2/5 my-4 md:mt-0 rounded-[10px]"
9425              >
9426                
9427                  <div class="sticky-content relative h-full">
9428                    
9429                    
9430<style data-shopify>.text-color-collection_69pQHM {
9431      color: #ffffff;
9432      --colors-text: 255, 255, 255;
9433      --colors-heading: 255, 255, 255;
9434    }.title-color-collection_69pQHM {
9435      color: ;
9436      --colors-heading: , , ;
9437    }.text-collection_69pQHM {
9438    font-size: 0.7875rem;
9439  }
9440  .sub-heading-collection_69pQHM {
9441    font-size: 0.86625rem;
9442  }
9443  .heading-collection_69pQHM {
9444    font-size: 1.21275rem;
9445  }
9446  @media (min-width: 768px) {
9447    .sub-heading-collection_69pQHM {
9448      font-size: 1.00485rem;
9449    }
9450    .heading-collection_69pQHM {
9451      font-size: 1.7325rem; 
9452    }
9453    .text-collection_69pQHM {
9454      font-size: 0.875rem;
9455    }
9456  }.button--collection_69pQHM.button-solid,
9457    .button--collection_69pQHM.button-solid:before {--colors-line-and-border: var(--colors-button);}.button--collection_69pQHM.button-outline {}
9458  
9459</style><div 
9460    
9461      x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active')"
9462    
9463    class="group w-full relative overflow-hidden text-center rtl:text-center h-full rounded-[10px]"
9464  >
9465    
9466    
9467      <div 
9468        class="animate_transition_card__image animate-Xpulse skeleton-image w-full h-full top-0 left-0 overflow-hidden md:absolute rounded-[10px]"
9469      >
9470    
9471      <img
9472        srcset="//iteaworld.com/cdn/shop/files/iTeaworld_oolong.webp?v=1783413063&width=225 225w,
9473        //iteaworld.com/cdn/shop/files/iTeaworld_oolong.webp?v=1783413063&width=375 375w,
9474        //iteaworld.com/cdn/shop/files/iTeaworld_oolong.webp?v=1783413063&width=450 450w,
9475        //iteaworld.com/cdn/shop/files/iTeaworld_oolong.webp?v=1783413063&width=750 750w,
9476        //iteaworld.com/cdn/shop/files/iTeaworld_oolong.webp?v=1783413063&width=900 900w,
9477        //iteaworld.com/cdn/shop/files/iTeaworld_oolong.webp?v=1783413063&width=1100 1100w,
9478        //iteaworld.com/cdn/shop/files/iTeaworld_oolong.webp?v=1783413063&width=1500 1500w,
9479        //iteaworld.com/cdn/shop/files/iTeaworld_oolong.webp?v=1783413063&width=1780 1780w"
9480        src="//iteaworld.com/cdn/shop/files/iTeaworld_oolong.webp?v=1783413063&width=1780"
9481        
9482          loading="eager" fetchpriority="high" decoding="sync"
9483         
9484        sizes="(min-width: 1400px) Liquid error (snippets/promotion-image line 125): divided by 0px, (min-width: 768px) calc((100vw - 5rem) / 2), 100vw"
9485        alt=""
9486        width="1600"
9487        height="1000.0"
9488        style="object-position: 50.0% 50.0%;"
9489        class="w-full h-full object-cover z-10 image-hover animate_transition_image rounded-[10px]"
9490        onload="this?.classList.add('active'); 
9491          this.closest('.animate_transition_card__image')?.classList.remove('animate-Xpulse', 'skeleton-image');
9492          setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);
9493        "
9494      />
9495    </div>
9496  
9497  <span class="absolute top-0 left-0 bottom-0 right-0 pointer-events-none image-treatment-overlay opacity-0 rounded-[10px]"></span>
9498  <div class="promotion-content background-color-collection_69pQHM text-center rtl:text-center pt-5 pb-5 pr-7 pl-7 rounded-[10px] mt-2 absolute right-0 promotion-content-center rtl:promotion-content-centermb-2 pointer-events-none text-overlay ml-2 mr-2 left-0 top-1/2 -translate-y-1/2"
9499  >
9500      <div class=" text-color-collection_69pQHM">
9501        
9502
9503
9504<style data-shopify>
9505  .heading-collection_69pQHM {
9506    
9507      --color-highlight: #ffffff;
9508    
9509  }
9510  .dark .heading-collection_69pQHM {
9511    
9512      --color-highlight: #020202;
9513    
9514  }
9515</style>
9516
9517
9518
9519  
9520
9521   
9522    <h3
9523      class='heading-collection_69pQHM h3 promotion-header:mb-0 mb-2 leading-tight h2 p-break-words pointer-events-auto'> 
9524  
9525    
9526      
9527        Oolong Flavor Exploration
9528      
9529    
9530  </h3>
9531
9532  
9533
9534      </div><a href="/pages/find-your-oolong-tea-flavor" class="button button-solid mt-2 lg:mt-2.5 button--collection_69pQHM pointer-events-auto inline-block empty:hidden pl-4 pr-4 lg:pl-6 lg:pr-6 pt-2.5 pb-2.5 leading-normal md:pt-3 md:pb-3 cursor-pointer p-break-words">
9535        
9536
9537  
9538    
9539      <span class="button-text  is-focus-button:opacity-0">Explore</span>
9540    
9541  
9542
9543
9544      </a>
9545    
9546  </div>
9547  
9548
9549</div>
9550                  </div>
9551                
9552              </div><div class="md:w-3/5 "><div
9553                id="x-collection-collection_69pQHM"
9554                class="collection"
9555                x-intersect.once='$el.classList.add("is-ready-to-animate")'
9556              >
9557                <style data-shopify>
9558                  .gap-mobile-collection_69pQHM-template--27603645268247__featured_collection_4enBkg {
9559                    gap: 16px;
9560                  }
9561                  @media (min-width: 768px) {
9562                    .gap-collection_69pQHM-template--27603645268247__featured_collection_4enBkg {
9563                      
9564                        gap: 28px;
9565                      
9566                    }
9567                  }
9568                </style>
9569                
9570                <div class="splide__track md:pl-0 md:pr-0 lg:pl-0 lg:pr-0">
9571                  <div class="splide__list gap-collection_69pQHM-template--27603645268247__featured_collection_4enBkg md:grid md:grid-cols-3 lg:grid-cols-3 grid grid-cols-2 gap-mobile-collection_69pQHM-template--27603645268247__featured_collection_4enBkg"><style data-shopify>
9572                        .x-slide-animation-duration-1 {
9573                          --delay-time: 0ms
9574                        }
9575                      </style>
9576                      
9577                      
9578
9579<div 
9580  
9581    x-data="xProductCard('template--27603645268247__featured_collection_4enBkg-1-1', '/products/chinese-oolong-tea-classic-flavor-collection-for-beginner', '10347764252951')"  
9582  
9583  class="card-product  overflow-hidden card md:list-layout:flex relative pb-4 md:pb-5 h-full rounded-[10px]" 
9584  x-slide-index="0"
9585>
9586  <div class="md:list-layout:w-2/5 md:list-layout:lg:w-1/4 relative disable-effect md:list-layout:pr-8"
9587  >
9588    <style data-shopify>
9589      
9590    </style>
9591    
9592    <style data-shopify>
9593      
9594    </style>
9595    <a 
9596      
9597        x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active', 'lazy_active')"
9598      
9599      href="/products/chinese-oolong-tea-classic-flavor-collection-for-beginner"
9600       
9601        x-data="{ lastWindowWidth: 0 }"
9602        x-intersect.once.margin.200px='$nextTick(() => { $store.xBadges && $store.xBadges.load($el, () => {}, null, true); })'
9603        x-labels-data="[
9604    
9605{
9606      &quot;variant_id&quot;: 55304978792727,
9607      &quot;product_id&quot;: 10347764252951,
9608      &quot;available&quot;: false,
9609      &quot;title&quot;: &quot;Chinese Oolong Tea Starter Set 75g&quot;,
9610      &quot;compare_at_price&quot;: 0,
9611      &quot;price&quot;: 1999,
9612      &quot;price_with_currency&quot;: &quot;$19.99 USD&quot;,
9613      &quot;sale_amount&quot;: &quot;$-19.99&quot;,
9614      &quot;collections&quot;: &quot;||532285358359||511975915799||529991958807||495480209687||526671020311||526343471383||526630453527||521178841367||456987115799||493393674519||449406664983||525935542551||450205417751||461861486871||531442204951||531755041047||531756548375||498760843543||&quot;,
9615      &quot;inventory_management&quot;: &quot;shopify&quot;,
9616      &quot;qty&quot;: -1,
9617      &quot;container&quot;: &quot;card&quot;,
9618      &quot;can_show_preorder&quot;: false,
9619      &quot;diff_day_create&quot;: 122.44,
9620      &quot;diff_day_publish&quot;: 113.14
9621      
9622        ,&quot;metafield_label&quot;: { 
9623          &quot;custom.flavors&quot;:&quot;&quot;
9624        }
9625      
9626      }
9627    ]"
9628       
9629      aria-label="Chinese Oolong Tea Starter Set 75g"
9630      id="10347764252951-template--27603645268247__featured_collection_4enBkg"
9631      class="x-labels-data ltr group link-product-variant overflow-hidden block relative z-[15] curs
9631or-pointer before:h-0 before:block no-collage rounded-[10px] pb-[100%]">
9632      <div x-data="xDoubleTouch('/products/chinese-oolong-tea-classic-flavor-collection-for-beginner')" class="w-full h-full z-0 overflow-hidden absolute top-0 left-0 animate_transition_card__image">
9633        <div
9634          id="x-slideshow-card-product-template--27603645268247__featured_collection_4enBkg-1-1-0"
9635          class="block h-full" 
9636          @click='$store.xCustomerEvent.fire("product_selected", $el)'
9637          x-customer-event-data="{
9638    &quot;product&quot;: {
9639      &quot;title&quot;: &quot;Chinese Oolong Tea Starter Set 75g&quot;,
9640      &quot;listName&quot;: &quot;Oolong Tea&quot;,
9641      &quot;sku&quot;: &quot;10347764252951&quot;,
9642      &quot;currencyCode&quot;: &quot;USD&quot;,
9643      &quot;price&quot;: 1999,
9644      &quot;vendor&quot;: &quot;iTeaworld&quot;
9645    }
9646  }"
9647          ><div 
9648              class="absolute inset-0 z-10 pointer-events-auto dbtap-overlay"
9649              @touchstart="onTouchStart($event)"
9650              @touchend.prevent="onTouchEnd($el.closest('.x-splide'))"
9651              @touchmove="onTouchMove($event)"
9652            ></div>
9653<div class="w-full z-0 h-full min-h-full top-0 left-0 absolute"
9654            >
9655              
9656              <picture>
9657                <img
9658                  srcset="
9659                  //iteaworld.com/cdn/shop/files/chinese_oolong_tea_classic_flavor_collection.webp?v=1790072385&width=250 250w,
9660                  //iteaworld.com/cdn/shop/files/chinese_oolong_tea_classic_flavor_collection.webp?v=1790072385&width=350 350w,
9661                  //iteaworld.com/cdn/shop/files/chinese_oolong_tea_classic_flavor_collection.webp?v=1790072385&width=450 450w,
9662                  //iteaworld.com/cdn/shop/files/chinese_oolong_tea_classic_flavor_collection.webp?v=1790072385&width=750 750w,
9663                  //iteaworld.com/cdn/shop/files/chinese_oolong_tea_classic_flavor_collection.webp?v=1790072385&width=900 900w,
9664                  //iteaworld.com/cdn/shop/files/chinese_oolong_tea_classic_flavor_collection.webp?v=1790072385&width=1100 1100w,
9665                  //iteaworld.com/cdn/shop/files/chinese_oolong_tea_classic_flavor_collection.webp?v=1790072385&width=1500 1500w,//iteaworld.com/cdn/shop/files/chinese_oolong_tea_classic_flavor_collection.webp?v=1790072385 1600w" 
9666                  src="//iteaworld.com/cdn/shop/files/chinese_oolong_tea_classic_flavor_collection.webp?v=1790072385&width=1500"
9667                  sizes="(min-width: 1400px) calc(100vw / 3), (min-width: 1024px) calc((100vw) / 3), (min-width: 768px) calc((100vw) / 2), calc(100vw /2)"
9668                  alt="Chinese Oolong Tea Starter Set 75g"
9669                  :class="showSecond ? 'first-img' : ''"
9670                  class="w-full  preview-img motion-reduce aspect-square relative animate-Xpulse skeleton-image object-cover h-full min-h-full image-first-hover lg:group-hover:opacity-0 animate_transition_image"
9671                  loading="lazy"
9672                  width="1600"
9673                  height="1600"
9674                  onload="this?.classList.add('active');this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
9675                    setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);"
9676                />
9677              </picture>
9678              
9679            </div><div class="w-full h-full top-0 left-0 absolute lg:block">
9680                  
9681                  <picture>
9682                    <img
9683                      srcset="//iteaworld.com/cdn/shop/files/iTeaworldchineseoolongstarterset_6.webp?v=1781080460&width=250 250w,
9684                        //iteaworld.com/cdn/shop/files/iTeaworldchineseoolongstarterset_6.webp?v=1781080460&width=350 350w,
9685                        //iteaworld.com/cdn/shop/files/iTeaworldchineseoolongstarterset_6.webp?v=1781080460&width=450 450w,
9686                        //iteaworld.com/cdn/shop/files/iTeaworldchineseoolongstarterset_6.webp?v=1781080460&width=750 750w,
9687                        //iteaworld.com/cdn/shop/files/iTeaworldchineseoolongstarterset_6.webp?v=1781080460&width=900 900w,
9688                        //iteaworld.com/cdn/shop/files/iTeaworldchineseoolongstarterset_6.webp?v=1781080460&width=1100 1100w,
9689                        //iteaworld.com/cdn/shop/files/iTeaworldchineseoolongstarterset_6.webp?v=1781080460&width=1500 1500w,//iteaworld.com/cdn/shop/files/iTeaworldchineseoolongstarterset_6.webp?v=1781080460 1600w"
9690                      src="//iteaworld.com/cdn/shop/files/iTeaworldchineseoolongstarterset_6.webp?v=1781080460&width=1500"
9691                      sizes="(min-width: 1400px) calc(100vw / 3), (min-width: 1024px) calc((100vw) / 3), (min-width: 768px) calc((100vw) / 2), calc(100vw /2)"
9692                      alt="Chinese Oolong Tea Starter Set 75g"
9693                      :class="showSecond ? 'second-img' : ''"
9694                      class="motion-reduce min-w-full h-full object-cover group-hover:cursor-pointer image-second-hover opacity-0 lg:group-hover:opacity-100"
9695                      loading="lazy"
9696                      width="1600"
9697                      height="1600"
9698                      onload="this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
9699                        setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);"
9700                    />
9701                  </picture>
9702                  
9703                </div></div>
9704      </div>
9705        <div class="md:list-layout:hidden" x-show="$store.xQuickView" :class="$store.xQuickView && $store.xQuickView.btn_atc_bottom ? 'mobile-bottom':''"><div class="quick-view-container absolute z-20 bottom-2 right-2 rtl:right-auto rtl:left-4 rtl:lg:left-auto lg:top-auto lg:right-auto lg:bottom-4 lg:w-full lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0 lg:translate-y-full transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0"
9706              x-show="$store.xQuickView" x-cloak
9707            > 
9708              <div x-data="xProductCart" x-show="$store.xQuickView && $store.xQuickView.show_atc_button"
9709                class="w-full hide-icon lg:px-4" 
9710                :class="if($store.xQuickView){ return ($store.xQuickView.btn_atc_bottom ? 'hidden' : '') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:block' : ' lg:hidden') }"
9711                x-cloak
9712              >
9713                
9714                  <button
9715                    class="button button--quickview button-solid not-icon leading-normal w-full pr-5 pl-5 py-2.5 lg:py-3 h-full text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60 hidden lg:block"
9716                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
9717                    
9718                      type="submit"
9719                      name="add"
9720                      @click.prevent="setTimeout(() => { $store.xQuickView && (showOptions = !showOptions); $store.xQuickView.showChooseOption('template--27603645268247__featured_collection_4enBkg-10347764252951-collection_69pQHM', $el); }, 0)"
9721                      x-on:mouseover="setTimeout(() => { $store.xQuickView && $store.xQuickView.loadChooseOptions('/products/chinese-oolong-tea-classic-flavor-collection-for-beginner', $el, 'template--27603645268247__featured_collection_4enBkg-10347764252951-collection_69pQHM', 301); }, 0)"
9722                      data-id="template--27603645268247__featured_collection_4enBkg-10347764252951-collection_69pQHM"
9723                      
9724                        disabled
9725                        aria-label="Sold out"
9726                      
9727                    
9728                  >
9729                    <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
9730                      
9731                      <span class="flex items-center justify-center">
9732                        
9733
9734  
9735    
9736      <span class="button-text  is-focus-button:opacity-0">Sold out</span>
9737    
9738  
9739
9740
9741                      </span>
9742                    </span>
9743                    <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
9744                      <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
9745    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
9746      fill="currentcolor" stroke="none">
9747      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
9748    </g>
9749  </svg>
9750
9751                    </div>
9752                  </button>
9753                  <button 
9754                    class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-[6px] disabled:cursor-not-allowed disabled:opacity-60"
9755                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
9756                    
9757                      type="submit"
9758                      name="add"
9759                      @click.prevent="setTimeout(() => { $store.xQuickView && (showOptions = !showOptions); $store.xQuickView.showChooseOption('template--27603645268247__featured_collection_4enBkg-10347764252951-collection_69pQHM', $el); }, 0)"
9760                      x-on:mouseover="setTimeout(() => { $store.xQuickView && $store.xQuickView.loadChooseOptions('/products/chinese-oolong-tea-classic-flavor-collection-for-beginner', $el, 'template--27603645268247__featured_collection_4enBkg-10347764252951-collection_69pQHM', 301); }, 0)"
9761                      data-id="template--27603645268247__featured_collection_4enBkg-10347764252951-collection_69pQHM"disabled
9762                        aria-label="Sold out"x-customer-event-data="{
9763    &quot;product&quot;: {
9764      &quot;title&quot;: &quot;Chinese Oolong Tea Starter Set 75g&quot;,
9765      &quot;listName&quot;: &quot;Oolong Tea&quot;,
9766      &quot;sku&quot;: &quot;10347764252951&quot;,
9767      &quot;currencyCode&quot;: &quot;USD&quot;,
9768      &quot;price&quot;: 1999,
9769      &quot;vendor&quot;: &quot;iTeaworld&quot;
9770    }
9771  }"
9772                    
9773                  >
9774                    <span class="w-5 h-5 flex items-center justify-center md:w-6 md:h-6" x-show="!loading"><svg class="" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 20 16" fill="none" style="fill:none;">
9775    <g>
9776    <path d="M4.537 3.25H18.0745L15.937 10.375H6.6745L4.537 3.25ZM4.537 3.25L4.00262 1.46875" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
9777    <path d="M9.28698 12.8687C9.28698 13.459 8.80846 13.9375 8.21823 13.9375C7.62797 13.9375 7.14948 13.459 7.14948 12.8687" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
9778    <path d="M14.9872 12.75C14.9872 13.3402 14.5087 13.8188 13.9185 13.8188C13.3282 13.8188 12.8497 13.3402 12.8497 12.75" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
9779    <path d="M1.44977 1.35001H3.34977" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
9780    </g>
9781  </svg></span>
9782                    <span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak>
9783                    <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
9784    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
9785      fill="currentcolor" stroke="none">
9786      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
9787    </g>
9788  </svg>
9789
9790                    </span>
9791                  </button>
9792                
9793              </div>
9794            </div><div
9795            class="button-quickview-icon absolute z-[15] lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0  transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0"
9796            :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'btn-quickadd  bottom-11 md:bottom-12 right-2 lg:top-4 lg:bottom-auto lg:-translate-y-full rtl:right-auto rtl:left-2' : 'bottom-2 right-0 lg:top-auto lg:translate-y-full lg:right-auto lg:bottom-4 lg:w-full lg:left-0 pl-2 pr-2 lg:pr-4 lg:pl-4'"
9797            x-show="$store.xQuickView && $store.xQuickView.enabled" x-cloak
9798            >
9799            <div>
9800              <button
9801                @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
9802                x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/products/chinese-oolong-tea-classic-flavor-collection-for-beginner', $el, 'template--27603645268247__featured_collection_4enBkg-10347764252951-collection_69pQHM')" 
9803                x-on:focus="$store.xQuickView && $store.xQuickView.load('/products/chinese-oolong-tea-classic-flavor-collection-for-beginner', $el, 'template--27603645268247__featured_collection_4enBkg-10347764252951-collection_69pQHM')" 
9804                class="button label-btn-quickview button--quickview not-icon leading-normal empty:hidden hidden lg:block z-50 h-full"
9805                :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'p-1.5 md:p-2.5 rounded-full button-disable-effect' : 'w-full pt-3 pb-3 button-solid'"
9806                x-customer-event-data="{
9807    &quot;product&quot;: {
9808      &quot;title&quot;: &quot;Chinese Oolong Tea Starter Set 75g&quot;,
9809      &quot;listName&quot;: &quot;Oolong Tea&quot;,
9810      &quot;sku&quot;: &quot;10347764252951&quot;,
9811      &quot;currencyCode&quot;: &quot;USD&quot;,
9812      &quot;price&quot;: 1999,
9813      &quot;vendor&quot;: &quot;iTeaworld&quot;
9814    }
9815  }"
9816                aria-label="Button quickview"
9817              >
9818                <span x-show="$store.xQuickView && $store.xQuickView.show_atc_button" class="w-4 h-4 flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16" fill="none" style="fill:none;">
9819    <path d="M7.67451 13.8502C11.0849 13.8502 13.8496 11.0855 13.8496 7.67508C13.8496 4.26468 11.0849 1.5 7.67451 1.5C4.2641 1.5 1.49942 4.26468 1.49942 7.67508C1.49942 11.0855 4.2641 13.8502 7.67451 13.8502Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
9820    <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
9821  </svg>
9822</span>
9823                <span x-show="$store.xQuickView && !$store.xQuickView.show_atc_button" class="flex items-center justify-center">
9824                  
9825
9826  <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>
9827
9828
9829                </span>
9830              </button>
9831              <button @click.prevent='$store.xQuickView && $store.xQuickView.load("/products/chinese-oolong-tea-classic-flavor-collection-for-beginner", $el, "template--27603645268247__featured_collection_4enBkg-10347764252951-collection_69pQHM"); $store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
9832                class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-2" 
9833                aria-label="Button quickview"
9834                x-customer-event-data="{
9835    &quot;product&quot;: {
9836      &quot;title&quot;: &quot;Chinese Oolong Tea Starter Set 75g&quot;,
9837      &quot;listName&quot;: &quot;Oolong Tea&quot;,
9838      &quot;sku&quot;: &quot;10347764252951&quot;,
9839      &quot;currencyCode&quot;: &quot;USD&quot;,
9840      &quot;price&quot;: 1999,
9841      &quot;vendor&quot;: &quot;iTeaworld&quot;
9842    }
9843  }"
9844              >
9845                <span class="w-4 h-4 md:w-5 md:h-5 flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16" fill="none" style="fill:none;">
9846    <path d="M7.67451 13.8502C11.0849 13.8502 13.8496 11.0855 13.8496 7.67508C13.8496 4.26468 11.0849 1.5 7.67451 1.5C4.2641 1.5 1.49942 4.26468 1.49942 7.67508C1.49942 11.0855 4.2641 13.8502 7.67451 13.8502Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
9847    <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
9848  </svg>
9849</span>
9850              </button>
9851            </div>
9852          </div>
9853        </div>
9854      
9855    </a>
9856    
9857    
9858    <div class="md:list-layout:hidden">
9859      <div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0">
9860        <div class="no-collage:mb-2 text-center md:list-layout:text-left">
9861          
9862          <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2.5 gap-1 empty:hidden"></div><h3 class="card__heading h5 no-collage:mb-2 mb-2.5 leading-tight" id="title-template--27603645268247__featured_collection_4enBkg-10347764252951">
9863            <a href="/products/chinese-oolong-tea-classic-flavor-collection-for-beginner"
9864              class="x-card-title full-unstyled-link link-product-variant  text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words"
9865              @click='$store.xCustomerEvent.fire("product_selected", $el)'
9866              x-customer-event-data="{
9867    &quot;product&quot;: {
9868      &quot;title&quot;: &quot;Chinese Oolong Tea Starter Set 75g&quot;,
9869      &quot;listName&quot;: &quot;Oolong Tea&quot;,
9870      &quot;sku&quot;: &quot;10347764252951&quot;,
9871      &quot;currencyCode&quot;: &quot;USD&quot;,
9872      &quot;price&quot;: 1999,
9873      &quot;vendor&quot;: &quot;iTeaworld&quot;
9874    }
9875  }"
9876            >
9877              Chinese Oolong Tea Starter Set 75g
9878            </a>
9879          </h3>
9880          
9881            
9882 
9883
9884
9885  <div class="x-card-highlighted-featured mb-2.5 break-words">
9886    <div class="rte"><p><span class="metafield-single_line_text_field">Roasty, Floral &amp; Fresh · 3 Classic Oolong Styles</span></p></div>
9887  </div>
9888
9889          
9890<div  class="x-card-price flex items-center mb-2.5 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start">
9891            
9892            
9893              <div class=" price leading-none">
9894  <div class="">
9895    <div class="target-price hidden">1999</div>
9896    <div class="target-compare-at-price hidden"></div>
9897    
9898<p class="price ">
9899          <span>$19.99 USD</span>
9900        </p><small class="text-[70%] hidden">
9901        <span class="hidden">Unit price</span>
9902        <span class="up price-item price-item--last">
9903          <span class="unit-price">
9904
9905          </span>
9906          <span aria-hidden="true">/</span>
9907          <span class="hidden">&nbsp;per&nbsp;</span>
9908          <span>
9909          </span>
9910        </span>
9911      </small>
9912    
9913  </div>
9914  
9915</div>
9916            
9917            <div class="leading-none next-price empty:hidden"></div>
9918          </div>
9919          
9920          <template x-if="localStorage.getItem('selectedStore')">
9921            <div id="x-availability-notice-template--27603645268247__featured_collection_4enBkg" class="flex mb-2.5 items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start justify-center" x-show="$store.xStoreSelector?.canShow('10347764252951', [532285358359, 511975915799, 529991958807, 495480209687, 526671020311, 526343471383, 526630453527, 521178841367, 456987115799, 493393674519, 449406664983, 525935542551, 450205417751, 461861486871, 531442204951, 531755041047, 531756548375, 498760843543])">
9922              <div 
9923  x-data='{ 
9924    storeAvailabilites: {
9925      
9926    },
9927    pickupLocation: [
9928      
9929    ]
9930  }'
9931  x-show="$store.xStoreSelector?.selectedStore && pickupLocation.includes($store.xStoreSelector?.getStore())"
9932>
9933  <style data-shopify>
9934    .text-available, .text-unavailable {
9935      font-size: 0.669375rem;
9936      font-family: var(--font-body-family);
9937    }
9938
9939    @media (min-width: 768px) {
9940      .text-available, .text-unavailable {
9941        font-size: 0.74375rem;
9942      }
9943    }
9944
9945    .text-available {
9946      color: #739047;
9947    }
9948
9949    .dark .text-available {
9950      color: #739047;
9951    }
9952
9953    .text-unavailable {
9954      color: #767474;
9955    }
9956
9957    .dark .text-unavailable {
9958      color: #867F7F;
9959    }
9960  </style>
9961  <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-available flex flex-row items-center gap-[3px]">
9962    <span class="flex h-4 w-4 relative">
9963<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
9964  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
9965  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
9966</svg>
9967
9968</span><span x-text="'Available for pickup at ' + $store.xStoreSelector?.getStoreText()"> </span>
9969  </div>
9970  <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]">
9971    <span class="flex h-4 w-4 relative">
9972<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
9973  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
9974  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
9975</svg>
9976
9977</span><span x-text="'Out of stock at ' + $store.xStoreSelector?.getStoreText()"> </span>
9978  </div>
9979</div>
9980            </div>
9981          </template>
9982        </div>
9983      </div>
9984    </div>
9985    
9986  </div>
9987  <div
9988    id="x-product-template-10347764252951-template--27603645268247__featured_collection_4enBkg-1-1"
9989    class="list-layout:lg:w-3/4 md:list-layout:w-3/5 list-layout:md:pl-0 rtl:list-layout:md:pl-5 rtl:list-layout:md:pr-0  text-center"
9990  >
9991    
9992    
9993    
9994<div
9995            class="x-variants-data x-variants-data-js pt-3 border-t mt-3"
9996            x-data='xVariantSelectCard($el,"template--27603645268247__featured_collection_4enBkg-1-1", "10347764252951", "/products/chinese-oolong-tea-classic-flavor-collection-for-beginner", false, false, false, "")'
9997            
9998              data-option1="US Warehouse"
9999              
10000            x-intersect.margin.200px="if ($el.querySelector('#variant-update-template--27603645268247__featured_collection_4enBkg-1-1').innerHTML.trim() == '') $el.classList.add('hidden');"
10001          >
10002            <div
10003              id="current-variant-template--27603645268247__featured_collection_4enBkg-10347764252951-collection_69pQHM" 
10004              class="current-variant hidden"
10005            >
10006              55304978792727
10007            </div>
10008            <div
10009              id="variant-update-template--27603645268247__featured_collection_4enBkg-1-1"
10010              class="variant-update-template--27603645268247__featured_collection_4enBkg-1-1 list-layout:md:text-left rtl:list-layout:md:text-right options-container"
10011            >
10012                
10013</div>
10014          </div>
10015          
10015<script src="//iteaworld.com/cdn/shop/t/51/assets/variant-select-card.js?v=141088792309509576511782181913" defer></script>
10015
10016        
10017      
10018    <div class="bottom-card card-info ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end gap-1 empty:hidden"></div>
10019    
10020      <div class="card-info x-highlight-icon mt-2.5">
10021        <div 
10022  class="flex flex-wrap gap-[3px] rtl:flex-row-reverse ltr pr-0 pl-0 justify-center items-center list-layout:mt-4 list-layout:justify-start rtl:list-layout:justify-end empty:hidden"
10023  x-data="{setPosition(el) {
10024    parentEl = el.closest('.x-highlight-icon').getBoundingClientRect();
10025    el.style.setProperty('--maxwidth-tooltip', parentEl.width - 20 + 'px');
10026    elRect = el.getBoundingClientRect();
10027    let spacingLeft = elRect.left - parentEl.left;
10028    if (spacingLeft < 0) {
10029      el.style.setProperty('--left-tooltip', Math.abs(spacingLeft) + 'px');
10030    }
10031    let spacingRight = parentEl.right - elRect.right;
10032    if (spacingRight < 0) {
10033      el.style.setProperty('--left-tooltip', spacingRight + 'px');
10034    } 
10035  }}"
10036  x-init="$el.innerHTML = $el.innerHTML.trim();"
10037>
10038    �
10039    �
10040    �
10041    �</div>
10042      </div>
10043    
10044    
10045      <template x-if="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button && ($store.xQuickView.btn_atc_bottom || !$store.xQuickView.atc_btn_image_desktop)" 
10046            class="card-info bottom_atc md:list-layout:hidden hide-icon"
10047            :class="if($store.xQuickView.show_atc_button){ return ($store.xQuickView.btn_atc_bottom ? '' : 'hidden') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:hidden' : ' lg:block')}"
10048            x-cloak
10049          >
10050            
10051              <button
10052                type="submit"
10053                name="add"
10054                @click.prevent="setTimeout(() => { $store.xQuickView && (showOptions = !showOptions); $store.xQuickView.showChooseOption('template--27603645268247__featured_collection_4enBkg-10347764252951-collection_69pQHM', $el); }, 0)"
10055                x-on:mouseover="setTimeout(() => { $store.xQuickView && $store.xQuickView.loadChooseOptions('/products/chinese-oolong-tea-classic-flavor-collection-for-beginner', $el, 'template--27603645268247__featured_collection_4enBkg-10347764252951-collection_69pQHM', 301); }, 0)" 
10056                data-id="template--27603645268247__featured_collection_4enBkg-10347764252951-collection_69pQHM"
10057                class="button button--quickview button-solid not-icon leading-normal mt-2 w-full pr-5 pl-5 py-2.5 lg:py-3 h-full text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60"
10058                :class="errorMessage && 'opacity-60 cursor-not-allowed'"
10059                aria-label="Choose options"
10060              >
10061                <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
10062                  
10063                  <span class="flex items-center justify-center">
10064                    
10065
10066  
10067    
10068      <span class="button-text  is-focus-button:opacity-0">Choose options</span>
10069    
10070  
10071
10072
10073                  </span>
10074                </span>
10075                <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
10076                  <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
10077    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
10078      fill="currentcolor" stroke="none">
10079      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
10080    </g>
10081  </svg>
10082
10083                </div>
10084              </button>
10085             
10086          </div></template>
10087    
10088    
10089      <template x-if="$store.xQuickView">
10090        <div class="hidden md:list-layout:flex gap-3 mt-5 md:mt-7" x-show="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button" :class="$store.xQuickView.show_atc_button && ''">
10091              
10092                <button
10093                  type="submit"
10094                  name="add"
10095                  
10096                  @click.prevent="setTimeout(() => { $store.xQuickView && (showOptions = !showOptions); $store.xQuickView.showChooseOption('template--27603645268247__featured_collection_4enBkg-10347764252951-collection_69pQHM', $el); }, 0)"
10097                  x-on:mouseover="setTimeout(() => { $store.xQuickView && $store.xQuickView.loadChooseOptions('/products/chinese-oolong-tea-classic-flavor-collection-for-beginner', $el, 'template--27603645268247__featured_collection_4enBkg-10347764252951-collection_69pQHM', 301); }, 0)" 
10098                  data-id="template--27603645268247__featured_collection_4enBkg-10347764252951-collection_69pQHM"
10099                  class="button button--quickview button-solid not-icon leading-normal w-full py-2.5 lg:pl-5 lg:pr-5 lg:py-3 h-full text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60 hidden lg:block"
10100                  :class="errorMessage && 'opacity-60 cursor-not-allowed'"
10101                  aria-label="Choose options"
10102                >
10103                  <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
10104                    
10105                    <span class="flex items-center justify-center">
10106                      
10107
10108  
10109    
10110      <span class="button-text  is-focus-button:opacity-0">Choose options</span>
10111    
10112  
10113
10114
10115                    </span>
10116                  </span>
10117                  <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
10118                    <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
10119    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
10120      fill="currentcolor" stroke="none">
10121      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
10122    </g>
10123  </svg>
10124
10125                  </div>
10126                </button>
10127               
10128            </div><button 
10129            x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/products/chinese-oolong-tea-classic-flavor-collection-for-beginner', $el, 'template--27603645268247__featured_collection_4enBkg-10347764252951-collection_69pQHM')" 
10130            x-on:focus="$store.xQuickView && $store.xQuickView.load('/products/chinese-oolong-tea-classic-flavor-collection-for-beginner', $el, 'template--27603645268247__featured_collection_4enBkg-10347764252951-collection_69pQHM')" 
10131            @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
10132            class="button label-btn-quickview button-solid button--quickview leading-normal none_border pt-2 pl-5 pb-2 pr-5 lg:pt-3 lg:pb-3" 
10133            aria-label="Button quickview"
10134            x-customer-event-data="{
10135    &quot;product&quot;: {
10136      &quot;title&quot;: &quot;Chinese Oolong Tea Starter Set 75g&quot;,
10137      &quot;listName&quot;: &quot;Oolong Tea&quot;,
10138      &quot;sku&quot;: &quot;10347764252951&quot;,
10139      &quot;currencyCode&quot;: &quot;USD&quot;,
10140      &quot;price&quot;: 1999,
10141      &quot;vendor&quot;: &quot;iTeaworld&quot;
10142    }
10143  }"
10144            x-show="$store.xQuickView.enabled"
10145          >
10146            <span class="flex justify-center items-center">
10147              
10148
10149  <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>
10150
10151
10152            </span>
10153          </button>
10154        </div>
10155      </template>
10156    
10157  </div>
10158</div>
10159<style data-shopify>
10160                        .x-slide-animation-duration-2 {
10161                          --delay-time: 100ms
10162                        }
10163                      </style>
10164                      
10165                      
10166
10167<div 
10168  
10169    x-data="xProductCard('template--27603645268247__featured_collection_4enBkg-1-2', '/products/roasted-chinese-oolong-collection', '10362355220759')"  
10170  
10171  class="card-product  overflow-hidden card md:list-layout:flex relative pb-4 md:pb-5 h-full rounded-[10px]" 
10172  x-slide-index="1"
10173>
10174  <div class="md:list-layout:w-2/5 md:list-layout:lg:w-1/4 relative disable-effect md:list-layout:pr-8"
10175  >
10176    <style data-shopify>
10177      
10178    </style>
10179    
10180    <style data-shopify>
10181      
10182    </style>
10183    <a 
10184      
10185        x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active', 'lazy_active')"
10186      
10187      href="/products/roasted-chinese-oolong-collection"
10188       
10189        x-data="{ lastWindowWidth: 0 }"
10190        x-intersect.once.margin.200px='$nextTick(() => { $store.xBadges && $store.xBadges.load($el, () => {}, null, true); })'
10191        x-labels-data="[
10192    
10193{
10194      &quot;variant_id&quot;: 55304907751703,
10195      &quot;product_id&quot;: 10362355220759,
10196      &quot;available&quot;: true,
10197      &quot;title&quot;: &quot;Roasted Chinese Oolong Tea Collection 75g&quot;,
10198      &quot;compare_at_price&quot;: 0,
10199      &quot;price&quot;: 1999,
10200      &quot;price_with_currency&quot;: &quot;$19.99 USD&quot;,
10201      &quot;sale_amount&quot;: &quot;$-19.99&quot;,
10202      &quot;collections&quot;: &quot;||532285358359||526632485143||511975915799||529991958807||495480209687||526671020311||526343471383||456987115799||493393674519||527329329431||449406664983||525935542551||450205417751||461861486871||531755041047||531756548375||498760843543||&quot;,
10203      &quot;inventory_management&quot;: &quot;shopify&quot;,
10204      &quot;qty&quot;: 6,
10205      &quot;container&quot;: &quot;card&quot;,
10206      &quot;can_show_preorder&quot;: false,
10207      &quot;diff_day_create&quot;: 115.52,
10208      &quot;diff_day_publish&quot;: 113.14
10209      
10210        ,&quot;metafield_label&quot;: { 
10211          &quot;custom.flavors&quot;:&quot;&quot;
10212        }
10213      
10214      }
10215    ]"
10216       
10217      aria-label="Roasted Chinese Oolong Tea Collection 75g"
10218      id="10362355220759-template--27603645268247__featured_collection_4enBkg"
10219      class="x-labels-data ltr group link-product-variant overflow-hidden block relative z-[15] curs
10219or-pointer before:h-0 before:block no-collage rounded-[10px] pb-[100%]">
10220      <div x-data="xDoubleTouch('/products/roasted-chinese-oolong-collection')" class="w-full h-full z-0 overflow-hidden absolute top-0 left-0 animate_transition_card__image">
10221        <div
10222          id="x-slideshow-card-product-template--27603645268247__featured_collection_4enBkg-1-2-1"
10223          class="block h-full" 
10224          @click='$store.xCustomerEvent.fire("product_selected", $el)'
10225          x-customer-event-data="{
10226    &quot;product&quot;: {
10227      &quot;title&quot;: &quot;Roasted Chinese Oolong Tea Collection 75g&quot;,
10228      &quot;listName&quot;: &quot;Oolong Tea&quot;,
10229      &quot;sku&quot;: &quot;10362355220759&quot;,
10230      &quot;currencyCode&quot;: &quot;USD&quot;,
10231      &quot;price&quot;: 1999,
10232      &quot;vendor&quot;: &quot;iTeaworld&quot;
10233    }
10234  }"
10235          ><div 
10236              class="absolute inset-0 z-10 pointer-events-auto dbtap-overlay"
10237              @touchstart="onTouchStart($event)"
10238              @touchend.prevent="onTouchEnd($el.closest('.x-splide'))"
10239              @touchmove="onTouchMove($event)"
10240            ></div>
10241<div class="w-full z-0 h-full min-h-full top-0 left-0 absolute"
10242            >
10243              
10244              <picture>
10245                <img
10246                  srcset="
10247                  //iteaworld.com/cdn/shop/files/rosted_chinese_oolong_collection.webp?v=1790071732&width=250 250w,
10248                  //iteaworld.com/cdn/shop/files/rosted_chinese_oolong_collection.webp?v=1790071732&width=350 350w,
10249                  //iteaworld.com/cdn/shop/files/rosted_chinese_oolong_collection.webp?v=1790071732&width=450 450w,
10250                  //iteaworld.com/cdn/shop/files/rosted_chinese_oolong_collection.webp?v=1790071732&width=750 750w,
10251                  //iteaworld.com/cdn/shop/files/rosted_chinese_oolong_collection.webp?v=1790071732&width=900 900w,
10252                  //iteaworld.com/cdn/shop/files/rosted_chinese_oolong_collection.webp?v=1790071732&width=1100 1100w,
10253                  //iteaworld.com/cdn/shop/files/rosted_chinese_oolong_collection.webp?v=1790071732&width=1500 1500w,//iteaworld.com/cdn/shop/files/rosted_chinese_oolong_collection.webp?v=1790071732 1600w" 
10254                  src="//iteaworld.com/cdn/shop/files/rosted_chinese_oolong_collection.webp?v=1790071732&width=1500"
10255                  sizes="(min-width: 1400px) calc(100vw / 3), (min-width: 1024px) calc((100vw) / 3), (min-width: 768px) calc((100vw) / 2), calc(100vw /2)"
10256                  alt="Roasted Chinese Oolong Tea Collection 75g"
10257                  :class="showSecond ? 'first-img' : ''"
10258                  class="w-full  preview-img motion-reduce aspect-square relative animate-Xpulse skeleton-image object-cover h-full min-h-full image-first-hover lg:group-hover:opacity-0 animate_transition_image"
10259                  loading="lazy"
10260                  width="1600"
10261                  height="1600"
10262                  onload="this?.classList.add('active');this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
10263                    setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);"
10264                />
10265              </picture>
10266              
10267            </div><div class="w-full h-full top-0 left-0 absolute lg:block">
10268                  
10269                  <picture>
10270                    <img
10271                      srcset="//iteaworld.com/cdn/shop/files/iTeaworldroastedoolongcollection_5.webp?v=1781088302&width=250 250w,
10272                        //iteaworld.com/cdn/shop/files/iTeaworldroastedoolongcollection_5.webp?v=1781088302&width=350 350w,
10273                        //iteaworld.com/cdn/shop/files/iTeaworldroastedoolongcollection_5.webp?v=1781088302&width=450 450w,
10274                        //iteaworld.com/cdn/shop/files/iTeaworldroastedoolongcollection_5.webp?v=1781088302&width=750 750w,
10275                        //iteaworld.com/cdn/shop/files/iTeaworldroastedoolongcollection_5.webp?v=1781088302&width=900 900w,
10276                        //iteaworld.com/cdn/shop/files/iTeaworldroastedoolongcollection_5.webp?v=1781088302&width=1100 1100w,
10277                        //iteaworld.com/cdn/shop/files/iTeaworldroastedoolongcollection_5.webp?v=1781088302&width=1500 1500w,//iteaworld.com/cdn/shop/files/iTeaworldroastedoolongcollection_5.webp?v=1781088302 1600w"
10278                      src="//iteaworld.com/cdn/shop/files/iTeaworldroastedoolongcollection_5.webp?v=1781088302&width=1500"
10279                      sizes="(min-width: 1400px) calc(100vw / 3), (min-width: 1024px) calc((100vw) / 3), (min-width: 768px) calc((100vw) / 2), calc(100vw /2)"
10280                      alt="Roasted Chinese Oolong Tea Collection 75g"
10281                      :class="showSecond ? 'second-img' : ''"
10282                      class="motion-reduce min-w-full h-full object-cover group-hover:cursor-pointer image-second-hover opacity-0 lg:group-hover:opacity-100"
10283                      loading="lazy"
10284                      width="1600"
10285                      height="1600"
10286                      onload="this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
10287                        setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);"
10288                    />
10289                  </picture>
10290                  
10291                </div></div>
10292      </div>
10293        <div class="md:list-layout:hidden" x-show="$store.xQuickView" :class="$store.xQuickView && $store.xQuickView.btn_atc_bottom ? 'mobile-bottom':''"><div class="quick-view-container absolute z-20 bottom-2 right-2 rtl:right-auto rtl:left-4 rtl:lg:left-auto lg:top-auto lg:right-auto lg:bottom-4 lg:w-full lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0 lg:translate-y-full transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0"
10294              x-show="$store.xQuickView" x-cloak
10295            > 
10296              <div x-data="xProductCart" x-show="$store.xQuickView && $store.xQuickView.show_atc_button"
10297                class="w-full hide-icon lg:px-4" 
10298                :class="if($store.xQuickView){ return ($store.xQuickView.btn_atc_bottom ? 'hidden' : '') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:block' : ' lg:hidden') }"
10299                x-cloak
10300              >
10301                
10302                  <button
10303                    class="button button--quickview button-solid not-icon leading-normal w-full pr-5 pl-5 py-2.5 lg:py-3 h-full text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60 hidden lg:block"
10304                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
10305                    
10306                      type="submit"
10307                      name="add"
10308                      @click.prevent="setTimeout(() => { $store.xQuickView && (showOptions = !showOptions); $store.xQuickView.showChooseOption('template--27603645268247__featured_collection_4enBkg-10362355220759-collection_69pQHM', $el); }, 0)"
10309                      x-on:mouseover="setTimeout(() => { $store.xQuickView && $store.xQuickView.loadChooseOptions('/products/roasted-chinese-oolong-collection', $el, 'template--27603645268247__featured_collection_4enBkg-10362355220759-collection_69pQHM', 302); }, 0)"
10310                      data-id="template--27603645268247__featured_collection_4enBkg-10362355220759-collection_69pQHM"
10311                      
10312                        aria-label="Choose options"
10313                      
10314                    
10315                  >
10316                    <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
10317                      
10318                      <span class="flex items-center justify-center">
10319                        
10320
10321  
10322    
10323      <span class="button-text  is-focus-button:opacity-0">Choose options</span>
10324    
10325  
10326
10327
10328                      </span>
10329                    </span>
10330                    <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
10331                      <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
10332    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
10333      fill="currentcolor" stroke="none">
10334      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
10335    </g>
10336  </svg>
10337
10338                    </div>
10339                  </button>
10340                  <button 
10341                    class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-[6px] disabled:cursor-not-allowed disabled:opacity-60"
10342                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
10343                    
10344                      type="submit"
10345                      name="add"
10346                      @click.prevent="setTimeout(() => { $store.xQuickView && (showOptions = !showOptions); $store.xQuickView.showChooseOption('template--27603645268247__featured_collection_4enBkg-10362355220759-collection_69pQHM', $el); }, 0)"
10347                      x-on:mouseover="setTimeout(() => { $store.xQuickView && $store.xQuickView.loadChooseOptions('/products/roasted-chinese-oolong-collection', $el, 'template--27603645268247__featured_collection_4enBkg-10362355220759-collection_69pQHM', 302); }, 0)"
10348                      data-id="template--27603645268247__featured_collection_4enBkg-10362355220759-collection_69pQHM"aria-label="Add to cart"x-customer-event-data="{
10349    &quot;product&quot;: {
10350      &quot;title&quot;: &quot;Roasted Chinese Oolong Tea Collection 75g&quot;,
10351      &quot;listName&quot;: &quot;Oolong Tea&quot;,
10352      &quot;sku&quot;: &quot;10362355220759&quot;,
10353      &quot;currencyCode&quot;: &quot;USD&quot;,
10354      &quot;price&quot;: 1999,
10355      &quot;vendor&quot;: &quot;iTeaworld&quot;
10356    }
10357  }"
10358                    
10359                  >
10360                    <span class="w-5 h-5 flex items-center justify-center md:w-6 md:h-6" x-show="!loading"><svg class="" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 20 16" fill="none" style="fill:none;">
10361    <g>
10362    <path d="M4.537 3.25H18.0745L15.937 10.375H6.6745L4.537 3.25ZM4.537 3.25L4.00262 1.46875" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
10363    <path d="M9.28698 12.8687C9.28698 13.459 8.80846 13.9375 8.21823 13.9375C7.62797 13.9375 7.14948 13.459 7.14948 12.8687" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
10364    <path d="M14.9872 12.75C14.9872 13.3402 14.5087 13.8188 13.9185 13.8188C13.3282 13.8188 12.8497 13.3402 12.8497 12.75" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
10365    <path d="M1.44977 1.35001H3.34977" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
10366    </g>
10367  </svg></span>
10368                    <span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak>
10369                    <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
10370    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
10371      fill="currentcolor" stroke="none">
10372      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
10373    </g>
10374  </svg>
10375
10376                    </span>
10377                  </button>
10378                
10379              </div>
10380            </div><div
10381            class="button-quickview-icon absolute z-[15] lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0  transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0"
10382            :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'btn-quickadd  bottom-11 md:bottom-12 right-2 lg:top-4 lg:bottom-auto lg:-translate-y-full rtl:right-auto rtl:left-2' : 'bottom-2 right-0 lg:top-auto lg:translate-y-full lg:right-auto lg:bottom-4 lg:w-full lg:left-0 pl-2 pr-2 lg:pr-4 lg:pl-4'"
10383            x-show="$store.xQuickView && $store.xQuickView.enabled" x-cloak
10384            >
10385            <div>
10386              <button
10387                @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
10388                x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/products/roasted-chinese-oolong-collection', $el, 'template--27603645268247__featured_collection_4enBkg-10362355220759-collection_69pQHM')" 
10389                x-on:focus="$store.xQuickView && $store.xQuickView.load('/products/roasted-chinese-oolong-collection', $el, 'template--27603645268247__featured_collection_4enBkg-10362355220759-collection_69pQHM')" 
10390                class="button label-btn-quickview button--quickview not-icon leading-normal empty:hidden hidden lg:block z-50 h-full"
10391                :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'p-1.5 md:p-2.5 rounded-full button-disable-effect' : 'w-full pt-3 pb-3 button-solid'"
10392                x-customer-event-data="{
10393    &quot;product&quot;: {
10394      &quot;title&quot;: &quot;Roasted Chinese Oolong Tea Collection 75g&quot;,
10395      &quot;listName&quot;: &quot;Oolong Tea&quot;,
10396      &quot;sku&quot;: &quot;10362355220759&quot;,
10397      &quot;currencyCode&quot;: &quot;USD&quot;,
10398      &quot;price&quot;: 1999,
10399      &quot;vendor&quot;: &quot;iTeaworld&quot;
10400    }
10401  }"
10402                aria-label="Button quickview"
10403              >
10404                <span x-show="$store.xQuickView && $store.xQuickView.show_atc_button" class="w-4 h-4 flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16" fill="none" style="fill:none;">
10405    <path d="M7.67451 13.8502C11.0849 13.8502 13.8496 11.0855 13.8496 7.67508C13.8496 4.26468 11.0849 1.5 7.67451 1.5C4.2641 1.5 1.49942 4.26468 1.49942 7.67508C1.49942 11.0855 4.2641 13.8502 7.67451 13.8502Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
10406    <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
10407  </svg>
10408</span>
10409                <span x-show="$store.xQuickView && !$store.xQuickView.show_atc_button" class="flex items-center justify-center">
10410                  
10411
10412  <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>
10413
10414
10415                </span>
10416              </button>
10417              <button @click.prevent='$store.xQuickView && $store.xQuickView.load("/products/roasted-chinese-oolong-collection", $el, "template--27603645268247__featured_collection_4enBkg-10362355220759-collection_69pQHM"); $store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
10418                class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-2" 
10419                aria-label="Button quickview"
10420                x-customer-event-data="{
10421    &quot;product&quot;: {
10422      &quot;title&quot;: &quot;Roasted Chinese Oolong Tea Collection 75g&quot;,
10423      &quot;listName&quot;: &quot;Oolong Tea&quot;,
10424      &quot;sku&quot;: &quot;10362355220759&quot;,
10425      &quot;currencyCode&quot;: &quot;USD&quot;,
10426      &quot;price&quot;: 1999,
10427      &quot;vendor&quot;: &quot;iTeaworld&quot;
10428    }
10429  }"
10430              >
10431                <span class="w-4 h-4 md:w-5 md:h-5 flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16" fill="none" style="fill:none;">
10432    <path d="M7.67451 13.8502C11.0849 13.8502 13.8496 11.0855 13.8496 7.67508C13.8496 4.26468 11.0849 1.5 7.67451 1.5C4.2641 1.5 1.49942 4.26468 1.49942 7.67508C1.49942 11.0855 4.2641 13.8502 7.67451 13.8502Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
10433    <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
10434  </svg>
10435</span>
10436              </button>
10437            </div>
10438          </div>
10439        </div>
10440      
10441    </a>
10442    
10443    
10444    <div class="md:list-layout:hidden">
10445      <div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0">
10446        <div class="no-collage:mb-2 text-center md:list-layout:text-left">
10447          
10448          <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2.5 gap-1 empty:hidden"></div><h3 class="card__heading h5 no-collage:mb-2 mb-2.5 leading-tight" id="title-template--27603645268247__featured_collection_4enBkg-10362355220759">
10449            <a href="/products/roasted-chinese-oolong-collection"
10450              class="x-card-title full-unstyled-link link-product-variant  text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words"
10451              @click='$store.xCustomerEvent.fire("product_selected", $el)'
10452              x-customer-event-data="{
10453    &quot;product&quot;: {
10454      &quot;title&quot;: &quot;Roasted Chinese Oolong Tea Collection 75g&quot;,
10455      &quot;listName&quot;: &quot;Oolong Tea&quot;,
10456      &quot;sku&quot;: &quot;10362355220759&quot;,
10457      &quot;currencyCode&quot;: &quot;USD&quot;,
10458      &quot;price&quot;: 1999,
10459      &quot;vendor&quot;: &quot;iTeaworld&quot;
10460    }
10461  }"
10462            >
10463              Roasted Chinese Oolong Tea Collection 75g
10464            </a>
10465          </h3>
10466          
10467            
10468 
10469
10470
10471  <div class="x-card-highlighted-featured mb-2.5 break-words">
10472    <div class="rte"><p><span class="metafield-single_line_text_field">3 Deep-Roasted Oolongs · Rich &amp; Bold</span></p></div>
10473  </div>
10474
10475          
10476<div  class="x-card-price flex items-center mb-2.5 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start">
10477            
10478            
10479              <div class=" price leading-none">
10480  <div class="">
10481    <div class="target-price hidden">1999</div>
10482    <div class="target-compare-at-price hidden"></div>
10483    
10484<p class="price ">
10485          <span>$19.99 USD</span>
10486        </p><small class="text-[70%] hidden">
10487        <span class="hidden">Unit price</span>
10488        <span class="up price-item price-item--last">
10489          <span class="unit-price">
10490
10491          </span>
10492          <span aria-hidden="true">/</span>
10493          <span class="hidden">&nbsp;per&nbsp;</span>
10494          <span>
10495          </span>
10496        </span>
10497      </small>
10498    
10499  </div>
10500  
10501</div>
10502            
10503            <div class="leading-none next-price empty:hidden"></div>
10504          </div>
10505          
10506          <template x-if="localStorage.getItem('selectedStore')">
10507            <div id="x-availability-notice-template--27603645268247__featured_collection_4enBkg" class="flex mb-2.5 items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start justify-center" x-show="$store.xStoreSelector?.canShow('10362355220759', [532285358359, 526632485143, 511975915799, 529991958807, 495480209687, 526671020311, 526343471383, 456987115799, 493393674519, 527329329431, 449406664983, 525935542551, 450205417751, 461861486871, 531755041047, 531756548375, 498760843543])">
10508              <div 
10509  x-data='{ 
10510    storeAvailabilites: {
10511      
10512    },
10513    pickupLocation: [
10514      
10515    ]
10516  }'
10517  x-show="$store.xStoreSelector?.selectedStore && pickupLocation.includes($store.xStoreSelector?.getStore())"
10518>
10519  <style data-shopify>
10520    .text-available, .text-unavailable {
10521      font-size: 0.669375rem;
10522      font-family: var(--font-body-family);
10523    }
10524
10525    @media (min-width: 768px) {
10526      .text-available, .text-unavailable {
10527        font-size: 0.74375rem;
10528      }
10529    }
10530
10531    .text-available {
10532      color: #739047;
10533    }
10534
10535    .dark .text-available {
10536      color: #739047;
10537    }
10538
10539    .text-unavailable {
10540      color: #767474;
10541    }
10542
10543    .dark .text-unavailable {
10544      color: #867F7F;
10545    }
10546  </style>
10547  <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-available flex flex-row items-center gap-[3px]">
10548    <span class="flex h-4 w-4 relative">
10549<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
10550  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
10551  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
10552</svg>
10553
10554</span><span x-text="'Available for pickup at ' + $store.xStoreSelector?.getStoreText()"> </span>
10555  </div>
10556  <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]">
10557    <span class="flex h-4 w-4 relative">
10558<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
10559  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
10560  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
10561</svg>
10562
10563</span><span x-text="'Out of stock at ' + $store.xStoreSelector?.getStoreText()"> </span>
10564  </div>
10565</div>
10566            </div>
10567          </template>
10568        </div>
10569      </div>
10570    </div>
10571    
10572  </div><div
10573      id="choose-options-template--27603645268247__featured_collection_4enBkg-10362355220759-collection_69pQHM"
10574      class="hidden md:block absolute w-full min-h-full h-full left-0 top-0 bg-[rgba(var(--background-color))] z-[15] md:list-layout:w-3/5 list-layout:lg:w-3/4 md:list-layout:left-auto md:list-layout:right-0"
10575      x-show="showOptions"
10576      x-transition:enter="transition-all ease-in-out duration-300"
10577      x-transition:enter-start="opacity-0 transform translate-y-full"
10578      x-transition:enter-end="opacity-100 transform translate-y-0"
10579      x-transition:leave="transition-all ease-in-out duration-300"
10580      x-transition:leave-start="opacity-100 transform translate-y-0"
10581      x-transition:leave-end="opacity-0 transform translate-y-full"
10582      x-cloak
10583    >
10584      <div  class="choose-options relative w-full min-h-full h-full"></div>
10585      <div class="icon-loading hidden absolute top-0 left-0 right-0 h-full w-full z-20 bg-[rgba(var(--background-color))]">
10586        <div
10587          class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[
10587calc(50%-10px)]">
10588          <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
10589    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
10590      fill="currentcolor" stroke="none">
10591      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
10592    </g>
10593  </svg>
10594
10595        </div>
10596      </div>
10597    </div>
10598  <div
10599    id="x-product-template-10362355220759-template--27603645268247__featured_collection_4enBkg-1-2"
10600    class="list-layout:lg:w-3/4 md:list-layout:w-3/5 list-layout:md:pl-0 rtl:list-layout:md:pl-5 rtl:list-layout:md:pr-0  text-center"
10601  >
10602    
10603    
10604    
10605<div
10606            class="x-variants-data x-variants-data-js pt-3 border-t mt-3"
10607            x-data='xVariantSelectCard($el,"template--27603645268247__featured_collection_4enBkg-1-2", "10362355220759", "/products/roasted-chinese-oolong-collection", false, false, false, "")'
10608            
10609              data-option1="US Warehouse"
10610              
10611            x-intersect.margin.200px="if ($el.querySelector('#variant-update-template--27603645268247__featured_collection_4enBkg-1-2').innerHTML.trim() == '') $el.classList.add('hidden');"
10612          >
10613            <div
10614              id="current-variant-template--27603645268247__featured_collection_4enBkg-10362355220759-collection_69pQHM" 
10615              class="current-variant hidden"
10616            >
10617              55304907751703
10618            </div>
10619            <div
10620              id="variant-update-template--27603645268247__featured_collection_4enBkg-1-2"
10621              class="variant-update-template--27603645268247__featured_collection_4enBkg-1-2 list-layout:md:text-left rtl:list-layout:md:text-right options-container"
10622            >
10623                
10624</div>
10625          </div>
10626          
10626<script src="//iteaworld.com/cdn/shop/t/51/assets/variant-select-card.js?v=141088792309509576511782181913" defer></script>
10626
10627        
10628      
10629    <div class="bottom-card card-info ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end gap-1 empty:hidden"></div>
10630    
10631      <div class="card-info x-highlight-icon mt-2.5">
10632        <div 
10633  class="flex flex-wrap gap-[3px] rtl:flex-row-reverse ltr pr-0 pl-0 justify-center items-center list-layout:mt-4 list-layout:justify-start rtl:list-layout:justify-end empty:hidden"
10634  x-data="{setPosition(el) {
10635    parentEl = el.closest('.x-highlight-icon').getBoundingClientRect();
10636    el.style.setProperty('--maxwidth-tooltip', parentEl.width - 20 + 'px');
10637    elRect = el.getBoundingClientRect();
10638    let spacingLeft = elRect.left - parentEl.left;
10639    if (spacingLeft < 0) {
10640      el.style.setProperty('--left-tooltip', Math.abs(spacingLeft) + 'px');
10641    }
10642    let spacingRight = parentEl.right - elRect.right;
10643    if (spacingRight < 0) {
10644      el.style.setProperty('--left-tooltip', spacingRight + 'px');
10645    } 
10646  }}"
10647  x-init="$el.innerHTML = $el.innerHTML.trim();"
10648>
10649    �
10650    �
10651    �
10652    �</div>
10653      </div>
10654    
10655    
10656      <template x-if="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button && ($store.xQuickView.btn_atc_bottom || !$store.xQuickView.atc_btn_image_desktop)" 
10657            class="card-info bottom_atc md:list-layout:hidden hide-icon"
10658            :class="if($store.xQuickView.show_atc_button){ return ($store.xQuickView.btn_atc_bottom ? '' : 'hidden') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:hidden' : ' lg:block')}"
10659            x-cloak
10660          >
10661            
10662              <button
10663                type="submit"
10664                name="add"
10665                @click.prevent="setTimeout(() => { $store.xQuickView && (showOptions = !showOptions); $store.xQuickView.showChooseOption('template--27603645268247__featured_collection_4enBkg-10362355220759-collection_69pQHM', $el); }, 0)"
10666                x-on:mouseover="setTimeout(() => { $store.xQuickView && $store.xQuickView.loadChooseOptions('/products/roasted-chinese-oolong-collection', $el, 'template--27603645268247__featured_collection_4enBkg-10362355220759-collection_69pQHM', 302); }, 0)" 
10667                data-id="template--27603645268247__featured_collection_4enBkg-10362355220759-collection_69pQHM"
10668                class="button button--quickview button-solid not-icon leading-normal mt-2 w-full pr-5 pl-5 py-2.5 lg:py-3 h-full text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60"
10669                :class="errorMessage && 'opacity-60 cursor-not-allowed'"
10670                aria-label="Choose options"
10671              >
10672                <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
10673                  
10674                  <span class="flex items-center justify-center">
10675                    
10676
10677  
10678    
10679      <span class="button-text  is-focus-button:opacity-0">Choose options</span>
10680    
10681  
10682
10683
10684                  </span>
10685                </span>
10686                <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
10687                  <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
10688    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
10689      fill="currentcolor" stroke="none">
10690      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
10691    </g>
10692  </svg>
10693
10694                </div>
10695              </button>
10696             
10697          </div></template>
10698    
10699    
10700      <template x-if="$store.xQuickView">
10701        <div class="hidden md:list-layout:flex gap-3 mt-5 md:mt-7" x-show="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button" :class="$store.xQuickView.show_atc_button && ''">
10702              
10703                <button
10704                  type="submit"
10705                  name="add"
10706                  
10707                  @click.prevent="setTimeout(() => { $store.xQuickView && (showOptions = !showOptions); $store.xQuickView.showChooseOption('template--27603645268247__featured_collection_4enBkg-10362355220759-collection_69pQHM', $el); }, 0)"
10708                  x-on:mouseover="setTimeout(() => { $store.xQuickView && $store.xQuickView.loadChooseOptions('/products/roasted-chinese-oolong-collection', $el, 'template--27603645268247__featured_collection_4enBkg-10362355220759-collection_69pQHM', 302); }, 0)" 
10709                  data-id="template--27603645268247__featured_collection_4enBkg-10362355220759-collection_69pQHM"
10710                  class="button button--quickview button-solid not-icon leading-normal w-full py-2.5 lg:pl-5 lg:pr-5 lg:py-3 h-full text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60 hidden lg:block"
10711                  :class="errorMessage && 'opacity-60 cursor-not-allowed'"
10712                  aria-label="Choose options"
10713                >
10714                  <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
10715                    
10716                    <span class="flex items-center justify-center">
10717                      
10718
10719  
10720    
10721      <span class="button-text  is-focus-button:opacity-0">Choose options</span>
10722    
10723  
10724
10725
10726                    </span>
10727                  </span>
10728                  <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
10729                    <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
10730    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
10731      fill="currentcolor" stroke="none">
10732      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
10733    </g>
10734  </svg>
10735
10736                  </div>
10737                </button>
10738               
10739            </div><button 
10740            x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/products/roasted-chinese-oolong-collection', $el, 'template--27603645268247__featured_collection_4enBkg-10362355220759-collection_69pQHM')" 
10741            x-on:focus="$store.xQuickView && $store.xQuickView.load('/products/roasted-chinese-oolong-collection', $el, 'template--27603645268247__featured_collection_4enBkg-10362355220759-collection_69pQHM')" 
10742            @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
10743            class="button label-btn-quickview button-solid button--quickview leading-normal none_border pt-2 pl-5 pb-2 pr-5 lg:pt-3 lg:pb-3" 
10744            aria-label="Button quickview"
10745            x-customer-event-data="{
10746    &quot;product&quot;: {
10747      &quot;title&quot;: &quot;Roasted Chinese Oolong Tea Collection 75g&quot;,
10748      &quot;listName&quot;: &quot;Oolong Tea&quot;,
10749      &quot;sku&quot;: &quot;10362355220759&quot;,
10750      &quot;currencyCode&quot;: &quot;USD&quot;,
10751      &quot;price&quot;: 1999,
10752      &quot;vendor&quot;: &quot;iTeaworld&quot;
10753    }
10754  }"
10755            x-show="$store.xQuickView.enabled"
10756          >
10757            <span class="flex justify-center items-center">
10758              
10759
10760  <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>
10761
10762
10763            </span>
10764          </button>
10765        </div>
10766      </template>
10767    
10768  </div>
10769</div>
10770<style data-shopify>
10771                        .x-slide-animation-duration-3 {
10772                          --delay-time: 200ms
10773                        }
10774                      </style>
10775                      
10776                      
10777
10778<div 
10779  
10780    x-data="xProductCard('template--27603645268247__featured_collection_4enBkg-1-3', '/products/fresh-chinese-oolong-collection', '10362351354135')"  
10781  
10782  class="card-product  overflow-hidden card md:list-layout:flex relative pb-4 md:pb-5 h-full rounded-[10px]" 
10783  x-slide-index="2"
10784>
10785  <div class="md:list-layout:w-2/5 md:list-layout:lg:w-1/4 relative disable-effect md:list-layout:pr-8"
10786  >
10787    <style data-shopify>
10788      
10789    </style>
10790    
10791    <style data-shopify>
10792      
10793    </style>
10794    <a 
10795      
10796        x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active', 'lazy_active')"
10797      
10798      href="/products/fresh-chinese-oolong-collection"
10799       
10800        x-data="{ lastWindowWidth: 0 }"
10801        x-intersect.once.margin.200px='$nextTick(() => { $store.xBadges && $store.xBadges.load($el, () => {}, null, true); })'
10802        x-labels-data="[
10803    
10804{
10805      &quot;variant_id&quot;
10805: 55305101115671,
10806      &quot;product_id&quot;: 10362351354135,
10807      &quot;available&quot;: true,
10808      &quot;title&quot;: &quot;Fresh Chinese Oolong Tea Collection 90g&quot;,
10809      &quot;compare_at_price&quot;: 0,
10810      &quot;price&quot;: 2699,
10811      &quot;price_with_currency&quot;: &quot;$26.99 USD&quot;,
10812      &quot;sale_amount&quot;: &quot;$-26.99&quot;,
10813      &quot;collections&quot;: &quot;||532285358359||511975915799||529991958807||495480209687||526671020311||526343471383||456987115799||493393674519||527329329431||449406664983||525935542551||450205417751||461861486871||531755041047||531756548375||498760843543||&quot;,
10814      &quot;inventory_management&quot;: &quot;shopify&quot;,
10815      &quot;qty&quot;: 3,
10816      &quot;container&quot;: &quot;card&quot;,
10817      &quot;can_show_preorder&quot;: false,
10818      &quot;diff_day_create&quot;: 115.53,
10819      &quot;diff_day_publish&quot;: 113.14
10820      
10821        ,&quot;metafield_label&quot;: { 
10822          &quot;custom.flavors&quot;:&quot;&quot;
10823        }
10824      
10825      }
10826    ]"
10827       
10828      aria-label="Fresh Chinese Oolong Tea Collection 90g"
10829      id="10362351354135-template--27603645268247__featured_collection_4enBkg"
10830      class="x-labels-data ltr group link-product-variant overflow-hidden block relative z-[15] cursor-pointer before:h-0 before:block no-collage rounded-[10px] pb-[100%]">
10831      <div x-data="xDoubleTouch('/products/fresh-chinese-oolong-collection')" class="w-full h-full z-0 overflow-hidden absolute top-0 left-0 animate_transition_card__image">
10832        <div
10833          id="x-slideshow-card-product-template--27603645268247__featured_collection_4enBkg-1-3-2"
10834          class="block h-full" 
10835          @click='$store.xCustomerEvent.fire("product_selected", $el)'
10836          x-customer-event-data="{
10837    &quot;product&quot;: {
10838      &quot;title&quot;: &quot;Fresh Chinese Oolong Tea Collection 90g&quot;,
10839      &quot;listName&quot;: &quot;Oolong Tea&quot;,
10840      &quot;sku&quot;: &quot;10362351354135&quot;,
10841      &quot;currencyCode&quot;: &quot;USD&quot;,
10842      &quot;price&quot;: 2699,
10843      &quot;vendor&quot;: &quot;iTeaworld&quot;
10844    }
10845  }"
10846          ><div 
10847              class="absolute inset-0 z-10 pointer-events-auto dbtap-overlay"
10848              @touchstart="onTouchStart($event)"
10849              @touchend.prevent="onTouchEnd($el.closest('.x-splide'))"
10850              @touchmove="onTouchMove($event)"
10851            ></div>
10852<div class="w-full z-0 h-full min-h-full top-0 left-0 absolute"
10853            >
10854              
10855              <picture>
10856                <img
10857                  srcset="
10858                  //iteaworld.com/cdn/shop/files/Fresh_chinese_oolong_collection.webp?v=1790073222&width=250 250w,
10859                  //iteaworld.com/cdn/shop/files/Fresh_chinese_oolong_collection.webp?v=1790073222&width=350 350w,
10860                  //iteaworld.com/cdn/shop/files/Fresh_chinese_oolong_collection.webp?v=1790073222&width=450 450w,
10861                  //iteaworld.com/cdn/shop/files/Fresh_chinese_oolong_collection.webp?v=1790073222&width=750 750w,
10862                  //iteaworld.com/cdn/shop/files/Fresh_chinese_oolong_collection.webp?v=1790073222&width=900 900w,
10863                  //iteaworld.com/cdn/shop/files/Fresh_chinese_oolong_collection.webp?v=1790073222&width=1100 1100w,
10864                  //iteaworld.com/cdn/shop/files/Fresh_chinese_oolong_collection.webp?v=1790073222&width=1500 1500w,//iteaworld.com/cdn/shop/files/Fresh_chinese_oolong_collection.webp?v=1790073222 1600w" 
10865                  src="//iteaworld.com/cdn/shop/files/Fresh_chinese_oolong_collection.webp?v=1790073222&width=1500"
10866                  sizes="(min-width: 1400px) calc(100vw / 3), (min-width: 1024px) calc((100vw) / 3), (min-width: 768px) calc((100vw) / 2), calc(100vw /2)"
10867                  alt="Fresh Chinese Oolong Tea Collection 90g"
10868                  :class="showSecond ? 'first-img' : ''"
10869                  class="w-full  preview-img motion-reduce aspect-square relative animate-Xpulse skeleton-image object-cover h-full min-h-full image-first-hover lg:group-hover:opacity-0 animate_transition_image"
10870                  loading="lazy"
10871                  width="1600"
10872                  height="1600"
10873                  onload="this?.classList.add('active');this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
10874                    setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);"
10875                />
10876              </picture>
10877              
10878            </div><div class="w-full h-full top-0 left-0 absolute lg:block">
10879                  
10880                  <picture>
10881                    <img
10882                      srcset="//iteaworld.com/cdn/shop/files/iTeaworldfreshchineseoolongcollection_6.webp?v=1781084072&width=250 250w,
10883                        //iteaworld.com/cdn/shop/files/iTeaworldfreshchineseoolongcollection_6.webp?v=1781084072&width=350 350w,
10884                        //iteaworld.com/cdn/shop/files/iTeaworldfreshchineseoolongcollection_6.webp?v=1781084072&width=450 450w,
10885                        //iteaworld.com/cdn/shop/files/iTeaworldfreshchineseoolongcollection_6.webp?v=1781084072&width=750 750w,
10886                        //iteaworld.com/cdn/shop/files/iTeaworldfreshchineseoolongcollection_6.webp?v=1781084072&width=900 900w,
10887                        //iteaworld.com/cdn/shop/files/iTeaworldfreshchineseoolongcollection_6.webp?v=1781084072&width=1100 1100w,
10888                        //iteaworld.com/cdn/shop/files/iTeaworldfreshchineseoolongcollection_6.webp?v=1781084072&width=1500 1500w,//iteaworld.com/cdn/shop/files/iTeaworldfreshchineseoolongcollection_6.webp?v=1781084072 1600w"
10889                      src="//iteaworld.com/cdn/shop/files/iTeaworldfreshchineseoolongcollection_6.webp?v=1781084072&width=1500"
10890                      sizes="(min-width: 1400px) calc(100vw / 3), (min-width: 1024px) calc((100vw) / 3), (min-width: 768px) calc((100vw) / 2), calc(100vw /2)"
10891                      alt="Fresh Chinese Oolong Tea Collection 90g"
10892                      :class="showSecond ? 'second-img' : ''"
10893                      class="motion-reduce min-w-full h-full object-cover group-hover:cursor-pointer image-second-hover opacity-0 lg:group-hover:opacity-100"
10894                      loading="lazy"
10895                      width="1600"
10896                      height="1600"
10897                      onload="this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
10898                        setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);"
10899                    />
10900                  </picture>
10901                  
10902                </div></div>
10903      </div>
10904        <div class="md:list-layout:hidden" x-show="$store.xQuickView" :class="$store.xQuickView && $store.xQuickView.btn_atc_bottom ? 'mobile-bottom':''"><div class="quick-view-container absolute z-20 bottom-2 right-2 rtl:right-auto rtl:left-4 rtl:lg:left-auto lg:top-auto lg:right-auto lg:bottom-4 lg:w-full lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0 lg:translate-y-full transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0"
10905              x-show="$store.xQuickView" x-cloak
10906            > 
10907              <div x-data="xProductCart" x-show="$store.xQuickView && $store.xQuickView.show_atc_button"
10908                class="w-full hide-icon lg:px-4" 
10909                :class="if($store.xQuickView){ return ($store.xQuickView.btn_atc_bottom ? 'hidden' : '') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:block' : ' lg:hidden') }"
10910                x-cloak
10911              >
10912                
10913                  <button
10914                    class="button button--quickview button-solid not-icon leading-normal w-full pr-5 pl-5 py-2.5 lg:py-3 h-full text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60 hidden lg:block"
10915                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
10916                    
10917                      type="submit"
10918                      name="add"
10919                      @click.prevent="setTimeout(() => { $store.xQuickView && (showOptions = !showOptions); $store.xQuickView.showChooseOption('template--27603645268247__featured_collection_4enBkg-10362351354135-collection_69pQHM', $el); }, 0)"
10920                      x-on:mouseover="setTimeout(() => { $store.xQuickView && $store.xQuickView.loadChooseOptions('/products/fresh-chinese-oolong-collection', $el, 'template--27603645268247__featured_collection_4enBkg-10362351354135-collection_69pQHM', 303); }, 0)"
10921                      data-id="template--27603645268247__featured_collection_4enBkg-10362351354135-collection_69pQHM"
10922                      
10923                        aria-label="Choose options"
10924                      
10925                    
10926                  >
10927                    <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
10928                      
10929                      <span class="flex items-center justify-center">
10930                        
10931
10932  
10933    
10934      <span class="button-text  is-focus-button:opacity-0">Choose options</span>
10935    
10936  
10937
10938
10939                      </span>
10940                    </span>
10941                    <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
10942                      <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
10943    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
10944      fill="currentcolor" stroke="none">
10945      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
10946    </g>
10947  </svg>
10948
10949                    </div>
10950                  </button>
10951                  <button 
10952                    class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-[6px] disabled:cursor-not-allowed disabled:opacity-60"
10953                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
10954                    
10955                      type="submit"
10956                      name="add"
10957                      @click.prevent="setTimeout(() => { $store.xQuickView && (showOptions = !showOptions); $store.xQuickView.showChooseOption('template--27603645268247__featured_collection_4enBkg-10362351354135-collection_69pQHM', $el); }, 0)"
10958                      x-on:mouseover="setTimeout(() => { $store.xQuickView && $store.xQuickView.loadChooseOptions('/products/fresh-chinese-oolong-collection', $el, 'template--27603645268247__featured_collection_4enBkg-10362351354135-collection_69pQHM', 303); }, 0)"
10959                      data-id="template--27603645268247__featured_collection_4enBkg-10362351354135-collection_69pQHM"aria-label="Add to cart"x-customer-event-data="{
10960    &quot;product&quot;: {
10961      &quot;title&quot;: &quot;Fresh Chinese Oolong Tea Collection 90g&quot;,
10962      &quot;listName&quot;: &quot;Oolong Tea&quot;,
10963      &quot;sku&quot;: &quot;10362351354135&quot;,
10964      &quot;currencyCode&quot;: &quot;USD&quot;,
10965      &quot;price&quot;: 2699,
10966      &quot;vendor&quot;: &quot;iTeaworld&quot;
10967    }
10968  }"
10969                    
10970                  >
10971                    <span class="w-5 h-5 flex items-center justify-center md:w-6 md:h-6" x-show="!loading"><svg class="" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 20 16" fill="none" style="fill:none;">
10972    <g>
10973    <path d="M4.537 3.25H18.0745L15.937 10.375H6.6745L4.537 3.25ZM4.537 3.25L4.00262 1.46875" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
10974    <path d="M9.28698 12.8687C9.28698 13.459 8.80846 13.9375 8.21823 13.9375C7.62797 13.9375 7.14948 13.459 7.14948 12.8687" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
10975    <path d="M14.9872 12.75C14.9872 13.3402 14.5087 13.8188 13.9185 13.8188C13.3282 13.8188 12.8497 13.3402 12.8497 12.75" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
10976    <path d="M1.44977 1.35001H3.34977" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
10977    </g>
10978  </svg></span>
10979                    <span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak>
10980                    <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
10981    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
10982      fill="currentcolor" stroke="none">
10983      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
10984    </g>
10985  </svg>
10986
10987                    </span>
10988                  </button>
10989                
10990              </div>
10991            </div><div
10992            class="button-quickview-icon absolute z-[15] lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0  transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0"
10993            :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'btn-quickadd  bottom-11 md:bottom-12 right-2 lg:top-4 lg:bottom-auto lg:-translate-y-full rtl:right-auto rtl:left-2' : 'bottom-2 right-0 lg:top-auto lg:translate-y-full lg:right-auto lg:bottom-4 lg:w-full lg:left-0 pl-2 pr-2 lg:pr-4 lg:pl-4'"
10994            x-show="$store.xQuickView && $store.xQuickView.enabled" x-cloak
10995            >
10996            <div>
10997              <button
10998                @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
10999                x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/products/fresh-chinese-oolong-collection', $el, 'template--27603645268247__featured_collection_4enBkg-10362351354135-collection_69pQHM')" 
11000                x-on:focus="$store.xQuickView && $store.xQuickView.load('/products/fresh-chinese-oolong-collection', $el, 'template--27603645268247__featured_collection_4enBkg-10362351354135-collection_69pQHM')" 
11001                class="button label-btn-quickview button--quickview not-icon leading-normal empty:hidden hidden lg:block z-50 h-full"
11002                :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'p-1.5 md:p-2.5 rounded-full button-disable-effect' : 'w-full pt-3 pb-3 button-solid'"
11003                x-customer-event-data="{
11004    &quot;product&quot;: {
11005      &quot;title&quot;: &quot;Fresh Chinese Oolong Tea Collection 90g&quot;,
11006      &quot;listName&quot;: &quot;Oolong Tea&quot;,
11007      &quot;sku&quot;: &quot;10362351354135&quot;,
11008      &quot;currencyCode&quot;: &quot;USD&quot;,
11009      &quot;price&quot;: 2699,
11010      &quot;vendor&quot;: &quot;iTeaworld&quot;
11011    }
11012  }"
11013                aria-label="Button quickview"
11014              >
11015                <span x-show="$store.xQuickView && $store.xQuickView.show_atc_button" class="w-4 h-4 flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16" fill="none" style="fill:none;">
11016    <path d="M7.67451 13.8502C11.0849 13.8502 13.8496 11.0855 13.8496 7.67508C13.8496 4.26468 11.0849 1.5 7.67451 1.5C4.2641 1.5 1.49942 4.26468 1.49942 7.67508C1.49942 11.0855 4.2641 13.8502 7.67451 13.8502Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
11017    <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
11018  </svg>
11019</span>
11020                <span x-show="$store.xQuickView && !$store.xQuickView.show_atc_button" class="flex items-center justify-center">
11021                  
11022
11023  <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>
11024
11025
11026                </span>
11027              </button>
11028              <button @click.prevent='$store.xQuickView && $store.xQuickView.load("/products/fresh-chinese-oolong-collection", $el, "template--27603645268247__featured_collection_4enBkg-10362351354135-collection_69pQHM"); $store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
11029                class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-2" 
11030                aria-label="Button quickview"
11031                x-customer-event-data="{
11032    &quot;product&quot;: {
11033      &quot;title&quot;: &quot;Fresh Chinese Oolong Tea Collection 90g&quot;,
11034      &quot;listName&quot;: &quot;Oolong Tea&quot;,
11035      &quot;sku&quot;: &quot;10362351354135&quot;,
11036      &quot;currencyCode&quot;: &quot;USD&quot;,
11037      &quot;price&quot;: 2699,
11038      &quot;vendor&quot;: &quot;iTeaworld&quot;
11039    }
11040  }"
11041              >
11042                <span class="w-4 h-4 md:w-5 md:h-5 flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16" fill="none" style="fill:none;">
11043    <path d="M7.67451 13.8502C11.0849 13.8502 13.8496 11.0855 13.8496 7.67508C13.8496 4.26468 11.0849 1.5 7.67451 1.5C4.2641 1.5 1.49942 4.26468 1.49942 7.67508C1.49942 11.0855 4.2641 13.8502 7.67451 13.8502Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
11044    <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
11045  </svg>
11046</span>
11047              </button>
11048            </div>
11049          </div>
11050        </div>
11051      
11052    </a>
11053    
11054    
11055    <div class="md:list-layout:hidden">
11056      <div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0">
11057        <div class="no-collage:mb-2 text-center md:list-layout:text-left">
11058          
11059          <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2.5 gap-1 empty:hidden"></div><h3 class="card__heading h5 no-collage:mb-2 mb-2.5 leading-tight" id="title-template--27603645268247__featured_collection_4enBkg-10362351354135">
11060            <a href="/products/fresh-chinese-oolong-collection"
11061              class="x-card-title full-unstyled-link link-product-variant  text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words"
11062              @click='$store.xCustomerEvent.fire("product_selected", $el)'
11063              x-customer-event-data="{
11064    &quot;product&quot;: {
11065      &quot;title&quot;: &quot;Fresh Chinese Oolong Tea Collection 90g&quot;,
11066      &quot;listName&quot;: &quot;Oolong Tea&quot;,
11067      &quot;sku&quot;: &quot;10362351354135&quot;,
11068      &quot;currencyCode&quot;: &quot;USD&quot;,
11069      &quot;price&quot;: 2699,
11070      &quot;vendor&quot;: &quot;iTeaworld&quot;
11071    }
11072  }"
11073            >
11074              Fresh Chinese Oolong Tea Collection 90g
11075            </a>
11076          </h3>
11077          
11078            
11079 
11080
11081
11082  <div class="x-card-highlighted-featured mb-2.5 break-words">
11083    <div class="rte"><p><span class="metafield-single_line_text_field">3 Lightly Roasted Oolongs · Fresh &amp; Fragrant</span></p></div>
11084  </div>
11085
11086          
11087<div  class="x-card-price flex items-center mb-2.5 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start">
11088            
11089            
11090              <div class=" price leading-none">
11091  <div class="">
11092    <div class="target-price hidden">2699</div>
11093    <div class="target-compare-at-price hidden"></div>
11094    
11095<p class="price ">
11096          <span>$26.99 USD</span>
11097        </p><small class="text-[70%] hidden">
11098        <span class="hidden">Unit price</span>
11099        <span class="up price-item price-item--last">
11100          <span class="unit-price">
11101
11102          </span>
11103          <span aria-hidden="true">/</span>
11104          <span class="hidden">&nbsp;per&nbsp;</span>
11105          <span>
11106          </span>
11107        </span>
11108      </small>
11109    
11110  </div>
11111  
11112</div>
11113            
11114            <div class="leading-none next-price empty:hidden"></div>
11115          </div>
11116          
11117          <template x-if="localStorage.getItem('selectedStore')">
11118            <div id="x-availability-notice-template--27603645268247__featured_collection_4enBkg" class="flex mb-2.5 items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start justify-center" x-show="$store.xStoreSelector?.canShow('10362351354135', [532285358359, 511975915799, 529991958807, 495480209687, 526671020311, 526343471383, 456987115799, 493393674519, 527329329431, 449406664983, 525935542551, 450205417751, 461861486871, 531755041047, 531756548375, 498760843543])">
11119              <div 
11120  x-data='{ 
11121    storeAvailabilites: {
11122      
11123    },
11124    pickupLocation: [
11125      
11126    ]
11127  }'
11128  x-show="$store.xStoreSelector?.selectedStore && pickupLocation.includes($store.xStoreSelector?.getStore())"
11129>
11130  <style data-shopify>
11131    .text-available, .text-unavailable {
11132      font-size: 0.669375rem;
11133      font-family: var(--font-body-family);
11134    }
11135
11136    @media (min-width: 768px) {
11137      .text-available, .text-unavailable {
11138        font-size: 0.74375rem;
11139      }
11140    }
11141
11142    .text-available {
11143      color: #739047;
11144    }
11145
11146    .dark .text-available {
11147      color: #739047;
11148    }
11149
11150    .text-unavailable {
11151      color: #767474;
11152    }
11153
11154    .dark .text-unavailable {
11155      color: #867F7F;
11156    }
11157  </style>
11158  <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-available flex flex-row items-center gap-[3px]">
11159    <span class="flex h-4 w-4 relative">
11160<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
11161  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
11162  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
11163</svg>
11164
11165</span><span x-text="'Available for pickup at ' + $store.xStoreSelector?.getStoreText()"> </span>
11166  </div>
11167  <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]">
11168    <span class="flex h-4 w-4 relative">
11169<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
11170  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
11171  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
11172</svg>
11173
11174</span><span x-text="'Out of stock at ' + $store.xStoreSelector?.getStoreText()"> </span>
11175  </div>
11176</div>
11177            </div>
11178          </template>
11179        </div>
11180      </div>
11181    </div>
11182    
11183  </div><div
11184      id="choose-options-template--27603645268247__featured_collection_4enBkg-10362351354135-collection_69pQHM"
11185      class="hidden md:block absolute w-full min-h-full h-full left-0 top-0 bg-[rgba(var(--background-color))] z-[15] md:list-layout:w-3/5 list-layout:lg:w-3/4 md:list-layout:left-auto md:list-layout:right-0"
11186      x-show="showOptions"
11187      x-transition:enter="transition-all ease-in-out duration-300"
11188      x-transition:enter-start="opacity-0 transform translate-y-full"
11189      x-transition:enter-end="opacity-100 transform translate-y-0"
11190      x-transition:leave="transition-all ease-in-out duration-300"
11191      x-transition:leave-start="opacity-100 transform translate-y-0"
11192      x-transition:leave-end="opacity-0 transform translate-y-full"
11193      x-cloak
11194    >
11195      <div  class="choose-options relative w-full min-h-full h-full"></div>
11196      <div class="icon-loading hidden absolute top-0 left-0 right-0 h-full w-full z-20 bg-[rgba(var(--background-color))]">
11197        <div
11198          class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[
11198calc(50%-10px)]">
11199          <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
11200    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
11201      fill="currentcolor" stroke="none">
11202      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
11203    </g>
11204  </svg>
11205
11206        </div>
11207      </div>
11208    </div>
11209  <div
11210    id="x-product-template-10362351354135-template--27603645268247__featured_collection_4enBkg-1-3"
11211    class="list-layout:lg:w-3/4 md:list-layout:w-3/5 list-layout:md:pl-0 rtl:list-layout:md:pl-5 rtl:list-layout:md:pr-0  text-center"
11212  >
11213    
11214    
11215    
11216<div
11217            class="x-variants-data x-variants-data-js pt-3 border-t mt-3"
11218            x-data='xVariantSelectCard($el,"template--27603645268247__featured_collection_4enBkg-1-3", "10362351354135", "/products/fresh-chinese-oolong-collection", false, false, false, "")'
11219            
11220              data-option1="US Warehouse"
11221              
11222            x-intersect.margin.200px="if ($el.querySelector('#variant-update-template--27603645268247__featured_collection_4enBkg-1-3').innerHTML.trim() == '') $el.classList.add('hidden');"
11223          >
11224            <div
11225              id="current-variant-template--27603645268247__featured_collection_4enBkg-10362351354135-collection_69pQHM" 
11226              class="current-variant hidden"
11227            >
11228              55305101115671
11229            </div>
11230            <div
11231              id="variant-update-template--27603645268247__featured_collection_4enBkg-1-3"
11232              class="variant-update-template--27603645268247__featured_collection_4enBkg-1-3 list-layout:md:text-left rtl:list-layout:md:text-right options-container"
11233            >
11234                
11235</div>
11236          </div>
11237          
11237<script src="//iteaworld.com/cdn/shop/t/51/assets/variant-select-card.js?v=141088792309509576511782181913" defer></script>
11237
11238        
11239      
11240    <div class="bottom-card card-info ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end gap-1 empty:hidden"></div>
11241    
11242      <div class="card-info x-highlight-icon mt-2.5">
11243        <div 
11244  class="flex flex-wrap gap-[3px] rtl:flex-row-reverse ltr pr-0 pl-0 justify-center items-center list-layout:mt-4 list-layout:justify-start rtl:list-layout:justify-end empty:hidden"
11245  x-data="{setPosition(el) {
11246    parentEl = el.closest('.x-highlight-icon').getBoundingClientRect();
11247    el.style.setProperty('--maxwidth-tooltip', parentEl.width - 20 + 'px');
11248    elRect = el.getBoundingClientRect();
11249    let spacingLeft = elRect.left - parentEl.left;
11250    if (spacingLeft < 0) {
11251      el.style.setProperty('--left-tooltip', Math.abs(spacingLeft) + 'px');
11252    }
11253    let spacingRight = parentEl.right - elRect.right;
11254    if (spacingRight < 0) {
11255      el.style.setProperty('--left-tooltip', spacingRight + 'px');
11256    } 
11257  }}"
11258  x-init="$el.innerHTML = $el.innerHTML.trim();"
11259>
11260    �
11261    �
11262    �
11263    �</div>
11264      </div>
11265    
11266    
11267      <template x-if="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button && ($store.xQuickView.btn_atc_bottom || !$store.xQuickView.atc_btn_image_desktop)" 
11268            class="card-info bottom_atc md:list-layout:hidden hide-icon"
11269            :class="if($store.xQuickView.show_atc_button){ return ($store.xQuickView.btn_atc_bottom ? '' : 'hidden') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:hidden' : ' lg:block')}"
11270            x-cloak
11271          >
11272            
11273              <button
11274                type="submit"
11275                name="add"
11276                @click.prevent="setTimeout(() => { $store.xQuickView && (showOptions = !showOptions); $store.xQuickView.showChooseOption('template--27603645268247__featured_collection_4enBkg-10362351354135-collection_69pQHM', $el); }, 0)"
11277                x-on:mouseover="setTimeout(() => { $store.xQuickView && $store.xQuickView.loadChooseOptions('/products/fresh-chinese-oolong-collection', $el, 'template--27603645268247__featured_collection_4enBkg-10362351354135-collection_69pQHM', 303); }, 0)" 
11278                data-id="template--27603645268247__featured_collection_4enBkg-10362351354135-collection_69pQHM"
11279                class="button button--quickview button-solid not-icon leading-normal mt-2 w-full pr-5 pl-5 py-2.5 lg:py-3 h-full text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60"
11280                :class="errorMessage && 'opacity-60 cursor-not-allowed'"
11281                aria-label="Choose options"
11282              >
11283                <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
11284                  
11285                  <span class="flex items-center justify-center">
11286                    
11287
11288  
11289    
11290      <span class="button-text  is-focus-button:opacity-0">Choose options</span>
11291    
11292  
11293
11294
11295                  </span>
11296                </span>
11297                <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
11298                  <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
11299    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
11300      fill="currentcolor" stroke="none">
11301      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
11302    </g>
11303  </svg>
11304
11305                </div>
11306              </button>
11307             
11308          </div></template>
11309    
11310    
11311      <template x-if="$store.xQuickView">
11312        <div class="hidden md:list-layout:flex gap-3 mt-5 md:mt-7" x-show="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button" :class="$store.xQuickView.show_atc_button && ''">
11313              
11314                <button
11315                  type="submit"
11316                  name="add"
11317                  
11318                  @click.prevent="setTimeout(() => { $store.xQuickView && (showOptions = !showOptions); $store.xQuickView.showChooseOption('template--27603645268247__featured_collection_4enBkg-10362351354135-collection_69pQHM', $el); }, 0)"
11319                  x-on:mouseover="setTimeout(() => { $store.xQuickView && $store.xQuickView.loadChooseOptions('/products/fresh-chinese-oolong-collection', $el, 'template--27603645268247__featured_collection_4enBkg-10362351354135-collection_69pQHM', 303); }, 0)" 
11320                  data-id="template--27603645268247__featured_collection_4enBkg-10362351354135-collection_69pQHM"
11321                  class="button button--quickview button-solid not-icon leading-normal w-full py-2.5 lg:pl-5 lg:pr-5 lg:py-3 h-full text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60 hidden lg:block"
11322                  :class="errorMessage && 'opacity-60 cursor-not-allowed'"
11323                  aria-label="Choose options"
11324                >
11325                  <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
11326                    
11327                    <span class="flex items-center justify-center">
11328                      
11329
11330  
11331    
11332      <span class="button-text  is-focus-button:opacity-0">Choose options</span>
11333    
11334  
11335
11336
11337                    </span>
11338                  </span>
11339                  <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
11340                    <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
11341    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
11342      fill="currentcolor" stroke="none">
11343      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
11344    </g>
11345  </svg>
11346
11347                  </div>
11348                </button>
11349               
11350            </div><button 
11351            x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/products/fresh-chinese-oolong-collection', $el, 'template--27603645268247__featured_collection_4enBkg-10362351354135-collection_69pQHM')" 
11352            x-on:focus="$store.xQuickView && $store.xQuickView.load('/products/fresh-chinese-oolong-collection', $el, 'template--27603645268247__featured_collection_4enBkg-10362351354135-collection_69pQHM')" 
11353            @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
11354            class="button label-btn-quickview button-solid button--quickview leading-normal none_border pt-2 pl-5 pb-2 pr-5 lg:pt-3 lg:pb-3" 
11355            aria-label="Button quickview"
11356            x-customer-event-data="{
11357    &quot;product&quot;: {
11358      &quot;title&quot;: &quot;Fresh Chinese Oolong Tea Collection 90g&quot;,
11359      &quot;listName&quot;: &quot;Oolong Tea&quot;,
11360      &quot;sku&quot;: &quot;10362351354135&quot;,
11361      &quot;currencyCode&quot;: &quot;USD&quot;,
11362      &quot;price&quot;: 2699,
11363      &quot;vendor&quot;: &quot;iTeaworld&quot;
11364    }
11365  }"
11366            x-show="$store.xQuickView.enabled"
11367          >
11368            <span class="flex justify-center items-center">
11369              
11370
11371  <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>
11372
11373
11374            </span>
11375          </button>
11376        </div>
11377      </template>
11378    
11379  </div>
11380</div>
11381</div>
11382                </div></div>
11383            </div>
11384          </div>
11385        </div>
11386      </div>
11387  </div>
11388</div>
11389<script src="//iteaworld.com/cdn/shop/t/51/assets/preview-color-swatches.js?v=144173175652728470521782181913" defer></script>
11389
11390</div><div class="pl-5 pr-5 x-pgw page-width flex justify-center pt-1.5 pb-1.5 md:pb-3 md:pt-3">
11391      
11392        <a
11393          x-cloak
11394          x-show="view_all_link"
11395          class="nav-link font-medium effect-inline relative flex items-center hover-text-link empty:hidden cursor-pointer gap-1"
11396          :href="view_all_link" 
11397          :class="'opacity-70 hover:cursor-not-allowed' && view_all_link"
11398        >
11399          View all products<span class="w-2 h-2 inline-block mt-0.5 rtl:rotate-180" role="link" aria-label="arrow"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 8 9" fill="none" style="fill:none;">
11400    <g>
11401    <path d="M4.5 0.642578L7.5 4.49972L4.5 8.35686" stroke="currentcolor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
11402    <path d="M0.5 0.642578L3.5 4.49972L0.5 8.35686" stroke="currentcolor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
11403    </g>
11404  </svg>
11405</span>
11406        </a>
11407      
11408    </div></div>
11409<script src="//iteaworld.com/cdn/shop/t/51/assets/featured-collection.js?v=166203110154732063391782181913" defer></script>
11409
11410
11411
11412<style> @media screen and (min-width: 750px) {#shopify-section-template--27603645268247__featured_collection_4enBkg .collection-title {border-bottom: 2px solid #999999; padding-bottom: 6px; margin-bottom: 20px; }} </style></section><section id="shopify-section-template--27603645268247__rich_text_3LqFtd" class="shopify-section section section-rich-text x-section"><style data-shopify>#shopify-section-template--27603645268247__rich_text_3LqFtd{
11413    
11414      --background-color: 255,255,255;
11415      background: #ffffff;
11416    
11417  }
11418  .dark #shopify-section-template--27603645268247__rich_text_3LqFtd{background: #FFFFFF;
11419      --background-color:  255,255,255;}
11420  .section--template--27603645268247__rich_text_3LqFtd {
11421    
11422    
11423  }
11424  .dark .section--template--27603645268247__rich_text_3LqFtd {
11425            
11426      --colors-text: 255, 255, 255;
11427    
11428            
11429      --colors-heading: 2, 2, 2;
11430    
11431  }</style>
11432
11433<div class="section--template--27603645268247__rich_text_3LqFtd relative x-pgw page-width mx-auto pt-[28px] md:pt-[28px] pb-[0px] md:pb-[0px]">
11434  <div class="md:flex justify-center">
11435    <div class="x-container-rich-text w-full text-center rtl:text-center md:text-center rtl:md:text-center"><style data-shopify>.heading-heading_fLttLr {
11436                  font-size: 1.485rem; 
11437                }
11438                @media (min-width: 767px){
11439                  .heading-heading_fLttLr {
11440                    font-size: 2.475rem; 
11441                  }
11442                }</style><div class="heading-heading_fLttLr x-rich-text-header p-break-words" >
11443                
11444
11445
11446<style data-shopify>
11447  .heading-heading_fLttLr {
11448    
11449  }
11450  .dark .heading-heading_fLttLr {
11451    
11452      --color-highlight: #020202;
11453    
11454  }
11455</style>
11456
11457
11458
11459  
11460
11461   
11462    <h2
11463      class='heading-heading_fLttLr h2 block pt-2 pb-2 leading-tight anm-fade-element' x-intersect.once="$el.classList.add('is-visible')"> 
11464  
11465    
11466      
11467        New Arrivals
11468      
11469    
11470  </h2>
11471
11472  
11473
11474              </div>
11475      
11476    </div>
11477  </div>
11478</div>
11479
11480</section><section id="shopify-section-template--27603645268247__featured_collection_RWA7fD" class="shopify-section section section-featured-collection x-section">
11481<style data-shopify>.heading-template--27603645268247__featured_collection_RWA7fD {
11482    font-size: 1.485rem;
11483  }
11484  #shopify-section-template--27603645268247__featured_collection_RWA7fD .collection-title .h4 {
11485    font-size: 0.875rem; 
11486  }
11487  @media (min-width: 768px) {
11488    .heading-template--27603645268247__featured_collection_RWA7fD {
11489      font-size: 2.475rem; 
11490    }
11491    #shopify-section-template--27603645268247__featured_collection_RWA7fD .collection-title .h4 {
11492      font-size: 0.84rem; 
11493    }
11494  }
11495  @media (min-width: 1024px) {
11496    #shopify-section-template--27603645268247__featured_collection_RWA7fD .collection-title .h4 {
11497      font-size: 1.05rem; 
11498    }
11499  }
11500  .collection-title .label-template--27603645268247__featured_collection_RWA7fD { 
11501    
11502      
11503        background: transparent;
11504      
11505    
11506    
11507      color: rgb(var(--colors-heading));
11508    
11509  }
11510  .collection-title .label-template--27603645268247__featured_collection_RWA7fD.active, .collection-title .label-template--27603645268247__featured_collection_RWA7fD.active:hover { 
11511    
11512      
11513        background: rgba(115, 144, 71, 0.1);
11514      
11515    
11516    
11517      color: rgb(var(--colors-heading));
11518    
11519  }
11520  .collection-title .label-template--27603645268247__featured_collection_RWA7fD:hover { 
11521    
11522      
11523        background: rgba(115, 144, 71, 0.1);
11524      
11525    
11526    
11527      color: rgb(var(--colors-heading));
11528    
11529  }
11530  .dark .collection-title .label-template--27603645268247__featured_collection_RWA7fD { 
11531    
11532      
11533        background: transparent;
11534      
11535    
11536    
11537      color: rgb(var(--colors-heading));
11538    
11539  }
11540  .dark .collection-title .label-template--27603645268247__featured_collection_RWA7fD.active, .dark .collection-title .label-template--27603645268247__featured_collection_RWA7fD.active:hover { 
11541    
11542      
11543        background: rgba(2, 2, 2, 0.1);
11544      
11545    
11546    
11547      color: rgb(var(--colors-heading));
11548    
11549  }
11550  .dark .collection-title .label-template--27603645268247__featured_collection_RWA7fD:hover { 
11551    
11552      
11553        background: rgba(2, 2, 2, 0.1);
11554      
11555    
11556    
11557      color: rgb(var(--colors-heading));
11558    
11559  }</style>
11560
11561<div 
11562  class="x-container-featured-collection pt-[28px] md:pt-[28px] pb-[28px] md:pb-[28px]"
11563  x-data="{ 
11564    view_all_link: '/collections/new-tea-arrivals',
11565    setViewAllLink(url) {
11566      this.view_all_link = url;
11567    }
11568  }"
11569>
11570  <div class="collection_wrapper"><style data-shopify>
11571.collection-title-container.scrollbar-body::-webkit-scrollbar{
11572  width: 1px;
11573  height: 2px;
11574}
11575</style>
11576
11577<div class="mb-4 md:mb-2 relative">
11578  <div class="relative w-full bg-transparent"><div class="featured-collection relative min-h-[300px] left-0 right-0 bg-[rgba(var(--background-color))] pb-2" x-data='xFeaturedCollection("template--27603645268247__featured_collection_RWA7fD", "page", $el)'>
11579        <div class="x-block-header pl-5 pr-5 flex flex-col items-centerjustify-end x-pgw page-width"
11580        >
11581          
11582        </div><div class=" x-pgw page-width mx-auto x-pgw page-width-mobile" x-show="loading">
11583          
11584        </div>
11585        
11586        <div>
11587          
11588            
11589
11590        </div>
11591        <div class="animate-fade-in relative md:mt-4 lg:mt-8"
11592          id="x-fc-template--27603645268247__featured_collection_RWA7fD-1"
11593          
11594        >
11595          <style data-shopify>
11596            
11597              @media (max-width: 767px) {
11598                .preload-slide-mobile--collection_y8UqjFtemplate--27603645268247__featured_collection_RWA7fD {
11599                    margin-right: 16px;
11600                  
11601                  width: calc(((100% + 16px) / 2) - 16px);
11602                }
11603              }
11604            
11605            
11606            
11607          </style>
11608          <div
11609            class=" carousel-mobile x-pgw page-width mx-auto pl-5 pr-5"
11610            x-intersect.once.margin.-200px='$store.xCustomerEvent.fire("list_product_viewed", $el, {list: { title: `New Arrivals`, id: "collection" }}
11610)'
11611          ><div ><div
11612                id="x-collection-collection_y8UqjF"
11613                class="collection overflow-hidden x-splide visible splide"
11614                x-data-slider="template--27603645268247__featured_collection_RWA7fD"
11615                  x-intersect.once.margin.200px='$store.xSplide.load($el, {
11616                    "speed": 1000,
11617                    "pagination": false, 
11618                    "mediaQuery": "min",
11619                    "updateOnMove": "true",
11620                    "pauseOnHover": true,
11621                    "pauseOnFocus": false,
11622                    "progressBar": 4,
11623
11624
11625                    "breakpoints": {
11626                      300: {"gap": "16px",
11627                        "perPage": 2,
11628                        "perMove": 2
11629                      },
11630                      768: {
11631                        "drag": true,
11632                          "destroy": true,
11633                        "gap": "28px",
11634                          "perPage": 4,
11635                          "perMove": 4
11636
11637                      },
11638                      1024: {
11639                        "perPage": 4,
11640                        "perMove": 4
11641                      }
11642                    },
11643                    "classes": {
11644                      "arrows" : "block"
11645                    },
11646                    "events": [
11647                      {
11648                        "event": "ready",
11649                        "callback": () => {
11650                          document.dispatchEvent(new CustomEvent("eurus:template--27603645268247__featured_collection_RWA7fD:splide-ready"));
11651                        }
11652                      }
11653                    ]
11654                  })'x-intersect.once='$el.classList.add("is-ready-to-animate")'
11655              >
11656                <style data-shopify>
11657                  .gap-mobile-collection_y8UqjF-template--27603645268247__featured_collection_RWA7fD {
11658                    gap: 16px;
11659                  }
11660                  @media (min-width: 768px) {
11661                    .gap-collection_y8UqjF-template--27603645268247__featured_collection_RWA7fD {
11662                      
11663                        gap: 28px;
11664                      
11665                    }
11666                  }
11667                </style>
11668                
11669                  <div class="splide__arrows flex items-center justify-center gap-3 md:gap-0 mb-1 md:mb-0 mt-5 md:mt-0 order-2">
11670                    <button 
11671                      class="splide__arrow splide__arrow--prev button-arrow p-3 rounded-full z-10 w-11 h-11 border border-solid md:border-none after:text-[20px] rtl:rotate-180 disabled:cursor-not-allowed disabled:opacity-30 hidden md:hidden"
11672                      aria-label="previous slide"
11673                    >
11674                      <svg style="fill: none" width="100%" height="100%" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
11675    
11676        <path d="M72.0001 95L27 49.9999L72.0001 5" stroke="currentColor" stroke-width="6.5" stroke-linecap="round" stroke-linejoin="round"/>
11677      
11678  </svg>
11679
11680                    </button>
11681                    <button 
11682                      class="splide__arrow splide__arrow--next button-arrow p-3 rounded-full z-10 w-11 h-11 border border-solid md:border-none after:text-[20px] rtl:rotate-180 disabled:cursor-not-allowed disabled:opacity-30 hidden md:hidden"
11683                      aria-label="next slide"
11684                    >
11685                      <svg style="fill: none" width="100%" height="100%" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
11686    
11687        <path d="M26.9999 5L72 50.0001L26.9999 95" stroke="currentColor" stroke-width="6.5" stroke-linecap="round" stroke-linejoin="round"/>
11688      
11689  </svg>
11690
11691                    </button>
11692                  </div>
11693                
11694                <div class="splide__track lg:pl-0 lg:pr-0">
11695                  <div class="splide__list gap-collection_y8UqjF-template--27603645268247__featured_collection_RWA7fD md:grid md:grid-cols-4 lg:grid-cols-4 flex w-full"><style data-shopify>
11696                        .x-slide-animation-duration-1 {
11697                          --delay-time: 0ms
11698                        }
11699                      </style>
11700                      
11701                      
11702
11703<div 
11704  
11705    x-data="xProductCard('template--27603645268247__featured_collection_RWA7fD-1-1', '/products/workday-chinese-tea-collection', '10428460892439')"  
11706  
11707  class="card-product  overflow-hidden card md:list-layout:flex relative pb-4 md:pb-5 splide__slide x-splide-slide h-auto preload-slide-collection_y8UqjFtemplate--27603645268247__featured_collection_RWA7fD preload-slide-mobile--collection_y8UqjFtemplate--27603645268247__featured_collection_RWA7fD rounded-[10px]" 
11708  x-slide-index="0"
11709>
11710  <div class="md:list-layout:w-2/5 md:list-layout:lg:w-1/4 relative disable-effect md:list-layout:pr-8"
11711  >
11712    <style data-shopify>
11713      
11714    </style>
11715    
11716    <style data-shopify>
11717      
11718    </style>
11719    <a 
11720      
11721        x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active', 'lazy_active')"
11722      
11723      href="/products/workday-chinese-tea-collection"
11724       
11725        x-data="{ lastWindowWidth: 0 }"
11726        x-intersect.once.margin.200px='$nextTick(() => { $store.xBadges && $store.xBadges.load($el, () => {}, null, true); })'
11727        x-labels-data="[
11728    
11729{
11730      &quot;variant_id&quot;: 55297745322263,
11731      &quot;product_id&quot;: 10428460892439,
11732      &quot;available&quot;: true,
11733      &quot;title&quot;: &quot;Workday Chinese Tea Collection&quot;,
11734      &quot;compare_at_price&quot;: 0,
11735      &quot;price&quot;: 2999,
11736      &quot;price_with_currency&quot;: &quot;$29.99 USD&quot;,
11737      &quot;sale_amount&quot;: &quot;$-29.99&quot;,
11738      &quot;collections&quot;: &quot;||511975915799||529991958807||493393674519||525935542551||450205417751||461861486871||531755041047||531757367575||498760843543||526631928087||529341022487||&quot;,
11739      &quot;inventory_management&quot;: &quot;shopify&quot;,
11740      &quot;qty&quot;: 98,
11741      &quot;container&quot;: &quot;card&quot;,
11742      &quot;can_show_preorder&quot;: false,
11743      &quot;diff_day_create&quot;: 73.21,
11744      &quot;diff_day_publish&quot;: 58.18
11745      
11746        ,&quot;metafield_label&quot;: { 
11747          &quot;custom.flavors&quot;:&quot;&quot;
11748        }
11749      
11750      }
11751    ]"
11752       
11753      aria-label="Workday Chinese Tea Collection"
11754      id="10428460892439-template--27603645268247__featured_collection_RWA7fD"
11755      class="x-labels-data ltr group link-product-variant overflow-hidden block relative z-[15] cursor-pointer before:h-0 before:block no-collage rounded-[10px] pb-[100%]">
11756      <div x-data="xDoubleTouch('/products/workday-chinese-tea-collection')" class="w-full h-full z-0 overflow-hidden absolute top-0 left-0 animate_transition_card__image">
11757        <div
11758          id="x-slideshow-card-product-template--27603645268247__featured_collection_RWA7fD-1-1-0"
11759          class="block h-full" 
11760          @click='$store.xCustomerEvent.fire("product_selected", $el)'
11761          x-customer-event-data="{
11762    &quot;product&quot;: {
11763      &quot;title&quot;: &quot;Workday Chinese Tea Collection&quot;,
11764      &quot;listName&quot;: &quot;New Arrivals&quot;,
11765      &quot;sku&quot;: &quot;10428460892439&quot;,
11766      &quot;currencyCode&quot;: &quot;USD&quot;,
11767      &quot;price&quot;: 2999,
11768      &quot;vendor&quot;: &quot;iTeaworld&quot;
11769    }
11770  }"
11771          ><div 
11772              class="absolute inset-0 z-10 pointer-events-auto dbtap-overlay"
11773              @touchstart="onTouchStart($event)"
11774              @touchend.prevent="onTouchEnd($el.closest('.x-splide'))"
11775              @touchmove="onTouchMove($event)"
11776            ></div>
11777<div class="w-full z-0 h-full min-h-full top-0 left-0 absolute"
11778            >
11779              
11780              <picture>
11781                <img
11782                  srcset="
11783                  //iteaworld.com/cdn/shop/files/workday_chinese_tea_collection.webp?v=1789986156&width=250 250w,
11784                  //iteaworld.com/cdn/shop/files/workday_chinese_tea_collection.webp?v=1789986156&width=350 350w,
11785                  //iteaworld.com/cdn/shop/files/workday_chinese_tea_collection.webp?v=1789986156&width=450 450w,
11786                  //iteaworld.com/cdn/shop/files/workday_chinese_tea_collection.webp?v=1789986156&width=750 750w,
11787                  //iteaworld.com/cdn/shop/files/workday_chinese_tea_collection.webp?v=1789986156&width=900 900w,
11788                  //iteaworld.com/cdn/shop/files/workday_chinese_tea_collection.webp?v=1789986156&width=1100 1100w,
11789                  //iteaworld.com/cdn/shop/files/workday_chinese_tea_collection.webp?v=1789986156&width=1500 1500w,//iteaworld.com/cdn/shop/files/workday_chinese_tea_collection.webp?v=1789986156 1600w" 
11790                  src="//iteaworld.com/cdn/shop/files/workday_chinese_tea_collection.webp?v=1789986156&width=1500"
11791                  sizes="(min-width: 1400px) calc(100vw / 4), (min-width: 1024px) calc((100vw) / 4), (min-width: 768px) calc((100vw) / 2), calc(100vw /2)"
11792                  alt="Workday Chinese Tea Collection"
11793                  :class="showSecond ? 'first-img' : ''"
11794                  class="w-full  preview-img motion-reduce aspect-square relative animate-Xpulse skeleton-image object-cover h-full min-h-full image-first-hover lg:group-hover:opacity-0 animate_transition_image"
11795                  loading="lazy"
11796                  width="1600"
11797                  height="1600"
11798                  onload="this?.classList.add('active');this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
11799                    setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);"
11800                />
11801              </picture>
11802              
11803            </div><div class="w-full h-full top-0 left-0 absolute lg:block">
11804                  
11805                  <picture>
11806                    <img
11807                      srcset="//iteaworld.com/cdn/shop/files/iTeaworldworkdaychineseteacollection_21.webp?v=1785751392&width=250 250w,
11808                        //iteaworld.com/cdn/shop/files/iTeaworldworkdaychineseteacollection_21.webp?v=1785751392&width=350 350w,
11809                        //iteaworld.com/cdn/shop/files/iTeaworldworkdaychineseteacollection_21.webp?v=1785751392&width=450 450w,
11810                        //iteaworld.com/cdn/shop/files/iTeaworldworkdaychineseteacollection_21.webp?v=1785751392&width=750 750w,
11811                        //iteaworld.com/cdn/shop/files/iTeaworldworkdaychineseteacollection_21.webp?v=1785751392&width=900 900w,
11812                        //iteaworld.com/cdn/shop/files/iTeaworldworkdaychineseteacollection_21.webp?v=1785751392&width=1100 1100w,
11813                        //iteaworld.com/cdn/shop/files/iTeaworldworkdaychineseteacollection_21.webp?v=1785751392&width=1500 1500w,//iteaworld.com/cdn/shop/files/iTeaworldworkdaychineseteacollection_21.webp?v=1785751392 1600w"
11814                      src="//iteaworld.com/cdn/shop/files/iTeaworldworkdaychineseteacollection_21.webp?v=1785751392&width=1500"
11815                      sizes="(min-width: 1400px) calc(100vw / 4), (min-width: 1024px) calc((100vw) / 4), (min-width: 768px) calc((100vw) / 2), calc(100vw /2)"
11816                      alt="Workday Chinese Tea Collection"
11817                      :class="showSecond ? 'second-img' : ''"
11818                      class="motion-reduce min-w-full h-full object-cover group-hover:cursor-pointer image-second-hover opacity-0 lg:group-hover:opacity-100"
11819                      loading="lazy"
11820                      width="1600"
11821                      height="1600"
11822                      onload="this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
11823                        setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);"
11824                    />
11825                  </picture>
11826                  
11827                </div></div>
11828      </div>
11829        <div class="md:list-layout:hidden" x-show="$store.xQuickView" :class="$store.xQuickView && $store.xQuickView.btn_atc_bottom ? 'mobile-bottom':''"><div class="quick-view-container absolute z-20 bottom-2 right-2 rtl:right-auto rtl:left-4 rtl:lg:left-auto lg:top-auto lg:right-auto lg:bottom-4 lg:w-full lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0 lg:translate-y-full transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0"
11830              x-show="$store.xQuickView" x-cloak
11831            > 
11832              <div x-data="xProductCart" x-show="$store.xQuickView && $store.xQuickView.show_atc_button"
11833                class="w-full hide-icon lg:px-4" 
11834                :class="if($store.xQuickView){ return ($store.xQuickView.btn_atc_bottom ? 'hidden' : '') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:block' : ' lg:hidden') }"
11835                x-cloak
11836              >
11837                
11838                  <button
11839                    class="button button--quickview button-solid not-icon leading-normal w-full pr-5 pl-5 py-2.5 lg:py-3 h-full text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60 hidden lg:block"
11840                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
11841                    
11842                      type="submit"
11843                      name="add"
11844                      @click.prevent="setTimeout(() => { $store.xQuickView && (showOptions = !showOptions); $store.xQuickView.showChooseOption('template--27603645268247__featured_collection_RWA7fD-10428460892439-collection_y8UqjF', $el); }, 0)"
11845                      x-on:mouseover="setTimeout(() => { $store.xQuickView && $store.xQuickView.loadChooseOptions('/products/workday-chinese-tea-collection', $el, 'template--27603645268247__featured_collection_RWA7fD-10428460892439-collection_y8UqjF', 501); }, 0)"
11846                      data-id="template--27603645268247__featured_collection_RWA7fD-10428460892439-collection_y8UqjF"
11847                      
11848                        aria-label="Choose options"
11849                      
11850                    
11851                  >
11852                    <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
11853                      
11854                      <span class="flex items-center justify-center">
11855                        
11856
11857  
11858    
11859      <span class="button-text  is-focus-button:opacity-0">Choose options</span>
11860    
11861  
11862
11863
11864                      </span>
11865                    </span>
11866                    <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
11867                      <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
11868    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
11869      fill="currentcolor" stroke="none">
11870      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
11871    </g>
11872  </svg>
11873
11874                    </div>
11875                  </button>
11876                  <button 
11877                    class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-[6px] disabled:cursor-not-allowed disabled:opacity-60"
11878                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
11879                    
11880                      type="submit"
11881                      name="add"
11882                      @click.prevent="setTimeout(() => { $store.xQuickView && (showOptions = !showOptions); $store.xQuickView.showChooseOption('template--27603645268247__featured_collection_RWA7fD-10428460892439-collection_y8UqjF', $el); }, 0)"
11883                      x-on:mouseover="setTimeout(() => { $store.xQuickView && $store.xQuickView.loadChooseOptions('/products/workday-chinese-tea-collection', $el, 'template--27603645268247__featured_collection_RWA7fD-10428460892439-collection_y8UqjF', 501); }, 0)"
11884                      data-id="template--27603645268247__featured_collection_RWA7fD-10428460892439-collection_y8UqjF"aria-label="Add to cart"x-customer-event-data="{
11885    &quot;product&quot;: {
11886      &quot;title&quot;: &quot;Workday Chinese Tea Collection&quot;,
11887      &quot;listName&quot;: &quot;New Arrivals&quot;,
11888      &quot;sku&quot;: &quot;10428460892439&quot;,
11889      &quot;currencyCode&quot;: &quot;USD&quot;,
11890      &quot;price&quot;: 2999,
11891      &quot;vendor&quot;: &quot;iTeaworld&quot;
11892    }
11893  }"
11894                    
11895                  >
11896                    <span class="w-5 h-5 flex items-center justify-center md:w-6 md:h-6" x-show="!loading"><svg class="" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 20 16" fill="none" style="fill:none;">
11897    <g>
11898    <path d="M4.537 3.25H18.0745L15.937 10.375H6.6745L4.537 3.25ZM4.537 3.25L4.00262 1.46875" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
11899    <path d="M9.28698 12.8687C9.28698 13.459 8.80846 13.9375 8.21823 13.9375C7.62797 13.9375 7.14948 13.459 7.14948 12.8687" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
11900    <path d="M14.9872 12.75C14.9872 13.3402 14.5087 13.8188 13.9185 13.8188C13.3282 13.8188 12.8497 13.3402 12.8497 12.75" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
11901    <path d="M1.44977 1.35001H3.34977" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
11902    </g>
11903  </svg></span>
11904                    <span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak>
11905                    <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
11906    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
11907      fill="currentcolor" stroke="none">
11908      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
11909    </g>
11910  </svg>
11911
11912                    </span>
11913                  </button>
11914                
11915              </div>
11916            </div><div
11917            class="button-quickview-icon absolute z-[15] lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0  transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0"
11918            :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'btn-quickadd  bottom-11 md:bottom-12 right-2 lg:top-4 lg:bottom-auto lg:-translate-y-full rtl:right-auto rtl:left-2' : 'bottom-2 right-0 lg:top-auto lg:translate-y-full lg:right-auto lg:bottom-4 lg:w-full lg:left-0 pl-2 pr-2 lg:pr-4 lg:pl-4'"
11919            x-show="$store.xQuickView && $store.xQuickView.enabled" x-cloak
11920            >
11921            <div>
11922              <button
11923                @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
11924                x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/products/workday-chinese-tea-collection', $el, 'template--27603645268247__featured_collection_RWA7fD-10428460892439-collection_y8UqjF')" 
11925                x-on:focus="$store.xQuickView && $store.xQuickView.load('/products/workday-chinese-tea-collection', $el, 'template--27603645268247__featured_collection_RWA7fD-10428460892439-collection_y8UqjF')" 
11926                class="button label-btn-quickview button--quickview not-icon leading-normal empty:hidden hidden lg:block z-50 h-full"
11927                :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'p-1.5 md:p-2.5 rounded-full button-disable-effect' : 'w-full pt-3 pb-3 button-solid'"
11928                x-customer-event-data="{
11929    &quot;product&quot;: {
11930      &quot;title&quot;: &quot;Workday Chinese Tea Collection&quot;,
11931      &quot;listName&quot;: &quot;New Arrivals&quot;,
11932      &quot;sku&quot;: &quot;10428460892439&quot;,
11933      &quot;currencyCode&quot;: &quot;USD&quot;,
11934      &quot;price&quot;: 2999,
11935      &quot;vendor&quot;: &quot;iTeaworld&quot;
11936    }
11937  }"
11938                aria-label="Button quickview"
11939              >
11940                <span x-show="$store.xQuickView && $store.xQuickView.show_atc_button" class="w-4 h-4 flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16" fill="none" style="fill:none;">
11941    <path d="M7.67451 13.8502C11.0849 13.8502 13.8496 11.0855 13.8496 7.67508C13.8496 4.26468 11.0849 1.5 7.67451 1.5C4.2641 1.5 1.49942 4.26468 1.49942 7.67508C1.49942 11.0855 4.2641 13.8502 7.67451 13.8502Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
11942    <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
11943  </svg>
11944</span>
11945                <span x-show="$store.xQuickView && !$store.xQuickView.show_atc_button" class="flex items-center justify-center">
11946                  
11947
11948  <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>
11949
11950
11951                </span>
11952              </button>
11953              <button @click.prevent='$store.xQuickView && $store.xQuickView.load("/products/workday-chinese-tea-collection", $el, "template--27603645268247__featured_collection_RWA7fD-10428460892439-collection_y8UqjF"); $store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
11954                class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-2" 
11955                aria-label="Button quickview"
11956                x-customer-event-data="{
11957    &quot;product&quot;: {
11958      &quot;title&quot;: &quot;Workday Chinese Tea Collection&quot;,
11959      &quot;listName&quot;: &quot;New Arrivals&quot;,
11960      &quot;sku&quot;: &quot;10428460892439&quot;,
11961      &quot;currencyCode&quot;: &quot;USD&quot;,
11962      &quot;price&quot;: 2999,
11963      &quot;vendor&quot;: &quot;iTeaworld&quot;
11964    }
11965  }"
11966              >
11967                <span class="w-4 h-4 md:w-5 md:h-5 flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16" fill="none" style="fill:none;">
11968    <path d="M7.67451 13.8502C11.0849 13.8502 13.8496 11.0855 13.8496 7.67508C13.8496 4.26468 11.0849 1.5 7.67451 1.5C4.2641 1.5 1.49942 4.26468 1.49942 7.67508C1.49942 11.0855 4.2641 13.8502 7.67451 13.8502Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
11969    <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
11970  </svg>
11971</span>
11972              </button>
11973            </div>
11974          </div>
11975        </div>
11976      
11977    </a>
11978    
11979    
11980    <div class="md:list-layout:hidden">
11981      <div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0">
11982        <div class="no-collage:mb-2 text-center md:list-layout:text-left">
11983          
11984          <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2.5 gap-1 empty:hidden"></div><h3 class="card__heading h5 no-collage:mb-2 mb-2.5 leading-tight" id="title-template--27603645268247__featured_collection_RWA7fD-10428460892439">
11985            <a href="/products/workday-chinese-tea-collection"
11986              class="x-card-title full-unstyled-link link-product-variant  text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words"
11987              @click='$store.xCustomerEvent.fire("product_selected", $el)'
11988              x-customer-event-data="{
11989    &quot;product&quot;: {
11990      &quot;title&quot;: &quot;Workday Chinese Tea Collection&quot;,
11991      &quot;listName&quot;: &quot;New Arrivals&quot;,
11992      &quot;sku&quot;: &quot;10428460892439&quot;,
11993      &quot;currencyCode&quot;: &quot;USD&quot;,
11994      &quot;price&quot;: 2999,
11995      &quot;vendor&quot;: &quot;iTeaworld&quot;
11996    }
11997  }"
11998            >
11999              Workday Chinese Tea Collection
12000            </a>
12001          </h3>
12002          
12003<div  class="x-card-price flex items-center mb-2.5 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start">
12004            
12005            
12006              <div class=" price leading-none">
12007  <div class="">
12008    <div class="target-price hidden">2999</div>
12009    <div class="target-compare-at-price hidden"></div>
12010    
12011<p class="price ">
12012          <span>$29.99 USD</span>
12013        </p><small class="text-[70%] hidden">
12014        <span class="hidden">Unit price</span>
12015        <span class="up price-item price-item--last">
12016          <span class="unit-price">
12017
12018          </span>
12019          <span aria-hidden="true">/</span>
12020          <span class="hidden">&nbsp;per&nbsp;</span>
12021          <span>
12022          </span>
12023        </span>
12024      </small>
12025    
12026  </div>
12027  
12028</div>
12029            
12030            <div class="leading-none next-price empty:hidden"></div>
12031          </div>
12032          
12033          <template x-if="localStorage.getItem('selectedStore')">
12034            <div id="x-availability-notice-template--27603645268247__featured_collection_RWA7fD" class="flex mb-2.5 items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start justify-center" x-show="$store.xStoreSelector?.canShow('10428460892439', [511975915799, 529991958807, 493393674519, 525935542551, 450205417751, 461861486871, 531755041047, 531757367575, 498760843543, 526631928087, 529341022487])">
12035              <div 
12036  x-data='{ 
12037    storeAvailabilites: {
12038      
12039    },
12040    pickupLocation: [
12041      
12042    ]
12043  }'
12044  x-show="$store.xStoreSelector?.selectedStore && pickupLocation.includes($store.xStoreSelector?.getStore())"
12045>
12046  <style data-shopify>
12047    .text-available, .text-unavailable {
12048      font-size: 0.669375rem;
12049      font-family: var(--font-body-family);
12050    }
12051
12052    @media (min-width: 768px) {
12053      .text-available, .text-unavailable {
12054        font-size: 0.74375rem;
12055      }
12056    }
12057
12058    .text-available {
12059      color: #739047;
12060    }
12061
12062    .dark .text-available {
12063      color: #739047;
12064    }
12065
12066    .text-unavailable {
12067      color: #767474;
12068    }
12069
12070    .dark .text-unavailable {
12071      color: #867F7F;
12072    }
12073  </style>
12074  <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-available flex flex-row items-center gap-[3px]">
12075    <span class="flex h-4 w-4 relative">
12076<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
12077  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
12078  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
12079</svg>
12080
12081</span><span x-text="'Available for pickup at ' + $store.xStoreSelector?.getStoreText()"> </span>
12082  </div>
12083  <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]">
12084    <span class="flex h-4 w-4 relative">
12085<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
12086  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
12087  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
12088</svg>
12089
12090</span><span x-text="'Out of stock at ' + $store.xStoreSelector?.getStoreText()"> </span>
12091  </div>
12092</div>
12093            </div>
12094          </template>
12095        </div>
12096      </div>
12097    </div>
12098    
12099  </div><div
12100      id="choose-options-template--27603645268247__featured_collection_RWA7fD-10428460892439-collection_y8UqjF"
12101      class="hidden md:block absolute w-full min-h-full h-full left-0 top-0 bg-[rgba(var(--background-color))] z-[15] md:list-layout:w-3/5 list-layout:lg:w-3/4 md:list-layout:left-auto md:list-layout:right-0"
12102      x-show="showOptions"
12103      x-transition:enter="transition-all ease-in-out duration-300"
12104      x-transition:enter-start="opacity-0 transform translate-y-full"
12105      x-transition:enter-end="opacity-100 transform translate-y-0"
12106      x-transition:leave="transition-all ease-in-out duration-300"
12107      x-transition:leave-start="opacity-100 transform translate-y-0"
12108      x-transition:leave-end="opacity-0 transform translate-y-full"
12109      x-cloak
12110    >
12111      <div  class="choose-options relative w-full min-h-full h-full"></div>
12112      <div class="icon-loading hidden absolute top-0 left-0 right-0 h-full w-full z-20 bg-[rgba(var(--background-color))]">
12113        <div
12114          class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[
12114calc(50%-10px)]">
12115          <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
12116    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
12117      fill="currentcolor" stroke="none">
12118      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
12119    </g>
12120  </svg>
12121
12122        </div>
12123      </div>
12124    </div>
12125  <div
12126    id="x-product-template-10428460892439-template--27603645268247__featured_collection_RWA7fD-1-1"
12127    class="list-layout:lg:w-3/4 md:list-layout:w-3/5 list-layout:md:pl-0 rtl:list-layout:md:pl-5 rtl:list-layout:md:pr-0  text-center"
12128  >
12129    
12130    
12131    
12132<div
12133            class="x-variants-data x-variants-data-js pt-3 border-t mt-3"
12134            x-data='xVariantSelectCard($el,"template--27603645268247__featured_collection_RWA7fD-1-1", "10428460892439", "/products/workday-chinese-tea-collection", false, false, false, "")'
12135            
12136              data-option1="US Warehouse"
12137              
12138            x-intersect.margin.200px="if ($el.querySelector('#variant-update-template--27603645268247__featured_collection_RWA7fD-1-1').innerHTML.trim() == '') $el.classList.add('hidden');"
12139          >
12140            <div
12141              id="current-variant-template--27603645268247__featured_collection_RWA7fD-10428460892439-collection_y8UqjF" 
12142              class="current-variant hidden"
12143            >
12144              55297745322263
12145            </div>
12146            <div
12147              id="variant-update-template--27603645268247__featured_collection_RWA7fD-1-1"
12148              class="variant-update-template--27603645268247__featured_collection_RWA7fD-1-1 list-layout:md:text-left rtl:list-layout:md:text-right options-container"
12149            >
12150                
12151</div>
12152          </div>
12153          
12153<script src="//iteaworld.com/cdn/shop/t/51/assets/variant-select-card.js?v=141088792309509576511782181913" defer></script>
12153
12154        
12155      
12156    <div class="bottom-card card-info ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end gap-1 empty:hidden"></div>
12157    
12158      <div class="card-info x-highlight-icon mt-2.5">
12159        <div 
12160  class="flex flex-wrap gap-[3px] rtl:flex-row-reverse ltr pr-0 pl-0 justify-center items-center list-layout:mt-4 list-layout:justify-start rtl:list-layout:justify-end empty:hidden"
12161  x-data="{setPosition(el) {
12162    parentEl = el.closest('.x-highlight-icon').getBoundingClientRect();
12163    el.style.setProperty('--maxwidth-tooltip', parentEl.width - 20 + 'px');
12164    elRect = el.getBoundingClientRect();
12165    let spacingLeft = elRect.left - parentEl.left;
12166    if (spacingLeft < 0) {
12167      el.style.setProperty('--left-tooltip', Math.abs(spacingLeft) + 'px');
12168    }
12169    let spacingRight = parentEl.right - elRect.right;
12170    if (spacingRight < 0) {
12171      el.style.setProperty('--left-tooltip', spacingRight + 'px');
12172    } 
12173  }}"
12174  x-init="$el.innerHTML = $el.innerHTML.trim();"
12175>
12176    �
12177    �
12178    �
12179    �</div>
12180      </div>
12181    
12182    
12183      <template x-if="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button && ($store.xQuickView.btn_atc_bottom || !$store.xQuickView.atc_btn_image_desktop)" 
12184            class="card-info bottom_atc md:list-layout:hidden hide-icon"
12185            :class="if($store.xQuickView.show_atc_button){ return ($store.xQuickView.btn_atc_bottom ? '' : 'hidden') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:hidden' : ' lg:block')}"
12186            x-cloak
12187          >
12188            
12189              <button
12190                type="submit"
12191                name="add"
12192                @click.prevent="setTimeout(() => { $store.xQuickView && (showOptions = !showOptions); $store.xQuickView.showChooseOption('template--27603645268247__featured_collection_RWA7fD-10428460892439-collection_y8UqjF', $el); }, 0)"
12193                x-on:mouseover="setTimeout(() => { $store.xQuickView && $store.xQuickView.loadChooseOptions('/products/workday-chinese-tea-collection', $el, 'template--27603645268247__featured_collection_RWA7fD-10428460892439-collection_y8UqjF', 501); }, 0)" 
12194                data-id="template--27603645268247__featured_collection_RWA7fD-10428460892439-collection_y8UqjF"
12195                class="button button--quickview button-solid not-icon leading-normal mt-2 w-full pr-5 pl-5 py-2.5 lg:py-3 h-full text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60"
12196                :class="errorMessage && 'opacity-60 cursor-not-allowed'"
12197                aria-label="Choose options"
12198              >
12199                <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
12200                  
12201                  <span class="flex items-center justify-center">
12202                    
12203
12204  
12205    
12206      <span class="button-text  is-focus-button:opacity-0">Choose options</span>
12207    
12208  
12209
12210
12211                  </span>
12212                </span>
12213                <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
12214                  <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
12215    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
12216      fill="currentcolor" stroke="none">
12217      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
12218    </g>
12219  </svg>
12220
12221                </div>
12222              </button>
12223             
12224          </div></template>
12225    
12226    
12227      <template x-if="$store.xQuickView">
12228        <div class="hidden md:list-layout:flex gap-3 mt-5 md:mt-7" x-show="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button" :class="$store.xQuickView.show_atc_button && ''">
12229              
12230                <button
12231                  type="submit"
12232                  name="add"
12233                  
12234                  @click.prevent="setTimeout(() => { $store.xQuickView && (showOptions = !showOptions); $store.xQuickView.showChooseOption('template--27603645268247__featured_collection_RWA7fD-10428460892439-collection_y8UqjF', $el); }, 0)"
12235                  x-on:mouseover="setTimeout(() => { $store.xQuickView && $store.xQuickView.loadChooseOptions('/products/workday-chinese-tea-collection', $el, 'template--27603645268247__featured_collection_RWA7fD-10428460892439-collection_y8UqjF', 501); }, 0)" 
12236                  data-id="template--27603645268247__featured_collection_RWA7fD-10428460892439-collection_y8UqjF"
12237                  class="button button--quickview button-solid not-icon leading-normal w-full py-2.5 lg:pl-5 lg:pr-5 lg:py-3 h-full text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60 hidden lg:block"
12238                  :class="errorMessage && 'opacity-60 cursor-not-allowed'"
12239                  aria-label="Choose options"
12240                >
12241                  <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
12242                    
12243                    <span class="flex items-center justify-center">
12244                      
12245
12246  
12247    
12248      <span class="button-text  is-focus-button:opacity-0">Choose options</span>
12249    
12250  
12251
12252
12253                    </span>
12254                  </span>
12255                  <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
12256                    <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
12257    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
12258      fill="currentcolor" stroke="none">
12259      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
12260    </g>
12261  </svg>
12262
12263                  </div>
12264                </button>
12265               
12266            </div><button 
12267            x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/products/workday-chinese-tea-collection', $el, 'template--27603645268247__featured_collection_RWA7fD-10428460892439-collection_y8UqjF')" 
12268            x-on:focus="$store.xQuickView && $store.xQuickView.load('/products/workday-chinese-tea-collection', $el, 'template--27603645268247__featured_collection_RWA7fD-10428460892439-collection_y8UqjF')" 
12269            @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
12270            class="button label-btn-quickview button-solid button--quickview leading-normal none_border pt-2 pl-5 pb-2 pr-5 lg:pt-3 lg:pb-3" 
12271            aria-label="Button quickview"
12272            x-customer-event-data="{
12273    &quot;product&quot;: {
12274      &quot;title&quot;: &quot;Workday Chinese Tea Collection&quot;,
12275      &quot;listName&quot;: &quot;New Arrivals&quot;,
12276      &quot;sku&quot;: &quot;10428460892439&quot;,
12277      &quot;currencyCode&quot;: &quot;USD&quot;,
12278      &quot;price&quot;: 2999,
12279      &quot;vendor&quot;: &quot;iTeaworld&quot;
12280    }
12281  }"
12282            x-show="$store.xQuickView.enabled"
12283          >
12284            <span class="flex justify-center items-center">
12285              
12286
12287  <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>
12288
12289
12290            </span>
12291          </button>
12292        </div>
12293      </template>
12294    
12295  </div>
12296</div>
12297<style data-shopify>
12298                        .x-slide-animation-duration-2 {
12299                          --delay-time: 100ms
12300                        }
12301                      </style>
12302                      
12303                      
12304
12305<div 
12306  
12307    x-data="xProductCard('template--27603645268247__featured_collection_RWA7fD-1-2', '/products/tea-club-subscription-floral-fruit-wellness-box', '10150336037143')"  
12308  
12309  class="card-product  overflow-hidden card md:list-layout:flex relative pb-4 md:pb-5 splide__slide x-splide-slide h-auto preload-slide-collection_y8UqjFtemplate--27603645268247__featured_collection_RWA7fD preload-slide-mobile--collection_y8UqjFtemplate--27603645268247__featured_collection_RWA7fD rounded-[10px]" 
12310  x-slide-index="1"
12311>
12312  <div class="md:list-layout:w-2/5 md:list-layout:lg:w-1/4 relative disable-effect md:list-layout:pr-8"
12313  >
12314    <style data-shopify>
12315      
12316    </style>
12317    
12318    <style data-shopify>
12319      
12320    </style>
12321    <a 
12322      
12323        x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active', 'lazy_active')"
12324      
12325      href="/products/tea-club-subscription-floral-fruit-wellness-box"
12326       
12327        x-data="{ lastWindowWidth: 0 }"
12328        x-intersect.once.margin.200px='$nextTick(() => { $store.xBadges && $store.xBadges.load($el, () => {}, null, true); })'
12329        x-labels-data="[
12330    
12331{
12332      &quot;variant_id&quot;: 51800961253655,
12333      &quot;product_id&quot;: 10150336037143,
12334      &quot;available&quot;: true,
12335      &quot;title&quot;: &quot;Tea Club Subscription - Seasonal Wellness Box&quot;,
12336      &quot;compare_at_price&quot;: 0,
12337      &quot;price&quot;: 7999,
12338      &quot;price_with_currency&quot;: &quot;$79.99 USD&quot;,
12339      &quot;sale_amount&quot;: &quot;$-79.99&quot;,
12340      &quot;collections&quot;: &quot;||511975915799||529991958807||521179136279||493393674519||483191390487||520355807511||521246441751||523728814359||450205417751||461861486871||498760843543||&quot;,
12341      &quot;inventory_management&quot;: &quot;shopify&quot;,
12342      &quot;qty&quot;: 11,
12343      &quot;container&quot;: &quot;card&quot;,
12344      &quot;can_show_preorder&quot;: false,
12345      &quot;diff_day_create&quot;: 260.2,
12346      &quot;diff_day_publish&quot;: 106.38
12347      
12348        ,&quot;metafield_label&quot;: { 
12349          &quot;custom.flavors&quot;:&quot;&quot;
12350        }
12351      
12352      }
12353    ]"
12354       
12355      aria-label="Tea Club Subscription - Seasonal Wellness Box"
12356      id="10150336037143-template--27603645268247__featured_collection_RWA7fD"
12357      class="x-labels-data ltr group link-product-variant overflow-hidden block relative z-[15] curs
12357or-pointer before:h-0 before:block no-collage rounded-[10px] pb-[100%]">
12358      <div x-data="xDoubleTouch('/products/tea-club-subscription-floral-fruit-wellness-box')" class="w-full h-full z-0 overflow-hidden absolute top-0 left-0 animate_transition_card__image">
12359        <div
12360          id="x-slideshow-card-product-template--27603645268247__featured_collection_RWA7fD-1-2-1"
12361          class="block h-full" 
12362          @click='$store.xCustomerEvent.fire("product_selected", $el)'
12363          x-customer-event-data="{
12364    &quot;product&quot;: {
12365      &quot;title&quot;: &quot;Tea Club Subscription - Seasonal Wellness Box&quot;,
12366      &quot;listName&quot;: &quot;New Arrivals&quot;,
12367      &quot;sku&quot;: &quot;10150336037143&quot;,
12368      &quot;currencyCode&quot;: &quot;USD&quot;,
12369      &quot;price&quot;: 7999,
12370      &quot;vendor&quot;: &quot;iTeaworld&quot;
12371    }
12372  }"
12373          ><div 
12374              class="absolute inset-0 z-10 pointer-events-auto dbtap-overlay"
12375              @touchstart="onTouchStart($event)"
12376              @touchend.prevent="onTouchEnd($el.closest('.x-splide'))"
12377              @touchmove="onTouchMove($event)"
12378            ></div>
12379<div class="w-full z-0 h-full min-h-full top-0 left-0 absolute"
12380            >
12381              
12382              <picture>
12383                <img
12384                  srcset="
12385                  //iteaworld.com/cdn/shop/files/tea_collection_for_autumn.webp?v=1786074356&width=250 250w,
12386                  //iteaworld.com/cdn/shop/files/tea_collection_for_autumn.webp?v=1786074356&width=350 350w,
12387                  //iteaworld.com/cdn/shop/files/tea_collection_for_autumn.webp?v=1786074356&width=450 450w,
12388                  //iteaworld.com/cdn/shop/files/tea_collection_for_autumn.webp?v=1786074356&width=750 750w,
12389                  //iteaworld.com/cdn/shop/files/tea_collection_for_autumn.webp?v=1786074356&width=900 900w,
12390                  //iteaworld.com/cdn/shop/files/tea_collection_for_autumn.webp?v=1786074356&width=1100 1100w,
12391                  //iteaworld.com/cdn/shop/files/tea_collection_for_autumn.webp?v=1786074356&width=1500 1500w,//iteaworld.com/cdn/shop/files/tea_collection_for_autumn.webp?v=1786074356 1600w" 
12392                  src="//iteaworld.com/cdn/shop/files/tea_collection_for_autumn.webp?v=1786074356&width=1500"
12393                  sizes="(min-width: 1400px) calc(100vw / 4), (min-width: 1024px) calc((100vw) / 4), (min-width: 768px) calc((100vw) / 2), calc(100vw /2)"
12394                  alt="Tea Club Subscription - Seasonal Wellness Box"
12395                  :class="showSecond ? 'first-img' : ''"
12396                  class="w-full  preview-img motion-reduce aspect-square relative animate-Xpulse skeleton-image object-cover h-full min-h-full image-first-hover lg:group-hover:opacity-0 animate_transition_image"
12397                  loading="lazy"
12398                  width="1600"
12399                  height="1600"
12400                  onload="this?.classList.add('active');this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
12401                    setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);"
12402                />
12403              </picture>
12404              
12405            </div><div class="w-full h-full top-0 left-0 absolute lg:block">
12406                  
12407                  <picture>
12408                    <img
12409                      srcset="//iteaworld.com/cdn/shop/files/iTeaworld_tea_collecetion_for_autumn_22.webp?v=1786073344&width=250 250w,
12410                        //iteaworld.com/cdn/shop/files/iTeaworld_tea_collecetion_for_autumn_22.webp?v=1786073344&width=350 350w,
12411                        //iteaworld.com/cdn/shop/files/iTeaworld_tea_collecetion_for_autumn_22.webp?v=1786073344&width=450 450w,
12412                        //iteaworld.com/cdn/shop/files/iTeaworld_tea_collecetion_for_autumn_22.webp?v=1786073344&width=750 750w,
12413                        //iteaworld.com/cdn/shop/files/iTeaworld_tea_collecetion_for_autumn_22.webp?v=1786073344&width=900 900w,
12414                        //iteaworld.com/cdn/shop/files/iTeaworld_tea_collecetion_for_autumn_22.webp?v=1786073344&width=1100 1100w,
12415                        //iteaworld.com/cdn/shop/files/iTeaworld_tea_collecetion_for_autumn_22.webp?v=1786073344&width=1500 1500w,//iteaworld.com/cdn/shop/files/iTeaworld_tea_collecetion_for_autumn_22.webp?v=1786073344 1600w"
12416                      src="//iteaworld.com/cdn/shop/files/iTeaworld_tea_collecetion_for_autumn_22.webp?v=1786073344&width=1500"
12417                      sizes="(min-width: 1400px) calc(100vw / 4), (min-width: 1024px) calc((100vw) / 4), (min-width: 768px) calc((100vw) / 2), calc(100vw /2)"
12418                      alt="Tea Club Subscription - Seasonal Wellness Box"
12419                      :class="showSecond ? 'second-img' : ''"
12420                      class="motion-reduce min-w-full h-full object-cover group-hover:cursor-pointer image-second-hover opacity-0 lg:group-hover:opacity-100"
12421                      loading="lazy"
12422                      width="1600"
12423                      height="1600"
12424                      onload="this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
12425                        setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);"
12426                    />
12427                  </picture>
12428                  
12429                </div></div>
12430      </div>
12431        <div class="md:list-layout:hidden" x-show="$store.xQuickView" :class="$store.xQuickView && $store.xQuickView.btn_atc_bottom ? 'mobile-bottom':''"><div class="quick-view-container absolute z-20 bottom-2 right-2 rtl:right-auto rtl:left-4 rtl:lg:left-auto lg:top-auto lg:right-auto lg:bottom-4 lg:w-full lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0 lg:translate-y-full transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0"
12432              x-show="$store.xQuickView" x-cloak
12433            > 
12434              <div x-data="xProductCart" x-show="$store.xQuickView && $store.xQuickView.show_atc_button"
12435                class="w-full hide-icon lg:px-4" 
12436                :class="if($store.xQuickView){ return ($store.xQuickView.btn_atc_bottom ? 'hidden' : '') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:block' : ' lg:hidden') }"
12437                x-cloak
12438              >
12439                
12440<form method="post" action="/cart/add" id="product-form-choose-option10150336037143502" accept-charset="UTF-8" class="form A h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="51800961253655">
12441                    
12442                                                                
12443                    <button
12444                      class="button button--quickview button-solid not-icon leading-normal w-full pr-5 pl-5 py-2.5 lg:py-3 h-full z-50 text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disable-action-btn-animation disabled:opacity-60 hidden lg:block"
12445                      
12446                        type="submit"
12447                        name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--27603645268247__featured_collection_RWA7fD-10150336037143-collection_y8UqjF"
12448                        
12449                        
12450                        :class="errorMessage && 'opacity-60 cursor-not-allowed'"aria-label="Add to cart"
12451                    >
12452                      <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
12453                        
12454
12455                            <span class="flex items-center justify-center">
12456                              
12457
12458  
12459    
12460      <span class="button-text  is-focus-button:opacity-0">Add to cart</span>
12461    
12462  
12463
12464
12465                            </span>
12466                      </span>
12467                      <div
12468                        class="flex gap-x-2 items-center justify-center"
12469                        role="alert"
12470                        x-cloak
12471                        x-show="errorMessage"
12472                      >
12473                        Sold out
12474                      </div>
12475                      <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
12476                        <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
12477    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
12478      fill="currentcolor" stroke="none">
12479      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
12480    </g>
12481  </svg>
12482
12483                      </div>
12484                    </button>
12485                    <button 
12486                      class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-[6px] disabled:cursor-not-allowed disable-action-btn-animation disabled:opacity-60"
12487                      
12488                        type="submit"
12489                        name="add"@click.prevent="errorMessage == false && addToCart($event)"
12490                        
12491                        data-id="template--27603645268247__featured_collection_RWA7fD-10150336037143-collection_y8UqjF"
12492                        :class="errorMessage && 'opacity-60 cursor-not-allowed'"aria-label="Add to cart"x-customer-event-data="{
12493    &quot;product&quot;: {
12494      &quot;title&quot;: &quot;Tea Club Subscription - Seasonal Wellness Box&quot;,
12495      &quot;listName&quot;: &quot;New Arrivals&quot;,
12496      &quot;sku&quot;: &quot;10150336037143&quot;,
12497      &quot;currencyCode&quot;: &quot;USD&quot;,
12498      &quot;price&quot;: 7999,
12499      &quot;vendor&quot;: &quot;iTeaworld&quot;
12500    }
12501  }"
12502                      
12503                    >
12504                      <span class="w-5 h-5 flex items-center justify-center md:w-6 md:h-6" x-show="!loading"><svg class="" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 20 16" fill="none" style="fill:none;">
12505    <g>
12506    <path d="M4.537 3.25H18.0745L15.937 10.375H6.6745L4.537 3.25ZM4.537 3.25L4.00262 1.46875" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
12507    <path d="M9.28698 12.8687C9.28698 13.459 8.80846 13.9375 8.21823 13.9375C7.62797 13.9375 7.14948 13.459 7.14948 12.8687" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
12508    <path d="M14.9872 12.75C14.9872 13.3402 14.5087 13.8188 13.9185 13.8188C13.3282 13.8188 12.8497 13.3402 12.8497 12.75" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
12509    <path d="M1.44977 1.35001H3.34977" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
12510    </g>
12511  </svg></span>
12512                      <span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak>
12513                        <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
12514    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
12515      fill="currentcolor" stroke="none">
12516      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
12517    </g>
12518  </svg>
12519
12520                      </span>
12521                    </button><input type="hidden" name="product-id" value="10150336037143" /><input type="hidden" name="section-id" value="template--27603645268247__featured_collection_RWA7fD" /></form>
12522              </div>
12523            </div><div
12524            class="button-quickview-icon absolute z-[15] lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0  transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0"
12525            :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'btn-quickadd  bottom-11 md:bottom-12 right-2 lg:top-4 lg:bottom-auto lg:-translate-y-full rtl:right-auto rtl:left-2' : 'bottom-2 right-0 lg:top-auto lg:translate-y-full lg:right-auto lg:bottom-4 lg:w-full lg:left-0 pl-2 pr-2 lg:pr-4 lg:pl-4'"
12526            x-show="$store.xQuickView && $store.xQuickView.enabled" x-cloak
12527            >
12528            <div>
12529              <button
12530                @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
12531                x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/products/tea-club-subscription-floral-fruit-wellness-box', $el, 'template--27603645268247__featured_collection_RWA7fD-10150336037143-collection_y8UqjF')" 
12532                x-on:focus="$store.xQuickView && $store.xQuickView.load('/products/tea-club-subscription-floral-fruit-wellness-box', $el, 'template--27603645268247__featured_collection_RWA7fD-10150336037143-collection_y8UqjF')" 
12533                class="button label-btn-quickview button--quickview not-icon leading-normal empty:hidden hidden lg:block z-50 h-full"
12534                :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'p-1.5 md:p-2.5 rounded-full button-disable-effect' : 'w-full pt-3 pb-3 button-solid'"
12535                x-customer-event-data="{
12536    &quot;product&quot;: {
12537      &quot;title&quot;: &quot;Tea Club Subscription - Seasonal Wellness Box&quot;,
12538      &quot;listName&quot;: &quot;New Arrivals&quot;,
12539      &quot;sku&quot;: &quot;10150336037143&quot;,
12540      &quot;currencyCode&quot;: &quot;USD&quot;,
12541      &quot;price&quot;: 7999,
12542      &quot;vendor&quot;: &quot;iTeaworld&quot;
12543    }
12544  }"
12545                aria-label="Button quickview"
12546              >
12547                <span x-show="$store.xQuickView && $store.xQuickView.show_atc_button" class="w-4 h-4 flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16" fill="none" style="fill:none;">
12548    <path d="M7.67451 13.8502C11.0849 13.8502 13.8496 11.0855 13.8496 7.67508C13.8496 4.26468 11.0849 1.5 7.67451 1.5C4.2641 1.5 1.49942 4.26468 1.49942 7.67508C1.49942 11.0855 4.2641 13.8502 7.67451 13.8502Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
12549    <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
12550  </svg>
12551</span>
12552                <span x-show="$store.xQuickView && !$store.xQuickView.show_atc_button" class="flex items-center justify-center">
12553                  
12554
12555  <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>
12556
12557
12558                </span>
12559              </button>
12560              <button @click.prevent='$store.xQuickView && $store.xQuickView.load("/products/tea-club-subscription-floral-fruit-wellness-box", $el, "template--27603645268247__featured_collection_RWA7fD-10150336037143-collection_y8UqjF"); $store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
12561                class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-2" 
12562                aria-label="Button quickview"
12563                x-customer-event-data="{
12564    &quot;product&quot;: {
12565      &quot;title&quot;: &quot;Tea Club Subscription - Seasonal Wellness Box&quot;,
12566      &quot;listName&quot;: &quot;New Arrivals&quot;,
12567      &quot;sku&quot;: &quot;10150336037143&quot;,
12568      &quot;currencyCode&quot;: &quot;USD&quot;,
12569      &quot;price&quot;: 7999,
12570      &quot;vendor&quot;: &quot;iTeaworld&quot;
12571    }
12572  }"
12573              >
12574                <span class="w-4 h-4 md:w-5 md:h-5 flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16" fill="none" style="fill:none;">
12575    <path d="M7.67451 13.8502C11.0849 13.8502 13.8496 11.0855 13.8496 7.67508C13.8496 4.26468 11.0849 1.5 7.67451 1.5C4.2641 1.5 1.49942 4.26468 1.49942 7.67508C1.49942 11.0855 4.2641 13.8502 7.67451 13.8502Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
12576    <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
12577  </svg>
12578</span>
12579              </button>
12580            </div>
12581          </div>
12582        </div>
12583      
12584    </a>
12585    
12586    
12587    <div class="md:list-layout:hidden">
12588      <div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0">
12589        <div class="no-collage:mb-2 text-center md:list-layout:text-left">
12590          
12591          <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2.5 gap-1 empty:hidden"></div><h3 class="card__heading h5 no-collage:mb-2 mb-2.5 leading-tight" id="title-template--27603645268247__featured_collection_RWA7fD-10150336037143">
12592            <a href="/products/tea-club-subscription-floral-fruit-wellness-box"
12593              class="x-card-title full-unstyled-link link-product-variant  text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words"
12594              @click='$store.xCustomerEvent.fire("product_selected", $el)'
12595              x-customer-event-data="{
12596    &quot;product&quot;: {
12597      &quot;title&quot;: &quot;Tea Club Subscription - Seasonal Wellness Box&quot;,
12598      &quot;listName&quot;: &quot;New Arrivals&quot;,
12599      &quot;sku&quot;: &quot;10150336037143&quot;,
12600      &quot;currencyCode&quot;: &quot;USD&quot;,
12601      &quot;price&quot;: 7999,
12602      &quot;vendor&quot;: &quot;iTeaworld&quot;
12603    }
12604  }"
12605            >
12606              Tea Club Subscription - Seasonal Wellness Box
12607            </a>
12608          </h3>
12609          
12610<div  class="x-card-price flex items-center mb-2.5 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start">
12611            
12612            
12613              <div class=" price leading-none">
12614  <div class="">
12615    <div class="target-price hidden">7999</div>
12616    <div class="target-compare-at-price hidden"></div>
12617    
12618<p class="price ">
12619          <span>$79.99 USD</span>
12620        </p><small class="text-[70%] hidden">
12621        <span class="hidden">Unit price</span>
12622        <span class="up price-item price-item--last">
12623          <span class="unit-price">
12624
12625          </span>
12626          <span aria-hidden="true">/</span>
12627          <span class="hidden">&nbsp;per&nbsp;</span>
12628          <span>
12629          </span>
12630        </span>
12631      </small>
12632    
12633  </div>
12634  
12635</div>
12636            
12637            <div class="leading-none next-price empty:hidden"></div>
12638          </div>
12639          
12640          <template x-if="localStorage.getItem('selectedStore')">
12641            <div id="x-availability-notice-template--27603645268247__featured_collection_RWA7fD" class="flex mb-2.5 items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start justify-center" x-show="$store.xStoreSelector?.canShow('10150336037143', [511975915799, 529991958807, 521179136279, 493393674519, 483191390487, 520355807511, 521246441751, 523728814359, 450205417751, 461861486871, 498760843543])">
12642              <div 
12643  x-data='{ 
12644    storeAvailabilites: {
12645      
12646    },
12647    pickupLocation: [
12648      
12649    ]
12650  }'
12651  x-show="$store.xStoreSelector?.selectedStore && pickupLocation.includes($store.xStoreSelector?.getStore())"
12652>
12653  <style data-shopify>
12654    .text-available, .text-unavailable {
12655      font-size: 0.669375rem;
12656      font-family: var(--font-body-family);
12657    }
12658
12659    @media (min-width: 768px) {
12660      .text-available, .text-unavailable {
12661        font-size: 0.74375rem;
12662      }
12663    }
12664
12665    .text-available {
12666      color: #739047;
12667    }
12668
12669    .dark .text-available {
12670      color: #739047;
12671    }
12672
12673    .text-unavailable {
12674      color: #767474;
12675    }
12676
12677    .dark .text-unavailable {
12678      color: #867F7F;
12679    }
12680  </style>
12681  <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-available flex flex-row items-center gap-[3px]">
12682    <span class="flex h-4 w-4 relative">
12683<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
12684  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
12685  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
12686</svg>
12687
12688</span><span x-text="'Available for pickup at ' + $store.xStoreSelector?.getStoreText()"> </span>
12689  </div>
12690  <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]">
12691    <span class="flex h-4 w-4 relative">
12692<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
12693  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
12694  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
12695</svg>
12696
12697</span><span x-text="'Out of stock at ' + $store.xStoreSelector?.getStoreText()"> </span>
12698  </div>
12699</div>
12700            </div>
12701          </template>
12702        </div>
12703      </div>
12704    </div>
12705    
12706  </div>
12707  <div
12708    id="x-product-template-10150336037143-template--27603645268247__featured_collection_RWA7fD-1-2"
12709    class="list-layout:lg:w-3/4 md:list-layout:w-3/5 list-layout:md:pl-0 rtl:list-layout:md:pl-5 rtl:list-layout:md:pr-0  text-center"
12710  >
12711    
12712    
12713    
12714
12715          <div @init-run="document.addEventListener('eurus:cart:items-changed', () => {
12716            Alpine.store('xUpdateVariantQuanity').updateQuantity('template--27603645268247__featured_collection_RWA7fD', '/products/tea-club-subscription-floral-fruit-wellness-box');
12717          });"></div>
12718          <div
12719            id="current-variant-template--27603645268247__featured_collection_RWA7fD-10150336037143-collection_y8UqjF" 
12720            class="current-variant hidden"
12721          >
12722            51800961253655
12723          </div>
12724        
12725      
12726    <div class="bottom-card card-info ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end gap-1 empty:hidden"></div>
12727    
12728      <div class="card-info x-highlight-icon mt-2.5">
12729        <div 
12730  class="flex flex-wrap gap-[3px] rtl:flex-row-reverse ltr pr-0 pl-0 justify-center items-center list-layout:mt-4 list-layout:justify-start rtl:list-layout:justify-end empty:hidden"
12731  x-data="{setPosition(el) {
12732    parentEl = el.closest('.x-highlight-icon').getBoundingClientRect();
12733    el.style.setProperty('--maxwidth-tooltip', parentEl.width - 20 + 'px');
12734    elRect = el.getBoundingClientRect();
12735    let spacingLeft = elRect.left - parentEl.left;
12736    if (spacingLeft < 0) {
12737      el.style.setProperty('--left-tooltip', Math.abs(spacingLeft) + 'px');
12738    }
12739    let spacingRight = parentEl.right - elRect.right;
12740    if (spacingRight < 0) {
12741      el.style.setProperty('--left-tooltip', spacingRight + 'px');
12742    } 
12743  }}"
12744  x-init="$el.innerHTML = $el.innerHTML.trim();"
12745>
12746    �
12747    �
12748    �
12749    �</div>
12750      </div>
12751    
12752    
12753      <template x-if="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button && ($store.xQuickView.btn_atc_bottom || !$store.xQuickView.atc_btn_image_desktop)" 
12754            class="card-info bottom_atc md:list-layout:hidden hide-icon"
12755            :class="if($store.xQuickView.show_atc_button){ return ($store.xQuickView.btn_atc_bottom ? '' : 'hidden') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:hidden' : ' lg:block')}"
12756            x-cloak
12757          >
12758            
12759<form method="post" action="/cart/add" id="product-form-choose-option10150336037143502" accept-charset="UTF-8" class="form C h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="51800961253655">
12760                
12761                
12762                <button
12763                  type="submit"
12764                  name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--27603645268247__featured_collection_RWA7fD-10150336037143-collection_y8UqjF"
12765                  class="button button--quickview button-solid not-icon leading-normal mt-2 w-full pr-5 pl-5 py-2.5 lg:py-3 h-full z-[15] text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disable-action-btn-animation disabled:opacity-60"
12766                  
12767                  
12768                  :class="errorMessage && 'opacity-60 cursor-not-allowed'"aria-label="Add to cart">
12769                  <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
12770                      <span class="flex items-center justify-center">
12771                        
12772
12773  
12774    
12775      <span class="button-text  is-focus-button:opacity-0">Add to cart</span>
12776    
12777  
12778
12779
12780                      </span></span>
12781                  <div
12782                    class="flex gap-x-2 items-center justify-center"
12783                    role="alert"
12784                    x-cloak
12785                    x-show="errorMessage"
12786                  >
12787                    Sold out
12788                  </div>
12789                  <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
12790                    <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
12791    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
12792      fill="currentcolor" stroke="none">
12793      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
12794    </g>
12795  </svg>
12796
12797                  </div>
12798                </button><input type="hidden" name="product-id" value="10150336037143" /><input type="hidden" name="section-id" value="template--27603645268247__featured_collection_RWA7fD" /></form> 
12799          </div></template>
12800    
12801    
12802      <template x-if="$store.xQuickView">
12803        <div class="hidden md:list-layout:flex gap-3 mt-5 md:mt-7" x-show="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button" :class="$store.xQuickView.show_atc_button && ''">
12804              
12805<form method="post" action="/cart/add" id="product-form-choose-option10150336037143502" accept-charset="UTF-8" class="form D h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="51800961253655">
12806                  
12807                  
12808                  <button
12809                    type="submit"
12810                    name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--27603645268247__featured_collection_RWA7fD-10150336037143-collection_y8UqjF"
12811                    class="button button--quickview button-solid not-icon leading-normal w-full py-2.5 pl-5 pr-5 lg:py-3 h-full z-10 text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disable-action-btn-animation disabled:opacity-60 hidden lg:block"
12812                    
12813                    
12814                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
12815                    
12816                      aria-label="Add to cart"
12817                    
12818                  >
12819                    <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
12820                        <span class="flex items-center justify-center">
12821                          
12822
12823  
12824    
12825      <span class="button-text  is-focus-button:opacity-0">Add to cart</span>
12826    
12827  
12828
12829
12830                        </span></span>
12831                    <div
12832                      class="flex gap-x-2 items-center justify-center"
12833                      role="alert"
12834                      x-cloak
12835                      x-show="errorMessage"
12836                    >
12837                      Sold out
12838                    </div>
12839                    <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[
12839calc(50%-10px)]" x-show="loading" x-cloak>
12840                      <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
12841    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
12842      fill="currentcolor" stroke="none">
12843      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
12844    </g>
12845  </svg>
12846
12847                    </div>
12848                  </button>
12849                  <button 
12850                    type="submit"
12851                    name="add"@click.prevent="errorMessage == false && addToCart($event)"class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-[6px] disabled:cursor-not-allowed disable-action-btn-animation disabled:opacity-60"
12852                    
12853                    
12854                    data-id="template--27603645268247__featured_collection_RWA7fD-10150336037143-collection_y8UqjF"
12855                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"aria-label="Add to cart"x-customer-event-data="{
12856    &quot;product&quot;: {
12857      &quot;title&quot;: &quot;Tea Club Subscription - Seasonal Wellness Box&quot;,
12858      &quot;listName&quot;: &quot;New Arrivals&quot;,
12859      &quot;sku&quot;: &quot;10150336037143&quot;,
12860      &quot;currencyCode&quot;: &quot;USD&quot;,
12861      &quot;price&quot;: 7999,
12862      &quot;vendor&quot;: &quot;iTeaworld&quot;
12863    }
12864  }"
12865                  >
12866                    <span class="w-5 h-5 flex items-center justify-center md:w-6 md:h-6" x-show="!loading"><svg class="" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 20 16" fill="none" style="fill:none;">
12867    <g>
12868    <path d="M4.537 3.25H18.0745L15.937 10.375H6.6745L4.537 3.25ZM4.537 3.25L4.00262 1.46875" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
12869    <path d="M9.28698 12.8687C9.28698 13.459 8.80846 13.9375 8.21823 13.9375C7.62797 13.9375 7.14948 13.459 7.14948 12.8687" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
12870    <path d="M14.9872 12.75C14.9872 13.3402 14.5087 13.8188 13.9185 13.8188C13.3282 13.8188 12.8497 13.3402 12.8497 12.75" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
12871    <path d="M1.44977 1.35001H3.34977" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
12872    </g>
12873  </svg></span>
12874                    <span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak>
12875                      <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
12876    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
12877      fill="currentcolor" stroke="none">
12878      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
12879    </g>
12880  </svg>
12881
12882                    </span>
12883                  </button><input type="hidden" name="product-id" value="10150336037143" /><input type="hidden" name="section-id" value="template--27603645268247__featured_collection_RWA7fD" /></form> 
12884            </div><button 
12885            x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/products/tea-club-subscription-floral-fruit-wellness-box', $el, 'template--27603645268247__featured_collection_RWA7fD-10150336037143-collection_y8UqjF')" 
12886            x-on:focus="$store.xQuickView && $store.xQuickView.load('/products/tea-club-subscription-floral-fruit-wellness-box', $el, 'template--27603645268247__featured_collection_RWA7fD-10150336037143-collection_y8UqjF')" 
12887            @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
12888            class="button label-btn-quickview button-solid button--quickview leading-normal none_border pt-2 pl-5 pb-2 pr-5 lg:pt-3 lg:pb-3" 
12889            aria-label="Button quickview"
12890            x-customer-event-data="{
12891    &quot;product&quot;: {
12892      &quot;title&quot;: &quot;Tea Club Subscription - Seasonal Wellness Box&quot;,
12893      &quot;listName&quot;: &quot;New Arrivals&quot;,
12894      &quot;sku&quot;: &quot;10150336037143&quot;,
12895      &quot;currencyCode&quot;: &quot;USD&quot;,
12896      &quot;price&quot;: 7999,
12897      &quot;vendor&quot;: &quot;iTeaworld&quot;
12898    }
12899  }"
12900            x-show="$store.xQuickView.enabled"
12901          >
12902            <span class="flex justify-center items-center">
12903              
12904
12905  <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>
12906
12907
12908            </span>
12909          </button>
12910        </div>
12911      </template>
12912    
12913  </div>
12914</div>
12915<style data-shopify>
12916                        .x-slide-animation-duration-3 {
12917                          --delay-time: 200ms
12918                        }
12919                      </style>
12920                      
12921                      
12922
12923<div 
12924  
12925    x-data="xProductCard('template--27603645268247__featured_collection_RWA7fD-1-3', '/products/chinese-sweet-tea-herbal-tea', '10467022504215')"  
12926  
12927  class="card-product  overflow-hidden card md:list-layout:flex relative pb-4 md:pb-5 splide__slide x-splide-slide h-auto preload-slide-collection_y8UqjFtemplate--27603645268247__featured_collection_RWA7fD preload-slide-mobile--collection_y8UqjFtemplate--27603645268247__featured_collection_RWA7fD rounded-[10px]" 
12928  x-slide-index="2"
12929>
12930  <div class="md:list-layout:w-2/5 md:list-layout:lg:w-1/4 relative disable-effect md:list-layout:pr-8"
12931  >
12932    <style data-shopify>
12933      
12934    </style>
12935    
12936    <style data-shopify>
12937      
12938    </style>
12939    <a 
12940      
12941        x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active', 'lazy_active')"
12942      
12943      href="/products/chinese-sweet-tea-herbal-tea"
12944       
12945        x-data="{ lastWindowWidth: 0 }"
12946        x-intersect.once.margin.200px='$nextTick(() => { $store.xBadges && $store.xBadges.load($el, () => {}, null, true); })'
12947        x-labels-data="[
12948    
12949{
12950      &quot;variant_id&quot;: 54598111002903,
12951      &quot;product_id&quot;: 10467022504215,
12952      &quot;available&quot;: true,
12953      &quot;title&quot;: &quot;Chinese Sweet Tea Herbal Tea 100g&quot;,
12954      &quot;compare_at_price&quot;: 0,
12955      &quot;price&quot;: 2999,
12956      &quot;price_with_currency&quot;: &quot;$29.99 USD&quot;,
12957      &quot;sale_amount&quot;: &quot;$-29.99&quot;,
12958      &quot;collections&quot;: &quot;||532285358359||511975915799||529991958807||486097027351||493393674519||531296977175||483191390487||525935542551||498760843543||526631928087||529341022487||&quot;,
12959      &quot;inventory_management&quot;: &quot;shopify&quot;,
12960      &quot;qty&quot;: 5,
12961      &quot;container&quot;: &quot;card&quot;,
12962      &quot;can_show_preorder&quot;: false,
12963      &quot;diff_day_create&quot;: 59.16,
12964      &quot;diff_day_publish&quot;: 58.33
12965      
12966        ,&quot;metafield_label&quot;: { 
12967          &quot;custom.flavors&quot;:&quot;&quot;
12968        }
12969      
12970      }
12971    ]"
12972       
12973      aria-label="Chinese Sweet Tea Herbal Tea 100g"
12974      id="10467022504215-template--27603645268247__featured_collection_RWA7fD"
12975      class="x-labels-data ltr group link-product-variant overflow-hidden block relative z-[15] cursor-pointer before:h-0 before:block no-collage rounded-[10px] pb-[100%]">
12976      <div x-data="xDoubleTouch('/products/chinese-sweet-tea-herbal-tea')" class="w-full h-full z-0 overflow-hidden absolute top-0 left-0 animate_transition_card__image">
12977        <div
12978          id="x-slideshow-card-product-template--27603645268247__featured_collection_RWA7fD-1-3-2"
12979          class="block h-full" 
12980          @click='$store.xCustomerEvent.fire("product_selected", $el)'
12981          x-customer-event-data="{
12982    &quot;product&quot;: {
12983      &quot;title&quot;: &quot;Chinese Sweet Tea Herbal Tea 100g&quot;,
12984      &quot;listName&quot;: &quot;New Arrivals&quot;,
12985      &quot;sku&quot;: &quot;10467022504215&quot;,
12986      &quot;currencyCode&quot;: &quot;USD&quot;,
12987      &quot;price&quot;: 2999,
12988      &quot;vendor&quot;: &quot;iTeaworld&quot;
12989    }
12990  }"
12991          ><div 
12992              class="absolute inset-0 z-10 pointer-events-auto dbtap-overlay"
12993              @touchstart="onTouchStart($event)"
12994              @touchend.prevent="onTouchEnd($el.closest('.x-splide'))"
12995              @touchmove="onTouchMove($event)"
12996            ></div>
12997<div class="w-full z-0 h-full min-h-full top-0 left-0 absolute"
12998            >
12999              
13000              <picture>
13001                <img
13002                  srcset="
13003                  //iteaworld.com/cdn/shop/files/Chinesesweettea_1.webp?v=1785826084&width=250 250w,
13004                  //iteaworld.com/cdn/shop/files/Chinesesweettea_1.webp?v=1785826084&width=350 350w,
13005                  //iteaworld.com/cdn/shop/files/Chinesesweettea_1.webp?v=1785826084&width=450 450w,
13006                  //iteaworld.com/cdn/shop/files/Chinesesweettea_1.webp?v=1785826084&width=750 750w,
13007                  //iteaworld.com/cdn/shop/files/Chinesesweettea_1.webp?v=1785826084&width=900 900w,
13008                  //iteaworld.com/cdn/shop/files/Chinesesweettea_1.webp?v=1785826084&width=1100 1100w,
13009                  //iteaworld.com/cdn/shop/files/Chinesesweettea_1.webp?v=1785826084&width=1500 1500w,//iteaworld.com/cdn/shop/files/Chinesesweettea_1.webp?v=1785826084 1600w" 
13010                  src="//iteaworld.com/cdn/shop/files/Chinesesweettea_1.webp?v=1785826084&width=1500"
13011                  sizes="(min-width: 1400px) calc(100vw / 4), (min-width: 1024px) calc((100vw) / 4), (min-width: 768px) calc((100vw) / 2), calc(100vw /2)"
13012                  alt="Chinese Sweet Tea Herbal Tea 100g"
13013                  :class="showSecond ? 'first-img' : ''"
13014                  class="w-full  preview-img motion-reduce aspect-square relative animate-Xpulse skeleton-image object-cover h-full min-h-full image-first-hover lg:group-hover:opacity-0 animate_transition_image"
13015                  loading="lazy"
13016                  width="1600"
13017                  height="1600"
13018                  onload="this?.classList.add('active');this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
13019                    setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);"
13020                />
13021              </picture>
13022              
13023            </div><div class="w-full h-full top-0 left-0 absolute lg:block">
13024                  
13025                  <picture>
13026                    <img
13027                      srcset="//iteaworld.com/cdn/shop/files/Chinesesweettea_2.webp?v=1785826084&width=250 250w,
13028                        //iteaworld.com/cdn/shop/files/Chinesesweettea_2.webp?v=1785826084&width=350 350w,
13029                        //iteaworld.com/cdn/shop/files/Chinesesweettea_2.webp?v=1785826084&width=450 450w,
13030                        //iteaworld.com/cdn/shop/files/Chinesesweettea_2.webp?v=1785826084&width=750 750w,
13031                        //iteaworld.com/cdn/shop/files/Chinesesweettea_2.webp?v=1785826084&width=900 900w,
13032                        //iteaworld.com/cdn/shop/files/Chinesesweettea_2.webp?v=1785826084&width=1100 1100w,
13033                        //iteaworld.com/cdn/shop/files/Chinesesweettea_2.webp?v=1785826084&width=1500 1500w,//iteaworld.com/cdn/shop/files/Chinesesweettea_2.webp?v=1785826084 1600w"
13034                      src="//iteaworld.com/cdn/shop/files/Chinesesweettea_2.webp?v=1785826084&width=1500"
13035                      sizes="(min-width: 1400px) calc(100vw / 4), (min-width: 1024px) calc((100vw) / 4), (min-width: 768px) calc((100vw) / 2), calc(100vw /2)"
13036                      alt="Chinese Sweet Tea Herbal Tea 100g"
13037                      :class="showSecond ? 'second-img' : ''"
13038                      class="motion-reduce min-w-full h-full object-cover group-hover:cursor-pointer image-second-hover opacity-0 lg:group-hover:opacity-100"
13039                      loading="lazy"
13040                      width="1600"
13041                      height="1600"
13042                      onload="this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
13043                        setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);"
13044                    />
13045                  </picture>
13046                  
13047                </div></div>
13048      </div>
13049        <div class="md:list-layout:hidden" x-show="$store.xQuickView" :class="$store.xQuickView && $store.xQuickView.btn_atc_bottom ? 'mobile-bottom':''"><div class="quick-view-container absolute z-20 bottom-2 right-2 rtl:right-auto rtl:left-4 rtl:lg:left-auto lg:top-auto lg:right-auto lg:bottom-4 lg:w-full lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0 lg:translate-y-full transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0"
13050              x-show="$store.xQuickView" x-cloak
13051            > 
13052              <div x-data="xProductCart" x-show="$store.xQuickView && $store.xQuickView.show_atc_button"
13053                class="w-full hide-icon lg:px-4" 
13054                :class="if($store.xQuickView){ return ($store.xQuickView.btn_atc_bottom ? 'hidden' : '') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:block' : ' lg:hidden') }"
13055                x-cloak
13056              >
13057                
13058<form method="post" action="/cart/add" id="product-form-choose-option10467022504215503" accept-charset="UTF-8" class="form A h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="54598111002903">
13059                    
13060                                                                
13061                    <button
13062                      class="button button--quickview button-solid not-icon leading-normal w-full pr-5 pl-5 py-2.5 lg:py-3 h-full z-50 text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disable-action-btn-animation disabled:opacity-60 hidden lg:block"
13063                      
13064                        type="submit"
13065                        name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--27603645268247__featured_collection_RWA7fD-10467022504215-collection_y8UqjF"
13066                        
13067                        
13068                        :class="errorMessage && 'opacity-60 cursor-not-allowed'"aria-label="Add to cart"
13069                    >
13070                      <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
13071                        
13072
13073                            <span class="flex items-center justify-center">
13074                              
13075
13076  
13077    
13078      <span class="button-text  is-focus-button:opacity-0">Add to cart</span>
13079    
13080  
13081
13082
13083                            </span>
13084                      </span>
13085                      <div
13086                        class="flex gap-x-2 items-center justify-center"
13087                        role="alert"
13088                        x-cloak
13089                        x-show="errorMessage"
13090                      >
13091                        Sold out
13092                      </div>
13093                      <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
13094                        <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
13095    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
13096      fill="currentcolor" stroke="none">
13097      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
13098    </g>
13099  </svg>
13100
13101                      </div>
13102                    </button>
13103                    <button 
13104                      class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-[6px] disabled:cursor-not-allowed disable-action-btn-animation disabled:opacity-60"
13105                      
13106                        type="submit"
13107                        name="add"@click.prevent="errorMessage == false && addToCart($event)"
13108                        
13109                        data-id="template--27603645268247__featured_collection_RWA7fD-10467022504215-collection_y8UqjF"
13110                        :class="errorMessage && 'opacity-60 cursor-not-allowed'"aria-label="Add to cart"x-customer-event-data="{
13111    &quot;product&quot;: {
13112      &quot;title&quot;: &quot;Chinese Sweet Tea Herbal Tea 100g&quot;,
13113      &quot;listName&quot;: &quot;New Arrivals&quot;,
13114      &quot;sku&quot;: &quot;10467022504215&quot;,
13115      &quot;currencyCode&quot;: &quot;USD&quot;,
13116      &quot;price&quot;: 2999,
13117      &quot;vendor&quot;: &quot;iTeaworld&quot;
13118    }
13119  }"
13120                      
13121                    >
13122                      <span class="w-5 h-5 flex items-center justify-center md:w-6 md:h-6" x-show="!loading"><svg class="" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 20 16" fill="none" style="fill:none;">
13123    <g>
13124    <path d="M4.537 3.25H18.0745L15.937 10.375H6.6745L4.537 3.25ZM4.537 3.25L4.00262 1.46875" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
13125    <path d="M9.28698 12.8687C9.28698 13.459 8.80846 13.9375 8.21823 13.9375C7.62797 13.9375 7.14948 13.459 7.14948 12.8687" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
13126    <path d="M14.9872 12.75C14.9872 13.3402 14.5087 13.8188 13.9185 13.8188C13.3282 13.8188 12.8497 13.3402 12.8497 12.75" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
13127    <path d="M1.44977 1.35001H3.34977" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
13128    </g>
13129  </svg></span>
13130                      <span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak>
13131                        <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
13132    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
13133      fill="currentcolor" stroke="none">
13134      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
13135    </g>
13136  </svg>
13137
13138                      </span>
13139                    </button><input type="hidden" name="product-id" value="10467022504215" /><input type="hidden" name="section-id" value="template--27603645268247__featured_collection_RWA7fD" /></form>
13140              </div>
13141            </div><div
13142            class="button-quickview-icon absolute z-[15] lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0  transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0"
13143            :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'btn-quickadd  bottom-11 md:bottom-12 right-2 lg:top-4 lg:bottom-auto lg:-translate-y-full rtl:right-auto rtl:left-2' : 'bottom-2 right-0 lg:top-auto lg:translate-y-full lg:right-auto lg:bottom-4 lg:w-full lg:left-0 pl-2 pr-2 lg:pr-4 lg:pl-4'"
13144            x-show="$store.xQuickView && $store.xQuickView.enabled" x-cloak
13145            >
13146            <div>
13147              <button
13148                @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
13149                x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/products/chinese-sweet-tea-herbal-tea', $el, 'template--27603645268247__featured_collection_RWA7fD-10467022504215-collection_y8UqjF')" 
13150                x-on:focus="$store.xQuickView && $store.xQuickView.load('/products/chinese-sweet-tea-herbal-tea', $el, 'template--27603645268247__featured_collection_RWA7fD-10467022504215-collection_y8UqjF')" 
13151                class="button label-btn-quickview button--quickview not-icon leading-normal empty:hidden hidden lg:block z-50 h-full"
13152                :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'p-1.5 md:p-2.5 rounded-full button-disable-effect' : 'w-full pt-3 pb-3 button-solid'"
13153                x-customer-event-data="{
13154    &quot;product&quot;: {
13155      &quot;title&quot;: &quot;Chinese Sweet Tea Herbal Tea 100g&quot;,
13156      &quot;listName&quot;: &quot;New Arrivals&quot;,
13157      &quot;sku&quot;: &quot;10467022504215&quot;,
13158      &quot;currencyCode&quot;: &quot;USD&quot;,
13159      &quot;price&quot;: 2999,
13160      &quot;vendor&quot;: &quot;iTeaworld&quot;
13161    }
13162  }"
13163                aria-label="Button quickview"
13164              >
13165                <span x-show="$store.xQuickView && $store.xQuickView.show_atc_button" class="w-4 h-4 flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16" fill="none" style="fill:none;">
13166    <path d="M7.67451 13.8502C11.0849 13.8502 13.8496 11.0855 13.8496 7.67508C13.8496 4.26468 11.0849 1.5 7.67451 1.5C4.2641 1.5 1.49942 4.26468 1.49942 7.67508C1.49942 11.0855 4.2641 13.8502 7.67451 13.8502Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
13167    <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
13168  </svg>
13169</span>
13170                <span x-show="$store.xQuickView && !$store.xQuickView.show_atc_button" class="flex items-center justify-center">
13171                  
13172
13173  <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>
13174
13175
13176                </span>
13177              </button>
13178              <button @click.prevent='$store.xQuickView && $store.xQuickView.load("/products/chinese-sweet-tea-herbal-tea", $el, "template--27603645268247__featured_collection_RWA7fD-10467022504215-collection_y8UqjF"); $store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
13179                class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-2" 
13180                aria-label="Button quickview"
13181                x-customer-event-data="{
13182    &quot;product&quot;: {
13183      &quot;title&quot;: &quot;Chinese Sweet Tea Herbal Tea 100g&quot;,
13184      &quot;listName&quot;: &quot;New Arrivals&quot;,
13185      &quot;sku&quot;: &quot;10467022504215&quot;,
13186      &quot;currencyCode&quot;: &quot;USD&quot;,
13187      &quot;price&quot;: 2999,
13188      &quot;vendor&quot;: &quot;iTeaworld&quot;
13189    }
13190  }"
13191              >
13192                <span class="w-4 h-4 md:w-5 md:h-5 flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16" fill="none" style="fill:none;">
13193    <path d="M7.67451 13.8502C11.0849 13.8502 13.8496 11.0855 13.8496 7.67508C13.8496 4.26468 11.0849 1.5 7.67451 1.5C4.2641 1.5 1.49942 4.26468 1.49942 7.67508C1.49942 11.0855 4.2641 13.8502 7.67451 13.8502Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
13194    <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
13195  </svg>
13196</span>
13197              </button>
13198            </div>
13199          </div>
13200        </div>
13201      
13202    </a>
13203    
13204    
13205    <div class="md:list-layout:hidden">
13206      <div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0">
13207        <div class="no-collage:mb-2 text-center md:list-layout:text-left">
13208          
13209          <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2.5 gap-1 empty:hidden"></div><h3 class="card__heading h5 no-collage:mb-2 mb-2.5 leading-tight" id="title-template--27603645268247__featured_collection_RWA7fD-10467022504215">
13210            <a href="/products/chinese-sweet-tea-herbal-tea"
13211              class="x-card-title full-unstyled-link link-product-variant  text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words"
13212              @click='$store.xCustomerEvent.fire("product_selected", $el)'
13213              x-customer-event-data="{
13214    &quot;product&quot;: {
13215      &quot;title&quot;: &quot;Chinese Sweet Tea Herbal Tea 100g&quot;,
13216      &quot;listName&quot;: &quot;New Arrivals&quot;,
13217      &quot;sku&quot;: &quot;10467022504215&quot;,
13218      &quot;currencyCode&quot;: &quot;USD&quot;,
13219      &quot;price&quot;: 2999,
13220      &quot;vendor&quot;: &quot;iTeaworld&quot;
13221    }
13222  }"
13223            >
13224              Chinese Sweet Tea Herbal Tea 100g
13225            </a>
13226          </h3>
13227          
13228<div  class="x-card-price flex items-center mb-2.5 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start">
13229            
13230            
13231              <div class=" price leading-none">
13232  <div class="">
13233    <div class="target-price hidden">2999</div>
13234    <div class="target-compare-at-price hidden"></div>
13235    
13236<p class="price ">
13237          <span>$29.99 USD</span>
13238        </p><small class="text-[70%] hidden">
13239        <span class="hidden">Unit price</span>
13240        <span class="up price-item price-item--last">
13241          <span class="unit-price">
13242
13243          </span>
13244          <span aria-hidden="true">/</span>
13245          <span class="hidden">&nbsp;per&nbsp;</span>
13246          <span>
13247          </span>
13248        </span>
13249      </small>
13250    
13251  </div>
13252  
13253</div>
13254            
13255            <div class="leading-none next-price empty:hidden"></div>
13256          </div>
13257          
13258          <template x-if="localStorage.getItem('selectedStore')">
13259            <div id="x-availability-notice-template--27603645268247__featured_collection_RWA7fD" class="flex mb-2.5 items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start justify-center" x-show="$store.xStoreSelector?.canShow('10467022504215', [532285358359, 511975915799, 529991958807, 486097027351, 493393674519, 531296977175, 483191390487, 525935542551, 498760843543, 526631928087, 529341022487])">
13260              <div 
13261  x-data='{ 
13262    storeAvailabilites: {
13263      
13264    },
13265    pickupLocation: [
13266      
13267    ]
13268  }'
13269  x-show="$store.xStoreSelector?.selectedStore && pickupLocation.includes($store.xStoreSelector?.getStore())"
13270>
13271  <style data-shopify>
13272    .text-available, .text-unavailable {
13273      font-size: 0.669375rem;
13274      font-family: var(--font-body-family);
13275    }
13276
13277    @media (min-width: 768px) {
13278      .text-available, .text-unavailable {
13279        font-size: 0.74375rem;
13280      }
13281    }
13282
13283    .text-available {
13284      color: #739047;
13285    }
13286
13287    .dark .text-available {
13288      color: #739047;
13289    }
13290
13291    .text-unavailable {
13292      color: #767474;
13293    }
13294
13295    .dark .text-unavailable {
13296      color: #867F7F;
13297    }
13298  </style>
13299  <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-available flex flex-row items-center gap-[3px]">
13300    <span class="flex h-4 w-4 relative">
13301<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
13302  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
13303  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
13304</svg>
13305
13306</span><span x-text="'Available for pickup at ' + $store.xStoreSelector?.getStoreText()"> </span>
13307  </div>
13308  <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]">
13309    <span class="flex h-4 w-4 relative">
13310<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
13311  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
13312  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
13313</svg>
13314
13315</span><span x-text="'Out of stock at ' + $store.xStoreSelector?.getStoreText()"> </span>
13316  </div>
13317</div>
13318            </div>
13319          </template>
13320        </div>
13321      </div>
13322    </div>
13323    
13324  </div>
13325  <div
13326    id="x-product-template-10467022504215-template--27603645268247__featured_collection_RWA7fD-1-3"
13327    class="list-layout:lg:w-3/4 md:list-layout:w-3/5 list-layout:md:pl-0 rtl:list-layout:md:pl-5 rtl:list-layout:md:pr-0  text-center"
13328  >
13329    
13330    
13331    
13332
13333          <div @init-run="document.addEventListener('eurus:cart:items-changed', () => {
13334            Alpine.store('xUpdateVariantQuanity').updateQuantity('template--27603645268247__featured_collection_RWA7fD', '/products/chinese-sweet-tea-herbal-tea');
13335          });"></div>
13336          <div
13337            id="current-variant-template--27603645268247__featured_collection_RWA7fD-10467022504215-collection_y8UqjF" 
13338            class="current-variant hidden"
13339          >
13340            54598111002903
13341          </div>
13342        
13343      
13344    <div class="bottom-card card-info ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end gap-1 empty:hidden"></div>
13345    
13346      <div class="card-info x-highlight-icon mt-2.5">
13347        <div 
13348  class="flex flex-wrap gap-[3px] rtl:flex-row-reverse ltr pr-0 pl-0 justify-center items-center list-layout:mt-4 list-layout:justify-start rtl:list-layout:justify-end empty:hidden"
13349  x-data="{setPosition(el) {
13350    parentEl = el.closest('.x-highlight-icon').getBoundingClientRect();
13351    el.style.setProperty('--maxwidth-tooltip', parentEl.width - 20 + 'px');
13352    elRect = el.getBoundingClientRect();
13353    let spacingLeft = elRect.left - parentEl.left;
13354    if (spacingLeft < 0) {
13355      el.style.setProperty('--left-tooltip', Math.abs(spacingLeft) + 'px');
13356    }
13357    let spacingRight = parentEl.right - elRect.right;
13358    if (spacingRight < 0) {
13359      el.style.setProperty('--left-tooltip', spacingRight + 'px');
13360    } 
13361  }}"
13362  x-init="$el.innerHTML = $el.innerHTML.trim();"
13363>
13364    �
13365    �
13366    �
13367    �</div>
13368      </div>
13369    
13370    
13371      <template x-if="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button && ($store.xQuickView.btn_atc_bottom || !$store.xQuickView.atc_btn_image_desktop)" 
13372            class="card-info bottom_atc md:list-layout:hidden hide-icon"
13373            :class="if($store.xQuickView.show_atc_button){ return ($store.xQuickView.btn_atc_bottom ? '' : 'hidden') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:hidden' : ' lg:block')}"
13374            x-cloak
13375          >
13376            
13377<form method="post" action="/cart/add" id="product-form-choose-option10467022504215503" accept-charset="UTF-8" class="form C h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="54598111002903">
13378                
13379                
13380                <button
13381                  type="submit"
13382                  name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--27603645268247__featured_collection_RWA7fD-10467022504215-collection_y8UqjF"
13383                  class="button button--quickview button-solid not-icon leading-normal mt-2 w-full pr-5 pl-5 py-2.5 lg:py-3 h-full z-[15] text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disable-action-btn-animation disabled:opacity-60"
13384                  
13385                  
13386                  :class="errorMessage && 'opacity-60 cursor-not-allowed'"aria-label="Add to cart">
13387                  <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
13388                      <span class="flex items-center justify-center">
13389                        
13390
13391  
13392    
13393      <span class="button-text  is-focus-button:opacity-0">Add to cart</span>
13394    
13395  
13396
13397
13398                      </span></span>
13399                  <div
13400                    class="flex gap-x-2 items-center justify-center"
13401                    role="alert"
13402                    x-cloak
13403                    x-show="errorMessage"
13404                  >
13405                    Sold out
13406                  </div>
13407                  <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
13408                    <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
13409    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
13410      fill="currentcolor" stroke="none">
13411      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
13412    </g>
13413  </svg>
13414
13415                  </div>
13416                </button><input type="hidden" name="product-id" value="10467022504215" /><input type="hidden" name="section-id" value="template--27603645268247__featured_collection_RWA7fD" /></form> 
13417          </div></template>
13418    
13419    
13420      <template x-if="$store.xQuickView">
13421        <div class="hidden md:list-layout:flex gap-3 mt-5 md:mt-7" x-show="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button" :class="$store.xQuickView.show_atc_button && ''">
13422              
13423<form method="post" action="/cart/add" id="product-form-choose-option10467022504215503" accept-charset="UTF-8" class="form D h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="54598111002903">
13424                  
13425                  
13426                  <button
13427                    type="submit"
13428                    name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--27603645268247__featured_collection_RWA7fD-10467022504215-collection_y8UqjF"
13429                    class="button button--quickview button-solid not-icon leading-normal w-full py-2.5 pl-5 pr-5 lg:py-3 h-full z-10 text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disable-action-btn-animation disabled:opacity-60 hidden lg:block"
13430                    
13431                    
13432                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
13433                    
13434                      aria-label="Add to cart"
13435                    
13436                  >
13437                    <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
13438                        <span class="flex items-center justify-center">
13439                          
13440
13441  
13442    
13443      <span class="button-text  is-focus-button:opacity-0">Add to cart</span>
13444    
13445  
13446
13447
13448                        </span></span>
13449                    <div
13450                      class="flex gap-x-2 items-center justify-center"
13451                      role="alert"
13452                      x-cloak
13453                      x-show="errorMessage"
13454                    >
13455                      Sold out
13456                    </div>
13457                    <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[
13457calc(50%-10px)]" x-show="loading" x-cloak>
13458                      <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
13459    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
13460      fill="currentcolor" stroke="none">
13461      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
13462    </g>
13463  </svg>
13464
13465                    </div>
13466                  </button>
13467                  <button 
13468                    type="submit"
13469                    name="add"@click.prevent="errorMessage == false && addToCart($event)"class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-[6px] disabled:cursor-not-allowed disable-action-btn-animation disabled:opacity-60"
13470                    
13471                    
13472                    data-id="template--27603645268247__featured_collection_RWA7fD-10467022504215-collection_y8UqjF"
13473                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"aria-label="Add to cart"x-customer-event-data="{
13474    &quot;product&quot;: {
13475      &quot;title&quot;: &quot;Chinese Sweet Tea Herbal Tea 100g&quot;,
13476      &quot;listName&quot;: &quot;New Arrivals&quot;,
13477      &quot;sku&quot;: &quot;10467022504215&quot;,
13478      &quot;currencyCode&quot;: &quot;USD&quot;,
13479      &quot;price&quot;: 2999,
13480      &quot;vendor&quot;: &quot;iTeaworld&quot;
13481    }
13482  }"
13483                  >
13484                    <span class="w-5 h-5 flex items-center justify-center md:w-6 md:h-6" x-show="!loading"><svg class="" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 20 16" fill="none" style="fill:none;">
13485    <g>
13486    <path d="M4.537 3.25H18.0745L15.937 10.375H6.6745L4.537 3.25ZM4.537 3.25L4.00262 1.46875" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
13487    <path d="M9.28698 12.8687C9.28698 13.459 8.80846 13.9375 8.21823 13.9375C7.62797 13.9375 7.14948 13.459 7.14948 12.8687" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
13488    <path d="M14.9872 12.75C14.9872 13.3402 14.5087 13.8188 13.9185 13.8188C13.3282 13.8188 12.8497 13.3402 12.8497 12.75" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
13489    <path d="M1.44977 1.35001H3.34977" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
13490    </g>
13491  </svg></span>
13492                    <span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak>
13493                      <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
13494    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
13495      fill="currentcolor" stroke="none">
13496      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
13497    </g>
13498  </svg>
13499
13500                    </span>
13501                  </button><input type="hidden" name="product-id" value="10467022504215" /><input type="hidden" name="section-id" value="template--27603645268247__featured_collection_RWA7fD" /></form> 
13502            </div><button 
13503            x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/products/chinese-sweet-tea-herbal-tea', $el, 'template--27603645268247__featured_collection_RWA7fD-10467022504215-collection_y8UqjF')" 
13504            x-on:focus="$store.xQuickView && $store.xQuickView.load('/products/chinese-sweet-tea-herbal-tea', $el, 'template--27603645268247__featured_collection_RWA7fD-10467022504215-collection_y8UqjF')" 
13505            @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
13506            class="button label-btn-quickview button-solid button--quickview leading-normal none_border pt-2 pl-5 pb-2 pr-5 lg:pt-3 lg:pb-3" 
13507            aria-label="Button quickview"
13508            x-customer-event-data="{
13509    &quot;product&quot;: {
13510      &quot;title&quot;: &quot;Chinese Sweet Tea Herbal Tea 100g&quot;,
13511      &quot;listName&quot;: &quot;New Arrivals&quot;,
13512      &quot;sku&quot;: &quot;10467022504215&quot;,
13513      &quot;currencyCode&quot;: &quot;USD&quot;,
13514      &quot;price&quot;: 2999,
13515      &quot;vendor&quot;: &quot;iTeaworld&quot;
13516    }
13517  }"
13518            x-show="$store.xQuickView.enabled"
13519          >
13520            <span class="flex justify-center items-center">
13521              
13522
13523  <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>
13524
13525
13526            </span>
13527          </button>
13528        </div>
13529      </template>
13530    
13531  </div>
13532</div>
13533<style data-shopify>
13534                        .x-slide-animation-duration-4 {
13535                          --delay-time: 300ms
13536                        }
13537                      </style>
13538                      
13539                      
13540
13541<div 
13542  
13543    x-data="xProductCard('template--27603645268247__featured_collection_RWA7fD-1-4', '/products/gardenia-oolong-tea', '10466938519831')"  
13544  
13545  class="card-product  overflow-hidden card md:list-layout:flex relative pb-4 md:pb-5 splide__slide x-splide-slide h-auto preload-slide-collection_y8UqjFtemplate--27603645268247__featured_collection_RWA7fD preload-slide-mobile--collection_y8UqjFtemplate--27603645268247__featured_collection_RWA7fD rounded-[10px]" 
13546  x-slide-index="3"
13547>
13548  <div class="md:list-layout:w-2/5 md:list-layout:lg:w-1/4 relative disable-effect md:list-layout:pr-8"
13549  >
13550    <style data-shopify>
13551      
13552    </style>
13553    
13554    <style data-shopify>
13555      
13556    </style>
13557    <a 
13558      
13559        x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active', 'lazy_active')"
13560      
13561      href="/products/gardenia-oolong-tea"
13562       
13563        x-data="{ lastWindowWidth: 0 }"
13564        x-intersect.once.margin.200px='$nextTick(() => { $store.xBadges && $store.xBadges.load($el, () => {}, null, true); })'
13565        x-labels-data="[
13566    
13567{
13568      &quot;variant_id&quot;: 54597766709527,
13569      &quot;product_id&quot;: 10466938519831,
13570      &quot;available&quot;: true,
13571      &quot;title&quot;: &quot;Premium Gardenia Oolong (Tieguanyin) - Triple-Scented | 100g&quot;,
13572      &quot;compare_at_price&quot;: 0,
13573      &quot;price&quot;: 2999,
13574      &quot;price_with_currency&quot;: &quot;$29.99 USD&quot;,
13575      &quot;sale_amount&quot;: &quot;$-29.99&quot;,
13576      &quot;collections&quot;: &quot;||532285358359||511975915799||529991958807||493393674519||449406664983||531296977175||483191390487||525935542551||498760843543||&quot;,
13577      &quot;inventory_management&quot;: &quot;shopify&quot;,
13578      &quot;qty&quot;: 6,
13579      &quot;container&quot;: &quot;card&quot;,
13580      &quot;can_show_preorder&quot;: false,
13581      &quot;diff_day_create&quot;: 59.2,
13582      &quot;diff_day_publish&quot;: 55.45
13583      
13584        ,&quot;metafield_label&quot;: { 
13585          &quot;custom.flavors&quot;:&quot;&quot;
13586        }
13587      
13588      }
13589    ]"
13590       
13591      aria-label="Premium Gardenia Oolong (Tieguanyin) - Triple-Scented | 100g"
13592      id="10466938519831-template--27603645268247__featured_collection_RWA7fD"
13593      class="x-labels-data ltr group link-product-variant overflow-hidden block relative z-[15] cursor-pointer before:h-0 before:block no-collage rounded-[10px] pb-[100%]">
13594      <div x-data="xDoubleTouch('/products/gardenia-oolong-tea')" class="w-full h-full z-0 overflow-hidden absolute top-0 left-0 animate_transition_card__image">
13595        <div
13596          id="x-slideshow-card-product-template--27603645268247__featured_collection_RWA7fD-1-4-3"
13597          class="block h-full" 
13598          @click='$store.xCustomerEvent.fire("product_selected", $el)'
13599          x-customer-event-data="{
13600    &quot;product&quot;: {
13601      &quot;title&quot;: &quot;Premium Gardenia Oolong (Tieguanyin) - Triple-Scented | 100g&quot;,
13602      &quot;listName&quot;: &quot;New Arrivals&quot;,
13603      &quot;sku&quot;: &quot;10466938519831&quot;,
13604      &quot;currencyCode&quot;: &quot;USD&quot;,
13605      &quot;price&quot;: 2999,
13606      &quot;vendor&quot;: &quot;iTeaworld&quot;
13607    }
13608  }"
13609          ><div 
13610              class="absolute inset-0 z-10 pointer-events-auto dbtap-overlay"
13611              @touchstart="onTouchStart($event)"
13612              @touchend.prevent="onTouchEnd($el.closest('.x-splide'))"
13613              @touchmove="onTouchMove($event)"
13614            ></div>
13615<div class="w-full z-0 h-full min-h-full top-0 left-0 absolute"
13616            >
13617              
13618              <picture>
13619                <img
13620                  srcset="
13621                  //iteaworld.com/cdn/shop/files/iTeaworldGardeniaOolong_Tieguanyin_Tea_1.webp?v=1785997084&width=250 250w,
13622                  //iteaworld.com/cdn/shop/files/iTeaworldGardeniaOolong_Tieguanyin_Tea_1.webp?v=1785997084&width=350 350w,
13623                  //iteaworld.com/cdn/shop/files/iTeaworldGardeniaOolong_Tieguanyin_Tea_1.webp?v=1785997084&width=450 450w,
13624                  //iteaworld.com/cdn/shop/files/iTeaworldGardeniaOolong_Tieguanyin_Tea_1.webp?v=1785997084&width=750 750w,
13625                  //iteaworld.com/cdn/shop/files/iTeaworldGardeniaOolong_Tieguanyin_Tea_1.webp?v=1785997084&width=900 900w,
13626                  //iteaworld.com/cdn/shop/files/iTeaworldGardeniaOolong_Tieguanyin_Tea_1.webp?v=1785997084&width=1100 1100w,
13627                  //iteaworld.com/cdn/shop/files/iTeaworldGardeniaOolong_Tieguanyin_Tea_1.webp?v=1785997084&width=1500 1500w,//iteaworld.com/cdn/shop/files/iTeaworldGardeniaOolong_Tieguanyin_Tea_1.webp?v=1785997084 1600w" 
13628                  src="//iteaworld.com/cdn/shop/files/iTeaworldGardeniaOolong_Tieguanyin_Tea_1.webp?v=1785997084&width=1500"
13629                  sizes="(min-width: 1400px) calc(100vw / 4), (min-width: 1024px) calc((100vw) / 4), (min-width: 768px) calc((100vw) / 2), calc(100vw /2)"
13630                  alt="Premium Gardenia Oolong (Tieguanyin) - Triple-Scented | 100g"
13631                  :class="showSecond ? 'first-img' : ''"
13632                  class="w-full  preview-img motion-reduce aspect-square relative animate-Xpulse skeleton-image object-cover h-full min-h-full image-first-hover lg:group-hover:opacity-0 animate_transition_image"
13633                  loading="lazy"
13634                  width="1600"
13635                  height="1600"
13636                  onload="this?.classList.add('active');this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
13637                    setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);"
13638                />
13639              </picture>
13640              
13641            </div><div class="w-full h-full top-0 left-0 absolute lg:block">
13642                  
13643                  <picture>
13644                    <img
13645                      srcset="//iteaworld.com/cdn/shop/files/iTeaworldGardeniaOolong_Tieguanyin_Tea_5.webp?v=1785997084&width=250 250w,
13646                        //iteaworld.com/cdn/shop/files/iTeaworldGardeniaOolong_Tieguanyin_Tea_5.webp?v=1785997084&width=350 350w,
13647                        //iteaworld.com/cdn/shop/files/iTeaworldGardeniaOolong_Tieguanyin_Tea_5.webp?v=1785997084&width=450 450w,
13648                        //iteaworld.com/cdn/shop/files/iTeaworldGardeniaOolong_Tieguanyin_Tea_5.webp?v=1785997084&width=750 750w,
13649                        //iteaworld.com/cdn/shop/files/iTeaworldGardeniaOolong_Tieguanyin_Tea_5.webp?v=1785997084&width=900 900w,
13650                        //iteaworld.com/cdn/shop/files/iTeaworldGardeniaOolong_Tieguanyin_Tea_5.webp?v=1785997084&width=1100 1100w,
13651                        //iteaworld.com/cdn/shop/files/iTeaworldGardeniaOolong_Tieguanyin_Tea_5.webp?v=1785997084&width=1500 1500w,//iteaworld.com/cdn/shop/files/iTeaworldGardeniaOolong_Tieguanyin_Tea_5.webp?v=1785997084 1600w"
13652                      src="//iteaworld.com/cdn/shop/files/iTeaworldGardeniaOolong_Tieguanyin_Tea_5.webp?v=1785997084&width=1500"
13653                      sizes="(min-width: 1400px) calc(100vw / 4), (min-width: 1024px) calc((100vw) / 4), (min-width: 768px) calc((100vw) / 2), calc(100vw /2)"
13654                      alt="Premium Gardenia Oolong (Tieguanyin) - Triple-Scented | 100g"
13655                      :class="showSecond ? 'second-img' : ''"
13656                      class="motion-reduce min-w-full h-full object-cover group-hover:cursor-pointer image-second-hover opacity-0 lg:group-hover:opacity-100"
13657                      loading="lazy"
13658                      width="1600"
13659                      height="1600"
13660                      onload="this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
13661                        setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);"
13662                    />
13663                  </picture>
13664                  
13665                </div></div>
13666      </div>
13667        <div class="md:list-layout:hidden" x-show="$store.xQuickView" :class="$store.xQuickView && $store.xQuickView.btn_atc_bottom ? 'mobile-bottom':''"><div class="quick-view-container absolute z-20 bottom-2 right-2 rtl:right-auto rtl:left-4 rtl:lg:left-auto lg:top-auto lg:right-auto lg:bottom-4 lg:w-full lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0 lg:translate-y-full transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0"
13668              x-show="$store.xQuickView" x-cloak
13669            > 
13670              <div x-data="xProductCart" x-show="$store.xQuickView && $store.xQuickView.show_atc_button"
13671                class="w-full hide-icon lg:px-4" 
13672                :class="if($store.xQuickView){ return ($store.xQuickView.btn_atc_bottom ? 'hidden' : '') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:block' : ' lg:hidden') }"
13673                x-cloak
13674              >
13675                
13676<form method="post" action="/cart/add" id="product-form-choose-option10466938519831504" accept-charset="UTF-8" class="form A h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="54597766709527">
13677                    
13678                                                                
13679                    <button
13680                      class="button button--quickview button-solid not-icon leading-normal w-full pr-5 pl-5 py-2.5 lg:py-3 h-full z-50 text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disable-action-btn-animation disabled:opacity-60 hidden lg:block"
13681                      
13682                        type="submit"
13683                        name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--27603645268247__featured_collection_RWA7fD-10466938519831-collection_y8UqjF"
13684                        
13685                        
13686                        :class="errorMessage && 'opacity-60 cursor-not-allowed'"aria-label="Add to cart"
13687                    >
13688                      <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
13689                        
13690
13691                            <span class="flex items-center justify-center">
13692                              
13693
13694  
13695    
13696      <span class="button-text  is-focus-button:opacity-0">Add to cart</span>
13697    
13698  
13699
13700
13701                            </span>
13702                      </span>
13703                      <div
13704                        class="flex gap-x-2 items-center justify-center"
13705                        role="alert"
13706                        x-cloak
13707                        x-show="errorMessage"
13708                      >
13709                        Sold out
13710                      </div>
13711                      <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
13712                        <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
13713    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
13714      fill="currentcolor" stroke="none">
13715      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
13716    </g>
13717  </svg>
13718
13719                      </div>
13720                    </button>
13721                    <button 
13722                      class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-[6px] disabled:cursor-not-allowed disable-action-btn-animation disabled:opacity-60"
13723                      
13724                        type="submit"
13725                        name="add"@click.prevent="errorMessage == false && addToCart($event)"
13726                        
13727                        data-id="template--27603645268247__featured_collection_RWA7fD-10466938519831-collection_y8UqjF"
13728                        :class="errorMessage && 'opacity-60 cursor-not-allowed'"aria-label="Add to cart"x-customer-event-data="{
13729    &quot;product&quot;: {
13730      &quot;title&quot;: &quot;Premium Gardenia Oolong (Tieguanyin) - Triple-Scented | 100g&quot;,
13731      &quot;listName&quot;: &quot;New Arrivals&quot;,
13732      &quot;sku&quot;: &quot;10466938519831&quot;,
13733      &quot;currencyCode&quot;: &quot;USD&quot;,
13734      &quot;price&quot;: 2999,
13735      &quot;vendor&quot;: &quot;iTeaworld&quot;
13736    }
13737  }"
13738                      
13739                    >
13740                      <span class="w-5 h-5 flex items-center justify-center md:w-6 md:h-6" x-show="!loading"><svg class="" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 20 16" fill="none" style="fill:none;">
13741    <g>
13742    <path d="M4.537 3.25H18.0745L15.937 10.375H6.6745L4.537 3.25ZM4.537 3.25L4.00262 1.46875" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
13743    <path d="M9.28698 12.8687C9.28698 13.459 8.80846 13.9375 8.21823 13.9375C7.62797 13.9375 7.14948 13.459 7.14948 12.8687" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
13744    <path d="M14.9872 12.75C14.9872 13.3402 14.5087 13.8188 13.9185 13.8188C13.3282 13.8188 12.8497 13.3402 12.8497 12.75" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
13745    <path d="M1.44977 1.35001H3.34977" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
13746    </g>
13747  </svg></span>
13748                      <span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak>
13749                        <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
13750    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
13751      fill="currentcolor" stroke="none">
13752      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
13753    </g>
13754  </svg>
13755
13756                      </span>
13757                    </button><input type="hidden" name="product-id" value="10466938519831" /><input type="hidden" name="section-id" value="template--27603645268247__featured_collection_RWA7fD" /></form>
13758              </div>
13759            </div><div
13760            class="button-quickview-icon absolute z-[15] lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0  transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0"
13761            :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'btn-quickadd  bottom-11 md:bottom-12 right-2 lg:top-4 lg:bottom-auto lg:-translate-y-full rtl:right-auto rtl:left-2' : 'bottom-2 right-0 lg:top-auto lg:translate-y-full lg:right-auto lg:bottom-4 lg:w-full lg:left-0 pl-2 pr-2 lg:pr-4 lg:pl-4'"
13762            x-show="$store.xQuickView && $store.xQuickView.enabled" x-cloak
13763            >
13764            <div>
13765              <button
13766                @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
13767                x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/products/gardenia-oolong-tea', $el, 'template--27603645268247__featured_collection_RWA7fD-10466938519831-collection_y8UqjF')" 
13768                x-on:focus="$store.xQuickView && $store.xQuickView.load('/products/gardenia-oolong-tea', $el, 'template--27603645268247__featured_collection_RWA7fD-10466938519831-collection_y8UqjF')" 
13769                class="button label-btn-quickview button--quickview not-icon leading-normal empty:hidden hidden lg:block z-50 h-full"
13770                :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'p-1.5 md:p-2.5 rounded-full button-disable-effect' : 'w-full pt-3 pb-3 button-solid'"
13771                x-customer-event-data="{
13772    &quot;product&quot;: {
13773      &quot;title&quot;: &quot;Premium Gardenia Oolong (Tieguanyin) - Triple-Scented | 100g&quot;,
13774      &quot;listName&quot;: &quot;New Arrivals&quot;,
13775      &quot;sku&quot;: &quot;10466938519831&quot;,
13776      &quot;currencyCode&quot;: &quot;USD&quot;,
13777      &quot;price&quot;: 2999,
13778      &quot;vendor&quot;: &quot;iTeaworld&quot;
13779    }
13780  }"
13781                aria-label="Button quickview"
13782              >
13783                <span x-show="$store.xQuickView && $store.xQuickView.show_atc_button" class="w-4 h-4 flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16" fill="none" style="fill:none;">
13784    <path d="M7.67451 13.8502C11.0849 13.8502 13.8496 11.0855 13.8496 7.67508C13.8496 4.26468 11.0849 1.5 7.67451 1.5C4.2641 1.5 1.49942 4.26468 1.49942 7.67508C1.49942 11.0855 4.2641 13.8502 7.67451 13.8502Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
13785    <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
13786  </svg>
13787</span>
13788                <span x-show="$store.xQuickView && !$store.xQuickView.show_atc_button" class="flex items-center justify-center">
13789                  
13790
13791  <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>
13792
13793
13794                </span>
13795              </button>
13796              <button @click.prevent='$store.xQuickView && $store.xQuickView.load("/products/gardenia-oolong-tea", $el, "template--27603645268247__featured_collection_RWA7fD-10466938519831-collection_y8UqjF"); $store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
13797                class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-2" 
13798                aria-label="Button quickview"
13799                x-customer-event-data="{
13800    &quot;product&quot;: {
13801      &quot;title&quot;: &quot;Premium Gardenia Oolong (Tieguanyin) - Triple-Scented | 100g&quot;,
13802      &quot;listName&quot;: &quot;New Arrivals&quot;,
13803      &quot;sku&quot;: &quot;10466938519831&quot;,
13804      &quot;currencyCode&quot;: &quot;USD&quot;,
13805      &quot;price&quot;: 2999,
13806      &quot;vendor&quot;: &quot;iTeaworld&quot;
13807    }
13808  }"
13809              >
13810                <span class="w-4 h-4 md:w-5 md:h-5 flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16" fill="none" style="fill:none;">
13811    <path d="M7.67451 13.8502C11.0849 13.8502 13.8496 11.0855 13.8496 7.67508C13.8496 4.26468 11.0849 1.5 7.67451 1.5C4.2641 1.5 1.49942 4.26468 1.49942 7.67508C1.49942 11.0855 4.2641 13.8502 7.67451 13.8502Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
13812    <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
13813  </svg>
13814</span>
13815              </button>
13816            </div>
13817          </div>
13818        </div>
13819      
13820    </a>
13821    
13822    
13823    <div class="md:list-layout:hidden">
13824      <div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0">
13825        <div class="no-collage:mb-2 text-center md:list-layout:text-left">
13826          
13827          <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2.5 gap-1 empty:hidden"></div><h3 class="card__heading h5 no-collage:mb-2 mb-2.5 leading-tight" id="title-template--27603645268247__featured_collection_RWA7fD-10466938519831">
13828            <a href="/products/gardenia-oolong-tea"
13829              class="x-card-title full-unstyled-link link-product-variant  text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words"
13830              @click='$store.xCustomerEvent.fire("product_selected", $el)'
13831              x-customer-event-data="{
13832    &quot;product&quot;: {
13833      &quot;title&quot;: &quot;Premium Gardenia Oolong (Tieguanyin) - Triple-Scented | 100g&quot;,
13834      &quot;listName&quot;: &quot;New Arrivals&quot;,
13835      &quot;sku&quot;: &quot;10466938519831&quot;,
13836      &quot;currencyCode&quot;: &quot;USD&quot;,
13837      &quot;price&quot;: 2999,
13838      &quot;vendor&quot;: &quot;iTeaworld&quot;
13839    }
13840  }"
13841            >
13842              Premium Gardenia Oolong (Tieguanyin) - Triple-Scented | 100g
13843            </a>
13844          </h3>
13845          
13846<div  class="x-card-price flex items-center mb-2.5 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start">
13847            
13848            
13849              <div class=" price leading-none">
13850  <div class="">
13851    <div class="target-price hidden">2999</div>
13852    <div class="target-compare-at-price hidden"></div>
13853    
13854<p class="price ">
13855          <span>$29.99 USD</span>
13856        </p><small class="text-[70%] hidden">
13857        <span class="hidden">Unit price</span>
13858        <span class="up price-item price-item--last">
13859          <span class="unit-price">
13860
13861          </span>
13862          <span aria-hidden="true">/</span>
13863          <span class="hidden">&nbsp;per&nbsp;</span>
13864          <span>
13865          </span>
13866        </span>
13867      </small>
13868    
13869  </div>
13870  
13871</div>
13872            
13873            <div class="leading-none next-price empty:hidden"></div>
13874          </div>
13875          
13876          <template x-if="localStorage.getItem('selectedStore')">
13877            <div id="x-availability-notice-template--27603645268247__featured_collection_RWA7fD" class="flex mb-2.5 items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start justify-center" x-show="$store.xStoreSelector?.canShow('10466938519831', [532285358359, 511975915799, 529991958807, 493393674519, 449406664983, 531296977175, 483191390487, 525935542551, 498760843543])">
13878              <div 
13879  x-data='{ 
13880    storeAvailabilites: {
13881      
13882    },
13883    pickupLocation: [
13884      
13885    ]
13886  }'
13887  x-show="$store.xStoreSelector?.selectedStore && pickupLocation.includes($store.xStoreSelector?.getStore())"
13888>
13889  <style data-shopify>
13890    .text-available, .text-unavailable {
13891      font-size: 0.669375rem;
13892      font-family: var(--font-body-family);
13893    }
13894
13895    @media (min-width: 768px) {
13896      .text-available, .text-unavailable {
13897        font-size: 0.74375rem;
13898      }
13899    }
13900
13901    .text-available {
13902      color: #739047;
13903    }
13904
13905    .dark .text-available {
13906      color: #739047;
13907    }
13908
13909    .text-unavailable {
13910      color: #767474;
13911    }
13912
13913    .dark .text-unavailable {
13914      color: #867F7F;
13915    }
13916  </style>
13917  <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-available flex flex-row items-center gap-[3px]">
13918    <span class="flex h-4 w-4 relative">
13919<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
13920  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
13921  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
13922</svg>
13923
13924</span><span x-text="'Available for pickup at ' + $store.xStoreSelector?.getStoreText()"> </span>
13925  </div>
13926  <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]">
13927    <span class="flex h-4 w-4 relative">
13928<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
13929  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
13930  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
13931</svg>
13932
13933</span><span x-text="'Out of stock at ' + $store.xStoreSelector?.getStoreText()"> </span>
13934  </div>
13935</div>
13936            </div>
13937          </template>
13938        </div>
13939      </div>
13940    </div>
13941    
13942  </div>
13943  <div
13944    id="x-product-template-10466938519831-template--27603645268247__featured_collection_RWA7fD-1-4"
13945    class="list-layout:lg:w-3/4 md:list-layout:w-3/5 list-layout:md:pl-0 rtl:list-layout:md:pl-5 rtl:list-layout:md:pr-0  text-center"
13946  >
13947    
13948    
13949    
13950
13951          <div @init-run="document.addEventListener('eurus:cart:items-changed', () => {
13952            Alpine.store('xUpdateVariantQuanity').updateQuantity('template--27603645268247__featured_collection_RWA7fD', '/products/gardenia-oolong-tea');
13953          });"></div>
13954          <div
13955            id="current-variant-template--27603645268247__featured_collection_RWA7fD-10466938519831-collection_y8UqjF" 
13956            class="current-variant hidden"
13957          >
13958            54597766709527
13959          </div>
13960        
13961      
13962    <div class="bottom-card card-info ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end gap-1 empty:hidden"></div>
13963    
13964      <div class="card-info x-highlight-icon mt-2.5">
13965        <div 
13966  class="flex flex-wrap gap-[3px] rtl:flex-row-reverse ltr pr-0 pl-0 justify-center items-center list-layout:mt-4 list-layout:justify-start rtl:list-layout:justify-end empty:hidden"
13967  x-data="{setPosition(el) {
13968    parentEl = el.closest('.x-highlight-icon').getBoundingClientRect();
13969    el.style.setProperty('--maxwidth-tooltip', parentEl.width - 20 + 'px');
13970    elRect = el.getBoundingClientRect();
13971    let spacingLeft = elRect.left - parentEl.left;
13972    if (spacingLeft < 0) {
13973      el.style.setProperty('--left-tooltip', Math.abs(spacingLeft) + 'px');
13974    }
13975    let spacingRight = parentEl.right - elRect.right;
13976    if (spacingRight < 0) {
13977      el.style.setProperty('--left-tooltip', spacingRight + 'px');
13978    } 
13979  }}"
13980  x-init="$el.innerHTML = $el.innerHTML.trim();"
13981>
13982    �
13983    �
13984    �
13985    �</div>
13986      </div>
13987    
13988    
13989      <template x-if="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button && ($store.xQuickView.btn_atc_bottom || !$store.xQuickView.atc_btn_image_desktop)" 
13990            class="card-info bottom_atc md:list-layout:hidden hide-icon"
13991            :class="if($store.xQuickView.show_atc_button){ return ($store.xQuickView.btn_atc_bottom ? '' : 'hidden') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:hidden' : ' lg:block')}"
13992            x-cloak
13993          >
13994            
13995<form method="post" action="/cart/add" id="product-form-choose-option10466938519831504" accept-charset="UTF-8" class="form C h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="54597766709527">
13996                
13997                
13998                <button
13999                  type="submit"
14000                  name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--27603645268247__featured_collection_RWA7fD-10466938519831-collection_y8UqjF"
14001                  class="button button--quickview button-solid not-icon leading-normal mt-2 w-full pr-5 pl-5 py-2.5 lg:py-3 h-full z-[15] text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disable-action-btn-animation disabled:opacity-60"
14002                  
14003                  
14004                  :class="errorMessage && 'opacity-60 cursor-not-allowed'"aria-label="Add to cart">
14005                  <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
14006                      <span class="flex items-center justify-center">
14007                        
14008
14009  
14010    
14011      <span class="button-text  is-focus-button:opacity-0">Add to cart</span>
14012    
14013  
14014
14015
14016                      </span></span>
14017                  <div
14018                    class="flex gap-x-2 items-center justify-center"
14019                    role="alert"
14020                    x-cloak
14021                    x-show="errorMessage"
14022                  >
14023                    Sold out
14024                  </div>
14025                  <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
14026                    <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
14027    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
14028      fill="currentcolor" stroke="none">
14029      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
14030    </g>
14031  </svg>
14032
14033                  </div>
14034                </button><input type="hidden" name="product-id" value="10466938519831" /><input type="hidden" name="section-id" value="template--27603645268247__featured_collection_RWA7fD" /></form> 
14035          </div></template>
14036    
14037    
14038      <template x-if="$store.xQuickView">
14039        <div class="hidden md:list-layout:flex gap-3 mt-5 md:mt-7" x-show="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button" :class="$store.xQuickView.show_atc_button && ''">
14040              
14041<form method="post" action="/cart/add" id="product-form-choose-option10466938519831504" accept-charset="UTF-8" class="form D h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="54597766709527">
14042                  
14043                  
14044                  <button
14045                    type="submit"
14046                    name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--27603645268247__featured_collection_RWA7fD-10466938519831-collection_y8UqjF"
14047                    class="button button--quickview button-solid not-icon leading-normal w-full py-2.5 pl-5 pr-5 lg:py-3 h-full z-10 text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disable-action-btn-animation disabled:opacity-60 hidden lg:block"
14048                    
14049                    
14050                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
14051                    
14052                      aria-label="Add to cart"
14053                    
14054                  >
14055                    <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
14056                        <span class="flex items-center justify-center">
14057                          
14058
14059  
14060    
14061      <span class="button-text  is-focus-button:opacity-0">Add to cart</span>
14062    
14063  
14064
14065
14066                        </span></span>
14067                    <div
14068                      class="flex gap-x-2 items-center justify-center"
14069                      role="alert"
14070                      x-cloak
14071                      x-show="errorMessage"
14072                    >
14073                      Sold out
14074                    </div>
14075                    <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[
14075calc(50%-10px)]" x-show="loading" x-cloak>
14076                      <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
14077    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
14078      fill="currentcolor" stroke="none">
14079      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
14080    </g>
14081  </svg>
14082
14083                    </div>
14084                  </button>
14085                  <button 
14086                    type="submit"
14087                    name="add"@click.prevent="errorMessage == false && addToCart($event)"class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-[6px] disabled:cursor-not-allowed disable-action-btn-animation disabled:opacity-60"
14088                    
14089                    
14090                    data-id="template--27603645268247__featured_collection_RWA7fD-10466938519831-collection_y8UqjF"
14091                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"aria-label="Add to cart"x-customer-event-data="{
14092    &quot;product&quot;: {
14093      &quot;title&quot;: &quot;Premium Gardenia Oolong (Tieguanyin) - Triple-Scented | 100g&quot;,
14094      &quot;listName&quot;: &quot;New Arrivals&quot;,
14095      &quot;sku&quot;: &quot;10466938519831&quot;,
14096      &quot;currencyCode&quot;: &quot;USD&quot;,
14097      &quot;price&quot;: 2999,
14098      &quot;vendor&quot;: &quot;iTeaworld&quot;
14099    }
14100  }"
14101                  >
14102                    <span class="w-5 h-5 flex items-center justify-center md:w-6 md:h-6" x-show="!loading"><svg class="" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 20 16" fill="none" style="fill:none;">
14103    <g>
14104    <path d="M4.537 3.25H18.0745L15.937 10.375H6.6745L4.537 3.25ZM4.537 3.25L4.00262 1.46875" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
14105    <path d="M9.28698 12.8687C9.28698 13.459 8.80846 13.9375 8.21823 13.9375C7.62797 13.9375 7.14948 13.459 7.14948 12.8687" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
14106    <path d="M14.9872 12.75C14.9872 13.3402 14.5087 13.8188 13.9185 13.8188C13.3282 13.8188 12.8497 13.3402 12.8497 12.75" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
14107    <path d="M1.44977 1.35001H3.34977" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
14108    </g>
14109  </svg></span>
14110                    <span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak>
14111                      <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
14112    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
14113      fill="currentcolor" stroke="none">
14114      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
14115    </g>
14116  </svg>
14117
14118                    </span>
14119                  </button><input type="hidden" name="product-id" value="10466938519831" /><input type="hidden" name="section-id" value="template--27603645268247__featured_collection_RWA7fD" /></form> 
14120            </div><button 
14121            x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/products/gardenia-oolong-tea', $el, 'template--27603645268247__featured_collection_RWA7fD-10466938519831-collection_y8UqjF')" 
14122            x-on:focus="$store.xQuickView && $store.xQuickView.load('/products/gardenia-oolong-tea', $el, 'template--27603645268247__featured_collection_RWA7fD-10466938519831-collection_y8UqjF')" 
14123            @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
14124            class="button label-btn-quickview button-solid button--quickview leading-normal none_border pt-2 pl-5 pb-2 pr-5 lg:pt-3 lg:pb-3" 
14125            aria-label="Button quickview"
14126            x-customer-event-data="{
14127    &quot;product&quot;: {
14128      &quot;title&quot;: &quot;Premium Gardenia Oolong (Tieguanyin) - Triple-Scented | 100g&quot;,
14129      &quot;listName&quot;: &quot;New Arrivals&quot;,
14130      &quot;sku&quot;: &quot;10466938519831&quot;,
14131      &quot;currencyCode&quot;: &quot;USD&quot;,
14132      &quot;price&quot;: 2999,
14133      &quot;vendor&quot;: &quot;iTeaworld&quot;
14134    }
14135  }"
14136            x-show="$store.xQuickView.enabled"
14137          >
14138            <span class="flex justify-center items-center">
14139              
14140
14141  <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>
14142
14143
14144            </span>
14145          </button>
14146        </div>
14147      </template>
14148    
14149  </div>
14150</div>
14151</div>
14152                </div><div class=" md:hidden items-center flex w-full gap-5 mt-2.5 md:mt-5 md:w-3/4 ml-auto mr-auto">
14153                    <div class="splide-progress inline-block grow rounded-md">
14154                       <style data-shopify>.splide-progress-bar-template--27603645268247__featured_collection_RWA7fD-collection_y8UqjF {
14155                          width: 50.0%;
14156                        }
14157                        @media (min-width: 768px) {
14158                          .splide-progress-bar-template--27603645268247__featured_collection_RWA7fD-collection_y8UqjF {
14159                            width: 100.0%;
14160                          }
14161                        }</style><div class="splide-progress-bar-template--27603645268247__featured_collection_RWA7fD-collection_y8UqjF splide-progress-bar rounded-md"></div>
14162                    </div>
14163                  </div></div>
14164            </div>
14165          </div>
14166        </div>
14167      </div>
14168  </div>
14169</div>
14170<script src="//iteaworld.com/cdn/shop/t/51/assets/preview-color-swatches.js?v=144173175652728470521782181913" defer></script>
14170
14171</div><div class="pl-5 pr-5 x-pgw page-width flex justify-center pt-1.5 pb-1.5 md:pb-3 md:pt-3">
14172      
14173        <a
14174          x-cloak
14175          x-show="view_all_link"
14176          class="nav-link font-medium effect-inline relative flex items-center hover-text-link empty:hidden cursor-pointer gap-1"
14177          :href="view_all_link" 
14178          :class="'opacity-70 hover:cursor-not-allowed' && view_all_link"
14179        >
14180          View all products<span class="w-2 h-2 inline-block mt-0.5 rtl:rotate-180" role="link" aria-label="arrow"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 8 9" fill="none" style="fill:none;">
14181    <g>
14182    <path d="M4.5 0.642578L7.5 4.49972L4.5 8.35686" stroke="currentcolor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
14183    <path d="M0.5 0.642578L3.5 4.49972L0.5 8.35686" stroke="currentcolor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
14184    </g>
14185  </svg>
14186</span>
14187        </a>
14188      
14189    </div></div>
14190<script src="//iteaworld.com/cdn/shop/t/51/assets/featured-collection.js?v=166203110154732063391782181913" defer></script>
14190
14191
14192
14193</section><section id="shopify-section-template--27603645268247__featured_collection_p7xGPi" class="shopify-section section section-featured-collection x-section">
14194<style data-shopify>.heading-template--27603645268247__featured_collection_p7xGPi {
14195    font-size: 1.485rem;
14196  }
14197  #shopify-section-template--27603645268247__featured_collection_p7xGPi .collection-title .h4 {
14198    font-size: 0.875rem; 
14199  }
14200  @media (min-width: 768px) {
14201    .heading-template--27603645268247__featured_collection_p7xGPi {
14202      font-size: 2.475rem; 
14203    }
14204    #shopify-section-template--27603645268247__featured_collection_p7xGPi .collection-title .h4 {
14205      font-size: 0.84rem; 
14206    }
14207  }
14208  @media (min-width: 1024px) {
14209    #shopify-section-template--27603645268247__featured_collection_p7xGPi .collection-title .h4 {
14210      font-size: 1.05rem; 
14211    }
14212  }
14213  .collection-title .label-template--27603645268247__featured_collection_p7xGPi { 
14214    
14215      
14216        background: transparent;
14217      
14218    
14219    
14220      color: rgb(var(--colors-heading));
14221    
14222  }
14223  .collection-title .label-template--27603645268247__featured_collection_p7xGPi.active, .collection-title .label-template--27603645268247__featured_collection_p7xGPi.active:hover { 
14224    
14225      
14226        background: rgba(115, 144, 71, 0.1);
14227      
14228    
14229    
14230      color: rgb(var(--colors-heading));
14231    
14232  }
14233  .collection-title .label-template--27603645268247__featured_collection_p7xGPi:hover { 
14234    
14235      
14236        background: rgba(115, 144, 71, 0.1);
14237      
14238    
14239    
14240      color: rgb(var(--colors-heading));
14241    
14242  }
14243  .dark .collection-title .label-template--27603645268247__featured_collection_p7xGPi { 
14244    
14245      
14246        background: transparent;
14247      
14248    
14249    
14250      color: rgb(var(--colors-heading));
14251    
14252  }
14253  .dark .collection-title .label-template--27603645268247__featured_collection_p7xGPi.active, .dark .collection-title .label-template--27603645268247__featured_collection_p7xGPi.active:hover { 
14254    
14255      
14256        background: rgba(2, 2, 2, 0.1);
14257      
14258    
14259    
14260      color: rgb(var(--colors-heading));
14261    
14262  }
14263  .dark .collection-title .label-template--27603645268247__featured_collection_p7xGPi:hover { 
14264    
14265      
14266        background: rgba(2, 2, 2, 0.1);
14267      
14268    
14269    
14270      color: rgb(var(--colors-heading));
14271    
14272  }</style>
14273
14274<div 
14275  class="x-container-featured-collection pt-[28px] md:pt-[28px] pb-[28px] md:pb-[28px]"
14276  x-data="{ 
14277    view_all_link: '/collections/best-seller',
14278    setViewAllLink(url) {
14279      this.view_all_link = url;
14280    }
14281  }"
14282>
14283  <div class="collection_wrapper"><style data-shopify>
14284.collection-title-container.scrollbar-body::-webkit-scrollbar{
14285  width: 1px;
14286  height: 2px;
14287}
14288</style>
14289
14290<div class="mb-4 md:mb-2 relative">
14291  <div class="relative w-full bg-transparent"><div class="featured-collection relative min-h-[300px] left-0 right-0 bg-[rgba(var(--background-color))] pb-2" x-data='xFeaturedCollection("template--27603645268247__featured_collection_p7xGPi", "page", $el)'>
14292        <div class="x-block-header pl-5 pr-5 flex flex-col items-center x-pgw page-width"
14293        ><div class="mb-5 flex-auto lg:mb-2 text-center rtl:text-center">
14294
14295
14296
14297<style data-shopify>
14298  .heading-template--27603645268247__featured_collection_p7xGPi {
14299    
14300  }
14301  .dark .heading-template--27603645268247__featured_collection_p7xGPi {
14302    
14303      --color-highlight: #020202;
14304    
14305  }
14306</style>
14307
14308
14309
14310  
14311
14312   
14313    <h2
14314      class='heading-template--27603645268247__featured_collection_p7xGPi h2 block leading-tight p-break-words'> 
14315  
14316    
14317      
14318        Best Seller
14319      
14320    
14321  </h2>
14322
14323  
14324
14325
14326            </div>
14327          
14328          
14329        </div><div class=" x-pgw page-width mx-auto x-pgw page-width-mobile" x-show="loading">
14330          
14331        </div>
14332        
14333        <div>
14334          
14335            
14336
14337        </div>
14338        <div class="animate-fade-in relative md:mt-4 lg:mt-8"
14339          id="x-fc-template--27603645268247__featured_collection_p7xGPi-1"
14340          
14341        >
14342          <style data-shopify>
14343            
14344              @media (max-width: 767px) {
14345                .preload-slide-mobile--collection_TLnHCxtemplate--27603645268247__featured_collection_p7xGPi {
14346                    margin-right: 16px;
14347                  
14348                  width: calc(((100% + 16px) / 2) - 16px);
14349                }
14350              }
14351            
14352            
14353            
14354          </style>
14355          <div
14356            class=" carousel-mobile x-pgw page-width mx-auto pl-5 pr-5"
14357            x-intersect.once.margin.-200px='$store.xCustomerEvent.fire("list_product_viewed", $el, {list: { title: `Best Seller`, id: "collection" }}
14357)'
14358          ><div ><div
14359                id="x-collection-collection_TLnHCx"
14360                class="collection overflow-hidden x-splide visible splide"
14361                x-data-slider="template--27603645268247__featured_collection_p7xGPi"
14362                  x-intersect.once.margin.200px='$store.xSplide.load($el, {
14363                    "speed": 1000,
14364                    "pagination": false, 
14365                    "mediaQuery": "min",
14366                    "updateOnMove": "true",
14367                    "pauseOnHover": true,
14368                    "pauseOnFocus": false,
14369                    "progressBar": 4,
14370
14371
14372                    "breakpoints": {
14373                      300: {"gap": "16px",
14374                        "perPage": 2,
14375                        "perMove": 2
14376                      },
14377                      768: {
14378                        "drag": true,
14379                          "destroy": true,
14380                        "gap": "28px",
14381                          "perPage": 4,
14382                          "perMove": 4
14383
14384                      },
14385                      1024: {
14386                        "perPage": 4,
14387                        "perMove": 4
14388                      }
14389                    },
14390                    "classes": {
14391                      "arrows" : "block"
14392                    },
14393                    "events": [
14394                      {
14395                        "event": "ready",
14396                        "callback": () => {
14397                          document.dispatchEvent(new CustomEvent("eurus:template--27603645268247__featured_collection_p7xGPi:splide-ready"));
14398                        }
14399                      }
14400                    ]
14401                  })'x-intersect.once='$el.classList.add("is-ready-to-animate")'
14402              >
14403                <style data-shopify>
14404                  .gap-mobile-collection_TLnHCx-template--27603645268247__featured_collection_p7xGPi {
14405                    gap: 16px;
14406                  }
14407                  @media (min-width: 768px) {
14408                    .gap-collection_TLnHCx-template--27603645268247__featured_collection_p7xGPi {
14409                      
14410                        gap: 28px;
14411                      
14412                    }
14413                  }
14414                </style>
14415                
14416                  <div class="splide__arrows flex items-center justify-center gap-3 md:gap-0 mb-1 md:mb-0 mt-5 md:mt-0 order-2">
14417                    <button 
14418                      class="splide__arrow splide__arrow--prev button-arrow p-3 rounded-full z-10 w-11 h-11 border border-solid md:border-none after:text-[20px] rtl:rotate-180 disabled:cursor-not-allowed disabled:opacity-30 hidden md:hidden"
14419                      aria-label="previous slide"
14420                    >
14421                      <svg style="fill: none" width="100%" height="100%" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
14422    
14423        <path d="M72.0001 95L27 49.9999L72.0001 5" stroke="currentColor" stroke-width="6.5" stroke-linecap="round" stroke-linejoin="round"/>
14424      
14425  </svg>
14426
14427                    </button>
14428                    <button 
14429                      class="splide__arrow splide__arrow--next button-arrow p-3 rounded-full z-10 w-11 h-11 border border-solid md:border-none after:text-[20px] rtl:rotate-180 disabled:cursor-not-allowed disabled:opacity-30 hidden md:hidden"
14430                      aria-label="next slide"
14431                    >
14432                      <svg style="fill: none" width="100%" height="100%" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
14433    
14434        <path d="M26.9999 5L72 50.0001L26.9999 95" stroke="currentColor" stroke-width="6.5" stroke-linecap="round" stroke-linejoin="round"/>
14435      
14436  </svg>
14437
14438                    </button>
14439                  </div>
14440                
14441                <div class="splide__track lg:pl-0 lg:pr-0">
14442                  <div class="splide__list gap-collection_TLnHCx-template--27603645268247__featured_collection_p7xGPi md:grid md:grid-cols-4 lg:grid-cols-4 flex w-full"><style data-shopify>
14443                        .x-slide-animation-duration-1 {
14444                          --delay-time: 0ms
14445                        }
14446                      </style>
14447                      
14448                      
14449
14450<div 
14451  
14452    x-data="xProductCard('template--27603645268247__featured_collection_p7xGPi-1-1', '/products/6-jasmine-tea-sampler-freshly-scented-with-2025-blossoms', '10051060793623')"  
14453  
14454  class="card-product  overflow-hidden card md:list-layout:flex relative pb-4 md:pb-5 splide__slide x-splide-slide h-auto preload-slide-collection_TLnHCxtemplate--27603645268247__featured_collection_p7xGPi preload-slide-mobile--collection_TLnHCxtemplate--27603645268247__featured_collection_p7xGPi rounded-[10px]" 
14455  x-slide-index="0"
14456>
14457  <div class="md:list-layout:w-2/5 md:list-layout:lg:w-1/4 relative disable-effect md:list-layout:pr-8"
14458  >
14459    <style data-shopify>
14460      
14461    </style>
14462    
14463    <style data-shopify>
14464      
14465    </style>
14466    <a 
14467      
14468        x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active', 'lazy_active')"
14469      
14470      href="/products/6-jasmine-tea-sampler-freshly-scented-with-2025-blossoms"
14471       
14472        x-data="{ lastWindowWidth: 0 }"
14473        x-intersect.once.margin.200px='$nextTick(() => { $store.xBadges && $store.xBadges.load($el, () => {}, null, true); })'
14474        x-labels-data="[
14475    
14476{
14477      &quot;variant_id&quot;: 55304906047767,
14478      &quot;product_id&quot;: 10051060793623,
14479      &quot;available&quot;: true,
14480      &quot;title&quot;: &quot;Chinese Jasmine Tea Flavor Collection 90g&quot;,
14481      &quot;compare_at_price&quot;: 0,
14482      &quot;price&quot;: 1999,
14483      &quot;price_with_currency&quot;: &quot;$19.99 USD&quot;,
14484      &quot;sale_amount&quot;: &quot;$-19.99&quot;,
14485      &quot;collections&quot;: &quot;||532285358359||511975915799||529991958807||470752526615||495480209687||495516516631||495368438039||526630453527||521178841367||530507202839||511928795415||509948166423||470752559383||456988360983||526631797015||531296977175||521606070551||483191390487||532159004951||523728814359||511051825431||525935542551||450205417751||461861486871||495368241431||531755041047||531756777751||498760843543||456383070487||&quot;,
14486      &quot;inventory_management&quot;: &quot;shopify&quot;,
14487      &quot;qty&quot;: 14,
14488      &quot;container&quot;: &quot;card&quot;,
14489      &quot;can_show_preorder&quot;: false,
14490      &quot;diff_day_create&quot;: 373.24,
14491      &quot;diff_day_publish&quot;: 368.17
14492      
14493        ,&quot;metafield_label&quot;: { 
14494          &quot;custom.flavors&quot;:&quot;&quot;
14495        }
14496      
14497      }
14498    ]"
14499       
14500      aria-label="Chinese Jasmine Tea Flavor Collection 90g"
14501      id="10051060793623-template--27603645268247__featured_collection_p7xGPi"
14502      class="x-labels-data ltr group link-product-variant overflow-hidden block relative z-[15] cursor-pointer before:h-0 before:block no-collage rounded-[10px] pb-[100%]">
14503      <div x-data="xDoubleTouch('/products/6-jasmine-tea-sampler-freshly-scented-with-2025-blossoms')" class="w-full h-full z-0 overflow-hidden absolute top-0 left-0 animate_transition_card__image">
14504        <div
14505          id="x-slideshow-card-product-template--27603645268247__featured_collection_p7xGPi-1-1-0"
14506          class="block h-full" 
14507          @click='$store.xCustomerEvent.fire("product_selected", $el)'
14508          x-customer-event-data="{
14509    &quot;product&quot;: {
14510      &quot;title&quot;: &quot;Chinese Jasmine Tea Flavor Collection 90g&quot;,
14511      &quot;listName&quot;: &quot;Best Seller&quot;,
14512      &quot;sku&quot;: &quot;10051060793623&quot;,
14513      &quot;currencyCode&quot;: &quot;USD&quot;,
14514      &quot;price&quot;: 1999,
14515      &quot;vendor&quot;: &quot;iTeaworld&quot;
14516    }
14517  }"
14518          ><div 
14519              class="absolute inset-0 z-10 pointer-events-auto dbtap-overlay"
14520              @touchstart="onTouchStart($event)"
14521              @touchend.prevent="onTouchEnd($el.closest('.x-splide'))"
14522              @touchmove="onTouchMove($event)"
14523            ></div>
14524<div class="w-full z-0 h-full min-h-full top-0 left-0 absolute"
14525            >
14526              
14527              <picture>
14528                <img
14529                  srcset="
14530                  //iteaworld.com/cdn/shop/files/jasmine_tea_sampler_18e2ba53-7251-4ec8-a76d-4bd31513a2af.webp?v=1790071619&width=250 250w,
14531                  //iteaworld.com/cdn/shop/files/jasmine_tea_sampler_18e2ba53-7251-4ec8-a76d-4bd31513a2af.webp?v=1790071619&width=350 350w,
14532                  //iteaworld.com/cdn/shop/files/jasmine_tea_sampler_18e2ba53-7251-4ec8-a76d-4bd31513a2af.webp?v=1790071619&width=450 450w,
14533                  //iteaworld.com/cdn/shop/files/jasmine_tea_sampler_18e2ba53-7251-4ec8-a76d-4bd31513a2af.webp?v=1790071619&width=750 750w,
14534                  //iteaworld.com/cdn/shop/files/jasmine_tea_sampler_18e2ba53-7251-4ec8-a76d-4bd31513a2af.webp?v=1790071619&width=900 900w,
14535                  //iteaworld.com/cdn/shop/files/jasmine_tea_sampler_18e2ba53-7251-4ec8-a76d-4bd31513a2af.webp?v=1790071619&width=1100 1100w,
14536                  //iteaworld.com/cdn/shop/files/jasmine_tea_sampler_18e2ba53-7251-4ec8-a76d-4bd31513a2af.webp?v=1790071619&width=1500 1500w,//iteaworld.com/cdn/shop/files/jasmine_tea_sampler_18e2ba53-7251-4ec8-a76d-4bd31513a2af.webp?v=1790071619 1600w" 
14537                  src="//iteaworld.com/cdn/shop/files/jasmine_tea_sampler_18e2ba53-7251-4ec8-a76d-4bd31513a2af.webp?v=1790071619&width=1500"
14538                  sizes="(min-width: 1400px) calc(100vw / 4), (min-width: 1024px) calc((100vw) / 4), (min-width: 768px) calc((100vw) / 2), calc(100vw /2)"
14539                  alt="Chinese Jasmine Tea Flavor Collection 90g"
14540                  :class="showSecond ? 'first-img' : ''"
14541                  class="w-full  preview-img motion-reduce aspect-square relative animate-Xpulse skeleton-image object-cover h-full min-h-full image-first-hover lg:group-hover:opacity-0 animate_transition_image"
14542                  loading="lazy"
14543                  width="1600"
14544                  height="1600"
14545                  onload="this?.classList.add('active');this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
14546                    setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);"
14547                />
14548              </picture>
14549              
14550            </div><div class="w-full h-full top-0 left-0 absolute lg:block">
14551                  
14552                  <picture>
14553                    <img
14554                      srcset="//iteaworld.com/cdn/shop/files/iTeaworld_jasmine_sampler.webp?v=1774436614&width=250 250w,
14555                        //iteaworld.com/cdn/shop/files/iTeaworld_jasmine_sampler.webp?v=1774436614&width=350 350w,
14556                        //iteaworld.com/cdn/shop/files/iTeaworld_jasmine_sampler.webp?v=1774436614&width=450 450w,
14557                        //iteaworld.com/cdn/shop/files/iTeaworld_jasmine_sampler.webp?v=1774436614&width=750 750w,
14558                        //iteaworld.com/cdn/shop/files/iTeaworld_jasmine_sampler.webp?v=1774436614&width=900 900w,
14559                        //iteaworld.com/cdn/shop/files/iTeaworld_jasmine_sampler.webp?v=1774436614&width=1100 1100w,
14560                        //iteaworld.com/cdn/shop/files/iTeaworld_jasmine_sampler.webp?v=1774436614&width=1500 1500w,//iteaworld.com/cdn/shop/files/iTeaworld_jasmine_sampler.webp?v=1774436614 1200w"
14561                      src="//iteaworld.com/cdn/shop/files/iTeaworld_jasmine_sampler.webp?v=1774436614&width=1500"
14562                      sizes="(min-width: 1400px) calc(100vw / 4), (min-width: 1024px) calc((100vw) / 4), (min-width: 768px) calc((100vw) / 2), calc(100vw /2)"
14563                      alt="Chinese Jasmine Tea Flavor Collection 90g"
14564                      :class="showSecond ? 'second-img' : ''"
14565                      class="motion-reduce min-w-full h-full object-cover group-hover:cursor-pointer image-second-hover opacity-0 lg:group-hover:opacity-100"
14566                      loading="lazy"
14567                      width="1200"
14568                      height="1200"
14569                      onload="this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
14570                        setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);"
14571                    />
14572                  </picture>
14573                  
14574                </div></div>
14575      </div>
14576        <div class="md:list-layout:hidden" x-show="$store.xQuickView" :class="$store.xQuickView && $store.xQuickView.btn_atc_bottom ? 'mobile-bottom':''"><div class="quick-view-container absolute z-20 bottom-2 right-2 rtl:right-auto rtl:left-4 rtl:lg:left-auto lg:top-auto lg:right-auto lg:bottom-4 lg:w-full lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0 lg:translate-y-full transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0"
14577              x-show="$store.xQuickView" x-cloak
14578            > 
14579              <div x-data="xProductCart" x-show="$store.xQuickView && $store.xQuickView.show_atc_button"
14580                class="w-full hide-icon lg:px-4" 
14581                :class="if($store.xQuickView){ return ($store.xQuickView.btn_atc_bottom ? 'hidden' : '') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:block' : ' lg:hidden') }"
14582                x-cloak
14583              >
14584                
14585                  <button
14586                    class="button button--quickview button-solid not-icon leading-normal w-full pr-5 pl-5 py-2.5 lg:py-3 h-full text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60 hidden lg:block"
14587                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
14588                    
14589                      type="submit"
14590                      name="add"
14591                      @click.prevent="setTimeout(() => { $store.xQuickView && (showOptions = !showOptions); $store.xQuickView.showChooseOption('template--27603645268247__featured_collection_p7xGPi-10051060793623-collection_TLnHCx', $el); }, 0)"
14592                      x-on:mouseover="setTimeout(() => { $store.xQuickView && $store.xQuickView.loadChooseOptions('/products/6-jasmine-tea-sampler-freshly-scented-with-2025-blossoms', $el, 'template--27603645268247__featured_collection_p7xGPi-10051060793623-collection_TLnHCx', 601); }, 0)"
14593                      data-id="template--27603645268247__featured_collection_p7xGPi-10051060793623-collection_TLnHCx"
14594                      
14595                        aria-label="Choose options"
14596                      
14597                    
14598                  >
14599                    <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
14600                      
14601                      <span class="flex items-center justify-center">
14602                        
14603
14604  
14605    
14606      <span class="button-text  is-focus-button:opacity-0">Choose options</span>
14607    
14608  
14609
14610
14611                      </span>
14612                    </span>
14613                    <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
14614                      <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
14615    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
14616      fill="currentcolor" stroke="none">
14617      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
14618    </g>
14619  </svg>
14620
14621                    </div>
14622                  </button>
14623                  <button 
14624                    class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-[6px] disabled:cursor-not-allowed disabled:opacity-60"
14625                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
14626                    
14627                      type="submit"
14628                      name="add"
14629                      @click.prevent="setTimeout(() => { $store.xQuickView && (showOptions = !showOptions); $store.xQuickView.showChooseOption('template--27603645268247__featured_collection_p7xGPi-10051060793623-collection_TLnHCx', $el); }, 0)"
14630                      x-on:mouseover="setTimeout(() => { $store.xQuickView && $store.xQuickView.loadChooseOptions('/products/6-jasmine-tea-sampler-freshly-scented-with-2025-blossoms', $el, 'template--27603645268247__featured_collection_p7xGPi-10051060793623-collection_TLnHCx', 601); }, 0)"
14631                      data-id="template--27603645268247__featured_collection_p7xGPi-10051060793623-collection_TLnHCx"aria-label="Add to cart"x-customer-event-data="{
14632    &quot;product&quot;: {
14633      &quot;title&quot;: &quot;Chinese Jasmine Tea Flavor Collection 90g&quot;,
14634      &quot;listName&quot;: &quot;Best Seller&quot;,
14635      &quot;sku&quot;: &quot;10051060793623&quot;,
14636      &quot;currencyCode&quot;: &quot;USD&quot;,
14637      &quot;price&quot;: 1999,
14638      &quot;vendor&quot;: &quot;iTeaworld&quot;
14639    }
14640  }"
14641                    
14642                  >
14643                    <span class="w-5 h-5 flex items-center justify-center md:w-6 md:h-6" x-show="!loading"><svg class="" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 20 16" fill="none" style="fill:none;">
14644    <g>
14645    <path d="M4.537 3.25H18.0745L15.937 10.375H6.6745L4.537 3.25ZM4.537 3.25L4.00262 1.46875" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
14646    <path d="M9.28698 12.8687C9.28698 13.459 8.80846 13.9375 8.21823 13.9375C7.62797 13.9375 7.14948 13.459 7.14948 12.8687" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
14647    <path d="M14.9872 12.75C14.9872 13.3402 14.5087 13.8188 13.9185 13.8188C13.3282 13.8188 12.8497 13.3402 12.8497 12.75" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
14648    <path d="M1.44977 1.35001H3.34977" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
14649    </g>
14650  </svg></span>
14651                    <span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak>
14652                    <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
14653    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
14654      fill="currentcolor" stroke="none">
14655      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
14656    </g>
14657  </svg>
14658
14659                    </span>
14660                  </button>
14661                
14662              </div>
14663            </div><div
14664            class="button-quickview-icon absolute z-[15] lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0  transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0"
14665            :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'btn-quickadd  bottom-11 md:bottom-12 right-2 lg:top-4 lg:bottom-auto lg:-translate-y-full rtl:right-auto rtl:left-2' : 'bottom-2 right-0 lg:top-auto lg:translate-y-full lg:right-auto lg:bottom-4 lg:w-full lg:left-0 pl-2 pr-2 lg:pr-4 lg:pl-4'"
14666            x-show="$store.xQuickView && $store.xQuickView.enabled" x-cloak
14667            >
14668            <div>
14669              <button
14670                @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
14671                x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/products/6-jasmine-tea-sampler-freshly-scented-with-2025-blossoms', $el, 'template--27603645268247__featured_collection_p7xGPi-10051060793623-collection_TLnHCx')" 
14672                x-on:focus="$store.xQuickView && $store.xQuickView.load('/products/6-jasmine-tea-sampler-freshly-scented-with-2025-blossoms', $el, 'template--27603645268247__featured_collection_p7xGPi-10051060793623-collection_TLnHCx')" 
14673                class="button label-btn-quickview button--quickview not-icon leading-normal empty:hidden hidden lg:block z-50 h-full"
14674                :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'p-1.5 md:p-2.5 rounded-full button-disable-effect' : 'w-full pt-3 pb-3 button-solid'"
14675                x-customer-event-data="{
14676    &quot;product&quot;: {
14677      &quot;title&quot;: &quot;Chinese Jasmine Tea Flavor Collection 90g&quot;,
14678      &quot;listName&quot;: &quot;Best Seller&quot;,
14679      &quot;sku&quot;: &quot;10051060793623&quot;,
14680      &quot;currencyCode&quot;: &quot;USD&quot;,
14681      &quot;price&quot;: 1999,
14682      &quot;vendor&quot;: &quot;iTeaworld&quot;
14683    }
14684  }"
14685                aria-label="Button quickview"
14686              >
14687                <span x-show="$store.xQuickView && $store.xQuickView.show_atc_button" class="w-4 h-4 flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16" fill="none" style="fill:none;">
14688    <path d="M7.67451 13.8502C11.0849 13.8502 13.8496 11.0855 13.8496 7.67508C13.8496 4.26468 11.0849 1.5 7.67451 1.5C4.2641 1.5 1.49942 4.26468 1.49942 7.67508C1.49942 11.0855 4.2641 13.8502 7.67451 13.8502Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
14689    <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
14690  </svg>
14691</span>
14692                <span x-show="$store.xQuickView && !$store.xQuickView.show_atc_button" class="flex items-center justify-center">
14693                  
14694
14695  <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>
14696
14697
14698                </span>
14699              </button>
14700              <button @click.prevent='$store.xQuickView && $store.xQuickView.load("/products/6-jasmine-tea-sampler-freshly-scented-with-2025-blossoms", $el, "template--27603645268247__featured_collection_p7xGPi-10051060793623-collection_TLnHCx"); $store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
14701                class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-2" 
14702                aria-label="Button quickview"
14703                x-customer-event-data="{
14704    &quot;product&quot;: {
14705      &quot;title&quot;: &quot;Chinese Jasmine Tea Flavor Collection 90g&quot;,
14706      &quot;listName&quot;: &quot;Best Seller&quot;,
14707      &quot;sku&quot;: &quot;10051060793623&quot;,
14708      &quot;currencyCode&quot;: &quot;USD&quot;,
14709      &quot;price&quot;: 1999,
14710      &quot;vendor&quot;: &quot;iTeaworld&quot;
14711    }
14712  }"
14713              >
14714                <span class="w-4 h-4 md:w-5 md:h-5 flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16" fill="none" style="fill:none;">
14715    <path d="M7.67451 13.8502C11.0849 13.8502 13.8496 11.0855 13.8496 7.67508C13.8496 4.26468 11.0849 1.5 7.67451 1.5C4.2641 1.5 1.49942 4.26468 1.49942 7.67508C1.49942 11.0855 4.2641 13.8502 7.67451 13.8502Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
14716    <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
14717  </svg>
14718</span>
14719              </button>
14720            </div>
14721          </div>
14722        </div>
14723      
14724    </a>
14725    
14726    
14727    <div class="md:list-layout:hidden">
14728      <div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0">
14729        <div class="no-collage:mb-2 text-center md:list-layout:text-left">
14730          
14731          <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2.5 gap-1 empty:hidden"></div><h3 class="card__heading h5 no-collage:mb-2 mb-2.5 leading-tight" id="title-template--27603645268247__featured_collection_p7xGPi-10051060793623">
14732            <a href="/products/6-jasmine-tea-sampler-freshly-scented-with-2025-blossoms"
14733              class="x-card-title full-unstyled-link link-product-variant  text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words"
14734              @click='$store.xCustomerEvent.fire("product_selected", $el)'
14735              x-customer-event-data="{
14736    &quot;product&quot;: {
14737      &quot;title&quot;: &quot;Chinese Jasmine Tea Flavor Collection 90g&quot;,
14738      &quot;listName&quot;: &quot;Best Seller&quot;,
14739      &quot;sku&quot;: &quot;10051060793623&quot;,
14740      &quot;currencyCode&quot;: &quot;USD&quot;,
14741      &quot;price&quot;: 1999,
14742      &quot;vendor&quot;: &quot;iTeaworld&quot;
14743    }
14744  }"
14745            >
14746              Chinese Jasmine Tea Flavor Collection 90g
14747            </a>
14748          </h3>
14749          
14750<div  class="x-card-price flex items-center mb-2.5 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start">
14751            
14752            
14753              <div class=" price leading-none">
14754  <div class="">
14755    <div class="target-price hidden">1999</div>
14756    <div class="target-compare-at-price hidden"></div>
14757    
14758<p class="price ">
14759          <span>$19.99 USD</span>
14760        </p><small class="text-[70%] hidden">
14761        <span class="hidden">Unit price</span>
14762        <span class="up price-item price-item--last">
14763          <span class="unit-price">
14764
14765          </span>
14766          <span aria-hidden="true">/</span>
14767          <span class="hidden">&nbsp;per&nbsp;</span>
14768          <span>
14769          </span>
14770        </span>
14771      </small>
14772    
14773  </div>
14774  
14775</div>
14776            
14777            <div class="leading-none next-price empty:hidden"></div>
14778          </div>
14779          
14780          <template x-if="localStorage.getItem('selectedStore')">
14781            <div id="x-availability-notice-template--27603645268247__featured_collection_p7xGPi" class="flex mb-2.5 items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start justify-center" x-show="$store.xStoreSelector?.canShow('10051060793623', [532285358359, 511975915799, 529991958807, 470752526615, 495480209687, 495516516631, 495368438039, 526630453527, 521178841367, 530507202839, 511928795415, 509948166423, 470752559383, 456988360983, 526631797015, 531296977175, 521606070551, 483191390487, 532159004951, 523728814359, 511051825431, 525935542551, 450205417751, 461861486871, 495368241431, 531755041047, 531756777751, 498760843543, 456383070487])">
14782              <div 
14783  x-data='{ 
14784    storeAvailabilites: {
14785      
14786    },
14787    pickupLocation: [
14788      
14789    ]
14790  }'
14791  x-show="$store.xStoreSelector?.selectedStore && pickupLocation.includes($store.xStoreSelector?.getStore())"
14792>
14793  <style data-shopify>
14794    .text-available, .text-unavailable {
14795      font-size: 0.669375rem;
14796      font-family: var(--font-body-family);
14797    }
14798
14799    @media (min-width: 768px) {
14800      .text-available, .text-unavailable {
14801        font-size: 0.74375rem;
14802      }
14803    }
14804
14805    .text-available {
14806      color: #739047;
14807    }
14808
14809    .dark .text-available {
14810      color: #739047;
14811    }
14812
14813    .text-unavailable {
14814      color: #767474;
14815    }
14816
14817    .dark .text-unavailable {
14818      color: #867F7F;
14819    }
14820  </style>
14821  <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-available flex flex-row items-center gap-[3px]">
14822    <span class="flex h-4 w-4 relative">
14823<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
14824  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
14825  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
14826</svg>
14827
14828</span><span x-text="'Available for pickup at ' + $store.xStoreSelector?.getStoreText()"> </span>
14829  </div>
14830  <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]">
14831    <span class="flex h-4 w-4 relative">
14832<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
14833  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
14834  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
14835</svg>
14836
14837</span><span x-text="'Out of stock at ' + $store.xStoreSelector?.getStoreText()"> </span>
14838  </div>
14839</div>
14840            </div>
14841          </template>
14842        </div>
14843      </div>
14844    </div>
14845    
14846  </div><div
14847      id="choose-options-template--27603645268247__featured_collection_p7xGPi-10051060793623-collection_TLnHCx"
14848      class="hidden md:block absolute w-full min-h-full h-full left-0 top-0 bg-[rgba(var(--background-color))] z-[15] md:list-layout:w-3/5 list-layout:lg:w-3/4 md:list-layout:left-auto md:list-layout:right-0"
14849      x-show="showOptions"
14850      x-transition:enter="transition-all ease-in-out duration-300"
14851      x-transition:enter-start="opacity-0 transform translate-y-full"
14852      x-transition:enter-end="opacity-100 transform translate-y-0"
14853      x-transition:leave="transition-all ease-in-out duration-300"
14854      x-transition:leave-start="opacity-100 transform translate-y-0"
14855      x-transition:leave-end="opacity-0 transform translate-y-full"
14856      x-cloak
14857    >
14858      <div  class="choose-options relative w-full min-h-full h-full"></div>
14859      <div class="icon-loading hidden absolute top-0 left-0 right-0 h-full w-full z-20 bg-[rgba(var(--background-color))]">
14860        <div
14861          class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[
14861calc(50%-10px)]">
14862          <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
14863    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
14864      fill="currentcolor" stroke="none">
14865      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
14866    </g>
14867  </svg>
14868
14869        </div>
14870      </div>
14871    </div>
14872  <div
14873    id="x-product-template-10051060793623-template--27603645268247__featured_collection_p7xGPi-1-1"
14874    class="list-layout:lg:w-3/4 md:list-layout:w-3/5 list-layout:md:pl-0 rtl:list-layout:md:pl-5 rtl:list-layout:md:pr-0  text-center"
14875  >
14876    
14877    
14878    
14879<div
14880            class="x-variants-data x-variants-data-js pt-3 border-t mt-3"
14881            x-data='xVariantSelectCard($el,"template--27603645268247__featured_collection_p7xGPi-1-1", "10051060793623", "/products/6-jasmine-tea-sampler-freshly-scented-with-2025-blossoms", false, false, false, "")'
14882            
14883              data-option1="US Warehouse"
14884              
14885            x-intersect.margin.200px="if ($el.querySelector('#variant-update-template--27603645268247__featured_collection_p7xGPi-1-1').innerHTML.trim() == '') $el.classList.add('hidden');"
14886          >
14887            <div
14888              id="current-variant-template--27603645268247__featured_collection_p7xGPi-10051060793623-collection_TLnHCx" 
14889              class="current-variant hidden"
14890            >
14891              55304906047767
14892            </div>
14893            <div
14894              id="variant-update-template--27603645268247__featured_collection_p7xGPi-1-1"
14895              class="variant-update-template--27603645268247__featured_collection_p7xGPi-1-1 list-layout:md:text-left rtl:list-layout:md:text-right options-container"
14896            >
14897                
14898</div>
14899          </div>
14900          
14900<script src="//iteaworld.com/cdn/shop/t/51/assets/variant-select-card.js?v=141088792309509576511782181913" defer></script>
14900
14901        
14902      
14903    <div class="bottom-card card-info ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end gap-1 empty:hidden"></div>
14904    
14905      <div class="card-info x-highlight-icon mt-2.5">
14906        <div 
14907  class="flex flex-wrap gap-[3px] rtl:flex-row-reverse ltr pr-0 pl-0 justify-center items-center list-layout:mt-4 list-layout:justify-start rtl:list-layout:justify-end empty:hidden"
14908  x-data="{setPosition(el) {
14909    parentEl = el.closest('.x-highlight-icon').getBoundingClientRect();
14910    el.style.setProperty('--maxwidth-tooltip', parentEl.width - 20 + 'px');
14911    elRect = el.getBoundingClientRect();
14912    let spacingLeft = elRect.left - parentEl.left;
14913    if (spacingLeft < 0) {
14914      el.style.setProperty('--left-tooltip', Math.abs(spacingLeft) + 'px');
14915    }
14916    let spacingRight = parentEl.right - elRect.right;
14917    if (spacingRight < 0) {
14918      el.style.setProperty('--left-tooltip', spacingRight + 'px');
14919    } 
14920  }}"
14921  x-init="$el.innerHTML = $el.innerHTML.trim();"
14922>
14923    �
14924    �
14925    �
14926    �</div>
14927      </div>
14928    
14929    
14930      <template x-if="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button && ($store.xQuickView.btn_atc_bottom || !$store.xQuickView.atc_btn_image_desktop)" 
14931            class="card-info bottom_atc md:list-layout:hidden hide-icon"
14932            :class="if($store.xQuickView.show_atc_button){ return ($store.xQuickView.btn_atc_bottom ? '' : 'hidden') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:hidden' : ' lg:block')}"
14933            x-cloak
14934          >
14935            
14936              <button
14937                type="submit"
14938                name="add"
14939                @click.prevent="setTimeout(() => { $store.xQuickView && (showOptions = !showOptions); $store.xQuickView.showChooseOption('template--27603645268247__featured_collection_p7xGPi-10051060793623-collection_TLnHCx', $el); }, 0)"
14940                x-on:mouseover="setTimeout(() => { $store.xQuickView && $store.xQuickView.loadChooseOptions('/products/6-jasmine-tea-sampler-freshly-scented-with-2025-blossoms', $el, 'template--27603645268247__featured_collection_p7xGPi-10051060793623-collection_TLnHCx', 601); }, 0)" 
14941                data-id="template--27603645268247__featured_collection_p7xGPi-10051060793623-collection_TLnHCx"
14942                class="button button--quickview button-solid not-icon leading-normal mt-2 w-full pr-5 pl-5 py-2.5 lg:py-3 h-full text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60"
14943                :class="errorMessage && 'opacity-60 cursor-not-allowed'"
14944                aria-label="Choose options"
14945              >
14946                <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
14947                  
14948                  <span class="flex items-center justify-center">
14949                    
14950
14951  
14952    
14953      <span class="button-text  is-focus-button:opacity-0">Choose options</span>
14954    
14955  
14956
14957
14958                  </span>
14959                </span>
14960                <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
14961                  <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
14962    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
14963      fill="currentcolor" stroke="none">
14964      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
14965    </g>
14966  </svg>
14967
14968                </div>
14969              </button>
14970             
14971          </div></template>
14972    
14973    
14974      <template x-if="$store.xQuickView">
14975        <div class="hidden md:list-layout:flex gap-3 mt-5 md:mt-7" x-show="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button" :class="$store.xQuickView.show_atc_button && ''">
14976              
14977                <button
14978                  type="submit"
14979                  name="add"
14980                  
14981                  @click.prevent="setTimeout(() => { $store.xQuickView && (showOptions = !showOptions); $store.xQuickView.showChooseOption('template--27603645268247__featured_collection_p7xGPi-10051060793623-collection_TLnHCx', $el); }, 0)"
14982                  x-on:mouseover="setTimeout(() => { $store.xQuickView && $store.xQuickView.loadChooseOptions('/products/6-jasmine-tea-sampler-freshly-scented-with-2025-blossoms', $el, 'template--27603645268247__featured_collection_p7xGPi-10051060793623-collection_TLnHCx', 601); }, 0)" 
14983                  data-id="template--27603645268247__featured_collection_p7xGPi-10051060793623-collection_TLnHCx"
14984                  class="button button--quickview button-solid not-icon leading-normal w-full py-2.5 lg:pl-5 lg:pr-5 lg:py-3 h-full text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60 hidden lg:block"
14985                  :class="errorMessage && 'opacity-60 cursor-not-allowed'"
14986                  aria-label="Choose options"
14987                >
14988                  <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
14989                    
14990                    <span class="flex items-center justify-center">
14991                      
14992
14993  
14994    
14995      <span class="button-text  is-focus-button:opacity-0">Choose options</span>
14996    
14997  
14998
14999
15000                    </span>
15001                  </span>
15002                  <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
15003                    <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
15004    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
15005      fill="currentcolor" stroke="none">
15006      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
15007    </g>
15008  </svg>
15009
15010                  </div>
15011                </button>
15012               
15013            </div><button 
15014            x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/products/6-jasmine-tea-sampler-freshly-scented-with-2025-blossoms', $el, 'template--27603645268247__featured_collection_p7xGPi-10051060793623-collection_TLnHCx')" 
15015            x-on:focus="$store.xQuickView && $store.xQuickView.load('/products/6-jasmine-tea-sampler-freshly-scented-with-2025-blossoms', $el, 'template--27603645268247__featured_collection_p7xGPi-10051060793623-collection_TLnHCx')" 
15016            @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
15017            class="button label-btn-quickview button-solid button--quickview leading-normal none_border pt-2 pl-5 pb-2 pr-5 lg:pt-3 lg:pb-3" 
15018            aria-label="Button quickview"
15019            x-customer-event-data="{
15020    &quot;product&quot;: {
15021      &quot;title&quot;: &quot;Chinese Jasmine Tea Flavor Collection 90g&quot;,
15022      &quot;listName&quot;: &quot;Best Seller&quot;,
15023      &quot;sku&quot;: &quot;10051060793623&quot;,
15024      &quot;currencyCode&quot;: &quot;USD&quot;,
15025      &quot;price&quot;: 1999,
15026      &quot;vendor&quot;: &quot;iTeaworld&quot;
15027    }
15028  }"
15029            x-show="$store.xQuickView.enabled"
15030          >
15031            <span class="flex justify-center items-center">
15032              
15033
15034  <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>
15035
15036
15037            </span>
15038          </button>
15039        </div>
15040      </template>
15041    
15042  </div>
15043</div>
15044<style data-shopify>
15045                        .x-slide-animation-duration-2 {
15046                          --delay-time: 100ms
15047                        }
15048                      </style>
15049                      
15050                      
15051
15052<div 
15053  
15054    x-data="xProductCard('template--27603645268247__featured_collection_p7xGPi-1-2', '/products/oolong-teas-collection-top-10-classic-for-beginners', '9935480520983')"  
15055  
15056  class="card-product  overflow-hidden card md:list-layout:flex relative pb-4 md:pb-5 splide__slide x-splide-slide h-auto preload-slide-collection_TLnHCxtemplate--27603645268247__featured_collection_p7xGPi preload-slide-mobile--collection_TLnHCxtemplate--27603645268247__featured_collection_p7xGPi rounded-[10px]" 
15057  x-slide-index="1"
15058>
15059  <div class="md:list-layout:w-2/5 md:list-layout:lg:w-1/4 relative disable-effect md:list-layout:pr-8"
15060  >
15061    <style data-shopify>
15062      
15063    </style>
15064    
15065    <style data-shopify>
15066      
15067    </style>
15068    <a 
15069      
15070        x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active', 'lazy_active')"
15071      
15072      href="/products/oolong-teas-collection-top-10-classic-for-beginners"
15073       
15074        x-data="{ lastWindowWidth: 0 }"
15075        x-intersect.once.margin.200px='$nextTick(() => { $store.xBadges && $store.xBadges.load($el, () => {}, null, true); })'
15076        x-labels-data="[
15077    
15078{
15079      &quot;variant_id&quot;: 55304877244695,
15080      &quot;product_id&quot;: 9935480520983,
15081      &quot;available&quot;: true,
15082      &quot;title&quot;: &quot;
15082Oolong Tea Flavor Exploration Collection 100g&quot;,
15083      &quot;compare_at_price&quot;: 0,
15084      &quot;price&quot;: 1999,
15085      &quot;price_with_currency&quot;: &quot;$19.99 USD&quot;,
15086      &quot;sale_amount&quot;: &quot;$-19.99&quot;,
15087      &quot;collections&quot;: &quot;||509664297239||532285358359||511975915799||529991958807||495482339607||495480209687||495516516631||526343471383||521178841367||456987115799||527444934935||509993124119||449406664983||462607909143||511051956503||525935542551||450205417751||461861486871||531755041047||531756548375||498760843543||&quot;,
15088      &quot;inventory_management&quot;: &quot;shopify&quot;,
15089      &quot;qty&quot;: 15,
15090      &quot;container&quot;: &quot;card&quot;,
15091      &quot;can_show_preorder&quot;: false,
15092      &quot;diff_day_create&quot;: 512.26,
15093      &quot;diff_day_publish&quot;: 507.32
15094      
15095        ,&quot;metafield_label&quot;: { 
15096          &quot;custom.flavors&quot;:&quot;&quot;
15097        }
15098      
15099      }
15100    ]"
15101       
15102      aria-label="Oolong Tea Flavor Exploration Collection 100g"
15103      id="9935480520983-template--27603645268247__featured_collection_p7xGPi"
15104      class="x-labels-data ltr group link-product-variant overflow-hidden block relative z-[15] cursor-pointer before:h-0 before:block no-collage rounded-[10px] pb-[100%]">
15105      <div x-data="xDoubleTouch('/products/oolong-teas-collection-top-10-classic-for-beginners')" class="w-full h-full z-0 overflow-hidden absolute top-0 left-0 animate_transition_card__image">
15106        <div
15107          id="x-slideshow-card-product-template--27603645268247__featured_collection_p7xGPi-1-2-1"
15108          class="block h-full" 
15109          @click='$store.xCustomerEvent.fire("product_selected", $el)'
15110          x-customer-event-data="{
15111    &quot;product&quot;: {
15112      &quot;title&quot;: &quot;Oolong Tea Flavor Exploration Collection 100g&quot;,
15113      &quot;listName&quot;: &quot;Best Seller&quot;,
15114      &quot;sku&quot;: &quot;9935480520983&quot;,
15115      &quot;currencyCode&quot;: &quot;USD&quot;,
15116      &quot;price&quot;: 1999,
15117      &quot;vendor&quot;: &quot;iTeaworld&quot;
15118    }
15119  }"
15120          ><div 
15121              class="absolute inset-0 z-10 pointer-events-auto dbtap-overlay"
15122              @touchstart="onTouchStart($event)"
15123              @touchend.prevent="onTouchEnd($el.closest('.x-splide'))"
15124              @touchmove="onTouchMove($event)"
15125            ></div>
15126<div class="w-full z-0 h-full min-h-full top-0 left-0 absolute"
15127            >
15128              
15129              <picture>
15130                <img
15131                  srcset="
15132                  //iteaworld.com/cdn/shop/files/10_types_oolong_sampler.webp?v=1790071378&width=250 250w,
15133                  //iteaworld.com/cdn/shop/files/10_types_oolong_sampler.webp?v=1790071378&width=350 350w,
15134                  //iteaworld.com/cdn/shop/files/10_types_oolong_sampler.webp?v=1790071378&width=450 450w,
15135                  //iteaworld.com/cdn/shop/files/10_types_oolong_sampler.webp?v=1790071378&width=750 750w,
15136                  //iteaworld.com/cdn/shop/files/10_types_oolong_sampler.webp?v=1790071378&width=900 900w,
15137                  //iteaworld.com/cdn/shop/files/10_types_oolong_sampler.webp?v=1790071378&width=1100 1100w,
15138                  //iteaworld.com/cdn/shop/files/10_types_oolong_sampler.webp?v=1790071378&width=1500 1500w,//iteaworld.com/cdn/shop/files/10_types_oolong_sampler.webp?v=1790071378 1600w" 
15139                  src="//iteaworld.com/cdn/shop/files/10_types_oolong_sampler.webp?v=1790071378&width=1500"
15140                  sizes="(min-width: 1400px) calc(100vw / 4), (min-width: 1024px) calc((100vw) / 4), (min-width: 768px) calc((100vw) / 2), calc(100vw /2)"
15141                  alt="Oolong Tea Flavor Exploration Collection 100g"
15142                  :class="showSecond ? 'first-img' : ''"
15143                  class="w-full  preview-img motion-reduce aspect-square relative animate-Xpulse skeleton-image object-cover h-full min-h-full image-first-hover lg:group-hover:opacity-0 animate_transition_image"
15144                  loading="lazy"
15145                  width="1600"
15146                  height="1600"
15147                  onload="this?.classList.add('active');this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
15148                    setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);"
15149                />
15150              </picture>
15151              
15152            </div><div class="w-full h-full top-0 left-0 absolute lg:block">
15153                  
15154                  <picture>
15155                    <img
15156                      srcset="//iteaworld.com/cdn/shop/files/Top_10_Classic_Oolong_Teas_Collection_5.webp?v=1770812784&width=250 250w,
15157                        //iteaworld.com/cdn/shop/files/Top_10_Classic_Oolong_Teas_Collection_5.webp?v=1770812784&width=350 350w,
15158                        //iteaworld.com/cdn/shop/files/Top_10_Classic_Oolong_Teas_Collection_5.webp?v=1770812784&width=450 450w,
15159                        //iteaworld.com/cdn/shop/files/Top_10_Classic_Oolong_Teas_Collection_5.webp?v=1770812784&width=750 750w,
15160                        //iteaworld.com/cdn/shop/files/Top_10_Classic_Oolong_Teas_Collection_5.webp?v=1770812784&width=900 900w,
15161                        //iteaworld.com/cdn/shop/files/Top_10_Classic_Oolong_Teas_Collection_5.webp?v=1770812784&width=1100 1100w,
15162                        //iteaworld.com/cdn/shop/files/Top_10_Classic_Oolong_Teas_Collection_5.webp?v=1770812784&width=1500 1500w,//iteaworld.com/cdn/shop/files/Top_10_Classic_Oolong_Teas_Collection_5.webp?v=1770812784 1890w"
15163                      src="//iteaworld.com/cdn/shop/files/Top_10_Classic_Oolong_Teas_Collection_5.webp?v=1770812784&width=1500"
15164                      sizes="(min-width: 1400px) calc(100vw / 4), (min-width: 1024px) calc((100vw) / 4), (min-width: 768px) calc((100vw) / 2), calc(100vw /2)"
15165                      alt="Oolong Tea Flavor Exploration Collection 100g"
15166                      :class="showSecond ? 'second-img' : ''"
15167                      class="motion-reduce min-w-full h-full object-cover group-hover:cursor-pointer image-second-hover opacity-0 lg:group-hover:opacity-100"
15168                      loading="lazy"
15169                      width="1890"
15170                      height="1890"
15171                      onload="this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
15172                        setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);"
15173                    />
15174                  </picture>
15175                  
15176                </div></div>
15177      </div>
15178        <div class="md:list-layout:hidden" x-show="$store.xQuickView" :class="$store.xQuickView && $store.xQuickView.btn_atc_bottom ? 'mobile-bottom':''"><div class="quick-view-container absolute z-20 bottom-2 right-2 rtl:right-auto rtl:left-4 rtl:lg:left-auto lg:top-auto lg:right-auto lg:bottom-4 lg:w-full lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0 lg:translate-y-full transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0"
15179              x-show="$store.xQuickView" x-cloak
15180            > 
15181              <div x-data="xProductCart" x-show="$store.xQuickView && $store.xQuickView.show_atc_button"
15182                class="w-full hide-icon lg:px-4" 
15183                :class="if($store.xQuickView){ return ($store.xQuickView.btn_atc_bottom ? 'hidden' : '') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:block' : ' lg:hidden') }"
15184                x-cloak
15185              >
15186                
15187                  <button
15188                    class="button button--quickview button-solid not-icon leading-normal w-full pr-5 pl-5 py-2.5 lg:py-3 h-full text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60 hidden lg:block"
15189                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
15190                    
15191                      type="submit"
15192                      name="add"
15193                      @click.prevent="setTimeout(() => { $store.xQuickView && (showOptions = !showOptions); $store.xQuickView.showChooseOption('template--27603645268247__featured_collection_p7xGPi-9935480520983-collection_TLnHCx', $el); }, 0)"
15194                      x-on:mouseover="setTimeout(() => { $store.xQuickView && $store.xQuickView.loadChooseOptions('/products/oolong-teas-collection-top-10-classic-for-beginners', $el, 'template--27603645268247__featured_collection_p7xGPi-9935480520983-collection_TLnHCx', 602); }, 0)"
15195                      data-id="template--27603645268247__featured_collection_p7xGPi-9935480520983-collection_TLnHCx"
15196                      
15197                        aria-label="Choose options"
15198                      
15199                    
15200                  >
15201                    <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
15202                      
15203                      <span class="flex items-center justify-center">
15204                        
15205
15206  
15207    
15208      <span class="button-text  is-focus-button:opacity-0">Choose options</span>
15209    
15210  
15211
15212
15213                      </span>
15214                    </span>
15215                    <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
15216                      <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
15217    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
15218      fill="currentcolor" stroke="none">
15219      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
15220    </g>
15221  </svg>
15222
15223                    </div>
15224                  </button>
15225                  <button 
15226                    class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-[6px] disabled:cursor-not-allowed disabled:opacity-60"
15227                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
15228                    
15229                      type="submit"
15230                      name="add"
15231                      @click.prevent="setTimeout(() => { $store.xQuickView && (showOptions = !showOptions); $store.xQuickView.showChooseOption('template--27603645268247__featured_collection_p7xGPi-9935480520983-collection_TLnHCx', $el); }, 0)"
15232                      x-on:mouseover="setTimeout(() => { $store.xQuickView && $store.xQuickView.loadChooseOptions('/products/oolong-teas-collection-top-10-classic-for-beginners', $el, 'template--27603645268247__featured_collection_p7xGPi-9935480520983-collection_TLnHCx', 602); }, 0)"
15233                      data-id="template--27603645268247__featured_collection_p7xGPi-9935480520983-collection_TLnHCx"aria-label="Add to cart"x-customer-event-data="{
15234    &quot;product&quot;: {
15235      &quot;title&quot;: &quot;
15235Oolong Tea Flavor Exploration Collection 100g&quot;,
15236      &quot;listName&quot;: &quot;Best Seller&quot;,
15237      &quot;sku&quot;: &quot;9935480520983&quot;,
15238      &quot;currencyCode&quot;: &quot;USD&quot;,
15239      &quot;price&quot;: 1999,
15240      &quot;vendor&quot;: &quot;iTeaworld&quot;
15241    }
15242  }"
15243                    
15244                  >
15245                    <span class="w-5 h-5 flex items-center justify-center md:w-6 md:h-6" x-show="!loading"><svg class="" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 20 16" fill="none" style="fill:none;">
15246    <g>
15247    <path d="M4.537 3.25H18.0745L15.937 10.375H6.6745L4.537 3.25ZM4.537 3.25L4.00262 1.46875" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
15248    <path d="M9.28698 12.8687C9.28698 13.459 8.80846 13.9375 8.21823 13.9375C7.62797 13.9375 7.14948 13.459 7.14948 12.8687" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
15249    <path d="M14.9872 12.75C14.9872 13.3402 14.5087 13.8188 13.9185 13.8188C13.3282 13.8188 12.8497 13.3402 12.8497 12.75" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
15250    <path d="M1.44977 1.35001H3.34977" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
15251    </g>
15252  </svg></span>
15253                    <span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak>
15254                    <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
15255    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
15256      fill="currentcolor" stroke="none">
15257      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
15258    </g>
15259  </svg>
15260
15261                    </span>
15262                  </button>
15263                
15264              </div>
15265            </div><div
15266            class="button-quickview-icon absolute z-[15] lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0  transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0"
15267            :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'btn-quickadd  bottom-11 md:bottom-12 right-2 lg:top-4 lg:bottom-auto lg:-translate-y-full rtl:right-auto rtl:left-2' : 'bottom-2 right-0 lg:top-auto lg:translate-y-full lg:right-auto lg:bottom-4 lg:w-full lg:left-0 pl-2 pr-2 lg:pr-4 lg:pl-4'"
15268            x-show="$store.xQuickView && $store.xQuickView.enabled" x-cloak
15269            >
15270            <div>
15271              <button
15272                @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
15273                x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/products/oolong-teas-collection-top-10-classic-for-beginners', $el, 'template--27603645268247__featured_collection_p7xGPi-9935480520983-collection_TLnHCx')" 
15274                x-on:focus="$store.xQuickView && $store.xQuickView.load('/products/oolong-teas-collection-top-10-classic-for-beginners', $el, 'template--27603645268247__featured_collection_p7xGPi-9935480520983-collection_TLnHCx')" 
15275                class="button label-btn-quickview button--quickview not-icon leading-normal empty:hidden hidden lg:block z-50 h-full"
15276                :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'p-1.5 md:p-2.5 rounded-full button-disable-effect' : 'w-full pt-3 pb-3 button-solid'"
15277                x-customer-event-data="{
15278    &quot;product&quot;: {
15279      &quot;title&quot;: &quot;
15279Oolong Tea Flavor Exploration Collection 100g&quot;,
15280      &quot;listName&quot;: &quot;Best Seller&quot;,
15281      &quot;sku&quot;: &quot;9935480520983&quot;,
15282      &quot;currencyCode&quot;: &quot;USD&quot;,
15283      &quot;price&quot;: 1999,
15284      &quot;vendor&quot;: &quot;iTeaworld&quot;
15285    }
15286  }"
15287                aria-label="Button quickview"
15288              >
15289                <span x-show="$store.xQuickView && $store.xQuickView.show_atc_button" class="w-4 h-4 flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16" fill="none" style="fill:none;">
15290    <path d="M7.67451 13.8502C11.0849 13.8502 13.8496 11.0855 13.8496 7.67508C13.8496 4.26468 11.0849 1.5 7.67451 1.5C4.2641 1.5 1.49942 4.26468 1.49942 7.67508C1.49942 11.0855 4.2641 13.8502 7.67451 13.8502Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
15291    <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
15292  </svg>
15293</span>
15294                <span x-show="$store.xQuickView && !$store.xQuickView.show_atc_button" class="flex items-center justify-center">
15295                  
15296
15297  <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>
15298
15299
15300                </span>
15301              </button>
15302              <button @click.prevent='$store.xQuickView && $store.xQuickView.load("/products/oolong-teas-collection-top-10-classic-for-beginners", $el, "template--27603645268247__featured_collection_p7xGPi-9935480520983-collection_TLnHCx"); $store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
15303                class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-2" 
15304                aria-label="Button quickview"
15305                x-customer-event-data="{
15306    &quot;product&quot;: {
15307      &quot;title&quot;: &quot;
15307Oolong Tea Flavor Exploration Collection 100g&quot;,
15308      &quot;listName&quot;: &quot;Best Seller&quot;,
15309      &quot;sku&quot;: &quot;9935480520983&quot;,
15310      &quot;currencyCode&quot;: &quot;USD&quot;,
15311      &quot;price&quot;: 1999,
15312      &quot;vendor&quot;: &quot;iTeaworld&quot;
15313    }
15314  }"
15315              >
15316                <span class="w-4 h-4 md:w-5 md:h-5 flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16" fill="none" style="fill:none;">
15317    <path d="M7.67451 13.8502C11.0849 13.8502 13.8496 11.0855 13.8496 7.67508C13.8496 4.26468 11.0849 1.5 7.67451 1.5C4.2641 1.5 1.49942 4.26468 1.49942 7.67508C1.49942 11.0855 4.2641 13.8502 7.67451 13.8502Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
15318    <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
15319  </svg>
15320</span>
15321              </button>
15322            </div>
15323          </div>
15324        </div>
15325      
15326    </a>
15327    
15328    
15329    <div class="md:list-layout:hidden">
15330      <div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0">
15331        <div class="no-collage:mb-2 text-center md:list-layout:text-left">
15332          
15333          <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2.5 gap-1 empty:hidden"></div><h3 class="card__heading h5 no-collage:mb-2 mb-2.5 leading-tight" id="title-template--27603645268247__featured_collection_p7xGPi-9935480520983">
15334            <a href="/products/oolong-teas-collection-top-10-classic-for-beginners"
15335              class="x-card-title full-unstyled-link link-product-variant  text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words"
15336              @click='$store.xCustomerEvent.fire("product_selected", $el)'
15337              x-customer-event-data="{
15338    &quot;product&quot;: {
15339      &quot;title&quot;: &quot;
15339Oolong Tea Flavor Exploration Collection 100g&quot;,
15340      &quot;listName&quot;: &quot;Best Seller&quot;,
15341      &quot;sku&quot;: &quot;9935480520983&quot;,
15342      &quot;currencyCode&quot;: &quot;USD&quot;,
15343      &quot;price&quot;: 1999,
15344      &quot;vendor&quot;: &quot;iTeaworld&quot;
15345    }
15346  }"
15347            >
15348              Oolong Tea Flavor Exploration Collection 100g
15349            </a>
15350          </h3>
15351          
15352<div  class="x-card-price flex items-center mb-2.5 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start">
15353            
15354            
15355              <div class=" price leading-none">
15356  <div class="">
15357    <div class="target-price hidden">1999</div>
15358    <div class="target-compare-at-price hidden"></div>
15359    
15360<p class="price ">
15361          <span>$19.99 USD</span>
15362        </p><small class="text-[70%] hidden">
15363        <span class="hidden">Unit price</span>
15364        <span class="up price-item price-item--last">
15365          <span class="unit-price">
15366
15367          </span>
15368          <span aria-hidden="true">/</span>
15369          <span class="hidden">&nbsp;per&nbsp;</span>
15370          <span>
15371          </span>
15372        </span>
15373      </small>
15374    
15375  </div>
15376  
15377</div>
15378            
15379            <div class="leading-none next-price empty:hidden"></div>
15380          </div>
15381          
15382          <template x-if="localStorage.getItem('selectedStore')">
15383            <div id="x-availability-notice-template--27603645268247__featured_collection_p7xGPi" class="flex mb-2.5 items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start justify-center" x-show="$store.xStoreSelector?.canShow('9935480520983', [509664297239, 532285358359, 511975915799, 529991958807, 495482339607, 495480209687, 495516516631, 526343471383, 521178841367, 456987115799, 527444934935, 509993124119, 449406664983, 462607909143, 511051956503, 525935542551, 450205417751, 461861486871, 531755041047, 531756548375, 498760843543])">
15384              <div 
15385  x-data='{ 
15386    storeAvailabilites: {
15387      
15388    },
15389    pickupLocation: [
15390      
15391    ]
15392  }'
15393  x-show="$store.xStoreSelector?.selectedStore && pickupLocation.includes($store.xStoreSelector?.getStore())"
15394>
15395  <style data-shopify>
15396    .text-available, .text-unavailable {
15397      font-size: 0.669375rem;
15398      font-family: var(--font-body-family);
15399    }
15400
15401    @media (min-width: 768px) {
15402      .text-available, .text-unavailable {
15403        font-size: 0.74375rem;
15404      }
15405    }
15406
15407    .text-available {
15408      color: #739047;
15409    }
15410
15411    .dark .text-available {
15412      color: #739047;
15413    }
15414
15415    .text-unavailable {
15416      color: #767474;
15417    }
15418
15419    .dark .text-unavailable {
15420      color: #867F7F;
15421    }
15422  </style>
15423  <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-available flex flex-row items-center gap-[3px]">
15424    <span class="flex h-4 w-4 relative">
15425<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
15426  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
15427  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
15428</svg>
15429
15430</span><span x-text="'Available for pickup at ' + $store.xStoreSelector?.getStoreText()"> </span>
15431  </div>
15432  <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]">
15433    <span class="flex h-4 w-4 relative">
15434<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
15435  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
15436  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
15437</svg>
15438
15439</span><span x-text="'Out of stock at ' + $store.xStoreSelector?.getStoreText()"> </span>
15440  </div>
15441</div>
15442            </div>
15443          </template>
15444        </div>
15445      </div>
15446    </div>
15447    
15448  </div><div
15449      id="choose-options-template--27603645268247__featured_collection_p7xGPi-9935480520983-collection_TLnHCx"
15450      class="hidden md:block absolute w-full min-h-full h-full left-0 top-0 bg-[rgba(var(--background-color))] z-[15] md:list-layout:w-3/5 list-layout:lg:w-3/4 md:list-layout:left-auto md:list-layout:right-0"
15451      x-show="showOptions"
15452      x-transition:enter="transition-all ease-in-out duration-300"
15453      x-transition:enter-start="opacity-0 transform translate-y-full"
15454      x-transition:enter-end="opacity-100 transform translate-y-0"
15455      x-transition:leave="transition-all ease-in-out duration-300"
15456      x-transition:leave-start="opacity-100 transform translate-y-0"
15457      x-transition:leave-end="opacity-0 transform translate-y-full"
15458      x-cloak
15459    >
15460      <div  class="choose-options relative w-full min-h-full h-full"></div>
15461      <div class="icon-loading hidden absolute top-0 left-0 right-0 h-full w-full z-20 bg-[rgba(var(--background-color))]">
15462        <div
15463          class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[
15463calc(50%-10px)]">
15464          <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
15465    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
15466      fill="currentcolor" stroke="none">
15467      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
15468    </g>
15469  </svg>
15470
15471        </div>
15472      </div>
15473    </div>
15474  <div
15475    id="x-product-template-9935480520983-template--27603645268247__featured_collection_p7xGPi-1-2"
15476    class="list-layout:lg:w-3/4 md:list-layout:w-3/5 list-layout:md:pl-0 rtl:list-layout:md:pl-5 rtl:list-layout:md:pr-0  text-center"
15477  >
15478    
15479    
15480    
15481<div
15482            class="x-variants-data x-variants-data-js pt-3 border-t mt-3"
15483            x-data='xVariantSelectCard($el,"template--27603645268247__featured_collection_p7xGPi-1-2", "9935480520983", "/products/oolong-teas-collection-top-10-classic-for-beginners", false, false, false, "")'
15484            
15485              data-option1="US Warehouse"
15486              
15487            x-intersect.margin.200px="if ($el.querySelector('#variant-update-template--27603645268247__featured_collection_p7xGPi-1-2').innerHTML.trim() == '') $el.classList.add('hidden');"
15488          >
15489            <div
15490              id="current-variant-template--27603645268247__featured_collection_p7xGPi-9935480520983-collection_TLnHCx" 
15491              class="current-variant hidden"
15492            >
15493              55304877244695
15494            </div>
15495            <div
15496              id="variant-update-template--27603645268247__featured_collection_p7xGPi-1-2"
15497              class="variant-update-template--27603645268247__featured_collection_p7xGPi-1-2 list-layout:md:text-left rtl:list-layout:md:text-right options-container"
15498            >
15499                
15500</div>
15501          </div>
15502          
15502<script src="//iteaworld.com/cdn/shop/t/51/assets/variant-select-card.js?v=141088792309509576511782181913" defer></script>
15502
15503        
15504      
15505    <div class="bottom-card card-info ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end gap-1 empty:hidden"></div>
15506    
15507      <div class="card-info x-highlight-icon mt-2.5">
15508        <div 
15509  class="flex flex-wrap gap-[3px] rtl:flex-row-reverse ltr pr-0 pl-0 justify-center items-center list-layout:mt-4 list-layout:justify-start rtl:list-layout:justify-end empty:hidden"
15510  x-data="{setPosition(el) {
15511    parentEl = el.closest('.x-highlight-icon').getBoundingClientRect();
15512    el.style.setProperty('--maxwidth-tooltip', parentEl.width - 20 + 'px');
15513    elRect = el.getBoundingClientRect();
15514    let spacingLeft = elRect.left - parentEl.left;
15515    if (spacingLeft < 0) {
15516      el.style.setProperty('--left-tooltip', Math.abs(spacingLeft) + 'px');
15517    }
15518    let spacingRight = parentEl.right - elRect.right;
15519    if (spacingRight < 0) {
15520      el.style.setProperty('--left-tooltip', spacingRight + 'px');
15521    } 
15522  }}"
15523  x-init="$el.innerHTML = $el.innerHTML.trim();"
15524>
15525    �
15526    �
15527    �
15528    �</div>
15529      </div>
15530    
15531    
15532      <template x-if="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button && ($store.xQuickView.btn_atc_bottom || !$store.xQuickView.atc_btn_image_desktop)" 
15533            class="card-info bottom_atc md:list-layout:hidden hide-icon"
15534            :class="if($store.xQuickView.show_atc_button){ return ($store.xQuickView.btn_atc_bottom ? '' : 'hidden') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:hidden' : ' lg:block')}"
15535            x-cloak
15536          >
15537            
15538              <button
15539                type="submit"
15540                name="add"
15541                @click.prevent="setTimeout(() => { $store.xQuickView && (showOptions = !showOptions); $store.xQuickView.showChooseOption('template--27603645268247__featured_collection_p7xGPi-9935480520983-collection_TLnHCx', $el); }, 0)"
15542                x-on:mouseover="setTimeout(() => { $store.xQuickView && $store.xQuickView.loadChooseOptions('/products/oolong-teas-collection-top-10-classic-for-beginners', $el, 'template--27603645268247__featured_collection_p7xGPi-9935480520983-collection_TLnHCx', 602); }, 0)" 
15543                data-id="template--27603645268247__featured_collection_p7xGPi-9935480520983-collection_TLnHCx"
15544                class="button button--quickview button-solid not-icon leading-normal mt-2 w-full pr-5 pl-5 py-2.5 lg:py-3 h-full text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60"
15545                :class="errorMessage && 'opacity-60 cursor-not-allowed'"
15546                aria-label="Choose options"
15547              >
15548                <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
15549                  
15550                  <span class="flex items-center justify-center">
15551                    
15552
15553  
15554    
15555      <span class="button-text  is-focus-button:opacity-0">Choose options</span>
15556    
15557  
15558
15559
15560                  </span>
15561                </span>
15562                <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
15563                  <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
15564    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
15565      fill="currentcolor" stroke="none">
15566      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
15567    </g>
15568  </svg>
15569
15570                </div>
15571              </button>
15572             
15573          </div></template>
15574    
15575    
15576      <template x-if="$store.xQuickView">
15577        <div class="hidden md:list-layout:flex gap-3 mt-5 md:mt-7" x-show="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button" :class="$store.xQuickView.show_atc_button && ''">
15578              
15579                <button
15580                  type="submit"
15581                  name="add"
15582                  
15583                  @click.prevent="setTimeout(() => { $store.xQuickView && (showOptions = !showOptions); $store.xQuickView.showChooseOption('template--27603645268247__featured_collection_p7xGPi-9935480520983-collection_TLnHCx', $el); }, 0)"
15584                  x-on:mouseover="setTimeout(() => { $store.xQuickView && $store.xQuickView.loadChooseOptions('/products/oolong-teas-collection-top-10-classic-for-beginners', $el, 'template--27603645268247__featured_collection_p7xGPi-9935480520983-collection_TLnHCx', 602); }, 0)" 
15585                  data-id="template--27603645268247__featured_collection_p7xGPi-9935480520983-collection_TLnHCx"
15586                  class="button button--quickview button-solid not-icon leading-normal w-full py-2.5 lg:pl-5 lg:pr-5 lg:py-3 h-full text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60 hidden lg:block"
15587                  :class="errorMessage && 'opacity-60 cursor-not-allowed'"
15588                  aria-label="Choose options"
15589                >
15590                  <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
15591                    
15592                    <span class="flex items-center justify-center">
15593                      
15594
15595  
15596    
15597      <span class="button-text  is-focus-button:opacity-0">Choose options</span>
15598    
15599  
15600
15601
15602                    </span>
15603                  </span>
15604                  <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
15605                    <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
15606    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
15607      fill="currentcolor" stroke="none">
15608      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
15609    </g>
15610  </svg>
15611
15612                  </div>
15613                </button>
15614               
15615            </div><button 
15616            x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/products/oolong-teas-collection-top-10-classic-for-beginners', $el, 'template--27603645268247__featured_collection_p7xGPi-9935480520983-collection_TLnHCx')" 
15617            x-on:focus="$store.xQuickView && $store.xQuickView.load('/products/oolong-teas-collection-top-10-classic-for-beginners', $el, 'template--27603645268247__featured_collection_p7xGPi-9935480520983-collection_TLnHCx')" 
15618            @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
15619            class="button label-btn-quickview button-solid button--quickview leading-normal none_border pt-2 pl-5 pb-2 pr-5 lg:pt-3 lg:pb-3" 
15620            aria-label="Button quickview"
15621            x-customer-event-data="{
15622    &quot;product&quot;: {
15623      &quot;title&quot;: &quot;
15623Oolong Tea Flavor Exploration Collection 100g&quot;,
15624      &quot;listName&quot;: &quot;Best Seller&quot;,
15625      &quot;sku&quot;: &quot;9935480520983&quot;,
15626      &quot;currencyCode&quot;: &quot;USD&quot;,
15627      &quot;price&quot;: 1999,
15628      &quot;vendor&quot;: &quot;iTeaworld&quot;
15629    }
15630  }"
15631            x-show="$store.xQuickView.enabled"
15632          >
15633            <span class="flex justify-center items-center">
15634              
15635
15636  <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>
15637
15638
15639            </span>
15640          </button>
15641        </div>
15642      </template>
15643    
15644  </div>
15645</div>
15646<style data-shopify>
15647                        .x-slide-animation-duration-3 {
15648                          --delay-time: 200ms
15649                        }
15650                      </style>
15651                      
15652                      
15653
15654<div 
15655  
15656    x-data="xProductCard('template--27603645268247__featured_collection_p7xGPi-1-3', '/products/herbal-tea-vine-tea', '9666539651351')"  
15657  
15658  class="card-product  overflow-hidden card md:list-layout:flex relative pb-4 md:pb-5 splide__slide x-splide-slide h-auto preload-slide-collection_TLnHCxtemplate--27603645268247__featured_collection_p7xGPi preload-slide-mobile--collection_TLnHCxtemplate--27603645268247__featured_collection_p7xGPi rounded-[10px]" 
15659  x-slide-index="2"
15660>
15661  <div class="md:list-layout:w-2/5 md:list-layout:lg:w-1/4 relative disable-effect md:list-layout:pr-8"
15662  >
15663    <style data-shopify>
15664      
15665    </style>
15666    
15667    <style data-shopify>
15668      
15669    </style>
15670    <a 
15671      
15672        x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active', 'lazy_active')"
15673      
15674      href="/products/herbal-tea-vine-tea"
15675       
15676        x-data="{ lastWindowWidth: 0 }"
15677        x-intersect.once.margin.200px='$nextTick(() => { $store.xBadges && $store.xBadges.load($el, () => {}, null, true); })'
15678        x-labels-data="[
15679    
15680{
15681      &quot;variant_id&quot;: 55304452473111,
15682      &quot;product_id&quot;: 9666539651351,
15683      &quot;available&quot;: true,
15684      &quot;title&quot;: &quot;Caffeine-Free Herbal Tea – Vine Tea&quot;,
15685      &quot;compare_at_price&quot;: 0,
15686      &quot;price&quot;: 2499,
15687      &quot;price_with_currency&quot;: &quot;$24.99 USD&quot;,
15688      &quot;sale_amount&quot;: &quot;$-24.99&quot;,
15689      &quot;collections&quot;: &quot;||532285358359||511975915799||529991958807||456139243799||495480209687||526632714519||521179136279||518891110679||511928795415||486097027351||495506391319||532159365399||531296977175||483191390487||516657643799||531755041047||531757367575||498760843543||&quot;,
15690      &quot;inventory_management&quot;: &quot;shopify&quot;,
15691      &quot;qty&quot;: 16,
15692      &quot;container&quot;: &quot;card&quot;,
15693      &quot;can_show_preorder&quot;: false,
15694      &quot;diff_day_create&quot;: 751.28,
15695      &quot;diff_day_publish&quot;: 751.24
15696      
15697        ,&quot;metafield_label&quot;: { 
15698          &quot;custom.flavors&quot;:&quot;&quot;
15699        }
15700      
15701      }
15702    ]"
15703       
15704      aria-label="Caffeine-Free Herbal Tea – Vine Tea"
15705      id="9666539651351-template--27603645268247__featured_collection_p7xGPi"
15706      class="x-labels-data ltr group link-product-variant overflow-hidden block relative z-[15] cursor-pointer before:h-0 before:block no-collage rounded-[10px] pb-[100%]">
15707      <div x-data="xDoubleTouch('/products/herbal-tea-vine-tea')" class="w-full h-full z-0 overflow-hidden absolute top-0 left-0 animate_transition_card__image">
15708        <div
15709          id="x-slideshow-card-product-template--27603645268247__featured_collection_p7xGPi-1-3-2"
15710          class="block h-full" 
15711          @click='$store.xCustomerEvent.fire("product_selected", $el)'
15712          x-customer-event-data="{
15713    &quot;product&quot;: {
15714      &quot;title&quot;: &quot;Caffeine-Free Herbal Tea – Vine Tea&quot;,
15715      &quot;listName&quot;: &quot;Best Seller&quot;,
15716      &quot;sku&quot;: &quot;9666539651351&quot;,
15717      &quot;currencyCode&quot;: &quot;USD&quot;,
15718      &quot;price&quot;: 990,
15719      &quot;vendor&quot;: &quot;iTeaworld&quot;
15720    }
15721  }"
15722          ><div 
15723              class="absolute inset-0 z-10 pointer-events-auto dbtap-overlay"
15724              @touchstart="onTouchStart($event)"
15725              @touchend.prevent="onTouchEnd($el.closest('.x-splide'))"
15726              @touchmove="onTouchMove($event)"
15727            ></div>
15728<div class="w-full z-0 h-full min-h-full top-0 left-0 absolute"
15729            >
15730              
15731              <picture>
15732                <img
15733                  srcset="
15734                  //iteaworld.com/cdn/shop/files/yongshun_meicha.webp?v=1790066999&width=250 250w,
15735                  //iteaworld.com/cdn/shop/files/yongshun_meicha.webp?v=1790066999&width=350 350w,
15736                  //iteaworld.com/cdn/shop/files/yongshun_meicha.webp?v=1790066999&width=450 450w,
15737                  //iteaworld.com/cdn/shop/files/yongshun_meicha.webp?v=1790066999&width=750 750w,
15738                  //iteaworld.com/cdn/shop/files/yongshun_meicha.webp?v=1790066999&width=900 900w,
15739                  //iteaworld.com/cdn/shop/files/yongshun_meicha.webp?v=1790066999&width=1100 1100w,
15740                  //iteaworld.com/cdn/shop/files/yongshun_meicha.webp?v=1790066999&width=1500 1500w,//iteaworld.com/cdn/shop/files/yongshun_meicha.webp?v=1790066999 1600w" 
15741                  src="//iteaworld.com/cdn/shop/files/yongshun_meicha.webp?v=1790066999&width=1500"
15742                  sizes="(min-width: 1400px) calc(100vw / 4), (min-width: 1024px) calc((100vw) / 4), (min-width: 768px) calc((100vw) / 2), calc(100vw /2)"
15743                  alt="Caffeine-Free Herbal Tea – Vine Tea"
15744                  :class="showSecond ? 'first-img' : ''"
15745                  class="w-full  preview-img motion-reduce aspect-square relative animate-Xpulse skeleton-image object-cover h-full min-h-full image-first-hover lg:group-hover:opacity-0 animate_transition_image"
15746                  loading="lazy"
15747                  width="1600"
15748                  height="1600"
15749                  onload="this?.classList.add('active');this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
15750                    setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);"
15751                />
15752              </picture>
15753              
15754            </div><div class="w-full h-full top-0 left-0 absolute lg:block">
15755                  
15756                  <picture>
15757                    <img
15758                      srcset="//iteaworld.com/cdn/shop/files/04_b1e2b4fa-11f0-47de-b0e1-6e1f
157580d85baff.jpg?v=1755504432&width=250 250w,
15759                        //iteaworld.com/cdn/shop/files/04_b1e2b4fa-11f0-47de-b0e1-6e1f0d85baff.jpg?v=1755504432&width=350 350w,
15760                        //iteaworld.com/cdn/shop/files/04_b1e2b4fa-11f0-47de-b0e1-6e1f0d85baff.jpg?v=1755504432&width=450 450w,
15761                        //iteaworld.com/cdn/shop/files/04_b1e2b4fa-11f0-47de-b0e1-6e1f0d85baff.jpg?v=1755504432&width=750 750w,
15762                        //iteaworld.com/cdn/shop/files/04_b1e2b4fa-11f0-47de-b0e1-6e1f0d85baff.jpg?v=1755504432&width=900 900w,
15763                        //iteaworld.com/cdn/shop/files/04_b1e2b4fa-11f0-47de-b0e1-6e1f0d85baff.jpg?v=1755504432&width=1100 1100w,
15764                        //iteaworld.com/cdn/shop/files/04_b1e2b4fa-11f0-47de-b0e1-6e1f0d85baff.jpg?v=1755504432&width=1500 1500w,//iteaworld.com/cdn/shop/files/04_b1e2b4fa-11f0-47de-b0e1-6e1f0d85baff.jpg?v=1755504432 1600w"
15765                      src="//iteaworld.com/cdn/shop/files/04_b1e2b4fa-11f0-47de-b0e1-6e1f0d85baff.jpg?v=1755504432&width=1500"
15766                      sizes="(min-width: 1400px) calc(100vw / 4), (min-width: 1024px) calc((100vw) / 4), (min-width: 768px) calc((100vw) / 2), calc(100vw /2)"
15767                      alt="Caffeine-Free Herbal Tea – Vine Tea"
15768                      :class="showSecond ? 'second-img' : ''"
15769                      class="motion-reduce min-w-full h-full object-cover group-hover:cursor-pointer image-second-hover opacity-0 lg:group-hover:opacity-100"
15770                      loading="lazy"
15771                      width="1600"
15772                      height="1600"
15773                      onload="this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
15774                        setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);"
15775                    />
15776                  </picture>
15777                  
15778                </div></div>
15779      </div>
15780        <div class="md:list-layout:hidden" x-show="$store.xQuickView" :class="$store.xQuickView && $store.xQuickView.btn_atc_bottom ? 'mobile-bottom':''"><div class="quick-view-container absolute z-20 bottom-2 right-2 rtl:right-auto rtl:left-4 rtl:lg:left-auto lg:top-auto lg:right-auto lg:bottom-4 lg:w-full lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0 lg:translate-y-full transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0"
15781              x-show="$store.xQuickView" x-cloak
15782            > 
15783              <div x-data="xProductCart" x-show="$store.xQuickView && $store.xQuickView.show_atc_button"
15784                class="w-full hide-icon lg:px-4" 
15785                :class="if($store.xQuickView){ return ($store.xQuickView.btn_atc_bottom ? 'hidden' : '') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:block' : ' lg:hidden') }"
15786                x-cloak
15787              >
15788                
15789                  <button
15790                    class="button button--quickview button-solid not-icon leading-normal w-full pr-5 pl-5 py-2.5 lg:py-3 h-full text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60 hidden lg:block"
15791                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
15792                    
15793                      type="submit"
15794                      name="add"
15795                      @click.prevent="setTimeout(() => { $store.xQuickView && (showOptions = !showOptions); $store.xQuickView.showChooseOption('template--27603645268247__featured_collection_p7xGPi-9666539651351-collection_TLnHCx', $el); }, 0)"
15796                      x-on:mouseover="setTimeout(() => { $store.xQuickView && $store.xQuickView.loadChooseOptions('/products/herbal-tea-vine-tea', $el, 'template--27603645268247__featured_collection_p7xGPi-9666539651351-collection_TLnHCx', 603); }, 0)"
15797                      data-id="template--27603645268247__featured_collection_p7xGPi-9666539651351-collection_TLnHCx"
15798                      
15799                        aria-label="Choose options"
15800                      
15801                    
15802                  >
15803                    <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
15804                      
15805                      <span class="flex items-center justify-center">
15806                        
15807
15808  
15809    
15810      <span class="button-text  is-focus-button:opacity-0">Choose options</span>
15811    
15812  
15813
15814
15815                      </span>
15816                    </span>
15817                    <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
15818                      <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
15819    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
15820      fill="currentcolor" stroke="none">
15821      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
15822    </g>
15823  </svg>
15824
15825                    </div>
15826                  </button>
15827                  <button 
15828                    class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-[6px] disabled:cursor-not-allowed disabled:opacity-60"
15829                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
15830                    
15831                      type="submit"
15832                      name="add"
15833                      @click.prevent="setTimeout(() => { $store.xQuickView && (showOptions = !showOptions); $store.xQuickView.showChooseOption('template--27603645268247__featured_collection_p7xGPi-9666539651351-collection_TLnHCx', $el); }, 0)"
15834                      x-on:mouseover="setTimeout(() => { $store.xQuickView && $store.xQuickView.loadChooseOptions('/products/herbal-tea-vine-tea', $el, 'template--27603645268247__featured_collection_p7xGPi-9666539651351-collection_TLnHCx', 603); }, 0)"
15835                      data-id="template--27603645268247__featured_collection_p7xGPi-9666539651351-collection_TLnHCx"aria-label="Add to cart"x-customer-event-data="{
15836    &quot;product&quot;: {
15837      &quot;title&quot;: &quot;Caffeine-Free Herbal Tea – Vine Tea&quot;,
15838      &quot;listName&quot;: &quot;Best Seller&quot;,
15839      &quot;sku&quot;: &quot;9666539651351&quot;,
15840      &quot;currencyCode&quot;: &quot;USD&quot;,
15841      &quot;price&quot;: 990,
15842      &quot;vendor&quot;: &quot;iTeaworld&quot;
15843    }
15844  }"
15845                    
15846                  >
15847                    <span class="w-5 h-5 flex items-center justify-center md:w-6 md:h-6" x-show="!loading"><svg class="" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 20 16" fill="none" style="fill:none;">
15848    <g>
15849    <path d="M4.537 3.25H18.0745L15.937 10.375H6.6745L4.537 3.25ZM4.537 3.25L4.00262 1.46875" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
15850    <path d="M9.28698 12.8687C9.28698 13.459 8.80846 13.9375 8.21823 13.9375C7.62797 13.9375 7.14948 13.459 7.14948 12.8687" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
15851    <path d="M14.9872 12.75C14.9872 13.3402 14.5087 13.8188 13.9185 13.8188C13.3282 13.8188 12.8497 13.3402 12.8497 12.75" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
15852    <path d="M1.44977 1.35001H3.34977" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
15853    </g>
15854  </svg></span>
15855                    <span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak>
15856                    <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
15857    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
15858      fill="currentcolor" stroke="none">
15859      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
15860    </g>
15861  </svg>
15862
15863                    </span>
15864                  </button>
15865                
15866              </div>
15867            </div><div
15868            class="button-quickview-icon absolute z-[15] lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0  transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0"
15869            :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'btn-quickadd  bottom-11 md:bottom-12 right-2 lg:top-4 lg:bottom-auto lg:-translate-y-full rtl:right-auto rtl:left-2' : 'bottom-2 right-0 lg:top-auto lg:translate-y-full lg:right-auto lg:bottom-4 lg:w-full lg:left-0 pl-2 pr-2 lg:pr-4 lg:pl-4'"
15870            x-show="$store.xQuickView && $store.xQuickView.enabled" x-cloak
15871            >
15872            <div>
15873              <button
15874                @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
15875                x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/products/herbal-tea-vine-tea', $el, 'template--27603645268247__featured_collection_p7xGPi-9666539651351-collection_TLnHCx')" 
15876                x-on:focus="$store.xQuickView && $store.xQuickView.load('/products/herbal-tea-vine-tea', $el, 'template--27603645268247__featured_collection_p7xGPi-9666539651351-collection_TLnHCx')" 
15877                class="button label-btn-quickview button--quickview not-icon leading-normal empty:hidden hidden lg:block z-50 h-full"
15878                :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'p-1.5 md:p-2.5 rounded-full button-disable-effect' : 'w-full pt-3 pb-3 button-solid'"
15879                x-customer-event-data="{
15880    &quot;product&quot;: {
15881      &quot;title&quot;: &quot;Caffeine-Free Herbal Tea – Vine Tea&quot;,
15882      &quot;listName&quot;: &quot;Best Seller&quot;,
15883      &quot;sku&quot;: &quot;9666539651351&quot;,
15884      &quot;currencyCode&quot;: &quot;USD&quot;,
15885      &quot;price&quot;: 990,
15886      &quot;vendor&quot;: &quot;iTeaworld&quot;
15887    }
15888  }"
15889                aria-label="Button quickview"
15890              >
15891                <span x-show="$store.xQuickView && $store.xQuickView.show_atc_button" class="w-4 h-4 flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16" fill="none" style="fill:none;">
15892    <path d="M7.67451 13.8502C11.0849 13.8502 13.8496 11.0855 13.8496 7.67508C13.8496 4.26468 11.0849 1.5 7.67451 1.5C4.2641 1.5 1.49942 4.26468 1.49942 7.67508C1.49942 11.0855 4.2641 13.8502 7.67451 13.8502Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
15893    <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
15894  </svg>
15895</span>
15896                <span x-show="$store.xQuickView && !$store.xQuickView.show_atc_button" class="flex items-center justify-center">
15897                  
15898
15899  <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>
15900
15901
15902                </span>
15903              </button>
15904              <button @click.prevent='$store.xQuickView && $store.xQuickView.load("/products/herbal-tea-vine-tea", $el, "template--27603645268247__featured_collection_p7xGPi-9666539651351-collection_TLnHCx"); $store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
15905                class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-2" 
15906                aria-label="Button quickview"
15907                x-customer-event-data="{
15908    &quot;product&quot;: {
15909      &quot;title&quot;: &quot;Caffeine-Free Herbal Tea – Vine Tea&quot;,
15910      &quot;listName&quot;: &quot;Best Seller&quot;,
15911      &quot;sku&quot;: &quot;9666539651351&quot;,
15912      &quot;currencyCode&quot;: &quot;USD&quot;,
15913      &quot;price&quot;: 990,
15914      &quot;vendor&quot;: &quot;iTeaworld&quot;
15915    }
15916  }"
15917              >
15918                <span class="w-4 h-4 md:w-5 md:h-5 flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16" fill="none" style="fill:none;">
15919    <path d="M7.67451 13.8502C11.0849 13.8502 13.8496 11.0855 13.8496 7.67508C13.8496 4.26468 11.0849 1.5 7.67451 1.5C4.2641 1.5 1.49942 4.26468 1.49942 7.67508C1.49942 11.0855 4.2641 13.8502 7.67451 13.8502Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
15920    <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
15921  </svg>
15922</span>
15923              </button>
15924            </div>
15925          </div>
15926        </div>
15927      
15928    </a>
15929    
15930    
15931    <div class="md:list-layout:hidden">
15932      <div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0">
15933        <div class="no-collage:mb-2 text-center md:list-layout:text-left">
15934          
15935          <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2.5 gap-1 empty:hidden"></div><h3 class="card__heading h5 no-collage:mb-2 mb-2.5 leading-tight" id="title-template--27603645268247__featured_collection_p7xGPi-9666539651351">
15936            <a href="/products/herbal-tea-vine-tea"
15937              class="x-card-title full-unstyled-link link-product-variant  text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words"
15938              @click='$store.xCustomerEvent.fire("product_selected", $el)'
15939              x-customer-event-data="{
15940    &quot;product&quot;: {
15941      &quot;title&quot;: &quot;Caffeine-Free Herbal Tea – Vine Tea&quot;,
15942      &quot;listName&quot;: &quot;Best Seller&quot;,
15943      &quot;sku&quot;: &quot;9666539651351&quot;,
15944      &quot;currencyCode&quot;: &quot;USD&quot;,
15945      &quot;price&quot;: 990,
15946      &quot;vendor&quot;: &quot;iTeaworld&quot;
15947    }
15948  }"
15949            >
15950              Caffeine-Free Herbal Tea – Vine Tea
15951            </a>
15952          </h3>
15953          
15954<div  class="x-card-price flex items-center mb-2.5 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start">
15955            
15956            
15957              <div class=" price leading-none">
15958  <div class="">
15959    <div class="target-price hidden">990</div>
15960    <div class="target-compare-at-price hidden"></div>
15961    
15962<p class="price ">
15963          <span>From $9.90 USD</span>
15964        </p><small class="text-[70%] hidden">
15965        <span class="hidden">Unit price</span>
15966        <span class="up price-item price-item--last">
15967          <span class="unit-price">
15968
15969          </span>
15970          <span aria-hidden="true">/</span>
15971          <span class="hidden">&nbsp;per&nbsp;</span>
15972          <span>
15973          </span>
15974        </span>
15975      </small>
15976    
15977  </div>
15978  
15979</div>
15980            
15981            <div class="leading-none next-price empty:hidden"></div>
15982          </div>
15983          
15984          <template x-if="localStorage.getItem('selectedStore')">
15985            <div id="x-availability-notice-template--27603645268247__featured_collection_p7xGPi" class="flex mb-2.5 items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start justify-center" x-show="$store.xStoreSelector?.canShow('9666539651351', [532285358359, 511975915799, 529991958807, 456139243799, 495480209687, 526632714519, 521179136279, 518891110679, 511928795415, 486097027351, 495506391319, 532159365399, 531296977175, 483191390487, 516657643799, 531755041047, 531757367575, 498760843543])">
15986              <div 
15987  x-data='{ 
15988    storeAvailabilites: {
15989      
15990    },
15991    pickupLocation: [
15992      
15993    ]
15994  }'
15995  x-show="$store.xStoreSelector?.selectedStore && pickupLocation.includes($store.xStoreSelector?.getStore())"
15996>
15997  <style data-shopify>
15998    .text-available, .text-unavailable {
15999      font-size: 0.669375rem;
16000      font-family: var(--font-body-family);
16001    }
16002
16003    @media (min-width: 768px) {
16004      .text-available, .text-unavailable {
16005        font-size: 0.74375rem;
16006      }
16007    }
16008
16009    .text-available {
16010      color: #739047;
16011    }
16012
16013    .dark .text-available {
16014      color: #739047;
16015    }
16016
16017    .text-unavailable {
16018      color: #767474;
16019    }
16020
16021    .dark .text-unavailable {
16022      color: #867F7F;
16023    }
16024  </style>
16025  <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-available flex flex-row items-center gap-[3px]">
16026    <span class="flex h-4 w-4 relative">
16027<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
16028  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
16029  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
16030</svg>
16031
16032</span><span x-text="'Available for pickup at ' + $store.xStoreSelector?.getStoreText()"> </span>
16033  </div>
16034  <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]">
16035    <span class="flex h-4 w-4 relative">
16036<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
16037  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
16038  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
16039</svg>
16040
16041</span><span x-text="'Out of stock at ' + $store.xStoreSelector?.getStoreText()"> </span>
16042  </div>
16043</div>
16044            </div>
16045          </template>
16046        </div>
16047      </div>
16048    </div>
16049    
16050  </div><div
16051      id="choose-options-template--27603645268247__featured_collection_p7xGPi-9666539651351-collection_TLnHCx"
16052      class="hidden md:block absolute w-full min-h-full h-full left-0 top-0 bg-[rgba(var(--background-color))] z-[15] md:list-layout:w-3/5 list-layout:lg:w-3/4 md:list-layout:left-auto md:list-layout:right-0"
16053      x-show="showOptions"
16054      x-transition:enter="transition-all ease-in-out duration-300"
16055      x-transition:enter-start="opacity-0 transform translate-y-full"
16056      x-transition:enter-end="opacity-100 transform translate-y-0"
16057      x-transition:leave="transition-all ease-in-out duration-300"
16058      x-transition:leave-start="opacity-100 transform translate-y-0"
16059      x-transition:leave-end="opacity-0 transform translate-y-full"
16060      x-cloak
16061    >
16062      <div  class="choose-options relative w-full min-h-full h-full"></div>
16063      <div class="icon-loading hidden absolute top-0 left-0 right-0 h-full w-full z-20 bg-[rgba(var(--background-color))]">
16064        <div
16065          class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[
16065calc(50%-10px)]">
16066          <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
16067    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
16068      fill="currentcolor" stroke="none">
16069      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
16070    </g>
16071  </svg>
16072
16073        </div>
16074      </div>
16075    </div>
16076  <div
16077    id="x-product-template-9666539651351-template--27603645268247__featured_collection_p7xGPi-1-3"
16078    class="list-layout:lg:w-3/4 md:list-layout:w-3/5 list-layout:md:pl-0 rtl:list-layout:md:pl-5 rtl:list-layout:md:pr-0  text-center"
16079  >
16080    
16081    
16082    
16083<div
16084            class="x-variants-data x-variants-data-js pt-3 border-t mt-3"
16085            x-data='xVariantSelectCard($el,"template--27603645268247__featured_collection_p7xGPi-1-3", "9666539651351", "/products/herbal-tea-vine-tea", false, false, false, "")'
16086            
16087              data-option1="2.11 OZ (60g)"
16088            
16089              data-option2="US Warehouse"
16090              
16091            x-intersect.margin.200px="if ($el.querySelector('#variant-update-template--27603645268247__featured_collection_p7xGPi-1-3').innerHTML.trim() == '') $el.classList.add('hidden');"
16092          >
16093            <div
16094              id="current-variant-template--27603645268247__featured_collection_p7xGPi-9666539651351-collection_TLnHCx" 
16095              class="current-variant hidden"
16096            >
16097              55304452473111
16098            </div>
16099            <div
16100              id="variant-update-template--27603645268247__featured_collection_p7xGPi-1-3"
16101              class="variant-update-template--27603645268247__featured_collection_p7xGPi-1-3 list-layout:md:text-left rtl:list-layout:md:text-right options-container"
16102            >
16103                
16104
16105                
16106</div>
16107          </div>
16108          
16108<script src="//iteaworld.com/cdn/shop/t/51/assets/variant-select-card.js?v=141088792309509576511782181913" defer></script>
16108
16109        
16110      
16111    <div class="bottom-card card-info ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end gap-1 empty:hidden"></div>
16112    
16113      <div class="card-info x-highlight-icon mt-2.5">
16114        <div 
16115  class="flex flex-wrap gap-[3px] rtl:flex-row-reverse ltr pr-0 pl-0 justify-center items-center list-layout:mt-4 list-layout:justify-start rtl:list-layout:justify-end empty:hidden"
16116  x-data="{setPosition(el) {
16117    parentEl = el.closest('.x-highlight-icon').getBoundingClientRect();
16118    el.style.setProperty('--maxwidth-tooltip', parentEl.width - 20 + 'px');
16119    elRect = el.getBoundingClientRect();
16120    let spacingLeft = elRect.left - parentEl.left;
16121    if (spacingLeft < 0) {
16122      el.style.setProperty('--left-tooltip', Math.abs(spacingLeft) + 'px');
16123    }
16124    let spacingRight = parentEl.right - elRect.right;
16125    if (spacingRight < 0) {
16126      el.style.setProperty('--left-tooltip', spacingRight + 'px');
16127    } 
16128  }}"
16129  x-init="$el.innerHTML = $el.innerHTML.trim();"
16130>
16131    �
16132    �
16133    �
16134    �</div>
16135      </div>
16136    
16137    
16138      <template x-if="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button && ($store.xQuickView.btn_atc_bottom || !$store.xQuickView.atc_btn_image_desktop)" 
16139            class="card-info bottom_atc md:list-layout:hidden hide-icon"
16140            :class="if($store.xQuickView.show_atc_button){ return ($store.xQuickView.btn_atc_bottom ? '' : 'hidden') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:hidden' : ' lg:block')}"
16141            x-cloak
16142          >
16143            
16144              <button
16145                type="submit"
16146                name="add"
16147                @click.prevent="setTimeout(() => { $store.xQuickView && (showOptions = !showOptions); $store.xQuickView.showChooseOption('template--27603645268247__featured_collection_p7xGPi-9666539651351-collection_TLnHCx', $el); }, 0)"
16148                x-on:mouseover="setTimeout(() => { $store.xQuickView && $store.xQuickView.loadChooseOptions('/products/herbal-tea-vine-tea', $el, 'template--27603645268247__featured_collection_p7xGPi-9666539651351-collection_TLnHCx', 603); }, 0)" 
16149                data-id="template--27603645268247__featured_collection_p7xGPi-9666539651351-collection_TLnHCx"
16150                class="button button--quickview button-solid not-icon leading-normal mt-2 w-full pr-5 pl-5 py-2.5 lg:py-3 h-full text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60"
16151                :class="errorMessage && 'opacity-60 cursor-not-allowed'"
16152                aria-label="Choose options"
16153              >
16154                <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
16155                  
16156                  <span class="flex items-center justify-center">
16157                    
16158
16159  
16160    
16161      <span class="button-text  is-focus-button:opacity-0">Choose options</span>
16162    
16163  
16164
16165
16166                  </span>
16167                </span>
16168                <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
16169                  <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
16170    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
16171      fill="currentcolor" stroke="none">
16172      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
16173    </g>
16174  </svg>
16175
16176                </div>
16177              </button>
16178             
16179          </div></template>
16180    
16181    
16182      <template x-if="$store.xQuickView">
16183        <div class="hidden md:list-layout:flex gap-3 mt-5 md:mt-7" x-show="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button" :class="$store.xQuickView.show_atc_button && ''">
16184              
16185                <button
16186                  type="submit"
16187                  name="add"
16188                  
16189                  @click.prevent="setTimeout(() => { $store.xQuickView && (showOptions = !showOptions); $store.xQuickView.showChooseOption('template--27603645268247__featured_collection_p7xGPi-9666539651351-collection_TLnHCx', $el); }, 0)"
16190                  x-on:mouseover="setTimeout(() => { $store.xQuickView && $store.xQuickView.loadChooseOptions('/products/herbal-tea-vine-tea', $el, 'template--27603645268247__featured_collection_p7xGPi-9666539651351-collection_TLnHCx', 603); }, 0)" 
16191                  data-id="template--27603645268247__featured_collection_p7xGPi-9666539651351-collection_TLnHCx"
16192                  class="button button--quickview button-solid not-icon leading-normal w-full py-2.5 lg:pl-5 lg:pr-5 lg:py-3 h-full text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60 hidden lg:block"
16193                  :class="errorMessage && 'opacity-60 cursor-not-allowed'"
16194                  aria-label="Choose options"
16195                >
16196                  <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
16197                    
16198                    <span class="flex items-center justify-center">
16199                      
16200
16201  
16202    
16203      <span class="button-text  is-focus-button:opacity-0">Choose options</span>
16204    
16205  
16206
16207
16208                    </span>
16209                  </span>
16210                  <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
16211                    <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
16212    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
16213      fill="currentcolor" stroke="none">
16214      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
16215    </g>
16216  </svg>
16217
16218                  </div>
16219                </button>
16220               
16221            </div><button 
16222            x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/products/herbal-tea-vine-tea', $el, 'template--27603645268247__featured_collection_p7xGPi-9666539651351-collection_TLnHCx')" 
16223            x-on:focus="$store.xQuickView && $store.xQuickView.load('/products/herbal-tea-vine-tea', $el, 'template--27603645268247__featured_collection_p7xGPi-9666539651351-collection_TLnHCx')" 
16224            @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
16225            class="button label-btn-quickview button-solid button--quickview leading-normal none_border pt-2 pl-5 pb-2 pr-5 lg:pt-3 lg:pb-3" 
16226            aria-label="Button quickview"
16227            x-customer-event-data="{
16228    &quot;product&quot;: {
16229      &quot;title&quot;: &quot;Caffeine-Free Herbal Tea – Vine Tea&quot;,
16230      &quot;listName&quot;: &quot;Best Seller&quot;,
16231      &quot;sku&quot;: &quot;9666539651351&quot;,
16232      &quot;currencyCode&quot;: &quot;USD&quot;,
16233      &quot;price&quot;: 990,
16234      &quot;vendor&quot;: &quot;iTeaworld&quot;
16235    }
16236  }"
16237            x-show="$store.xQuickView.enabled"
16238          >
16239            <span class="flex justify-center items-center">
16240              
16241
16242  <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>
16243
16244
16245            </span>
16246          </button>
16247        </div>
16248      </template>
16249    
16250  </div>
16251</div>
16252<style data-shopify>
16253                        .x-slide-animation-duration-4 {
16254                          --delay-time: 300ms
16255                        }
16256                      </style>
16257                      
16258                      
16259
16260<div 
16261  
16262    x-data="xProductCard('template--27603645268247__featured_collection_p7xGPi-1-4', '/products/da-hong-pao', '8398719648023')"  
16263  
16264  class="card-product  overflow-hidden card md:list-layout:flex relative pb-4 md:pb-5 splide__slide x-splide-slide h-auto preload-slide-collection_TLnHCxtemplate--27603645268247__featured_collection_p7xGPi preload-slide-mobile--collection_TLnHCxtemplate--27603645268247__featured_collection_p7xGPi rounded-[10px]" 
16265  x-slide-index="3"
16266>
16267  <div class="md:list-layout:w-2/5 md:list-layout:lg:w-1/4 relative disable-effect md:list-layout:pr-8"
16268  >
16269    <style data-shopify>
16270      
16271    </style>
16272    
16273    <style data-shopify>
16274      
16275    </style>
16276    <a 
16277      
16278        x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active', 'lazy_active')"
16279      
16280      href="/products/da-hong-pao"
16281       
16282        x-data="{ lastWindowWidth: 0 }"
16283        x-intersect.once.margin.200px='$nextTick(() => { $store.xBadges && $store.xBadges.load($el, () => {}, null, true); })'
16284        x-labels-data="[
16285    
16286{
16287      &quot;variant_id&quot;: 55297771471127,
16288      &quot;product_id&quot;: 8398719648023,
16289      &quot;available&quot;: true,
16290      &quot;title&quot;: &quot;Da Hong Pao Oolong Tea 80g&quot;,
16291      &quot;compare_at_price&quot;: 0,
16292      &quot;price&quot;: 1999,
16293      &quot;price_with_currency&quot;: &quot;$19.99 USD&quot;,
16294      &quot;sale_amount&quot;: &quot;$-19.99&quot;,
16295      &quot;collections&quot;: &quot;||532285358359||526343635223||526632485143||511975915799||529991958807||495480209687||456987115799||509327376663||449406664983||532159365399||527444803863||525935542551||531755041047||531756548375||498760843543||526631928087||&quot;,
16296      &quot;inventory_management&quot;: &quot;shopify&quot;,
16297      &quot;qty&quot;: 18,
16298      &quot;container&quot;: &quot;card&quot;,
16299      &quot;can_show_preorder&quot;: false,
16300      &quot;diff_day_create&quot;: 1195.99,
16301      &quot;diff_day_publish&quot;: 111.24
16302      
16303        ,&quot;metafield_label&quot;: { 
16304          &quot;custom.flavors&quot;:&quot;&quot;
16305        }
16306      
16307      }
16308    ]"
16309       
16310      aria-label="Da Hong Pao Oolong Tea 80g"
16311      id="8398719648023-template--27603645268247__featured_collection_p7xGPi"
16312      class="x-labels-data ltr group link-product-variant overflow-hidden block relative z-[15] curs
16312or-pointer before:h-0 before:block no-collage rounded-[10px] pb-[100%]">
16313      <div x-data="xDoubleTouch('/products/da-hong-pao')" class="w-full h-full z-0 overflow-hidden absolute top-0 left-0 animate_transition_card__image">
16314        <div
16315          id="x-slideshow-card-product-template--27603645268247__featured_collection_p7xGPi-1-4-3"
16316          class="block h-full" 
16317          @click='$store.xCustomerEvent.fire("product_selected", $el)'
16318          x-customer-event-data="{
16319    &quot;product&quot;: {
16320      &quot;title&quot;: &quot;Da Hong Pao Oolong Tea 80g&quot;,
16321      &quot;listName&quot;: &quot;Best Seller&quot;,
16322      &quot;sku&quot;: &quot;8398719648023&quot;,
16323      &quot;currencyCode&quot;: &quot;USD&quot;,
16324      &quot;price&quot;: 1999,
16325      &quot;vendor&quot;: &quot;iTeaworld&quot;
16326    }
16327  }"
16328          ><div 
16329              class="absolute inset-0 z-10 pointer-events-auto dbtap-overlay"
16330              @touchstart="onTouchStart($event)"
16331              @touchend.prevent="onTouchEnd($el.closest('.x-splide'))"
16332              @touchmove="onTouchMove($event)"
16333            ></div>
16334<div class="w-full z-0 h-full min-h-full top-0 left-0 absolute"
16335            >
16336              
16337              <picture>
16338                <img
16339                  srcset="
16340                  //iteaworld.com/cdn/shop/files/dahongpao_9949a199-72de-4ff5-b8f5-7aee6fe07a4b.webp?v=1789987783&width=250 250w,
16341                  //iteaworld.com/cdn/shop/files/dahongpao_9949a199-72de-4ff5-b8f5-7aee6fe07a4b.webp?v=1789987783&width=350 350w,
16342                  //iteaworld.com/cdn/shop/files/dahongpao_9949a199-72de-4ff5-b8f5-7aee6fe07a4b.webp?v=1789987783&width=450 450w,
16343                  //iteaworld.com/cdn/shop/files/dahongpao_9949a199-72de-4ff5-b8f5-7aee6fe07a4b.webp?v=1789987783&width=750 750w,
16344                  //iteaworld.com/cdn/shop/files/dahongpao_9949a199-72de-4ff5-b8f5-7aee6fe07a4b.webp?v=1789987783&width=900 900w,
16345                  //iteaworld.com/cdn/shop/files/dahongpao_9949a199-72de-4ff5-b8f5-7aee6fe07a4b.webp?v=1789987783&width=1100 1100w,
16346                  //iteaworld.com/cdn/shop/files/dahongpao_9949a199-72de-4ff5-b8f5-7aee6fe07a4b.webp?v=1789987783&width=1500 1500w,//iteaworld.com/cdn/shop/files/dahongpao_9949a199-72de-4ff5-b8f5-7aee6fe07a4b.webp?v=1789987783 1600w" 
16347                  src="//iteaworld.com/cdn/shop/files/dahongpao_9949a199-72de-4ff5-b8f5-7aee6fe07a4b.webp?v=1789987783&width=1500"
16348                  sizes="(min-width: 1400px) calc(100vw / 4), (min-width: 1024px) calc((100vw) / 4), (min-width: 768px) calc((100vw) / 2), calc(100vw /2)"
16349                  alt="Da Hong Pao Oolong Tea 80g"
16350                  :class="showSecond ? 'first-img' : ''"
16351                  class="w-full  preview-img motion-reduce aspect-square relative animate-Xpulse skeleton-image object-cover h-full min-h-full image-first-hover lg:group-hover:opacity-0 animate_transition_image"
16352                  loading="lazy"
16353                  width="1600"
16354                  height="1600"
16355                  onload="this?.classList.add('active');this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
16356                    setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);"
16357                />
16358              </picture>
16359              
16360            </div><div class="w-full h-full top-0 left-0 absolute lg:block">
16361                  
16362                  <picture>
16363                    <img
16364                      srcset="//iteaworld.com/cdn/shop/files/iTeaworld_da_hong_pao_daliy_use_5.webp?v=1781254466&width=250 250w,
16365                        //iteaworld.com/cdn/shop/files/iTeaworld_da_hong_pao_daliy_use_5.webp?v=1781254466&width=350 350w,
16366                        //iteaworld.com/cdn/shop/files/iTeaworld_da_hong_pao_daliy_use_5.webp?v=1781254466&width=450 450w,
16367                        //iteaworld.com/cdn/shop/files/iTeaworld_da_hong_pao_daliy_use_5.webp?v=1781254466&width=750 750w,
16368                        //iteaworld.com/cdn/shop/files/iTeaworld_da_hong_pao_daliy_use_5.webp?v=1781254466&width=900 900w,
16369                        //iteaworld.com/cdn/shop/files/iTeaworld_da_hong_pao_daliy_use_5.webp?v=1781254466&width=1100 1100w,
16370                        //iteaworld.com/cdn/shop/files/iTeaworld_da_hong_pao_daliy_use_5.webp?v=1781254466&width=1500 1500w,//iteaworld.com/cdn/shop/files/iTeaworld_da_hong_pao_daliy_use_5.webp?v=1781254466 1600w"
16371                      src="//iteaworld.com/cdn/shop/files/iTeaworld_da_hong_pao_daliy_use_5.webp?v=1781254466&width=1500"
16372                      sizes="(min-width: 1400px) calc(100vw / 4), (min-width: 1024px) calc((100vw) / 4), (min-width: 768px) calc((100vw) / 2), calc(100vw /2)"
16373                      alt="Da Hong Pao Oolong Tea 80g"
16374                      :class="showSecond ? 'second-img' : ''"
16375                      class="motion-reduce min-w-full h-full object-cover group-hover:cursor-pointer image-second-hover opacity-0 lg:group-hover:opacity-100"
16376                      loading="lazy"
16377                      width="1600"
16378                      height="1600"
16379                      onload="this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
16380                        setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);"
16381                    />
16382                  </picture>
16383                  
16384                </div></div>
16385      </div>
16386        <div class="md:list-layout:hidden" x-show="$store.xQuickView" :class="$store.xQuickView && $store.xQuickView.btn_atc_bottom ? 'mobile-bottom':''"><div class="quick-view-container absolute z-20 bottom-2 right-2 rtl:right-auto rtl:left-4 rtl:lg:left-auto lg:top-auto lg:right-auto lg:bottom-4 lg:w-full lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0 lg:translate-y-full transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0"
16387              x-show="$store.xQuickView" x-cloak
16388            > 
16389              <div x-data="xProductCart" x-show="$store.xQuickView && $store.xQuickView.show_atc_button"
16390                class="w-full hide-icon lg:px-4" 
16391                :class="if($store.xQuickView){ return ($store.xQuickView.btn_atc_bottom ? 'hidden' : '') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:block' : ' lg:hidden') }"
16392                x-cloak
16393              >
16394                
16395                  <button
16396                    class="button button--quickview button-solid not-icon leading-normal w-full pr-5 pl-5 py-2.5 lg:py-3 h-full text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60 hidden lg:block"
16397                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
16398                    
16399                      type="submit"
16400                      name="add"
16401                      @click.prevent="setTimeout(() => { $store.xQuickView && (showOptions = !showOptions); $store.xQuickView.showChooseOption('template--27603645268247__featured_collection_p7xGPi-8398719648023-collection_TLnHCx', $el); }, 0)"
16402                      x-on:mouseover="setTimeout(() => { $store.xQuickView && $store.xQuickView.loadChooseOptions('/products/da-hong-pao', $el, 'template--27603645268247__featured_collection_p7xGPi-8398719648023-collection_TLnHCx', 604); }, 0)"
16403                      data-id="template--27603645268247__featured_collection_p7xGPi-8398719648023-collection_TLnHCx"
16404                      
16405                        aria-label="Choose options"
16406                      
16407                    
16408                  >
16409                    <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
16410                      
16411                      <span class="flex items-center justify-center">
16412                        
16413
16414  
16415    
16416      <span class="button-text  is-focus-button:opacity-0">Choose options</span>
16417    
16418  
16419
16420
16421                      </span>
16422                    </span>
16423                    <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
16424                      <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
16425    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
16426      fill="currentcolor" stroke="none">
16427      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
16428    </g>
16429  </svg>
16430
16431                    </div>
16432                  </button>
16433                  <button 
16434                    class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-[6px] disabled:cursor-not-allowed disabled:opacity-60"
16435                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
16436                    
16437                      type="submit"
16438                      name="add"
16439                      @click.prevent="setTimeout(() => { $store.xQuickView && (showOptions = !showOptions); $store.xQuickView.showChooseOption('template--27603645268247__featured_collection_p7xGPi-8398719648023-collection_TLnHCx', $el); }, 0)"
16440                      x-on:mouseover="setTimeout(() => { $store.xQuickView && $store.xQuickView.loadChooseOptions('/products/da-hong-pao', $el, 'template--27603645268247__featured_collection_p7xGPi-8398719648023-collection_TLnHCx', 604); }, 0)"
16441                      data-id="template--27603645268247__featured_collection_p7xGPi-8398719648023-collection_TLnHCx"aria-label="Add to cart"x-customer-event-data="{
16442    &quot;product&quot;: {
16443      &quot;title&quot;: &quot;Da Hong Pao Oolong Tea 80g&quot;,
16444      &quot;listName&quot;: &quot;Best Seller&quot;,
16445      &quot;sku&quot;: &quot;8398719648023&quot;,
16446      &quot;currencyCode&quot;: &quot;USD&quot;,
16447      &quot;price&quot;: 1999,
16448      &quot;vendor&quot;: &quot;iTeaworld&quot;
16449    }
16450  }"
16451                    
16452                  >
16453                    <span class="w-5 h-5 flex items-center justify-center md:w-6 md:h-6" x-show="!loading"><svg class="" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 20 16" fill="none" style="fill:none;">
16454    <g>
16455    <path d="M4.537 3.25H18.0745L15.937 10.375H6.6745L4.537 3.25ZM4.537 3.25L4.00262 1.46875" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
16456    <path d="M9.28698 12.8687C9.28698 13.459 8.80846 13.9375 8.21823 13.9375C7.62797 13.9375 7.14948 13.459 7.14948 12.8687" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
16457    <path d="M14.9872 12.75C14.9872 13.3402 14.5087 13.8188 13.9185 13.8188C13.3282 13.8188 12.8497 13.3402 12.8497 12.75" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
16458    <path d="M1.44977 1.35001H3.34977" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
16459    </g>
16460  </svg></span>
16461                    <span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak>
16462                    <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
16463    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
16464      fill="currentcolor" stroke="none">
16465      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
16466    </g>
16467  </svg>
16468
16469                    </span>
16470                  </button>
16471                
16472              </div>
16473            </div><div
16474            class="button-quickview-icon absolute z-[15] lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0  transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0"
16475            :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'btn-quickadd  bottom-11 md:bottom-12 right-2 lg:top-4 lg:bottom-auto lg:-translate-y-full rtl:right-auto rtl:left-2' : 'bottom-2 right-0 lg:top-auto lg:translate-y-full lg:right-auto lg:bottom-4 lg:w-full lg:left-0 pl-2 pr-2 lg:pr-4 lg:pl-4'"
16476            x-show="$store.xQuickView && $store.xQuickView.enabled" x-cloak
16477            >
16478            <div>
16479              <button
16480                @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
16481                x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/products/da-hong-pao', $el, 'template--27603645268247__featured_collection_p7xGPi-8398719648023-collection_TLnHCx')" 
16482                x-on:focus="$store.xQuickView && $store.xQuickView.load('/products/da-hong-pao', $el, 'template--27603645268247__featured_collection_p7xGPi-8398719648023-collection_TLnHCx')" 
16483                class="button label-btn-quickview button--quickview not-icon leading-normal empty:hidden hidden lg:block z-50 h-full"
16484                :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'p-1.5 md:p-2.5 rounded-full button-disable-effect' : 'w-full pt-3 pb-3 button-solid'"
16485                x-customer-event-data="{
16486    &quot;product&quot;: {
16487      &quot;title&quot;: &quot;Da Hong Pao Oolong Tea 80g&quot;,
16488      &quot;listName&quot;: &quot;Best Seller&quot;,
16489      &quot;sku&quot;: &quot;8398719648023&quot;,
16490      &quot;currencyCode&quot;: &quot;USD&quot;,
16491      &quot;price&quot;: 1999,
16492      &quot;vendor&quot;: &quot;iTeaworld&quot;
16493    }
16494  }"
16495                aria-label="Button quickview"
16496              >
16497                <span x-show="$store.xQuickView && $store.xQuickView.show_atc_button" class="w-4 h-4 flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewB
16497ox="0 0 16 16" fill="none" style="fill:none;">
16498    <path d="M7.67451 13.8502C11.0849 13.8502 13.8496 11.0855 13.8496 7.67508C13.8496 4.26468 11.0849 1.5 7.67451 1.5C4.2641 1.5 1.49942 4.26468 1.49942 7.67508C1.49942 11.0855 4.2641 13.8502 7.67451 13.8502Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
16499    <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
16500  </svg>
16501</span>
16502                <span x-show="$store.xQuickView && !$store.xQuickView.show_atc_button" class="flex items-center justify-center">
16503                  
16504
16505  <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>
16506
16507
16508                </span>
16509              </button>
16510              <button @click.prevent='$store.xQuickView && $store.xQuickView.load("/products/da-hong-pao", $el, "template--27603645268247__featured_collection_p7xGPi-8398719648023-collection_TLnHCx"); $store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
16511                class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-2" 
16512                aria-label="Button quickview"
16513                x-customer-event-data="{
16514    &quot;product&quot;: {
16515      &quot;title&quot;: &quot;Da Hong Pao Oolong Tea 80g&quot;,
16516      &quot;listName&quot;: &quot;Best Seller&quot;,
16517      &quot;sku&quot;: &quot;8398719648023&quot;,
16518      &quot;currencyCode&quot;: &quot;USD&quot;,
16519      &quot;price&quot;: 1999,
16520      &quot;vendor&quot;: &quot;iTeaworld&quot;
16521    }
16522  }"
16523              >
16524                <span class="w-4 h-4 md:w-5 md:h-5 flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16" fill="none" style="fill:none;">
16525    <path d="M7.67451 13.8502C11.0849 13.8502 13.8496 11.0855 13.8496 7.67508C13.8496 4.26468 11.0849 1.5 7.67451 1.5C4.2641 1.5 1.49942 4.26468 1.49942 7.67508C1.49942 11.0855 4.2641 13.8502 7.67451 13.8502Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
16526    <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
16527  </svg>
16528</span>
16529              </button>
16530            </div>
16531          </div>
16532        </div>
16533      
16534    </a>
16535    
16536    
16537    <div class="md:list-layout:hidden">
16538      <div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0">
16539        <div class="no-collage:mb-2 text-center md:list-layout:text-left">
16540          
16541          <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2.5 gap-1 empty:hidden"></div><h3 class="card__heading h5 no-collage:mb-2 mb-2.5 leading-tight" id="title-template--27603645268247__featured_collection_p7xGPi-8398719648023">
16542            <a href="/products/da-hong-pao"
16543              class="x-card-title full-unstyled-link link-product-variant  text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words"
16544              @click='$store.xCustomerEvent.fire("product_selected", $el)'
16545              x-customer-event-data="{
16546    &quot;product&quot;: {
16547      &quot;title&quot;: &quot;Da Hong Pao Oolong Tea 80g&quot;,
16548      &quot;listName&quot;: &quot;Best Seller&quot;,
16549      &quot;sku&quot;: &quot;8398719648023&quot;,
16550      &quot;currencyCode&quot;: &quot;USD&quot;,
16551      &quot;price&quot;: 1999,
16552      &quot;vendor&quot;: &quot;iTeaworld&quot;
16553    }
16554  }"
16555            >
16556              Da Hong Pao Oolong Tea 80g
16557            </a>
16558          </h3>
16559          
16560<div  class="x-card-price flex items-center mb-2.5 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start">
16561            
16562            
16563              <div class=" price leading-none">
16564  <div class="">
16565    <div class="target-price hidden">1999</div>
16566    <div class="target-compare-at-price hidden"></div>
16567    
16568<p class="price ">
16569          <span>$19.99 USD</span>
16570        </p><small class="text-[70%] hidden">
16571        <span class="hidden">Unit price</span>
16572        <span class="up price-item price-item--last">
16573          <span class="unit-price">
16574
16575          </span>
16576          <span aria-hidden="true">/</span>
16577          <span class="hidden">&nbsp;per&nbsp;</span>
16578          <span>
16579          </span>
16580        </span>
16581      </small>
16582    
16583  </div>
16584  
16585</div>
16586            
16587            <div class="leading-none next-price empty:hidden"></div>
16588          </div>
16589          
16590          <template x-if="localStorage.getItem('selectedStore')">
16591            <div id="x-availability-notice-template--27603645268247__featured_collection_p7xGPi" class="flex mb-2.5 items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start justify-center" x-show="$store.xStoreSelector?.canShow('8398719648023', [532285358359, 526343635223, 526632485143, 511975915799, 529991958807, 495480209687, 456987115799, 509327376663, 449406664983, 532159365399, 527444803863, 525935542551, 531755041047, 531756548375, 498760843543, 526631928087])">
16592              <div 
16593  x-data='{ 
16594    storeAvailabilites: {
16595      
16596    },
16597    pickupLocation: [
16598      
16599    ]
16600  }'
16601  x-show="$store.xStoreSelector?.selectedStore && pickupLocation.includes($store.xStoreSelector?.getStore())"
16602>
16603  <style data-shopify>
16604    .text-available, .text-unavailable {
16605      font-size: 0.669375rem;
16606      font-family: var(--font-body-family);
16607    }
16608
16609    @media (min-width: 768px) {
16610      .text-available, .text-unavailable {
16611        font-size: 0.74375rem;
16612      }
16613    }
16614
16615    .text-available {
16616      color: #739047;
16617    }
16618
16619    .dark .text-available {
16620      color: #739047;
16621    }
16622
16623    .text-unavailable {
16624      color: #767474;
16625    }
16626
16627    .dark .text-unavailable {
16628      color: #867F7F;
16629    }
16630  </style>
16631  <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-available flex flex-row items-center gap-[3px]">
16632    <span class="flex h-4 w-4 relative">
16633<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
16634  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
16635  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
16636</svg>
16637
16638</span><span x-text="'Available for pickup at ' + $store.xStoreSelector?.getStoreText()"> </span>
16639  </div>
16640  <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]">
16641    <span class="flex h-4 w-4 relative">
16642<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
16643  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
16644  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
16645</svg>
16646
16647</span><span x-text="'Out of stock at ' + $store.xStoreSelector?.getStoreText()"> </span>
16648  </div>
16649</div>
16650            </div>
16651          </template>
16652        </div>
16653      </div>
16654    </div>
16655    
16656  </div><div
16657      id="choose-options-template--27603645268247__featured_collection_p7xGPi-8398719648023-collection_TLnHCx"
16658      class="hidden md:block absolute w-full min-h-full h-full left-0 top-0 bg-[rgba(var(--background-color))] z-[15] md:list-layout:w-3/5 list-layout:lg:w-3/4 md:list-layout:left-auto md:list-layout:right-0"
16659      x-show="showOptions"
16660      x-transition:enter="transition-all ease-in-out duration-300"
16661      x-transition:enter-start="opacity-0 transform translate-y-full"
16662      x-transition:enter-end="opacity-100 transform translate-y-0"
16663      x-transition:leave="transition-all ease-in-out duration-300"
16664      x-transition:leave-start="opacity-100 transform translate-y-0"
16665      x-transition:leave-end="opacity-0 transform translate-y-full"
16666      x-cloak
16667    >
16668      <div  class="choose-options relative w-full min-h-full h-full"></div>
16669      <div class="icon-loading hidden absolute top-0 left-0 right-0 h-full w-full z-20 bg-[rgba(var(--background-color))]">
16670        <div
16671          class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[
16671calc(50%-10px)]">
16672          <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
16673    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
16674      fill="currentcolor" stroke="none">
16675      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
16676    </g>
16677  </svg>
16678
16679        </div>
16680      </div>
16681    </div>
16682  <div
16683    id="x-product-template-8398719648023-template--27603645268247__featured_collection_p7xGPi-1-4"
16684    class="list-layout:lg:w-3/4 md:list-layout:w-3/5 list-layout:md:pl-0 rtl:list-layout:md:pl-5 rtl:list-layout:md:pr-0  text-center"
16685  >
16686    
16687    
16688    
16689<div
16690            class="x-variants-data x-variants-data-js pt-3 border-t mt-3"
16691            x-data='xVariantSelectCard($el,"template--27603645268247__featured_collection_p7xGPi-1-4", "8398719648023", "/products/da-hong-pao", false, false, false, "")'
16692            
16693              data-option1="US Warehouse"
16694              
16695            x-intersect.margin.200px="if ($el.querySelector('#variant-update-template--27603645268247__featured_collection_p7xGPi-1-4').innerHTML.trim() == '') $el.classList.add('hidden');"
16696          >
16697            <div
16698              id="current-variant-template--27603645268247__featured_collection_p7xGPi-8398719648023-collection_TLnHCx" 
16699              class="current-variant hidden"
16700            >
16701              55297771471127
16702            </div>
16703            <div
16704              id="variant-update-template--27603645268247__featured_collection_p7xGPi-1-4"
16705              class="variant-update-template--27603645268247__featured_collection_p7xGPi-1-4 list-layout:md:text-left rtl:list-layout:md:text-right options-container"
16706            >
16707                
16708</div>
16709          </div>
16710          
16710<script src="//iteaworld.com/cdn/shop/t/51/assets/variant-select-card.js?v=141088792309509576511782181913" defer></script>
16710
16711        
16712      
16713    <div class="bottom-card card-info ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end gap-1 empty:hidden"></div>
16714    
16715      <div class="card-info x-highlight-icon mt-2.5">
16716        <div 
16717  class="flex flex-wrap gap-[3px] rtl:flex-row-reverse ltr pr-0 pl-0 justify-center items-center list-layout:mt-4 list-layout:justify-start rtl:list-layout:justify-end empty:hidden"
16718  x-data="{setPosition(el) {
16719    parentEl = el.closest('.x-highlight-icon').getBoundingClientRect();
16720    el.style.setProperty('--maxwidth-tooltip', parentEl.width - 20 + 'px');
16721    elRect = el.getBoundingClientRect();
16722    let spacingLeft = elRect.left - parentEl.left;
16723    if (spacingLeft < 0) {
16724      el.style.setProperty('--left-tooltip', Math.abs(spacingLeft) + 'px');
16725    }
16726    let spacingRight = parentEl.right - elRect.right;
16727    if (spacingRight < 0) {
16728      el.style.setProperty('--left-tooltip', spacingRight + 'px');
16729    } 
16730  }}"
16731  x-init="$el.innerHTML = $el.innerHTML.trim();"
16732>
16733    �
16734    �
16735    �
16736    �</div>
16737      </div>
16738    
16739    
16740      <template x-if="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button && ($store.xQuickView.btn_atc_bottom || !$store.xQuickView.atc_btn_image_desktop)" 
16741            class="card-info bottom_atc md:list-layout:hidden hide-icon"
16742            :class="if($store.xQuickView.show_atc_button){ return ($store.xQuickView.btn_atc_bottom ? '' : 'hidden') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:hidden' : ' lg:block')}"
16743            x-cloak
16744          >
16745            
16746              <button
16747                type="submit"
16748                name="add"
16749                @click.prevent="setTimeout(() => { $store.xQuickView && (showOptions = !showOptions); $store.xQuickView.showChooseOption('template--27603645268247__featured_collection_p7xGPi-8398719648023-collection_TLnHCx', $el); }, 0)"
16750                x-on:mouseover="setTimeout(() => { $store.xQuickView && $store.xQuickView.loadChooseOptions('/products/da-hong-pao', $el, 'template--27603645268247__featured_collection_p7xGPi-8398719648023-collection_TLnHCx', 604); }, 0)" 
16751                data-id="template--27603645268247__featured_collection_p7xGPi-8398719648023-collection_TLnHCx"
16752                class="button button--quickview button-solid not-icon leading-normal mt-2 w-full pr-5 pl-5 py-2.5 lg:py-3 h-full text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60"
16753                :class="errorMessage && 'opacity-60 cursor-not-allowed'"
16754                aria-label="Choose options"
16755              >
16756                <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
16757                  
16758                  <span class="flex items-center justify-center">
16759                    
16760
16761  
16762    
16763      <span class="button-text  is-focus-button:opacity-0">Choose options</span>
16764    
16765  
16766
16767
16768                  </span>
16769                </span>
16770                <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
16771                  <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
16772    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
16773      fill="currentcolor" stroke="none">
16774      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
16775    </g>
16776  </svg>
16777
16778                </div>
16779              </button>
16780             
16781          </div></template>
16782    
16783    
16784      <template x-if="$store.xQuickView">
16785        <div class="hidden md:list-layout:flex gap-3 mt-5 md:mt-7" x-show="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button" :class="$store.xQuickView.show_atc_button && ''">
16786              
16787                <button
16788                  type="submit"
16789                  name="add"
16790                  
16791                  @click.prevent="setTimeout(() => { $store.xQuickView && (showOptions = !showOptions); $store.xQuickView.showChooseOption('template--27603645268247__featured_collection_p7xGPi-8398719648023-collection_TLnHCx', $el); }, 0)"
16792                  x-on:mouseover="setTimeout(() => { $store.xQuickView && $store.xQuickView.loadChooseOptions('/products/da-hong-pao', $el, 'template--27603645268247__featured_collection_p7xGPi-8398719648023-collection_TLnHCx', 604); }, 0)" 
16793                  data-id="template--27603645268247__featured_collection_p7xGPi-8398719648023-collection_TLnHCx"
16794                  class="button button--quickview button-solid not-icon leading-normal w-full py-2.5 lg:pl-5 lg:pr-5 lg:py-3 h-full text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60 hidden lg:block"
16795                  :class="errorMessage && 'opacity-60 cursor-not-allowed'"
16796                  aria-label="Choose options"
16797                >
16798                  <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
16799                    
16800                    <span class="flex items-center justify-center">
16801                      
16802
16803  
16804    
16805      <span class="button-text  is-focus-button:opacity-0">Choose options</span>
16806    
16807  
16808
16809
16810                    </span>
16811                  </span>
16812                  <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
16813                    <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
16814    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
16815      fill="currentcolor" stroke="none">
16816      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
16817    </g>
16818  </svg>
16819
16820                  </div>
16821                </button>
16822               
16823            </div><button 
16824            x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/products/da-hong-pao', $el, 'template--27603645268247__featured_collection_p7xGPi-8398719648023-collection_TLnHCx')" 
16825            x-on:focus="$store.xQuickView && $store.xQuickView.load('/products/da-hong-pao', $el, 'template--27603645268247__featured_collection_p7xGPi-8398719648023-collection_TLnHCx')" 
16826            @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
16827            class="button label-btn-quickview button-solid button--quickview leading-normal none_border pt-2 pl-5 pb-2 pr-5 lg:pt-3 lg:pb-3" 
16828            aria-label="Button quickview"
16829            x-customer-event-data="{
16830    &quot;product&quot;: {
16831      &quot;title&quot;: &quot;Da Hong Pao Oolong Tea 80g&quot;,
16832      &quot;listName&quot;: &quot;Best Seller&quot;,
16833      &quot;sku&quot;: &quot;8398719648023&quot;,
16834      &quot;currencyCode&quot;: &quot;USD&quot;,
16835      &quot;price&quot;: 1999,
16836      &quot;vendor&quot;: &quot;iTeaworld&quot;
16837    }
16838  }"
16839            x-show="$store.xQuickView.enabled"
16840          >
16841            <span class="flex justify-center items-center">
16842              
16843
16844  <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>
16845
16846
16847            </span>
16848          </button>
16849        </div>
16850      </template>
16851    
16852  </div>
16853</div>
16854</div>
16855                </div><div class=" md:hidden items-center flex w-full gap-5 mt-2.5 md:mt-5 md:w-3/4 ml-auto mr-auto">
16856                    <div class="splide-progress inline-block grow rounded-md">
16857                       <style data-shopify>.splide-progress-bar-template--27603645268247__featured_collection_p7xGPi-collection_TLnHCx {
16858                          width: 50.0%;
16859                        }
16860                        @media (min-width: 768px) {
16861                          .splide-progress-bar-template--27603645268247__featured_collection_p7xGPi-collection_TLnHCx {
16862                            width: 100.0%;
16863                          }
16864                        }</style><div class="splide-progress-bar-template--27603645268247__featured_collection_p7xGPi-collection_TLnHCx splide-progress-bar rounded-md"></div>
16865                    </div>
16866                  </div></div>
16867            </div>
16868          </div>
16869        </div>
16870      </div>
16871  </div>
16872</div>
16873<script src="//iteaworld.com/cdn/shop/t/51/assets/preview-color-swatches.js?v=144173175652728470521782181913" defer></script>
16873
16874</div><div class="pl-5 pr-5 x-pgw page-width flex justify-center pt-1.5 pb-1.5 md:pb-3 md:pt-3">
16875      
16876        <a
16877          x-cloak
16878          x-show="view_all_link"
16879          class="nav-link font-medium effect-inline relative flex items-center hover-text-link empty:hidden cursor-pointer gap-1"
16880          :href="view_all_link" 
16881          :class="'opacity-70 hover:cursor-not-allowed' && view_all_link"
16882        >
16883          View all products<span class="w-2 h-2 inline-block mt-0.5 rtl:rotate-180" role="link" aria-label="arrow"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 8 9" fill="none" style="fill:none;">
16884    <g>
16885    <path d="M4.5 0.642578L7.5 4.49972L4.5 8.35686" stroke="currentcolor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
16886    <path d="M0.5 0.642578L3.5 4.49972L0.5 8.35686" stroke="currentcolor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
16887    </g>
16888  </svg>
16889</span>
16890        </a>
16891      
16892    </div></div>
16893<script src="//iteaworld.com/cdn/shop/t/51/assets/featured-collection.js?v=166203110154732063391782181913" defer></script>
16893
16894
16895
16896</section><section id="shopify-section-template--27603645268247__rich_text_qqr8X3" class="shopify-section section section-rich-text x-section"><style data-shopify>#shopify-section-template--27603645268247__rich_text_qqr8X3{
16897    
16898      --background-color: 255,255,255;
16899      background: #ffffff;
16900    
16901  }
16902  .dark #shopify-section-template--27603645268247__rich_text_qqr8X3{background: #FFFFFF;
16903      --background-color:  255,255,255;}
16904  .section--template--27603645268247__rich_text_qqr8X3 {
16905    
16906    
16907  }
16908  .dark .section--template--27603645268247__rich_text_qqr8X3 {
16909            
16910      --colors-text: 255, 255, 255;
16911    
16912            
16913      --colors-heading: 2, 2, 2;
16914    
16915  }</style>
16916
16917<div class="section--template--27603645268247__rich_text_qqr8X3 relative x-pgw page-width mx-auto pt-[28px] md:pt-[28px] pb-[0px] md:pb-[0px]">
16918  <div class="md:flex justify-center">
16919    <div class="x-container-rich-text w-full text-center rtl:text-center md:text-center rtl:md:text-center"><style data-shopify>.heading-heading_wYJRA6 {
16920                  font-size: 1.485rem; 
16921                }
16922                @media (min-width: 767px){
16923                  .heading-heading_wYJRA6 {
16924                    font-size: 2.475rem; 
16925                  }
16926                }</style><div class="heading-heading_wYJRA6 x-rich-text-header p-break-words" >
16927                
16928
16929
16930<style data-shopify>
16931  .heading-heading_wYJRA6 {
16932    
16933  }
16934  .dark .heading-heading_wYJRA6 {
16935    
16936      --color-highlight: #020202;
16937    
16938  }
16939</style>
16940
16941
16942
16943  
16944
16945   
16946    <h2
16947      class='heading-heading_wYJRA6 h2 block pt-2 pb-2 leading-tight anm-fade-element' x-intersect.once="$el.classList.add('is-visible')"> 
16948  
16949    
16950      
16951        <span class="highlight relative inline-block hl-font">Loved by Tea Lovers
16952  
16953</span>
16954      
16955    
16956  </h2>
16957
16958  
16959
16960              </div>
16961      
16962    </div>
16963  </div>
16964</div>
16965
16966</section><section id="shopify-section-template--27603645268247__17683023420397fe90" class="shopify-section section x-section section-apps"><div class="x-pgw page-width"><div id="shopify-block-AM2wxeEZrcUFPMUxIO__judge_me_reviews_cards_carousel_QkwQm3" class="shopify-block shopify-app-block"><!-- BEGIN app snippet: cards_carousel_content --><!-- BEGIN app snippet: carousel_styles --><style>.jdgm-cards-carousel.jdgm-hidden,.jdgm-videos-carousel.jdgm-hidden,.jdgm-testimonials-carousel.jdgm-hidden{display:none}</style>
16967<link rel="stylesheet" type="text/css" media="nope!" onload="this.media='all'" href="https://cdn.shopify.com/extensions/01a0f14c-14c3-7c54-8630-ec498be121ab/judgeme-770/assets/carousels.css">
16968<noscript><link rel="stylesheet" type="text/css" media="all" href="https://cdn.shopify.com/extensions/01a0f14c-14c3-7c54-8630-ec498be121ab/judgeme-770/assets/carousels.css"></noscript>
16969<!-- END app snippet -->
16970
16971
16972  
16973  <div class="jdgm-widget jdgm-cards-carousel jdgm-hidden" data-jdgm-block-id="AM2wxeEZrcUFPMUxIO__judge_me_reviews_cards_carousel_QkwQm3" data-transition-speed="5" data-autoplay-media="false"
16974    data-widget="cards-carousel" data-entry-point="carousel_lightbox.js" data-entry-key="carousel-lightbox/main.js" data-has-revamp="1"
16975    style="--max-width: 1600px; --text-color: #000000; --card-color: #f9f9f9; --header-color: #000000; --border-radius: 16px;
16976    --text-size: 14px; --arrows-color: #000000; --clamp: 4; --image-ratio: 1; --jm-arrows-mobile: ;">
16977    <!-- BEGIN app snippet: carousel_header -->
16978
16979<div class="jdgm-header">
16980  <h2 class="jdgm-title"></h2>
16981
16982  
16983
16984  
16985    
16986    <div class="jdgm-header-info">
16987      <div class="jdgm-average-rating">
16988        <div class="jdgm-stars" role="img" aria-label="4.58 out of 5 stars"></div>
16989        <span class="jdgm-rating-text">4.58 <span class="jdgm-rating-star">★</span> (<span class="jdgm-reviews-count">954</span>)</span>
16990      </div>
16991      <div class="jdgm-verified-badge-header jdgm-hidden">
16992        <svg class="jdgm-verified-checkmark" viewBox="0 0 20 20">
16993          <path d="M1.14026 0C0.510511 0 0 0.510511 0 1.14026V18.8599C0 19.4896 0.510511 20.0001 1.14026 20.0001H18.8597C19.4895 20.0001 20 19.4896 20 18.8599V11.3685C20 11.008 19.5606 10.8315 19.3112 11.0918L15.3614 15.2135C13.6736 16.9747 11.912 17.8504 10.0763 17.8407C8.25519 17.8454 6.52568 17.0288 4.8878 15.391C3.14847 13.6516 2.23211 11.7644 2.13874 9.72917C2.06539 7.84992 2.79892 6.0381 4.33936 4.29371C4.5345 4.07273 4.86976 4.0698 5.07804 4.27808L8.5462 7.74623C8.75271 7.95274 8.75486 8.28861 8.57448 8.51907C7.73628 9.59004 7.70456 10.5129 8.47933 11.2877C9.26203 12.0704 10.1356 11.9585 11.1 10.9521L19.8888 1.78078C19.9602 1.70632 20 1.60716 20 1.50403V1.14026C20 0.510511 19.4895 0 18.8597 0H1.14026Z"/>
16994        </svg>
16995        <span class="jdgm-verified-text">Verified</span>
16996      </div>
16997    </div>
16998  
16999</div>
17000<!-- END app snippet -->
17001    <div class="jdgm-content">
17002      <!-- BEGIN app snippet: side_left_arrow -->
17003<button class="jdgm-arrow" aria-label="Previous slide" onclick="window.jdgmPreviousCard('AM2wxeEZrcUFPMUxIO__judge_me_reviews_cards_carousel_QkwQm3')">
17004  <svg viewBox="0 0 20 34">
17005  
17006    <path d="M16 6L6 17L16 28" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
17007  
17008  </svg>
17009</button>
17010
17011<!-- END app snippet -->
17012      <div class="jdgm-cards-wrapper"><div class="jdgm-videos-container">
17013        
17014      </div></div>
17015      <!-- BEGIN app snippet: side_right_arrow -->
17016<button class="jdgm-arrow" aria-label="Next slide" onclick="window.jdgmNextCard('AM2wxeEZrcUFPMUxIO__judge_me_reviews_cards_carousel_QkwQm3')">
17017  <svg viewBox="0 0 20 34">
17018  
17019    <path d="M4 6L14 17L4 28" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
17020  
17021  </svg>
17022</button>
17023
17024<!-- END app snippet -->
17025    </div>
17026    <!-- BEGIN app snippet: bottom_arrows -->
17027<!-- END app snippet -->
17028  </div>
17029  
17030  
17030<script>
17031    if (window.jdgm && jdgm.docReady) {
17032      jdgm.docReady(function() {
17033        (function loadVideoCarousel() {
17034          if (jdgm.loadScript) { jdgm.loadScript('video_carousel.js'); }
17035          else { setTimeout(loadVideoCarousel, 50); }
17036        })();
17037      });
17038    }
17039  </script>
17039
17040<!-- END app snippet -->
17041<!-- BEGIN app snippet: init_carousel -->
17042
17043
17044  
17045  
17045<script>
17046    window.jdgmPlayButtonSVG = "\u003c!-- BEGIN app snippet: play-button --\u003e\u003csvg width=\"40\" height=\"40\" viewBox=\"0 0 40 40\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\u003cpath d=\"M0 20C0 8.95431 8.95431 0 20 0C31.0457 0 40 8.95431 40 20C40 31.0457 31.0457 40 20 40C8.95431 40 0 31.0457 0 20Z\" fill=\"black\" fill-opacity=\"0.36\"\/\u003e\u003cpath d=\"M16 13L28 20L16 27V13Z\" fill=\"white\"\/\u003e\u003c\/svg\u003e\u003c!-- END app snippet --\u003e";
17047  </script>
17047
17048
17049
17050<script>
17051  (function() {
17052    // INF-1976
17053    if (window.jdgm && window.jdgm._blocked) return;
17054    const shared = {
17055      reviews_selection: "featured_reviews",
17056      carousel_type: "cards"
17057    };
17058
17059    const settings = {
17060      ...shared,
17061      quote_marks_size: "",
17062      stars_size: "",
17063      stars_color: "",
17064      verified_badge_style: "",
17065      product_name_text_size: "",
17066      transition_speed: "5",
17067      show_sample_reviews: "false",
17068      min_reviews: shared.carousel_type === 'videos' ? 3 : 1,
17069      design_mode: "false",
17070      collection_id: "",
17071      product_id: "",
17072      product_ids: "[]",
17073      show_reviewer_name: "true",
17074      carousel_style: "",
17075      autoplay_media: "null",
17076      primary_lang: 'en',cart_eligible_template: false,
17077      shop_aggregates: { reviewCount: 954 },
17078      
17079        show_product_name: "true",
17080        show_review_media: "true",
17081        no_image_fallback: "product_image",
17082        reviews_shown: "4",
17083      
17084    };
17085    const averageRating = 4.58;const params = {
17086      ...shared,
17087      star_rating: '5_star',
17088      custom_tags: "",
17089      tag_filter: "",
17090      
17091      max_reviews: '30',
17092      url: 'https://iteaworld.com',
17093      shop_domain: 'd89fb3-3.myshopify.com',
17094      platform: 'shopify',
17095      primary_language: document.documentElement.lang,
17096      display_order: "media_first",
17097    };
17098    const blockId = "AM2wxeEZrcUFPMUxIO__judge_me_reviews_cards_carousel_QkwQm3";
17099    function loadSpecificScript() {
17100      const scriptSrc = shared.carousel_type === 'videos' || shared.carousel_type === 'cards' ? 'https://cdn.shopify.com/extensions/01a0f14c-14c3-7c54-8630-ec498be121ab/judgeme-770/assets/media_carousel.js' : 'https://cdn.shopify.com/extensions/01a0f14c-14c3-7c54-8630-ec498be121ab/judgeme-770/assets/testimonials_carousel.js';
17101      if (document.querySelector(`script[src="${scriptSrc}"]`)) { initializeCarousel(); return; }
17102      const script = document.createElement('script');
17103      script.src = scriptSrc;
17104      script.onload = function() { setTimeout(initializeCarousel, 50); };
17105      script.onerror = function() { console.error('Error loading script:'); setTimeout(initializeCarousel, 100); };
17106      document.head.appendChild(script);
17107    }
17108
17109    function initializeCarousel() {
17110      if (!window.jdgmCarouselUtils || !window.jdgmCarouselMode) { setTimeout(initializeCarousel, 50); return; }
17111      const buildFunction = shared.carousel_type === 'videos' || shared.carousel_type === 'cards' ? window.jdgmBuildMediaCards : window.jdgmBuildTestimonialCards;
17112      if (buildFunction) {
17113        const start = function() { window.jdgmCarouselUtils.initCarousel(blockId, settings, averageRating, params, buildFunction); };
17114          start();
17115      } else {
17116        setTimeout(initializeCarousel, 100);
17117      }
17118    }
17119    loadSpecificScript();
17120  })();
17121</script>
17121
17122<!-- END app snippet -->
17123
17124</div>�<div id="shopify-block-ATlV5MnB1bklHV2xEd__judge_me_reviews_medals_Paw9pC" class="shopify-block shopify-app-block"><div class="jdgm-medals-wrapper jdgm-hidden jdgm-widget" data-updated-at='2026-10-01T07:42:59Z'> <style type="text/css"></style> <div class="jdgm-medals" data-link="https://app.judge.me/reviews/stores/iteaworld.com"> <div class="jdgm-medals__container"> <div class="jdgm-medal-wrapper" title="Gold Verified Reviews Shop. Obtained at least 100 reviews submitted by genuine customers with proof of purchase history"> <a class="jdgm-medal jdgm--loading" data-value="189" data-type="ver_rev" data-tier="gold" aria-label="Judge.me Gold Verified Reviews Shop medal"> <div class="jdgm-medal__image" data-url="ver_rev/gold.svg" data-alt="Judge.me Gold Verified Reviews Shop medal"></div> <div class="jdgm-medal__value ">189</div> </a> </div> <div class="jdgm-medal-wrapper" title="Silver Transparent Shop. Published at least 90% of verified reviews received in total"> <a class="jdgm-medal jdgm--loading" data-value="" data-type="tran" data-tier="silver" aria-label="Judge.me Silver Transparent Shop medal"> <div class="jdgm-medal__image" data-url="tran/silver.svg" data-alt="Judge.me Silver Transparent Shop medal"></div> </a> </div> <div class="jdgm-medal-wrapper" title="Silver Monthly Record Shop. Achieved an all-time record of 26 published verified reviews within one calendar month."> <a class="jdgm-medal jdgm--loading" data-value="26" data-type="mon_rec" data-tier="silver" aria-label="Judge.me Silver Monthly Record Shop medal"> <div class="jdgm-medal__image" data-url="mon_rec/silver_hollow.svg" data-alt="Judge.me Silver Monthly Record Shop medal"></div> <div class="jdgm-medal__value ">26</div> </a> </div> <div class="jdgm-medal-wrapper" title="Top 10% Shops. Top 10% shops that obtained and published the most verified reviews of all time"> <a class="jdgm-medal jdgm--loading" data-value="" data-type="tops" data-tier="10-percent" aria-label="Judge.me Top 10% Shops medal"> <div class="jdgm-medal__image" data-url="tops/10-percent.svg" data-alt="Judge.me Top 10% Shops medal"></div> </a> </div> <div class="jdgm-medal-wrapper" title="Top 10% Trending Shops. Top 10% trending shops that obtained and published the most verified reviews in the last 30 days"> <a class="jdgm-medal jdgm--loading" data-value="" data-type="tops_trend" data-tier="10-percent" aria-label="Judge.me Top 10% Trending Shops medal"> <div class="jdgm-medal__image" data-url="tops_trend/10-percent.svg" data-alt="Judge.me Top 10% Trending Shops medal"></div> </a> </div> </div> </div> <div class="jdgm-verified-wrapper"> <div class="jdgm-rating"> <span class="jdgm-rating__stars" data-score="4.82"></span> <span class="jdgm-rating__count" data-value="189"></span> </div> <div class="jdgm-verified-by"> <span class="jdgm-verified-by__text"></span> <span class="jdgm-verified-by__image"></span> </div> </div> </div>
17125
17126
17127</div>�</div>
17128
17129
17130</section><section id="shopify-section-template--27603645268247__image_with_text_8hzNFa" class="shopify-section section section-image-with-text x-section">
17131<style data-shopify>.iwt--template--27603645268247__image_with_text_8hzNFa {
17132    
17133      background: rgb(var(--colors-background-secondary));
17134      --background-color: var(--colors-background-secondary);
17135    
17136  }
17137  .dark .iwt--template--27603645268247__image_with_text_8hzNFa {
17138    
17139      background: rgb(var(--colors-background-secondary));
17140      --background-color: var(--colors-background-secondary);
17141    
17142  }.mobile-template--27603645268247__image_with_text_8hzNFa-natural {
17143      padding-bottom: 75.0%; 
17144    }.border-radius-template--27603645268247__image_with_text_8hzNFa {
17145    
17146      
17147        border-radius: 10px;
17148      
17149    
17150  }
17151  @media screen and (min-width: 768px) {.desktop-template--27603645268247__image_with_text_8hzNFa-natural {
17152        padding-bottom: 75.0%; 
17153      }}
17154  .border--template--27603645268247__image_with_text_8hzNFa, .border--template--27603645268247__image_with_text_8hzNFa:before {
17155    
17156      --colors-line-and-border: var(--colors-line-and-border-base)
17157    
17158    }
17159  .dark .border--template--27603645268247__image_with_text_8hzNFa, .dark .border--template--27603645268247__image_with_text_8hzNFa:before {
17160            
17161      --colors-line-and-border: var(--colors-line-and-border-base)
17162    
17163  }
17164  .icon--template--27603645268247__image_with_text_8hzNFa {
17165    width: 31.5px;
17166    height: 31.5px;
17167    min-width: 31.5px;
17168    min-height: 31.5px;
17169    
17170      color: #898989;
17171    
17172  }
17173  @media (min-width: 1024px){
17174    .icon--template--27603645268247__image_with_text_8hzNFa {
17175      width: 45px;
17176      height: 45px;
17177      min-width: 45px;
17178      min-height: 45px;
17179    }
17180  }
17181  .dark .icon--template--27603645268247__image_with_text_8hzNFa {
17182    
17183      color: rgb(var(--colors-text));
17184    
17185  }
17186  
17187  .dark .color-text--template--27603645268247__image_with_text_8hzNFa {
17188            
17189      --colors-text: var(--colors-text-secondary);
17190    
17191  }
17192  .columns-header-color--template--27603645268247__image_with_text_8hzNFa {
17193    
17194      --colors-heading: var(--colors-heading-secondary);
17195    
17196    }
17197  .dark .columns-header-color--template--27603645268247__image_with_text_8hzNFa {
17198            
17199      --colors-heading: var(--colors-heading-secondary);
17200    
17201  }</style><div class="ltr pt-[0px] md:pt-[60px] pb-[0px] md:pb-[0px] x-pgw page-width pr-5 pl-5">
17202  <div class="image-with-text text-[rgb(var(--colors-text))] desktop-medium image-position-mobile-left border-radius-template--27603645268247__image_with_text_8hzNFa normal image-position-left iwt--template--27603645268247__image_with_text_8hzNFa"
17203  >
17204    
17205      <div class="iwt-image border-radius-template--27603645268247__image_with_text_8hzNFa md:w-1/2 promotion w-full flex">
17206        <div class="promotion w-full relative md:h-auto min-h-[100%] md:promotion:h-[450px] md:promotion:pb-0  h-[250px] md:h-auto">
17207          <div class="flex w-full h-full relative md:promotion:relative">
17208    
17209          
17210            
17211              
17212              <div class="border-radius-template--27603645268247__image_with_text_8hzNFa w-full overflow-hidden h-full">
17213                <parallax-image class="block h-full w-full">
17214                  <parallax-movement x-data="xParallax" x-intersect.once.margin.200px="load(true)">   
17215                    <img
17216                      class="h-full w-full object-cover border-radius-template--27603645268247__image_with_text_8hzNFa animate_transition_slide__image animate-Xpulse skeleton-image"
17217                      srcset="//iteaworld.com/cdn/shop/files/autumn_serenity_2.webp?v=1786333163&width=450 450w,
17218                      //iteaworld.com/cdn/shop/files/autumn_serenity_2.webp?v=1786333163&width=750 750w,
17219                      //iteaworld.com/cdn/shop/files/autumn_serenity_2.webp?v=1786333163&width=900 900w,
17220                      //iteaworld.com/cdn/shop/files/autumn_serenity_2.webp?v=1786333163&width=1100 1100w,
17221                      //iteaworld.com/cdn/shop/files/autumn_serenity_2.webp?v=1786333163&width=1500 1500w,
17222                      //iteaworld.com/cdn/shop/files/autumn_serenity_2.webp?v=1786333163 1600w"
17223                      src="//iteaworld.com/cdn/shop/files/autumn_serenity_2.webp?v=1786333163&width=1500"
17224                      alt=""
17225                      
17226                        
17227                          loading="lazy"
17228                        
17229                       
17230                      onload="this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image'); this.closest('.animate_transition_slide__image')?.classList.add('active');"
17231                      sizes="(min-width: 1024px) 700px, (min-width: 768px) 50vw, 100vw"
17232                      width="1600"
17233                      height="1200"
17234                      style="object-position: 50.0% 50.0%"
17235                    >
17236                  </parallax-movement>
17237                </parallax-image>
17238              </div>
17239            
17240            
17241            
17242          
17243        </div>
17244      </div>
17245    </div>
17246    <div class="md:w-1/2 w-full flex justify-center md:justify-start iwt-content-no-overlap items-center rtl:md:justify-end"
17247    >
17248      <div class="iwt-content  md:flex-1 w-full lg:pl-24 lg:pr-24"><style data-shopify>.heading-size--heading_XEfea6 {
17249                  font-size: 1.485rem;
17250                }
17251                .color-text-heading_XEfea6 {
17252                  
17253                  
17254                    --colors-text: 27, 27, 27;
17255                  
17256                }
17257                .dark .color-text-heading_XEfea6 {
17258                  
17259                    --colors-heading: var(--colors-heading-secondary);
17260                  
17261                  
17262                    --colors-text: var(--colors-text-secondary);
17263                  
17264                }
17265                @media (min-width: 768px) {
17266                  .heading-size--heading_XEfea6 {
17267                    font-size: 2.475rem;
17268                  }
17269                }</style>
17270              <div class="x-block-text color-text-heading_XEfea6 text-[rgb(var(--colors-text))] w-full mt-4 text-start rtl:text-right" >
17271                
17272                
17273                  <div class="mt-2 mb-1.5 md:mt-2.5 md:mb-3">
17274                    
17275
17276
17277<style data-shopify>
17278  .heading-heading_XEfea6 {
17279    
17280  }
17281  .dark .heading-heading_XEfea6 {
17282    
17283      --color-highlight: #020202;
17284    
17285  }
17286</style>
17287
17288
17289
17290  
17291
17292   
17293    <h2
17294      class='heading-heading_XEfea6 h2 block heading-size--heading_XEfea6'> 
17295  
17296    
17297      
17298        <span class="highlight relative inline-block hl-font">Tea Subscription
17299  
17300</span>
17301      
17302    
17303  </h2>
17304
17305  
17306
17307                  </div>
17308                
17309                
17310
17311
17312  <div class="rte"><p>A tea subscription that turns exploration into an easy ritual. Tea Club Seasonal Wellness Box is a thoughtfully curated subscription that brings seasonal Chinese tea traditions into your daily routine.</p></div>
17313
17314              </div>
17315        
17316              
17317                <style data-shopify>
17318                  .button-button_nP7UQF, .button-button_nP7UQF *:before {
17319                    
17320                    
17321                    
17322                    
17323                    
17324                    
17325                    
17326                  }
17327                  .dark .button-button_nP7UQF, .dark .button-button_nP7UQF *:before {
17328                      
17329                      --colors-button: 255, 255, 255;
17330                    
17331                     
17332                      --colors-button-text: 0, 0, 0; 
17333                    
17334                      
17335                      --colors-button-hover: rgb(255, 255, 255);
17336                    
17337                      
17338                      --colors-button-text-hover: 36, 36, 36;
17339                    
17340                      
17341                      --colors-secondary-button: 0, 0, 0;
17342                      --colors-line-secondary-button: 0, 0, 0;
17343                    
17344                      
17345                      --background-secondary-button: 255, 255, 255;
17346                      --colors-line-secondary-button: 255, 255, 255;
17347                    
17348                    
17349                      --colors-text-link: 255, 255, 255;
17350                    
17351                  }
17352                </style>
17353                <div class="button-button_nP7UQF mb-9 md:mb-4 flex justify-start rtl:justify-right mt-4 md:mt-8"
17354                  
17355                >
17356                  
17357                    <a class="button button-solid leading-normal empty:hidden text-center pl-7 pr-7 pt-2.5 pb-2.5 md:pl-8 md:pr-8 md:pt-3 md:pb-3" href="/pages/tea-club-subscription-floral-fruit-wellness-box">
17358                      
17359
17360  
17361    
17362      <span class="button-text  is-focus-button:opacity-0">LEARN MORE</span>
17363    
17364  
17365
17366
17367                    </a>
17368                  
17369                </div>
17370              
17371
17372        
17373      </div>
17374    </div>
17375  </div>
17376</div>
17377
17378</section><section id="shopify-section-template--27603645268247__image_with_text_rd9Hpy" class="shopify-section section section-image-with-text x-section">
17379<style data-shopify>.iwt--template--27603645268247__image_with_text_rd9Hpy {
17380    
17381      background: rgb(var(--colors-background-secondary));
17382      --background-color: var(--colors-background-secondary);
17383    
17384  }
17385  .dark .iwt--template--27603645268247__image_with_text_rd9Hpy {
17386    
17387      background: rgb(var(--colors-background-secondary));
17388      --background-color: var(--colors-background-secondary);
17389    
17390  }.mobile-template--27603645268247__image_with_text_rd9Hpy-natural {
17391      padding-bottom: 75.0%; 
17392    }.border-radius-template--27603645268247__image_with_text_rd9Hpy {
17393    
17394      
17395        border-radius: 10px;
17396      
17397    
17398  }
17399  @media screen and (min-width: 768px) {.desktop-template--27603645268247__image_with_text_rd9Hpy-natural {
17400        padding-bottom: 75.0%; 
17401      }}
17402  .border--template--27603645268247__image_with_text_rd9Hpy, .border--template--27603645268247__image_with_text_rd9Hpy:before {
17403    
17404      --colors-line-and-border: var(--colors-line-and-border-base)
17405    
17406    }
17407  .dark .border--template--27603645268247__image_with_text_rd9Hpy, .dark .border--template--27603645268247__image_with_text_rd9Hpy:before {
17408            
17409      --colors-line-and-border: var(--colors-line-and-border-base)
17410    
17411  }
17412  .icon--template--27603645268247__image_with_text_rd9Hpy {
17413    width: 31.5px;
17414    height: 31.5px;
17415    min-width: 31.5px;
17416    min-height: 31.5px;
17417    
17418      color: #898989;
17419    
17420  }
17421  @media (min-width: 1024px){
17422    .icon--template--27603645268247__image_with_text_rd9Hpy {
17423      width: 45px;
17424      height: 45px;
17425      min-width: 45px;
17426      min-height: 45px;
17427    }
17428  }
17429  .dark .icon--template--27603645268247__image_with_text_rd9Hpy {
17430    
17431      color: rgb(var(--colors-text));
17432    
17433  }
17434  
17435  .dark .color-text--template--27603645268247__image_with_text_rd9Hpy {
17436            
17437      --colors-text: var(--colors-text-secondary);
17438    
17439  }
17440  .columns-header-color--template--27603645268247__image_with_text_rd9Hpy {
17441    
17442      --colors-heading: var(--colors-heading-secondary);
17443    
17444    }
17445  .dark .columns-header-color--template--27603645268247__image_with_text_rd9Hpy {
17446            
17447      --colors-heading: var(--colors-heading-secondary);
17448    
17449  }</style><div class="ltr pt-[0px] md:pt-[0px] pb-[0px] md:pb-[0px] x-pgw page-width pr-5 pl-5">
17450  <div class="image-with-text text-[rgb(var(--colors-text))] desktop-medium image-position-mobile-left border-radius-template--27603645268247__image_with_text_rd9Hpy normal image-position-right iwt--template--27603645268247__image_with_text_rd9Hpy"
17451  >
17452    
17453      <div class="iwt-image border-radius-template--27603645268247__image_with_text_rd9Hpy md:w-1/2 promotion w-full flex">
17454        <div class="promotion w-full relative md:h-auto min-h-[100%] md:promotion:h-[450px] md:promotion:pb-0  h-[250px] md:h-auto">
17455          <div class="flex w-full h-full relative md:promotion:relative">
17456    
17457          
17458            
17459              
17460              <div class="border-radius-template--27603645268247__image_with_text_rd9Hpy w-full overflow-hidden h-full">
17461                <parallax-image class="block h-full w-full">
17462                  <parallax-movement x-data="xParallax" x-intersect.once.margin.200px="load(true)">   
17463                    <img
17464                      class="h-full w-full object-cover border-radius-template--27603645268247__image_with_text_rd9Hpy animate_transition_slide__image animate-Xpulse skeleton-image"
17465                      srcset="//iteaworld.com/cdn/shop/files/iTeaworld_blog.webp?v=1782120027&width=450 450w,
17466                      //iteaworld.com/cdn/shop/files/iTeaworld_blog.webp?v=1782120027&width=750 750w,
17467                      //iteaworld.com/cdn/shop/files/iTeaworld_blog.webp?v=1782120027&width=900 900w,
17468                      //iteaworld.com/cdn/shop/files/iTeaworld_blog.webp?v=1782120027&width=1100 1100w,
17469                      //iteaworld.com/cdn/shop/files/iTeaworld_blog.webp?v=1782120027&width=1500 1500w,
17470                      //iteaworld.com/cdn/shop/files/iTeaworld_blog.webp?v=1782120027 1600w"
17471                      src="//iteaworld.com/cdn/shop/files/iTeaworld_blog.webp?v=1782120027&width=1500"
17472                      alt=""
17473                      
17474                        
17475                          loading="lazy"
17476                        
17477                       
17478                      onload="this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image'); this.closest('.animate_transition_slide__image')?.classList.add('active');"
17479                      sizes="(min-width: 1024px) 700px, (min-width: 768px) 50vw, 100vw"
17480                      width="1600"
17481                      height="1200"
17482                      style="object-position: 50.0% 50.0%"
17483                    >
17484                  </parallax-movement>
17485                </parallax-image>
17486              </div>
17487            
17488            
17489            
17490          
17491        </div>
17492      </div>
17493    </div>
17494    <div class="md:w-1/2 w-full flex justify-center md:justify-start iwt-content-no-overlap items-center md:justify-end"
17495    >
17496      <div class="iwt-content  md:flex-1 w-full lg:pl-24 lg:pr-24"><style data-shopify>.heading-size--heading_kBxQzc {
17497                  font-size: 1.485rem;
17498                }
17499                .color-text-heading_kBxQzc {
17500                  
17501                  
17502                    --colors-text: 27, 27, 27;
17503                  
17504                }
17505                .dark .color-text-heading_kBxQzc {
17506                  
17507                    --colors-heading: var(--colors-heading-secondary);
17508                  
17509                  
17510                    --colors-text: var(--colors-text-secondary);
17511                  
17512                }
17513                @media (min-width: 768px) {
17514                  .heading-size--heading_kBxQzc {
17515                    font-size: 2.475rem;
17516                  }
17517                }</style>
17518              <div class="x-block-text color-text-heading_kBxQzc text-[rgb(var(--colors-text))] w-full mt-4 text-start rtl:text-right" >
17519                
17520                
17521                  <div class="mt-2 mb-1.5 md:mt-2.5 md:mb-3">
17522                    
17523
17524
17525<style data-shopify>
17526  .heading-heading_kBxQzc {
17527    
17528  }
17529  .dark .heading-heading_kBxQzc {
17530    
17531      --color-highlight: #020202;
17532    
17533  }
17534</style>
17535
17536
17537
17538  
17539
17540   
17541    <h2
17542      class='heading-heading_kBxQzc h2 block heading-size--heading_kBxQzc'> 
17543  
17544    
17545      
17546        <span class="highlight relative inline-block hl-font">Tea Blog
17547  
17548</span>
17549      
17550    
17551  </h2>
17552
17553  
17554
17555                  </div>
17556                
17557                
17558
17559
17560  <div class="rte"><p>Learn how to choose, brew, and taste Chinese tea with beginner-friendly guides and expert tips.</p></div>
17561
17562              </div>
17563        
17564              
17565                <style data-shopify>
17566                  .button-button_b84bDJ, .button-button_b84bDJ *:before {
17567                    
17568                    
17569                    
17570                    
17571                    
17572                    
17573                    
17574                  }
17575                  .dark .button-button_b84bDJ, .dark .button-button_b84bDJ *:before {
17576                      
17577                      --colors-button: 255, 255, 255;
17578                    
17579                     
17580                      --colors-button-text: 0, 0, 0; 
17581                    
17582                      
17583                      --colors-button-hover: rgb(255, 255, 255);
17584                    
17585                      
17586                      --colors-button-text-hover: 36, 36, 36;
17587                    
17588                      
17589                      --colors-secondary-button: 0, 0, 0;
17590                      --colors-line-secondary-button: 0, 0, 0;
17591                    
17592                      
17593                      --background-secondary-button: 255, 255, 255;
17594                      --colors-line-secondary-button: 255, 255, 255;
17595                    
17596                    
17597                      --colors-text-link: 255, 255, 255;
17598                    
17599                  }
17600                </style>
17601                <div class="button-button_b84bDJ mb-9 md:mb-4 flex justify-start rtl:justify-right mt-4 md:mt-8"
17602                  
17603                >
17604                  
17605                    <a class="button button-solid leading-normal empty:hidden text-center pl-7 pr-7 pt-2.5 pb-2.5 md:pl-8 md:pr-8 md:pt-3 md:pb-3" href="/pages/blog">
17606                      
17607
17608  
17609    
17610      <span class="button-text  is-focus-button:opacity-0">LEARN MORE</span>
17611    
17612  
17613
17614
17615                    </a>
17616                  
17617                </div>
17618              
17619
17620        
17621      </div>
17622    </div>
17623  </div>
17624</div>
17625
17626</section><section id="shopify-section-template--27603645268247__text_column_with_image_W8X7D7" class="shopify-section section section-text-columns-with-image x-section"><style data-shopify>.heading-template--27603645268247__text_column_with_image_W8X7D7 {
17627    font-size: 1.485rem; 
17628  }
17629  
17630  .bg--template--27603645268247__text_column_with_image_W8X7D7 {
17631    
17632      background: rgb(var(--colors-background-secondary));
17633    
17634  }
17635  .dark .bg--template--27603645268247__text_column_with_image_W8X7D7 {
17636    
17637      background: rgb(var(--colors-background-secondary));
17638    
17639  }
17640  
17641  
17642  .dark .text-column-with-image .container-template--27603645268247__text_column_with_image_W8X7D7 {
17643            
17644      --colors-text: var(--colors-text-secondary);
17645    
17646            
17647      --colors-heading: var(--colors-heading-secondary);
17648    
17649  }
17650  .gap-template--27603645268247__text_column_with_image_W8X7D7 {
17651    gap: 16px;
17652  }
17653  @media (min-width: 767px){
17654    .heading-template--27603645268247__text_column_with_image_W8X7D7 {
17655      font-size: 2.475rem;
17656    }
17657    .container-template--27603645268247__text_column_with_image_W8X7D7 {
17658      margin: 0px;
17659    }
17660  }
17661  @media (min-width: 1024px){
17662    .gap-column-template--27603645268247__text_column_with_image_W8X7D7 {
17663      
17664        padding: 14.0px;
17665      
17666    }
17667    .container-template--27603645268247__text_column_with_image_W8X7D7 {
17668      
17669        margin-top: -14.0px;
17670      
17671    }
17672    .gap-template--27603645268247__text_column_with_image_W8X7D7 {
17673      
17674        gap: 28px;
17675      
17676    }
17677    
17678  }
17679  
17680    @media (max-width: 1023px) {
17681      .preload-slide--template--27603645268247__text_column_with_image_W8X7D7 {
17682        margin-right: 16px;
17683        width: calc(((100% + 16px) / 2) - 16px);
17684      }
17685    }
17686    @media (max-width: 767px) {
17687      .preload-slide--template--27603645268247__text_column_with_image_W8X7D7 {
17688        margin-right: 16px;
17689        width: calc(((100% + 16px) / 1) - 16px);
17690      }
17691    }
17692  �</style>
17693<div class="section--template--27603645268247__text_column_with_image_W8X7D7 x-container-twm pb-[20px] pt-[48px] md:pb-[28px] md:pt-[52px] section--template--27603645268247__text_column_with_image_W8X7D7">
17694  <div class="relative x-pgw page-width mx-auto pl-5 pr-5">
17695    
17696      <div class="pb-3 md:pb-8">
17697        
17698
17699
17700<style data-shopify>
17701  .heading-template--27603645268247__text_column_with_image_W8X7D7 {
17702    
17703  }
17704  .dark .heading-template--27603645268247__text_column_with_image_W8X7D7 {
17705    
17706      --color-highlight: #020202;
17707    
17708  }
17709</style>
17710
17711
17712
17713  
17714
17715   
17716    <h2
17717      class='heading-template--27603645268247__text_column_with_image_W8X7D7 text-center h2 block'> 
17718  
17719    
17720      
17721        <span class="highlight relative inline-block hl-font">Brewing the Culture with Finest Chinese Tea
17722  
17723</span>
17724      
17725    
17726  </h2>
17727
17728  
17729
17730      </div>
17731    
17732    <div
17733      id="x-text-column-with-image-template--27603645268247__text_column_with_image_W8X7D7"
17734      x-data-slider="template--27603645268247__text_column_with_image_W8X7D7"
17735        class="text-column-with-image x-splide splide visible overflow-hidden"
17736        x-intersect.once.margin.200px='$store.xSplide.load($el, {    
17737          "speed": 1000, 
17738          "pagination": false,
17739          "mediaQuery": "min", 
17740          "updateOnMove": "true",
17741          "pauseOnHover": true,
17742          "pauseOnFocus": false,
17743          "progressBar": 3,
17744          
17745          
17746          
17747          "breakpoints": {
17748            300: {
17749              
17750              "gap": "16px",
17751              "perPage": 1
17752            },
17753            768: {
17754              "perPage": 2
17755            },
17756            1024: {
17757              "destroy": true,
17758              "perPage": 3,
17759              "gap": "28px",
17760              "drag": true
17761            }
17762          },
17763          "classes": {
17764            "arrows" : "splide__arrows block", 
17765          },
17766          "events": [
17767            {
17768              "event": "ready",
17769              "callback": () => {
17770                document.dispatchEvent(new CustomEvent("eurus:template--27603645268247__text_column_with_image_W8X7D7:splide-ready"));
17771              }
17772            }
17773          ]
17774        })'
17775      x-intersect.once='$el.classList.add("is-ready-to-animate")'
17776    >
17777      <div class="splide__track lg:pt-0.5 lg:pb-0.5 pr-10 md:pl-0 md:pr-0 lg:pl-0 lg:pr-0">
17778        <div 
17779          
17780            class="splide__list flex lg:flex lg:flex-wrap lg:justify-center lg:gap-0 lg:w-auto
17781             container-template--27603645268247__text_column_with_image_W8X7D7"
17782          
17783        ><style data-shopify>
17784              .x-slide-animation-duration-1 {
17785                --delay-time: 0ms
17786              }
17787            </style>�<style data-shopify>.heading-column_L7r4W7 {
17788                font-size: 0.99rem;
17789              }
17790              @media (min-width: 767px){
17791                .heading-column_L7r4W7 {
17792                  font-size: 1.2375rem;
17793                }
17794              }</style><div 
17795              id="Slide-template--27603645268247__text_column_with_image_W8X7D7-1"
17796              x-slide-index="0"
17797              class=" gap-column-template--27603645268247__text_column_with_image_W8X7D7 
17798                splide__slide x-splide-slide preload-slide--template--27603645268247__text_column_with_image_W8X7D7
17799                md:w-1/2 lg:w-1/3 
17800              "
17801            >
17802              <div class="flex flex-col md:flex-col h-full bg--template--27603645268247__text_column_with_image_W8X7D7 rounded-[10px]" >
17803                <div
17804                  x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active')" 
17805                  class="x-block-twm-item-image overflow-hidden block h-0 relative w-full pb-[75%]  rounded-[10px]"
17806                  
17807                >
17808                  
17809                    <div class="w-full h-full z-0 overflow-hidden absolute top-0 left-0 animate_transition_card__image animate-Xpulse skeleton-image">
17810                  
17811                    
17812                      
17813                      <img
17814                        srcset="//iteaworld.com/cdn/shop/files/tea_garden.webp?v=1782120027&width=225 225w,
17815                        //iteaworld.com/cdn/shop/files/tea_garden.webp?v=1782120027&width=375 375w,
17816                        //iteaworld.com/cdn/shop/files/tea_garden.webp?v=1782120027&width=450 450w,
17817                        //iteaworld.com/cdn/shop/files/tea_garden.webp?v=1782120027&width=750 750w,
17818                        //iteaworld.com/cdn/shop/files/tea_garden.webp?v=1782120027&width=900 900w,
17819                        //iteaworld.com/cdn/shop/files/tea_garden.webp?v=1782120027&width=1100 1100w,
17820                        //iteaworld.com/cdn/shop/files/tea_garden.webp?v=1782120027&width=1500 1500w,
17821                        //iteaworld.com/cdn/shop/files/tea_garden.webp?v=1782120027&width=1780 1780w,
17822                        //iteaworld.com/cdn/shop/files/tea_garden.webp?v=1782120027&width=2000 2000w,
17823                        //iteaworld.com/cdn/shop/files/tea_garden.webp?v=1782120027 1600w"
17824                        src="//iteaworld.com/cdn/shop/files/tea_garden.webp?v=1782120027&width=1780"
17825                        alt=""
17826                        sizes="(min-width: 1024px) 466px, (min-width: 768px) calc((100vw - 5rem) / 2), calc((100vw) / 1)"
17827                        class="animate_transition_image w-full h-full object-cover object-center image-hover absolute top-0 left-0 rounded-[10px]"
17828                        loading="lazy"
17829                        width="1600"
17830                        height="1200"
17831                        style="object-position: 50.0% 50.0%"
17832                        onload="this?.classList.add('active');
17833                          this.closest('.animate_transition_card__image')?.classList.remove('animate-Xpulse', 'skeleton-image');
17834                          setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);"
17835                      >
17836                      
17837                    
17838                  
17839                    </div>
17840                  
17841                </div>
17842                
17843                  <div class="grow x-block-twm-content text-[rgba(var(--colors-text))] md:pl-7 md:pr-7 pl-5 pr-5 dark:md:
17843pl-7 dark:md:pr-7 dark:pl-5 dark:pr-5 mt-4 md:pb-3 pb-2">
17844                    
17845                    
17846                      <p class="h3 empty:hidden x-block-twm-item-heading p-break-words heading-column_L7r4W7 text-center rtl:text-center leading-tight pb-1">
17847                        
17848
17849
17850<style data-shopify>
17851  .heading-column_L7r4W7 {
17852    
17853  }
17854  .dark .heading-column_L7r4W7 {
17855    
17856      --color-highlight: #020202;
17857    
17858  }
17859</style>
17860
17861
17862
17863  
17864
17865  
17866    
17867      
17868        Authentic Origins
17869      
17870    
17871  
17872
17873  
17874
17875                      </p>
17876                    
17877                    
17878                      <div class="rte x-block-twm-item-text text-center rtl:text-center">
17879                        <p>Sourced directly from China’s renowned tea regions, our teas showcase the authentic character of their origin and the craftsmanship behind every harvest.</p>
17880                      </div>
17881                    
17882                    
17883                      <div class="x-block-twm-item-button mb-3 text-center rtl:text-center">
17884                        
17885                          <a href="/pages/brand-history" class="disable-effect inline-block button  button-text-link  empty:hidden p-break-words leading-normal text-center mt-2 lg:ml-0 lg:mr-0 h-full pl-4 pr-4 lg:pl-7 lg:pr-7 pt-2.5 pb-2.5 md:pt-3 md:pb-3">
17886                        
17887                          
17888
17889  
17890    
17891      <div class="relative block-text-button overflow-hidden ">
17892        <span class="button-text  btn-text-link-effect-1 relative top-0 is-focus-button:opacity-0">Learn More</span>
17893        <span class="button-text  btn-text-link-effect-2 absolute top-full left-0 is-focus-button:opacity-0">Learn More</span>
17894      </div>
17895        
17896  
17897
17898
17899                        </a>
17900                      </div>
17901                    
17902                  </div>
17903                
17904              </div>
17905            </div><style data-shopify>
17906              .x-slide-animation-duration-2 {
17907                --delay-time: 100ms
17908              }
17909            </style>�<style data-shopify>.heading-column_beDTAz {
17910                font-size: 0.99rem;
17911              }
17912              @media (min-width: 767px){
17913                .heading-column_beDTAz {
17914                  font-size: 1.2375rem;
17915                }
17916              }</style><div 
17917              id="Slide-template--27603645268247__text_column_with_image_W8X7D7-2"
17918              x-slide-index="1"
17919              class=" gap-column-template--27603645268247__text_column_with_image_W8X7D7 
17920                splide__slide x-splide-slide preload-slide--template--27603645268247__text_column_with_image_W8X7D7
17921                md:w-1/2 lg:w-1/3 
17922              "
17923            >
17924              <div class="flex flex-col md:flex-col h-full bg--template--27603645268247__text_column_with_image_W8X7D7 rounded-[10px]" >
17925                <div
17926                  x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active')" 
17927                  class="x-block-twm-item-image overflow-hidden block h-0 relative w-full pb-[75%]  rounded-[10px]"
17928                  
17929                >
17930                  
17931                    <div class="w-full h-full z-0 overflow-hidden absolute top-0 left-0 animate_transition_card__image animate-Xpulse skeleton-image">
17932                  
17933                    
17934                      
17935                      <img
17936                        srcset="//iteaworld.com/cdn/shop/files/iTeaworld_Eco-friendly_packaging.webp?v=1782120027&width=225 225w,
17937                        //iteaworld.com/cdn/shop/files/iTeaworld_Eco-friendly_packaging.webp?v=1782120027&width=375 375w,
17938                        //iteaworld.com/cdn/shop/files/iTeaworld_Eco-friendly_packaging.webp?v=1782120027&width=450 450w,
17939                        //iteaworld.com/cdn/shop/files/iTeaworld_Eco-friendly_packaging.webp?v=1782120027&width=750 750w,
17940                        //iteaworld.com/cdn/shop/files/iTeaworld_Eco-friendly_packaging.webp?v=1782120027&width=900 900w,
17941                        //iteaworld.com/cdn/shop/files/iTeaworld_Eco-friendly_packaging.webp?v=1782120027&width=1100 1100w,
17942                        //iteaworld.com/cdn/shop/files/iTeaworld_Eco-friendly_packaging.webp?v=1782120027&width=1500 1500w,
17943                        //iteaworld.com/cdn/shop/files/iTeaworld_Eco-friendly_packaging.webp?v=1782120027&width=1780 1780w,
17944                        //iteaworld.com/cdn/shop/files/iTeaworld_Eco-friendly_packaging.webp?v=1782120027&width=2000 2000w,
17945                        //iteaworld.com/cdn/shop/files/iTeaworld_Eco-friendly_packaging.webp?v=1782120027 1600w"
17946                        src="//iteaworld.com/cdn/shop/files/iTeaworld_Eco-friendly_packaging.webp?v=1782120027&width=1780"
17947                        alt=""
17948                        sizes="(min-width: 1024px) 466px, (min-width: 768px) calc((100vw - 5rem) / 2), calc((100vw) / 1)"
17949                        class="animate_transition_image w-full h-full object-cover object-center image-hover absolute top-0 left-0 rounded-[10px]"
17950                        loading="lazy"
17951                        width="1600"
17952                        height="1200"
17953                        style="object-position: 50.0% 50.0%"
17954                        onload="this?.classList.add('active');
17955                          this.closest('.animate_transition_card__image')?.classList.remove('animate-Xpulse', 'skeleton-image');
17956                          setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);"
17957                      >
17958                      
17959                    
17960                  
17961                    </div>
17962                  
17963                </div>
17964                
17965                  <div class="grow x-block-twm-content text-[rgba(var(--colors-text))] md:pl-7 md:pr-7 pl-5 pr-5 dark:md:
17965pl-7 dark:md:pr-7 dark:pl-5 dark:pr-5 mt-4 md:pb-3 pb-2">
17966                    
17967                    
17968                      <p class="h3 empty:hidden x-block-twm-item-heading p-break-words heading-column_beDTAz text-center rtl:text-center leading-tight pb-1">
17969                        
17970
17971
17972<style data-shopify>
17973  .heading-column_beDTAz {
17974    
17975  }
17976  .dark .heading-column_beDTAz {
17977    
17978      --color-highlight: #020202;
17979    
17980  }
17981</style>
17982
17983
17984
17985  
17986
17987  
17988    
17989      
17990        Sustainability
17991      
17992    
17993  
17994
17995  
17996
17997                      </p>
17998                    
17999                    
18000                      <div class="rte x-block-twm-item-text text-center rtl:text-center">
18001                        <p>We use thoughtfully designed packaging that protects tea freshness while reducing environmental impact whenever possible.</p>
18002                      </div>
18003                    
18004                    
18005                      <div class="x-block-twm-item-button mb-3 text-center rtl:text-center">
18006                        
18007                          <a href="/pages/sustainability" class="disable-effect inline-block button  button-text-link  empty:hidden p-break-words leading-normal text-center mt-2 lg:ml-0 lg:mr-0 h-full pl-4 pr-4 lg:pl-7 lg:pr-7 pt-2.5 pb-2.5 md:pt-3 md:pb-3">
18008                        
18009                          
18010
18011  
18012    
18013      <div class="relative block-text-button overflow-hidden ">
18014        <span class="button-text  btn-text-link-effect-1 relative top-0 is-focus-button:opacity-0">Learn More</span>
18015        <span class="button-text  btn-text-link-effect-2 absolute top-full left-0 is-focus-button:opacity-0">Learn More</span>
18016      </div>
18017        
18018  
18019
18020
18021                        </a>
18022                      </div>
18023                    
18024                  </div>
18025                
18026              </div>
18027            </div><style data-shopify>
18028              .x-slide-animation-duration-3 {
18029                --delay-time: 200ms
18030              }
18031            </style>�<style data-shopify>.heading-column_GCtGW9 {
18032                font-size: 0.99rem;
18033              }
18034              @media (min-width: 767px){
18035                .heading-column_GCtGW9 {
18036                  font-size: 1.2375rem;
18037                }
18038              }</style><div 
18039              id="Slide-template--27603645268247__text_column_with_image_W8X7D7-3"
18040              x-slide-index="2"
18041              class=" gap-column-template--27603645268247__text_column_with_image_W8X7D7 
18042                splide__slide x-splide-slide preload-slide--template--27603645268247__text_column_with_image_W8X7D7
18043                md:w-1/2 lg:w-1/3 
18044              "
18045            >
18046              <div class="flex flex-col md:flex-col h-full bg--template--27603645268247__text_column_with_image_W8X7D7 rounded-[10px]" >
18047                <div
18048                  x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active')" 
18049                  class="x-block-twm-item-image overflow-hidden block h-0 relative w-full pb-[75%]  rounded-[10px]"
18050                  
18051                >
18052                  
18053                    <div class="w-full h-full z-0 overflow-hidden absolute top-0 left-0 animate_transition_card__image animate-Xpulse skeleton-image">
18054                  
18055                    
18056                      
18057                      <img
18058                        srcset="//iteaworld.com/cdn/shop/files/iTeaworld_tea_sample.webp?v=1782120027&width=225 225w,
18059                        //iteaworld.com/cdn/shop/files/iTeaworld_tea_sample.webp?v=1782120027&width=375 375w,
18060                        //iteaworld.com/cdn/shop/files/iTeaworld_tea_sample.webp?v=1782120027&width=450 450w,
18061                        //iteaworld.com/cdn/shop/files/iTeaworld_tea_sample.webp?v=1782120027&width=750 750w,
18062                        //iteaworld.com/cdn/shop/files/iTeaworld_tea_sample.webp?v=1782120027&width=900 900w,
18063                        //iteaworld.com/cdn/shop/files/iTeaworld_tea_sample.webp?v=1782120027&width=1100 1100w,
18064                        //iteaworld.com/cdn/shop/files/iTeaworld_tea_sample.webp?v=1782120027&width=1500 1500w,
18065                        //iteaworld.com/cdn/shop/files/iTeaworld_tea_sample.webp?v=1782120027&width=1780 1780w,
18066                        //iteaworld.com/cdn/shop/files/iTeaworld_tea_sample.webp?v=1782120027&width=2000 2000w,
18067                        //iteaworld.com/cdn/shop/files/iTeaworld_tea_sample.webp?v=1782120027 1600w"
18068                        src="//iteaworld.com/cdn/shop/files/iTeaworld_tea_sample.webp?v=1782120027&width=1780"
18069                        alt=""
18070                        sizes="(min-width: 1024px) 466px, (min-width: 768px) calc((100vw - 5rem) / 2), calc((100vw) / 1)"
18071                        class="animate_transition_image w-full h-full object-cover object-center image-hover absolute top-0 left-0 rounded-[10px]"
18072                        loading="lazy"
18073                        width="1600"
18074                        height="1200"
18075                        style="object-position: 50.0% 50.0%"
18076                        onload="this?.classList.add('active');
18077                          this.closest('.animate_transition_card__image')?.classList.remove('animate-Xpulse', 'skeleton-image');
18078                          setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);"
18079                      >
18080                      
18081                    
18082                  
18083                    </div>
18084                  
18085                </div>
18086                
18087                  <div class="grow x-block-twm-content text-[rgba(var(--colors-text))] md:pl-7 md:pr-7 pl-5 pr-5 dark:md:
18087pl-7 dark:md:pr-7 dark:pl-5 dark:pr-5 mt-4 md:pb-3 pb-2">
18088                    
18089                    
18090                      <p class="h3 empty:hidden x-block-twm-item-heading p-break-words heading-column_GCtGW9 text-center rtl:text-center leading-tight pb-1">
18091                        
18092
18093
18094<style data-shopify>
18095  .heading-column_GCtGW9 {
18096    
18097  }
18098  .dark .heading-column_GCtGW9 {
18099    
18100      --color-highlight: #020202;
18101    
18102  }
18103</style>
18104
18105
18106
18107  
18108
18109  
18110    
18111      
18112        Free Tea Sample
18113      
18114    
18115  
18116
18117  
18118
18119                      </p>
18120                    
18121                    
18122                      <div class="rte x-block-twm-item-text text-center rtl:text-center">
18123                        <p>Select complimentary tea samples with every tea order and explore new teas before committing to a full-size purchase.</p>
18124                      </div>
18125                    
18126                    
18127                      <div class="x-block-twm-item-button mb-3 text-center rtl:text-center">
18128                        
18129                          <a href="/collections/tea-samples" class="disable-effect inline-block button  button-text-link  empty:hidden p-break-words leading-normal text-center mt-2 lg:ml-0 lg:mr-0 h-full pl-4 pr-4 lg:pl-7 lg:pr-7 pt-2.5 pb-2.5 md:pt-3 md:pb-3">
18130                        
18131                          
18132
18133  
18134    
18135      <div class="relative block-text-button overflow-hidden ">
18136        <span class="button-text  btn-text-link-effect-1 relative top-0 is-focus-button:opacity-0">Learn More</span>
18137        <span class="button-text  btn-text-link-effect-2 absolute top-full left-0 is-focus-button:opacity-0">Learn More</span>
18138      </div>
18139        
18140  
18141
18142
18143                        </a>
18144                      </div>
18145                    
18146                  </div>
18147                
18148              </div>
18149            </div></div>
18150      </div><div class="splide__arrows container-template--27603645268247__text_column_with_image_W8X7D7 flex items-center justify-center gap-3 md:gap-0 mb-1 lg:mb-0 mt-5 lg:mt-0">
18151          <button 
18152            class="splide__arrow splide__arrow--prev button-arrow text-[rgba(var(--colors-text))] p-3 rounded-full z-10 w-11 h-11 border border-solid lg:border-none after:text-[20px] rtl:rotate-180 disabled:cursor-not-allowed disabled:opacity-30 hidden lg:hidden"
18153            aria-label="previous slide"
18154          >
18155            <svg style="fill: none" width="100%" height="100%" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
18156    
18157        <path d="M72.0001 95L27 49.9999L72.0001 5" stroke="currentColor" stroke-width="6.5" stroke-linecap="round" stroke-linejoin="round"/>
18158      
18159  </svg>
18160
18161          </button>
18162          <button 
18163            class="splide__arrow splide__arrow--next button-arrow text-[rgba(var(--colors-text))] p-3 rounded-full z-10 w-11 h-11 border border-solid lg:border-none after:text-[20px] rtl:rotate-180 disabled:cursor-not-allowed disabled:opacity-30 hidden lg:hidden"
18164            aria-label="next slide"
18165          >
18166            <svg style="fill: none" width="100%" height="100%" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
18167    
18168        <path d="M26.9999 5L72 50.0001L26.9999 95" stroke="currentColor" stroke-width="6.5" stroke-linecap="round" stroke-linejoin="round"/>
18169      
18170  </svg>
18171
18172          </button>
18173        </div><div class="x-pgw page-width lg:hidden flex w-full items-center gap-5 mt-2.5 w-full ml-auto mr-auto">
18174          <div class="splide-progress inline-block grow rounded-md">
18175             <style data-shopify>.splide-progress-bar-template--27603645268247__text_column_with_image_W8X7D7 {
18176                width: 33.33333333333333%;
18177              }
18178              @media (min-width: 768px) {
18179                .splide-progress-bar-template--27603645268247__text_column_with_image_W8X7D7 {
18180                  width: 100.0%;
18181                }
18182              }</style><div class="splide-progress-bar-template--27603645268247__text_column_with_image_W8X7D7 splide-progress-bar rounded-md"></div>
18183          </div>
18184        </div></div>
18185  </div>
18186</div>
18187
18188  </section><section id="shopify-section-template--27603645268247__1758278288fed59b65" class="shopify-section section x-section section-apps"><div class="x-pgw page-width"></div>
18189
18190
18191</section>
18192      </main>
18193
18194      
18195          <!-- BEGIN sections: footer-group-puff -->
18196<section id="shopify-section-sections--27603634585879__multicolumn_Hg6qCn" class="shopify-section shopify-section-group-footer-group-puff section section-multicolumn x-section"><style data-shopify>.heading-sections--27603634585879__multicolumn_Hg6qCn {
18197    font-size: 1.485rem; 
18198  }
18199  .size-icon-sections--27603634585879__multicolumn_Hg6qCn {
18200    width: 28.0px;
18201    height: 28.0px;
18202  }
18203  
18204  .color-icon--sections--27603634585879__multicolumn_Hg6qCn {
18205    
18206      color: #739047;
18207    
18208  }
18209  .dark .color-icon--sections--27603634585879__multicolumn_Hg6qCn {
18210    
18211      color: #739047;
18212    
18213  }
18214  .bg-sections--27603634585879__multicolumn_Hg6qCn {
18215    
18216      background: rgb(var(--colors-background-secondary));
18217    
18218  }
18219  .dark .bg-sections--27603634585879__multicolumn_Hg6qCn {
18220    
18221      background: rgb(var(--colors-background-secondary));
18222    
18223  }
18224  
18225  
18226  
18227  .dark .color-text--sections--27603634585879__multicolumn_Hg6qCn {
18228    
18229      --colors-text: 255,255,255;
18230    
18231  }
18232  .dark .color--sections--27603634585879__multicolumn_Hg6qCn {
18233            
18234      --colors-line-and-border: 0, 0, 0;
18235    
18236    
18237      --colors-heading: 255,255,255;
18238    
18239  }
18240  
18241    @media (max-width: 1023px) {
18242      .line-slider-mobile--sections--27603634585879__multicolumn_Hg6qCn:after {
18243        right: -8.0px;
18244      }
18245      .preload-slide-mobile--sections--27603634585879__multicolumn_Hg6qCn {
18246          margin-right: 16px;
18247        
18248        width: calc(((100% + 16px) / 2) - 16px);
18249      }
18250    }
18251    @media (max-width: 767px) {
18252      .preload-slide-mobile--sections--27603634585879__multicolumn_Hg6qCn {
18253        width: calc(((100% + 16px) / 2) - 16px);
18254      }
18255    }
18256  
18257  @media (min-width: 1024px){
18258    .heading-sections--27603634585879__multicolumn_Hg6qCn {
18259      font-size: 2.475rem;
18260    }
18261    .size-icon-sections--27603634585879__multicolumn_Hg6qCn {
18262      width: 40px;
18263      height: 40px;
18264    }
18265    
18266    .spacing-desktop-sections--27603634585879__multicolumn_Hg6qCn {
18267      padding: 14.0px;
18268    }
18269    .spacing-desktop-sections--27603634585879__multicolumn_Hg6qCn-splide { 
18270      margin: -14.0px!important;
18271    }
18272    
18273    
18274  }
18275  @media (max-width: 1023px) {
18276    .spacing--sections--27603634585879__multicolumn_Hg6qCn {
18277      
18278        padding-left: 8.0px;
18279        padding-right: 8.0px;
18280      
18281      padding-top: 8.0px;
18282      padding-bottom: 8.0px;
18283    }
18284    
18285  }
18286  @media (max-width: 767px) {
18287    
18288      .spacing--sections--27603634585879__multicolumn_Hg6qCn-splide { 
18289        margin: -8.0px!important;
18290      }
18291    
18292  }</style>
18293
18294
18295  <div class=" pb-[20px] pt-[20px] md:pb-[28px] md:pt-[28px] section--sections--27603634585879__multicolumn_Hg6qCn">
18296    
18297      <div class="pb-5 md:pb-8 x-pgw page-width mx-auto">
18298        
18299
18300
18301<style data-shopify>
18302  .heading-sections--27603634585879__multicolumn_Hg6qCn {
18303    
18304  }
18305  .dark .heading-sections--27603634585879__multicolumn_Hg6qCn {
18306    
18307      --color-highlight: #020202;
18308    
18309  }
18310</style>
18311
18312
18313
18314  
18315
18316   
18317    <h2
18318      class='heading-sections--27603634585879__multicolumn_Hg6qCn x-block-header text-center h2 block empty:hidden leading-tight p-break-words'> 
18319  
18320    
18321      
18322        <span class="highlight relative inline-block hl-font">Shop with Confidence at iTeaworld
18323  
18324</span>
18325      
18326    
18327  </h2>
18328
18329  
18330
18331      </div>
18332    
18333    <div class="x-block-columns text-column-with-icon color--sections--27603634585879__multicolumn_Hg6qCn mx-auto x-pgw page-width">
18334      <div
18335        id="x-text-with-icon-sections--27603634585879__multicolumn_Hg6qCn"
18336          class="x-splide splide visible overflow-hidden"
18337          x-intersect.once.margin.200px='$store.xSplide.load($el, {    
18338            "speed": 1000, 
18339            "pagination": false, 
18340            "mediaQuery": "min", 
18341            "updateOnMove": "true",
18342            "pauseOnHover": true,
18343            "pauseOnFocus": false,
18344            
18345            "rewind": true,
18346              "autoplay": true,
18347              "interval": 5000,
18348            
18349            "progressBar": 4,
18350            "breakpoints": {
18351              300: {
18352                
18353                "gap": "16px",
18354                "focus": "right",
18355                "perPage": 2,
18356                "perMove": 2
18357              },
18358              768: {
18359                "perPage": 2,
18360                "perMove": 2
18361              },
18362              1024: {
18363                "destroy": true,
18364                
18365                "perPage": 4,
18366                "perMove": 4,
18367                "gap": "28px",
18368                "padding": 0,
18369                "drag": true
18370              }
18371            },
18372            "classes": {
18373              "arrows" : "hidden", 
18374            }
18375          })'x-intersect.once='$el.classList.add("is-ready-to-animate")'
18376        >
18377        <div class="splide__track lg:pt-0.5 lg:pb-0.5">
18378          <div class="splide__list flex lg:flex lg:flex-wrap lg:justify-center lg:gap-0 lg:w-auto spacing-desktop-sections--27603634585879__multicolumn_Hg6qCn-splide"
18379          ><style data-shopify>
18380                .x-slide-animation-duration-1 {
18381                  --delay-time: 0ms
18382                }
18383              </style>
18384<style data-shopify>.heading-column_aVcVQA {
18385                  font-size: 1.089rem;
18386                }
18387                @media (min-width: 767px) {
18388                  .heading-column_aVcVQA {
18389                    font-size: 1.36125rem;
18390                  }
18391                }</style><div
18392                x-slide-index="0"
18393                id="Slide-sections--27603634585879__multicolumn_Hg6qCn-1"
18394                class=" text-with-icon-item splide__slide x-splide-slide spacing-desktop-sections--27603634585879__multicolumn_Hg6qCn md:w-1/2 lg:w-1/4 preload-slide-mobile--sections--27603634585879__multicolumn_Hg6qCn"
18395              >
18396                <div class="h-full py-0 md:py-7  justify-center md:pl-7 md:pr-7 pl-5 pr-5 rounded-md" >
18397                  
18398                    
18399                      <div class="pt-2 text-center items-center mb-2">
18400                        <span class="inline-block relative size-icon-sections--27603634585879__multicolumn_Hg6qCn color-icon--sections--27603634585879__multicolumn_Hg6qCn">
18401                          
18402                            
18403                              
18404                                <svg style="fill: none" width="100%" height="100%" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
18405    
18406        <path d="M31.5098 76.9921C85.3308 76.9921 89.6617 31.2072 90.0084 9.44915C90.0115 8.85729 89.8959 8.2708 89.6684 7.7244C89.4409 7.178 89.1061 6.68278 88.6839 6.26806C88.2616 5.85334 87.7604 5.52754 87.21 5.30993C86.6596 5.09233 86.0711 4.98736 85.4794 5.00121C9 6.40583 9 43.484 9 76.9921V95" stroke="currentColor" stroke-width="6.5" stroke-linecap="round" stroke-linejoin="round"/>
18407        <path d="M9 76.9923C9 76.9923 9 49.9805 45.0157 45.4785" stroke="currentColor" stroke-width="6.5" stroke-linecap="round" stroke-linejoin="round"/>
18408          
18409      
18410  </svg>
18411
18412                              
18413                            
18414                          
18415                        </span>
18416                      </div>
18417                    
18418                  
18419                  <div class="pt-2">
18420                    
18421                      <p class="h3 empty:hidden p-break-words heading-column_aVcVQA text-center leading-tight">
18422                        
18423                          <a class="hover:text-[rgba(var(--colors-text-link))]" href="/pages/brand-history">
18424                            
18425
18426
18427<style data-shopify>
18428  .heading-column_aVcVQA {
18429    
18430  }
18431  .dark .heading-column_aVcVQA {
18432    
18433      --color-highlight: #020202;
18434    
18435  }
18436</style>
18437
18438
18439
18440  
18441
18442  
18443    
18444      
18445        <span class="highlight relative inline-block hl-font">Authentic &amp; Carefully Selected
18446  
18447</span>
18448      
18449    
18450  
18451
18452  
18453
18454                          </a>
18455                        
18456                      </p>
18457                    
18458                    
18459                      <div class="color-text--sections--27603634585879__multicolumn_Hg6qCn rte text-center p-break-words text-[rgb(var(--colors-text))]">
18460                        <p>Carefully hand-picked from authentic Chinese tea leaves for premium flavor and  quality</p>
18461                      </div>
18462                    
18463                  </div>
18464                </div>
18465              </div><style data-shopify>
18466                .x-slide-animation-duration-2 {
18467                  --delay-time: 100ms
18468                }
18469              </style>
18470<style data-shopify>.heading-column_Kmmjnk {
18471                  font-size: 1.089rem;
18472                }
18473                @media (min-width: 767px) {
18474                  .heading-column_Kmmjnk {
18475                    font-size: 1.36125rem;
18476                  }
18477                }</style><div
18478                x-slide-index="1"
18479                id="Slide-sections--27603634585879__multicolumn_Hg6qCn-2"
18480                class=" text-with-icon-item splide__slide x-splide-slide spacing-desktop-sections--27603634585879__multicolumn_Hg6qCn md:w-1/2 lg:w-1/4 preload-slide-mobile--sections--27603634585879__multicolumn_Hg6qCn"
18481              >
18482                <div class="h-full py-0 md:py-7  justify-center md:pl-7 md:pr-7 pl-5 pr-5 rounded-md" >
18483                  
18484                    
18485                      <div class="pt-2 text-center items-center mb-2">
18486                        <span class="inline-block relative size-icon-sections--27603634585879__multicolumn_Hg6qCn color-icon--sections--27603634585879__multicolumn_Hg6qCn animate-Xpulse skeleton-image">
18487                          
18488                            
18489                            <img 
18490                              src="//iteaworld.com/cdn/shop/files/icon-1__1__1.png?v=1768532717&width=40"
18491                              alt=""
18492                              loading="lazy"
18493                              onload="this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');"
18494                              width="178"
18495                              height="178"
18496                              style="object-position: 50.0% 50.0%"
18497                              class="object-cover absolute top-0 left-0 w-full h-full"
18498                            >
18499                            
18500                          
18501                        </span>
18502                      </div>
18503                    
18504                  
18505                  <div class="pt-2">
18506                    
18507                      <p class="h3 empty:hidden p-break-words heading-column_Kmmjnk text-center leading-tight">
18508                        
18509                          <a class="hover:text-[rgba(var(--colors-text-link))]" href="/policies/refund-policy">
18510                            
18511
18512
18513<style data-shopify>
18514  .heading-column_Kmmjnk {
18515    
18516  }
18517  .dark .heading-column_Kmmjnk {
18518    
18519      --color-highlight: #020202;
18520    
18521  }
18522</style>
18523
18524
18525
18526  
18527
18528  
18529    
18530      
18531        <span class="highlight relative inline-block hl-font">30-Day Return &amp; Satisfaction Policy
18532  
18533</span>
18534      
18535    
18536  
18537
18538  
18539
18540                          </a>
18541                        
18542                      </p>
18543                    
18544                    
18545                      <div class="color-text--sections--27603634585879__multicolumn_Hg6qCn rte text-center p-break-words text-[rgb(var(--colors-text))]">
18546                        <p>Not satisfied? Get a refund within 15 days for taste concerns, or return unopened products within 30 days.</p>
18547                      </div>
18548                    
18549                  </div>
18550                </div>
18551              </div><style data-shopify>
18552                .x-slide-animation-duration-3 {
18553                  --delay-time: 200ms
18554                }
18555              </style>
18556<style data-shopify>.heading-column_r7n9zX {
18557                  font-size: 1.089rem;
18558                }
18559                @media (min-width: 767px) {
18560                  .heading-column_r7n9zX {
18561                    font-size: 1.36125rem;
18562                  }
18563                }</style><div
18564                x-slide-index="2"
18565                id="Slide-sections--27603634585879__multicolumn_Hg6qCn-3"
18566                class=" text-with-icon-item splide__slide x-splide-slide spacing-desktop-sections--27603634585879__multicolumn_Hg6qCn md:w-1/2 lg:w-1/4 preload-slide-mobile--sections--27603634585879__multicolumn_Hg6qCn"
18567              >
18568                <div class="h-full py-0 md:py-7  justify-center md:pl-7 md:pr-7 pl-5 pr-5 rounded-md" >
18569                  
18570                    
18571                      <div class="pt-2 text-center items-center mb-2">
18572                        <span class="inline-block relative size-icon-sections--27603634585879__multicolumn_Hg6qCn color-icon--sections--27603634585879__multicolumn_Hg6qCn animate-Xpulse skeleton-image">
18573                          
18574                            
18575                            <img 
18576                              src="//iteaworld.com/cdn/shop/files/icon-2__1.png?v=1768532839&width=40"
18577                              alt=""
18578                              loading="lazy"
18579                              onload="this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');"
18580                              width="178"
18581                              height="178"
18582                              style="object-position: 50.0% 50.0%"
18583                              class="object-cover absolute top-0 left-0 w-full h-full"
18584                            >
18585                            
18586                          
18587                        </span>
18588                      </div>
18589                    
18590                  
18591                  <div class="pt-2">
18592                    
18593                      <p class="h3 empty:hidden p-break-words heading-column_r7n9zX text-center leading-tight">
18594                        
18595                          <a class="hover:text-[rgba(var(--colors-text-link))]" href="/collections/tea-samples">
18596                            
18597
18598
18599<style data-shopify>
18600  .heading-column_r7n9zX {
18601    
18602  }
18603  .dark .heading-column_r7n9zX {
18604    
18605      --color-highlight: #020202;
18606    
18607  }
18608</style>
18609
18610
18611
18612  
18613
18614  
18615    
18616      
18617        <span class="highlight relative inline-block hl-font">Free tea samples with tea order
18618  
18619</span>
18620      
18621    
18622  
18623
18624  
18625
18626                          </a>
18627                        
18628                      </p>
18629                    
18630                    
18631                      <div class="color-text--sections--27603634585879__multicolumn_Hg6qCn rte text-center p-break-words text-[rgb(var(--colors-text))]">
18632                        <p>Buy 1 get 1 sample. Buy 2 get 2. Buy 3+ get 3 free sample</p>
18633                      </div>
18634                    
18635                  </div>
18636                </div>
18637              </div><style data-shopify>
18638                .x-slide-animation-duration-4 {
18639                  --delay-time: 300ms
18640                }
18641              </style>
18642<style data-shopify>.heading-column_wHRjr8 {
18643                  font-size: 1.089rem;
18644                }
18645                @media (min-width: 767px) {
18646                  .heading-column_wHRjr8 {
18647                    font-size: 1.36125rem;
18648                  }
18649                }</style><div
18650                x-slide-index="3"
18651                id="Slide-sections--27603634585879__multicolumn_Hg6qCn-4"
18652                class=" text-with-icon-item splide__slide x-splide-slide spacing-desktop-sections--27603634585879__multicolumn_Hg6qCn md:w-1/2 lg:w-1/4 preload-slide-mobile--sections--27603634585879__multicolumn_Hg6qCn"
18653              >
18654                <div class="h-full py-0 md:py-7  justify-center md:pl-7 md:pr-7 pl-5 pr-5 rounded-md" >
18655                  
18656                    
18657                      <div class="pt-2 text-center items-center mb-2">
18658                        <span class="inline-block relative size-icon-sections--27603634585879__multicolumn_Hg6qCn color-icon--sections--27603634585879__multicolumn_Hg6qCn">
18659                          
18660                            
18661                              
18662                                <svg style="fill: none" width="100%" height="100%" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
18663    
18664        <path d="M50 95C74.8526 95 95 74.8526 95 50C95 25.1472 74.8526 5 50 5C25.1472 5 5 25.1472 5 50C5 74.8526 25.1472 95 50 95Z" stroke="currentColor" stroke-width="6.5" stroke-linecap="round" stroke-linejoin="round"/>
18665        <path d="M32 59C32 59 38.75 68 50 68C61.25 68 68 59 68 59" stroke="currentColor" stroke-width="6.5" stroke-linecap="round" stroke-linejoin="round"/>
18666        <path d="M36.5 36.5H36.545" stroke="currentColor" stroke-width="6.5" stroke-linecap="round" stroke-linejoin="round"/>
18667        <path d="M63.5 36.5H63.545" stroke="currentColor" stroke-width="6.5" stroke-linecap="round" stroke-linejoin="round"/>
18668      
18669  </svg>
18670
18671                              
18672                            
18673                          
18674                        </span>
18675                      </div>
18676                    
18677                  
18678                  <div class="pt-2">
18679                    
18680                      <p class="h3 empty:hidden p-break-words heading-column_wHRjr8 text-center leading-tight">
18681                        
18682                          <a class="hover:text-[rgba(var(--colors-text-link))]" href="/pages/rewards-program" target="_blank">
18683                            
18684
18685
18686<style data-shopify>
18687  .heading-column_wHRjr8 {
18688    
18689  }
18690  .dark .heading-column_wHRjr8 {
18691    
18692      --color-highlight: #020202;
18693    
18694  }
18695</style>
18696
18697
18698
18699  
18700
18701  
18702    
18703      
18704        <span class="highlight relative inline-block hl-font">Steep &amp; Earn
18705  
18706</span>
18707      
18708    
18709  
18710
18711  
18712
18713                          </a>
18714                        
18715                      </p>
18716                    
18717                    
18718                      <div class="color-text--sections--27603634585879__multicolumn_Hg6qCn rte text-center p-break-words text-[rgb(var(--colors-text))]">
18719                        <p>Earn points with every order and redeem them for discounts and exclusive gifts</p>
18720                      </div>
18721                    
18722                  </div>
18723                </div>
18724              </div></div>
18725        </div><div class="x-pgw page-width lg:hidden flex items-center gap-5 mt-2.5 w-full ml-auto mr-auto">
18726            <div class="splide-progress inline-block grow rounded-md">
18727               <style data-shopify>.splide-progress-bar-sections--27603634585879__multicolumn_Hg6qCn {
18728                  width: 50.0%;
18729                }
18730                @media (min-width: 768px) {
18731                  .splide-progress-bar-sections--27603634585879__multicolumn_Hg6qCn {
18732                    width: 100.0%;
18733                  }
18734                }</style><div class="splide-progress-bar-sections--27603634585879__multicolumn_Hg6qCn splide-progress-bar rounded-md"></div>
18735            </div>
18736          </div></div>
18737    </div>
18738  </div>
18739
18740
18741</section><div id="shopify-section-sections--27603634585879__footer" class="shopify-section shopify-section-group-footer-group-puff section-footer">
18742<div id="section-footer" class="section-footer relative background-footer sticky-footer selection:bg-[rgba(var(--colors-text-footer),0.2)] pt-[0px] md:pt-[0px] pb-[28px] md:pb-[40px]"><div class="flex-wrap md:mb-5 md:border-b md:border-b-solid md:pt-12 md:pb-7">
18743        <div class="pt-6 md:pt-0 md:flex justify-center md:m-auto md:pr-0 rtl:md:pr-5 rtl:md:pl-0 x-pgw page-width flex-wrap">
18744          <div class="footer-col--1 md:pr-5 rtl:md:pr-0 md:first:pl-0 rtl:md:pl-5 rtl:md:first:pr-0 md:mb-7 md:pl-0 w-full md:w-1/5 ltr" ><div x-data="{ open: true }" class="pt-4 md:pb-5">
18745                    <div @click="open = ! open" class="relative pr-5 rtl:pr-0 rtl:pl-5 cursor-pointer md:cursor-default duration-200 transition">
18746                      <p class="h6 text-[115%]">Subscribe &amp; Enjoy 10% Off Your First Order*</p>
18747                      <span class="md:hidden absolute w-2.5	h-2.5 top-1/2 -translate-y-1/2 duration-500 flex right-3.5 rtl:right-auto rtl:left-3.5" :class="open ? 'rotate-180' : ''"><svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
18748    <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
18749  </svg>
18750</span>
18751                    </div>
18752                    <div class="hidden md:block"><form method="post" action="/contact#ContactFooter" id="ContactFooter" accept-charset="UTF-8" class="footer__newsletter newsletter-form mb-5"><input type="hidden" name="form_type" value="customer" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="contact[tags]" value="newsletter">
18753                        <div class="mt-4 flex">
18754                          <div class="relative w-full">
18755                            <input
18756                              id="NewsletterForm--sections--27603634585879__footer"
18757                              type="email"
18758                              name="contact[email]"
18759                              class="w-full h-full pl-2.5 pr-4 pt-5 input border-b-2 border-current rounded-none border-b-solid focus:outline-none focus:border-current bg-transparent placeholder:opacity-0"
18760                              aria-required="true"
18761                              autocorrect="off"
18762                              autocapitalize="off"
18763                              autocomplete="email"
18764                              
18765                                placeholder="Email"
18766                                required>
18767                            <label class="absolute top-1/2 left-2.5 rtl:left-auto rtl:right-2.5 -translate-y-1/2 input_focus:text-xs input_focus:top-2.5 input_not_empty:top-2.5 input_not_empty:text-xs" for="NewsletterForm--sections--27603634585879__footer">
18768                              Email
18769                            </label>
18770                          </div>
18771                          <div>
18772                            <button type="submit" class="rounded-none border-solid border-current ml-1 w-12 h-full flex justify-center items-center bg-transparent border-b-2 border-b-solid border-x-0 border-t-0" name="commit" aria-label="Subscribe">
18773                              <span class="rtl:rotate-180"><svg class=" h-[var(--base-font-size)] w-[var(--base-font-size)]" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg">
18774    <path d="M597.34016 170.65984q18.00192 0 30.33088 12.32896l298.65984 298.65984q12.32896 12.32896 12.32896 30.33088t-12.32896 30.33088l-298.65984 298.65984q-12.32896 12.32896-30.33088 12.32896-18.3296 0-30.49472-12.16512t-12.16512-30.49472q0-18.00192 12.32896-30.33088l225.9968-225.66912-665.00608 0q-17.67424 0-30.16704-12.4928t-12.4928-30.16704 12.4928-30.16704 30.16704-12.4928l665.00608 0-225.9968-225.66912q-12.32896-12.32896-12.32896-30.33088 0-18.3296 12.16512-30.49472t30.49472-12.16512z"  />
18775  </svg>
18776</span>
18777                            </button>
18778                          </div></div></form>
18779                        <div class="rte"><p><strong>Be the first to discover new teas and exclusive experiences.</strong></p></div>
18780                      
18781<div class="mt-4">
18782<div id="selector-social" class=" flex flex-col items-center md:items-start mx-auto">
18783    
18784      <ul class="social-list flex  flex-wrap py-2.5 gap-2 justify-center md:justify-start" role="list">
18785<li>
18786      <a href="https://www.facebook.com/official.iteaworld/" target="blank" aria-label="Facebook" class="flex disable-effect hover-text-link w-11 h-11 pt-3 pr-3 pb-3 pl-3 border border-solid rounded-full"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" class="icon-animation w-full h-full" viewBox="0 0 24 24">
18787    <path fill="currentColor" d="M15.12,5.32H17V2.14A26.11,26.11,0,0,0,14.26,2C11.54,2,9.68,3.66,9.68,6.7V9.32H6.61v3.56H9.68V22h3.68V12.88h3.06l.46-3.56H13.36V7.05C13.36,6,13.64,5.32,15.12,5.32Z"/>
18788  </svg>
18789</a>
18790    </li><li>
18791      <a href="https://www.instagram.com/itea_world/" target="blank" aria-label="Instagram" class="flex disable-effect hover-text-link w-11 h-11 pt-3 pr-3 pb-3 pl-3 border border-solid rounded-full"><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" focusable="false" role="presentation" class="icon-animation w-full h-full" viewBox="0 0 24 24" xml:space="preserve">
18792    <path fill="currentColor" d="M12,9.8c-1.2,0-2.2,1-2.2,2.2s1,2.2,2.2,2.2s2.2-1,2.2-2.2c0,0,0,0,0,0C14.2,10.8,13.2,9.8,12,9.8z M20.8,7.6 c0-0.7-0.1-1.4-0.4-2c-0.4-1-1.1-1.7-2.1-2.1c-0.6-0.2-1.3-0.4-2-0.4c-1.1-0.1-1.5-0.1-4.4-0.1s-3.2,0-4.4,0.1c-0.7,0-1.4,0.1-2,0.4 c-1,0.4-1.7,1.1-2.1,2.1c-0.2,0.6-0.4,1.3-0.4,2C3.1,8.8,3.1,9.1,3.1,12s0,3.2,0.1,4.4c0,0.7,0.1,1.4,0.4,2c0.2,0.5,0.5,0.9,0.8,1.2 c0.4,0.4,0.8,0.6,1.3,0.8c0.6,0.2,1.3,0.4,2,0.4c1.1,0.1,1.5,0.1,4.4,0.1s3.2,0,4.4-0.1c0.7,0,1.4-0.1,2-0.4 c0.5-0.2,0.9-0.5,1.3-0.8c0.4-0.4,0.6-0.8,0.8-1.2c0.2-0.6,0.4-1.3,0.4-2c0.1-1.1,0.1-1.5,0.1-4.4S20.9,8.8,20.8,7.6z M18.6,14.7 c0,0.5-0.1,1.1-0.3,1.6c-0.3,0.9-1,1.5-1.9,1.9c-0.5,0.2-1.1,0.3-1.6,0.3c-0.7,0-0.9,0-2.7,0s-2,0-2.7,0c-0.5,0-1.1-0.1-1.6-0.3 c-0.4-0.2-0.8-0.4-1.2-0.8c-0.3-0.3-0.6-0.7-0.7-1.1c-0.2-0.5-0.3-1.1-0.3-1.6c0-0.7,0-0.9,0-2.7s0-2,0-2.7c0-0.5,0.1-1.1,0.3-1.6 c0.2-0.4,0.4-0.8,0.8-1.2c0.3-0.3,0.7-0.6,1.1-0.7c0.5-0.2,1.1-0.3,1.6-0.3l0,0c0.7,0,0.9,0,2.7,0s2,0,2.7,0c0.5,0,1.1,0.1,1.6,0.3 c0.4,0.2,0.8,0.4,1.2,0.8c0.3,0.3,0.6,0.7,0.7,1.1c0.2,0.5,0.3,1.1,0.3,1.6c0,0.7,0,0.9,0,2.7S18.6,14,18.6,14.7L18.6,14.7z M17.1,8.1c-0.2-0.6-0.7-1-1.3-1.3c-0.4-0.1-0.8-0.2-1.2-0.2c-0.7,0-0.9,0-2.7,0s-2,0-2.7,0c-0.4,0-0.8,0.1-1.2,0.2 c-0.6,0.2-1,0.6-1.3,1.2C6.7,8.5,6.7,8.9,6.7,9.3c0,0.7,0,0.9,0,2.7s0,2,0,2.7c0,0.4,0.1,0.8,0.2,1.2c0.2,0.6,0.7,1,1.3,1.3 c0.4,0.1,0.8,0.2,1.2,0.2l0,0c0.7,0,0.9,0,2.7,0s2,0,2.7,0c0.4,0,0.8-0.1,1.2-0.2c0.6-0.2,1-0.7,1.3-1.3c0.1-0.4,0.2-0.8,0.2-1.2 c0-0.7,0-0.9,0-2.7s0-2,0-2.7C17.4,8.9,17.3,8.5,17.1,8.1L17.1,8.1z M12,15.4c-1.9,0-3.4-1.5-3.4-3.4c0,0,0,0,0,0l0,0 c0-1.9,1.5-3.4,3.4-3.4s3.4,1.5,3.4,3.4C15.4,13.9,13.9,15.4,12,15.4C12,15.4,12,15.4,12,15.4z M15.6,9.3c-0.4,0-0.8-0.4-0.7-0.9 c0-0.4,0.3-0.7,0.7-0.7l0,0c0.4,0,0.8,0.4,0.7,0.9C16.2,8.9,15.9,9.2,15.6,9.3z"/>
18793  </svg>
18794</a>
18795    </li><li>
18796      <a href="https://www.tiktok.com/@iteaworld" target="blank" aria-label="TikTok" class="flex disable-effect hover-text-link w-11 h-11 pt-3 pr-3 pb-3 pl-3 border border-solid rounded-full"><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" role="presentation" class="icon-animation w-full h-full" viewBox="0 0 24 24" xml:space="preserve">
18797    <path d="M15.7,2.6C16,5.3,17.5,6.9,20,7v3c-1.5,0.1-2.8-0.3-4.3-1.3v5.6c0,7.1-7.7,9.3-10.9,4.2c-2-3.3-0.8-9,5.6-9.3 v3.2c-0.5,0.1-1,0.2-1.5,0.4c-1.4,0.5-2.2,1.4-2,3c0.4,3.1,6,4,5.6-2V2.6L15.7,2.6L15.7,2.6z"/>
18798  </svg>
18799</a>
18800    </li><li>
18801      <a href="https://www.youtube.com/@itea_world" target="blank" aria-label="YouTube" class="flex disable-effect hover-text-link w-11 h-11 pt-3 pr-3 pb-3 pl-3 border border-solid rounded-full"><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" focusable="false" role="presentation" class="icon-animation w-full h-full" viewBox="0 0 24 24" xml:space="preserve">
18802    <path fill="currentColor" d="M21.5,10c0-1.2-0.2-2.5-0.8-3.6c-0.4-0.5-0.9-0.8-1.5-0.9c-2.4-0.2-4.8-0.3-7.3-0.3c-2.4,0-4.8,0-7.2,0.3 C4.3,5.7,3.9,5.9,3.5,6.2c-0.8,0.7-0.9,1.9-1,3c-0.1,1.9-0.1,3.7,0,5.6c0,0.6,0.1,1.2,0.3,1.7c0.1,0.4,0.3,0.8,0.6,1.2 c0.4,0.3,0.8,0.6,1.3,0.7c1.9,0.2,3.8,0.3,5.6,0.3c3,0,5.7,0,8.8-0.2c0.5-0.1,1-0.3,1.3-0.7c0.2-0.2,0.4-0.5,0.5-0.9 c0.3-1,0.5-1.9,0.5-2.9C21.5,13.5,21.5,10.6,21.5,10z M10.1,14.5V9.1l5.1,2.7C13.7,12.6,11.8,13.5,10.1,14.5z"/>
18803  </svg>
18804</a>
18805    </li><li>
18806      <a href="mailto:[email protected]" class="flex disable-effect hover-text-link  w-11 h-11 pt-3 pr-3 pb-3 pl-3 border border-solid rounded-full"><svg class="icon-animation w-full h-full" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
18807    viewBox="0 0 197.8 197.8" style="enable-background:new 0 0 197.8 197.8;" xml:space="preserve">
18808    <g>
18809      <g>
18810        <path d="M171,32.1c5.8,0,10.7,2,14.7,5.9s5.9,8.9,5.9,14.7v92.8c0,5.7-2,10.6-5.9,14.7c-4,4.1-8.9,6.1-14.7,5.9H26.3 c-5.8,0-10.7-2-14.7-5.9c-4-4-5.9-8.9-5.9-14.7V52.8c0-5.8,2-10.7,5.9-14.7s8.9-5.9,14.7-5.9H171z M171,52.8H26.3v2.2L94,114.4 c1.2,0.9,2.7,1.4,4.6,1.4c1.8,0,3.3-0.5,4.4-1.4l68-59.5V52.8z M26.3,138.4l37.1-37.5L26.3,68.6V138.4z M87.5,122.1l-16.3-14.3 l-37.7,37.7h129.8l-37.7-37.7l-16.1,14.3c-3.2,2.6-6.9,4-11.1,4C94.4,126.1,90.7,124.8,87.5,122.1z M133.7,100.9l37.3,37.3V68.6 L133.7,100.9z" />
18811      </g>
18812    </g>
18813  </svg>
18814</a>
18815    </li><li>
18816          <a href="https://discord.gg/G59MZSjhSP" target="blank" aria-label="Discord" class="flex disable-effect hover-text-link w-11 h-11 pt-3 pr-3 pb-3 pl-3 border border-solid rounded-full"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
18817    <g clip-path="url(#clip0_166010_110135)">
18818    <path d="M7.26569 2.42188C7.32645 2.52039 7.32645 2.52039 7.38348 2.64313C7.40413 2.68694 7.42477 2.73074 7.44604 2.77588C7.46709 2.8218 7.48814 2.86772 7.50983 2.91504C7.53148 2.96126 7.55313 3.00749 7.57544 3.05511C7.62888 3.16936 7.68185 3.2838 7.73444 3.39844C7.76241 3.39509 7.79038 3.39175 7.81921 3.3883C9.3128 3.21317 10.773 3.23299 12.2657 3.39844C12.2791 3.36926 12.2924 3.34009 12.3062 3.31003C12.3671 3.17813 12.4287 3.04659 12.4903 2.91504C12.5219 2.84615 12.5219 2.84615 12.5541 2.77588C12.585 2.71017 12.585 2.71017 12.6166 2.64313C12.6355 2.60262 12.6543 2.56212 12.6737 2.52039C12.7406 2.41188 12.7681 2.37588 12.8907 2.34375C13.0082 2.3544 13.0082 2.3544 13.1467 2.38358C13.1719 2.38879 13.1971 2.394 13.2231 2.39937C13.3061 2.41682 13.3889 2.43514 13.4717 2.45361C13.5003 2.45985 13.5289 2.46608 13.5584 2.4725C14.4949 2.67729 15.4048 2.96539 16.2963 3.31753C16.3913 3.35365 16.4859 3.38509 16.583 3.41461C17.0927 3.58391 17.2911 4.0493 17.5391 4.49219C17.581 4.56405 17.623 4.63582 17.6652 4.70749C17.7822 4.90761 17.8955 5.10969 18.0079 5.3125C18.0233 5.33997 18.0387 5.36745 18.0546 5.39576C18.9626 7.01714 19.5436 8.84273 19.834 10.6738C19.8457 10.7465 19.8457 10.7465 19.8576 10.8207C19.9764 11.604
188181 20.0119 12.378 20.0081 13.17C20.0074 13.3238 20.0073 13.4775 20.0073 13.6312C20.0071 13.7307 20.0069 13.8301 20.0066 13.9296C20.0066 13.9747 20.0065 14.0198 20.0065 14.0662C20.0016 14.908 20.0016 14.908 19.8829 15.1562C19.8189 15.217 19.8189 15.217 19.7417 15.2686C19.7127 15.2882 19.6838 15.3079 19.6539 15.3281C19.6223 15.3488 19.5907 15.3694 19.5582 15.3906C19.525 15.4127 19.4919 15.4347 19.4578 15.4575C19.3525 15.5271 19.2467 15.5957 19.1407 15.6641C19.108 15.6853 19.0754 15.7064 19.0417 15.7283C17.8255 16.5132 16.297 17.3958 14.8438 17.6562C14.669 17.461 14.523 17.261 14.3848 17.0386C14.3649 17.0067 14.345 16.9748 14.3244 16.9419C14.1832 16.7138 14.0462 16.4833 13.9136 16.25C13.8965 16.2204 13.8794 16.1907 13.8617 16.1602C13.8213 16.0876 13.7853 16.0127 13.7501 15.9375C13.7891 15.8203 13.7891 15.8203 13.8655 15.7767C13.8987 15.7632 13.9319 15.7497 13.9661 15.7358C14.0032 15.7203 14.0402 15.7048 14.0784 15.6889C14.1183 15.6727 14.1582 15.6564 14.1993 15.6396C14.5962 15.4731 14.9756 15.2871 15.3516 15.0781C15.3602 14.9978 15.3602 14.9978 15.3042 14.9455C15.2303 14.8847 15.1663 14.8425 15.0782 14.8047C14.9977 14.8137 14.9977 14.8137 14.9177 14.8477C14.8868 14.8592 14.8559 14.8708 14.8241 14.8827C14.792 14.8956 14.7598 14.9085 14.7266 14.9219C14.6953 14.9344 14.6639 14.9469 14.6316 14.9598C14.565 14.9868 14.4984 15.014 14.4319 15.0413C11.5838 16.2037 8.3998 16.1497 5.54694 15.0391C5.49732 15.017 5.44785 14.9946 5.39852 14.9719C5.37401 14.9608 5.3495 14.9496 5.32424 14.9381C5.25579 14.9065 5.18778 14.874 5.11979 14.8415C5.00243 14.7938 5.00243 14.7938 4.8923 14.8338C4.80349 14.8835 4.72464 14.9323 4.6485 15C4.6485 15.0258 4.6485 15.0516 4.6485 15.0781C5.15962 15.353 5.66832 15.6134 6.211 15.8203C6.1898 16.0091 6.13088 16.1563 6.0401 16.3208C6.02651 16.3458 6.01291 16.3708 5.99891 16.3966C5.75412 16.8386 5.4774 17.2658 5.15631 17.6562C3.49296 17.2251 1.91513 16.404 0.507873 15.4297C0.486139 15.4148 0.464404 15.3998 0.442012 15.3845C0.0852591 15.1384 0.0852591 15.1384 0.0391226 15C-0.000506509 14.6582 -0.0065607 14.3149 -0.00787452 13.9711C-0.00814851 13.9229 -0.00842251 13.8748 -0.00870481 13.8252C-0.00938459 13.6707 -0.00965924 13.5163 -0.00970557 13.3618C-0.00972283 13.3355 -0.00974024 13.3092 -0.00975802 13.2822C-0.0100247 12.5079 -0.00394706 11.7432 0.117248 10.9766C0.124159 10.9314 0.13107 10.8863 0.13819 10.8397C0.396361 9.19107 0.88259 7.60013 1.60162 6.09375C1.61903 6.05722 1.63644 6.02069 1.65438 5.98305C1.91632 5.43759 2.20143 4.91107 2.51898 4.39602C2.57546 4.30144 2.62726 4.20557 2.67828 4.10797C2.92137 3.66028 3.19705 3.48881 3.67237 3.32218C3.79725 3.2784 3.92075 3.23163 4.0444 3.18451C4.879 2.87142 5.73039 2.62345 6.60162 2.43652C6.65011 2.42589 6.6986 2.41525 6.74856 2.40429C6.79352 2.39509 6.83849 2.38588 6.88483 2.3764C6.94434 2.36405 6.94434 2.36405 7.00507 2.35144C7.12527 2.34258 7.17036 2.34858 7.26569 2.42188ZM5.39618 9.34265C4.98733 9.88281 4.86829 10.4676 4.92194 11.1328C5.01314 11.6427 5.29823 12.1445 5.72089 12.4527C6.15682 12.7242 6.56219 12.8255 7.07251 12.7257C7.55278 12.5989 7.91708 12.2662 8.18503 11.8564C8.48065 11.3471 8.5427 10.7587 8.40811 10.1875C8.23195 9.61187 7.89811 9.18014 7.3667 8.89465C6.67725 8.58474 5.90421 8.80538 5.39618 9.34265ZM12.1221 9.27673C11.6615 9.77524 11.5356 10.3526 11.5574 11.009C11.5877 11.5082 11.8578 12.013 12.2266 12.3438C12.6498 12.6606 13.0578 12.8194 13.5889 12.7515C14.0676 12.6571 14.4242 12.4108 14.7266 12.0312C15.0584 11.5139 15.2024 10.9217 15.073 10.3188C14.9422 9.76154 14.6853 9.32618 14.2045 9.00681C13.4929 8.58132 12.7121 8.71727 12.1221 9.27673Z" fill="currentColor"/>
18819    </g>
18820    <defs>
18821    <clipPath id="clip0_166010_110135">
18822    <rect width="20" height="20" fill="currentColor"/>
18823    </clipPath>
18824    </defs>
18825  </svg>
18826</a>
18827        </li>
18828      </ul>
18829     </div></div></div>
18830                    <div class="md:hidden" x-show="open" x-collapse x-cloak><form method="post" action="/contact#ContactFooter" id="ContactFooter" accept-charset="UTF-8" class="footer__newsletter newsletter-form mb-5"><input type="hidden" name="form_type" value="customer" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="contact[tags]" value="newsletter">
18831                        <div class="mt-4 flex">
18832                          <div class="relative w-full">
18833                            <input
18834                              id="NewsletterForm--sections--27603634585879__footer"
18835                              type="email"
18836                              name="contact[email]"
18837                              class="w-full h-full pl-2.5 pr-4 pt-5 input border-b-2 border-current roun
18837ded-none border-b-solid focus:outline-none focus:border-current bg-transparent placeholder:opacity-0"
18838                              aria-required="true"
18839                              autocorrect="off"
18840                              autocapitalize="off"
18841                              autocomplete="email"
18842                              
18843                                placeholder="Email"
18844                                required>
18845                            <label class="absolute top-1/2 left-2.5 rtl:left-auto rtl:right-2.5 -translate-y-1/2 input_focus:text-xs input_focus:top-2.5 input_not_empty:top-2.5 input_not_empty:text-xs" for="NewsletterForm--sections--27603634585879__footer">
18846                              Email
18847                            </label>
18848                          </div>
18849                          <div>
18850                            <button type="submit" class="rounded-none border-solid border-current ml-1 w-12 h-full flex justify-center items-center bg-transparent border-b-2 border-b-solid border-x-0 border-t-0" name="commit" aria-label="Subscribe">
18851                              <span class="rtl:rotate-180"><svg class=" h-[var(--base-font-size)] w-[var(--base-font-size)]" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg">
18852    <path d="M597.34016 170.65984q18.00192 0 30.33088 12.32896l298.65984 298.65984q12.32896 12.32896 12.32896 30.33088t-12.32896 30.33088l-298.65984 298.65984q-12.32896 12.32896-30.33088 12.32896-18.3296 0-30.49472-12.16512t-12.16512-30.49472q0-18.00192 12.32896-30.33088l225.9968-225.66912-665.00608 0q-17.67424 0-30.16704-12.4928t-12.4928-30.16704 12.4928-30.16704 30.16704-12.4928l665.00608 0-225.9968-225.66912q-12.32896-12.32896-12.32896-30.33088 0-18.3296 12.16512-30.49472t30.49472-12.16512z"  />
18853  </svg>
18854</span>
18855                            </button>
18856                          </div></div></form>
18857                        <div class="rte"><p><strong>Be the first to discover new teas and exclusive experiences.</strong></p></div>
18858                      
18859<div class="mt-4">
18860<div id="selector-social" class=" flex flex-col items-center md:items-start mx-auto">
18861    
18862      <ul class="social-list flex  flex-wrap py-2.5 gap-2 justify-center md:justify-start" role="list">
18863<li>
18864      <a href="https://www.facebook.com/official.iteaworld/" target="blank" aria-label="Facebook" class="flex disable-effect hover-text-link w-11 h-11 pt-3 pr-3 pb-3 pl-3 border border-solid rounded-full"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" class="icon-animation w-full h-full" viewBox="0 0 24 24">
18865    <path fill="currentColor" d="M15.12,5.32H17V2.14A26.11,26.11,0,0,0,14.26,2C11.54,2,9.68,3.66,9.68,6.7V9.32H6.61v3.56H9.68V22h3.68V12.88h3.06l.46-3.56H13.36V7.05C13.36,6,13.64,5.32,15.12,5.32Z"/>
18866  </svg>
18867</a>
18868    </li><li>
18869      <a href="https://www.instagram.com/itea_world/" target="blank" aria-label="Instagram" class="flex disable-effect hover-text-link w-11 h-11 pt-3 pr-3 pb-3 pl-3 border border-solid rounded-full"><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" focusable="false" role="presentation" class="icon-animation w-full h-full" viewBox="0 0 24 24" xml:space="preserve">
18870    <path fill="currentColor" d="M12,9.8c-1.2,0-2.2,1-2.2,2.2s1,2.2,2.2,2.2s2.2-1,2.2-2.2c0,0,0,0,0,0C14.2,10.8,13.2,9.8,12,9.8z M20.8,7.6 c0-0.7-0.1-1.4-0.4-2c-0.4-1-1.1-1.7-2.1-2.1c-0.6-0.2-1.3-0.4-2-0.4c-1.1-0.1-1.5-0.1-4.4-0.1s-3.2,0-4.4,0.1c-0.7,0-1.4,0.1-2,0.4 c-1,0.4-1.7,1.1-2.1,2.1c-0.2,0.6-0.4,1.3-0.4,2C3.1,8.8,3.1,9.1,3.1,12s0,3.2,0.1,4.4c0,0.7,0.1,1.4,0.4,2c0.2,0.5,0.5,0.9,0.8,1.2 c0.4,0.4,0.8,0.6,1.3,0.8c0.6,0.2,1.3,0.4,2,0.4c1.1,0.1,1.5,0.1,4.4,0.1s3.2,0,4.4-0.1c0.7,0,1.4-0.1,2-0.4 c0.5-0.2,0.9-0.5,1.3-0.8c0.4-0.4,0.6-0.8,0.8-1.2c0.2-0.6,0.4-1.3,0.4-2c0.1-1.1,0.1-1.5,0.1-4.4S20.9,8.8,20.8,7.6z M18.6,14.7 c0,0.5-0.1,1.1-0.3,1.6c-0.3,0.9-1,1.5-1.9,1.9c-0.5,0.2-1.1,0.3-1.6,0.3c-0.7,0-0.9,0-2.7,0s-2,0-2.7,0c-0.5,0-1.1-0.1-1.6-0.3 c-0.4-0.2-0.8-0.4-1.2-0.8c-0.3-0.3-0.6-0.7-0.7-1.1c-0.2-0.5-0.3-1.1-0.3-1.6c0-0.7,0-0.9,0-2.7s0-2,0-2.7c0-0.5,0.1-1.1,0.3-1.6 c0.2-0.4,0.4-0.8,0.8-1.2c0.3-0.3,0.7-0.6,1.1-0.7c0.5-0.2,1.1-0.3,1.6-0.3l0,0c0.7,0,0.9,0,2.7,0s2,0,2.7,0c0.5,0,1.1,0.1,1.6,0.3 c0.4,0.2,0.8,0.4,1.2,0.8c0.3,0.3,0.6,0.7,0.7,1.1c0.2,0.5,0.3,1.1,0.3,1.6c0,0.7,0,0.9,0,2.7S18.6,14,18.6,14.7L18.6,14.7z M17.1,8.1c-0.2-0.6-0.7-1-1.3-1.3c-0.4-0.1-0.8-0.2-1.2-0.2c-0.7,0-0.9,0-2.7,
188700s-2,0-2.7,0c-0.4,0-0.8,0.1-1.2,0.2 c-0.6,0.2-1,0.6-1.3,1.2C6.7,8.5,6.7,8.9,6.7,9.3c0,0.7,0,0.9,0,2.7s0,2,0,2.7c0,0.4,0.1,0.8,0.2,1.2c0.2,0.6,0.7,1,1.3,1.3 c0.4,0.1,0.8,0.2,1.2,0.2l0,0c0.7,0,0.9,0,2.7,0s2,0,2.7,0c0.4,0,0.8-0.1,1.2-0.2c0.6-0.2,1-0.7,1.3-1.3c0.1-0.4,0.2-0.8,0.2-1.2 c0-0.7,0-0.9,0-2.7s0-2,0-2.7C17.4,8.9,17.3,8.5,17.1,8.1L17.1,8.1z M12,15.4c-1.9,0-3.4-1.5-3.4-3.4c0,0,0,0,0,0l0,0 c0-1.9,1.5-3.4,3.4-3.4s3.4,1.5,3.4,3.4C15.4,13.9,13.9,15.4,12,15.4C12,15.4,12,15.4,12,15.4z M15.6,9.3c-0.4,0-0.8-0.4-0.7-0.9 c0-0.4,0.3-0.7,0.7-0.7l0,0c0.4,0,0.8,0.4,0.7,0.9C16.2,8.9,15.9,9.2,15.6,9.3z"/>
18871  </svg>
18872</a>
18873    </li><li>
18874      <a href="https://www.tiktok.com/@iteaworld" target="blank" aria-label="TikTok" class="flex disable-effect hover-text-link w-11 h-11 pt-3 pr-3 pb-3 pl-3 border border-solid rounded-full"><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" role="presentation" class="icon-animation w-full h-full" viewBox="0 0 24 24" xml:space="preserve">
18875    <path d="M15.7,2.6C16,5.3,17.5,6.9,20,7v3c-1.5,0.1-2.8-0.3-4.3-1.3v5.6c0,7.1-7.7,9.3-10.9,4.2c-2-3.3-0.8-9,5.6-9.3 v3.2c-0.5,0.1-1,0.2-1.5,0.4c-1.4,0.5-2.2,1.4-2,3c0.4,3.1,6,4,5.6-2V2.6L15.7,2.6L15.7,2.6z"/>
18876  </svg>
18877</a>
18878    </li><li>
18879      <a href="https://www.youtube.com/@itea_world" target="blank" aria-label="YouTube" class="flex disable-effect hover-text-link w-11 h-11 pt-3 pr-3 pb-3 pl-3 border border-solid rounded-full"><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" focusable="false" role="presentation" class="icon-animation w-full h-full" viewBox="0 0 24 24" xml:space="preserve">
18880    <path fill="currentColor" d="M21.5,10c0-1.2-0.2-2.5-0.8-3.6c-0.4-0.5-0.9-0.8-1.5-0.9c-2.4-0.2-4.8-0.3-7.3-0.3c-2.4,0-4.8,0-7.2,0.3 C4.3,5.7,3.9,5.9,3.5,6.2c-0.8,0.7-0.9,1.9-1,3c-0.1,1.9-0.1,3.7,0,5.6c0,0.6,0.1,1.2,0.3,1.7c0.1,0.4,0.3,0.8,0.6,1.2 c0.4,0.3,0.8,0.6,1.3,0.7c1.9,0.2,3.8,0.3,5.6,0.3c3,0,5.7,0,8.8-0.2c0.5-0.1,1-0.3,1.3-0.7c0.2-0.2,0.4-0.5,0.5-0.9 c0.3-1,0.5-1.9,0.5-2.9C21.5,13.5,21.5,10.6,21.5,10z M10.1,14.5V9.1l5.1,2.7C13.7,12.6,11.8,13.5,10.1,14.5z"/>
18881  </svg>
18882</a>
18883    </li><li>
18884      <a href="mailto:[email protected]" class="flex disable-effect hover-text-link  w-11 h-11 pt-3 pr-3 pb-3 pl-3 border border-solid rounded-full"><svg class="icon-animation w-full h-full" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
18885    viewBox="0 0 197.8 197.8" style="enable-background:new 0 0 197.8 197.8;" xml:space="preserve">
18886    <g>
18887      <g>
18888        <path d="M171,32.1c5.8,0,10.7,2,14.7,5.9s5.9,8.9,5.9,14.7v92.8c0,5.7-2,10.6-5.9,14.7c-4,4.1-8.9,6.1-14.7,5.9H26.3 c-5.8,0-10.7-2-14.7-5.9c-4-4-5.9-8.9-5.9-14.7V52.8c0-5.8,2-10.7,5.9-14.7s8.9-5.9,14.7-5.9H171z M171,52.8H26.3v2.2L94,114.4 c1.2,0.9,2.7,1.4,4.6,1.4c1.8,0,3.3-0.5,4.4-1.4l68-59.5V52.8z M26.3,138.4l37.1-37.5L26.3,68.6V138.4z M87.5,122.1l-16.3-14.3 l-37.7,37.7h129.8l-37.7-37.7l-16.1,14.3c-3.2,2.6-6.9,4-11.1,4C94.4,126.1,90.7,124.8,87.5,122.1z M133.7,100.9l37.3,37.3V68.6 L133.7,100.9z" />
18889      </g>
18890    </g>
18891  </svg>
18892</a>
18893    </li><li>
18894          <a href="https://discord.gg/G59MZSjhSP" target="blank" aria-label="Discord" class="flex disable-effect hover-text-link w-11 h-11 pt-3 pr-3 pb-3 pl-3 border border-solid rounded-full"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
18895    <g clip-path="url(#clip0_166010_110135)">
18896    <path d="M7.26569 2.42188C7.32645 2.52039 7.32645 2.52039 7.38348 2.64313C7.40413 2.68694 7.42477 2.73074 7.44604 2.77588C7.46709 2.8218 7.48814 2.86772 7.50983 2.91504C7.53148 2.96126 7.55313 3.00749 7.57544 3.05511C7.62888 3.16936 7.68185 3.2838 7.73444 3.39844C7.76241 3.39509 7.79038 3.39175 7.81921 3.3883C9.3128 3.21317 10.773 3.23299 12.2657 3.39844C12.2791 3.36926 12.2924 3.34009 12.3062 3.31003C12.3671 3.17813 12.4287 3.04659 12.4903 2.91504C12.5219 2.84615 12.5219 2.84615 12.5541 2.77588C12.585 2.71017 12.585 2.71017 12.6166 2.64313C12.6355 2.60262 12.6543 2.56212 12.6737 2.52039C12.7406 2.41188 12.7681 2.37588 12.8907 2.34375C13.0082 2.3544 13.0082 2.3544 13.1467 2.38358C13.1719 2.38879 13.1971 2.394 13.2231 2.39937C13.3061 2.41682 13.3889 2.43514 13.4717 2.45361C13.5003 2.45985 13.5289 2.46608 13.5584 2.4725C14.4949 2.67729 15.4048 2.96539 16.2963 3.31753C16.3913 3.35365 16.4859 3.38509 16.583 3.41461C17.0927 3.58391 17.2911 4.0493 17.5391 4.49219C17.581 4.56405 17.623 4.63582 17.6652 4.70749C17.7822 4.90761 17.8955 5.10969 18.0079 5.3125C18.0233 5.33997 18.0387 5.36745 18.0546 5.39576C18.9626 7.01714 19.5436 8.84273 19.834 10.6738C19.8457 10.7465 19.8457 10.7465 19.8576 10.8207C19.9764 11.604
188961 20.0119 12.378 20.0081 13.17C20.0074 13.3238 20.0073 13.4775 20.0073 13.6312C20.0071 13.7307 20.0069 13.8301 20.0066 13.9296C20.0066 13.9747 20.0065 14.0198 20.0065 14.0662C20.0016 14.908 20.0016 14.908 19.8829 15.1562C19.8189 15.217 19.8189 15.217 19.7417 15.2686C19.7127 15.2882 19.6838 15.3079 19.6539 15.3281C19.6223 15.3488 19.5907 15.3694 19.5582 15.3906C19.525 15.4127 19.4919 15.4347 19.4578 15.4575C19.3525 15.5271 19.2467 15.5957 19.1407 15.6641C19.108 15.6853 19.0754 15.7064 19.0417 15.7283C17.8255 16.5132 16.297 17.3958 14.8438 17.6562C14.669 17.461 14.523 17.261 14.3848 17.0386C14.3649 17.0067 14.345 16.9748 14.3244 16.9419C14.1832 16.7138 14.0462 16.4833 13.9136 16.25C13.8965 16.2204 13.8794 16.1907 13.8617 16.1602C13.8213 16.0876 13.7853 16.0127 13.7501 15.9375C13.7891 15.8203 13.7891 15.8203 13.8655 15.7767C13.8987 15.7632 13.9319 15.7497 13.9661 15.7358C14.0032 15.7203 14.0402 15.7048 14.0784 15.6889C14.1183 15.6727 14.1582 15.6564 14.1993 15.6396C14.5962 15.4731 14.9756 15.2871 15.3516 15.0781C15.3602 14.9978 15.3602 14.9978 15.3042 14.9455C15.2303 14.8847 15.1663 14.8425 15.0782 14.8047C14.9977 14.8137 14.9977 14.8137 14.9177 14.8477C14.8868 14.8592 14.8559 14.8708 14.8241 14.8827C14.792 14.8956 14.7598 14.9085 14.7266 14.9219C14.6953 14.9344 14.6639 14.9469 14.6316 14.9598C14.565 14.9868 14.4984 15.014 14.4319 15.0413C11.5838 16.2037 8.3998 16.1497 5.54694 15.0391C5.49732 15.017 5.44785 14.9946 5.39852 14.9719C5.37401 14.9608 5.3495 14.9496 5.32424 14.9381C5.25579 14.9065 5.18778 14.874 5.11979 14.8415C5.00243 14.7938 5.00243 14.7938 4.8923 14.8338C4.80349 14.8835 4.72464 14.9323 4.6485 15C4.6485 15.0258 4.6485 15.0516 4.6485 15.0781C5.15962 15.353 5.66832 15.6134 6.211 15.8203C6.1898 16.0091 6.13088 16.1563 6.0401 16.3208C6.02651 16.3458 6.01291 16.3708 5.99891 16.3966C5.75412 16.8386 5.4774 17.2658 5.15631 17.6562C3.49296 17.2251 1.91513 16.404 0.507873 15.4297C0.486139 15.4148 0.464404 15.3998 0.442012 15.3845C0.0852591 15.1384 0.0852591 15.1384 0.0391226 15C-0.000506509 14.6582 -0.0065607 14.3149 -0.00787452 13.9711C-0.00814851 13.9229 -0.00842251 13.8748 -0.00870481 13.8252C-0.00938459 13.6707 -0.00965924 13.5163 -0.00970557 13.3618C-0.00972283 13.3355 -0.00974024 13.3092 -0.00975802 13.2822C-0.0100247 12.5079 -0.00394706 11.7432 0.117248 10.9766C0.124159 10.9314 0.13107 10.8863 0.13819 10.8397C0.396361 9.19107 0.88259 7.60013 1.60162 6.09375C1.61903 6.05722 1.63644 6.02069 1.65438 5.98305C1.91632 5.43759 2.20143 4.91107 2.51898 4.39602C2.57546 4.30144 2.62726 4.20557 2.67828 4.10797C2.92137 3.66028 3.19705 3.48881 3.67237 3.32218C3.79725 3.2784 3.92075 3.23163 4.0444 3.18451C4.879 2.87142 5.73039 2.62345 6.60162 2.43652C6.65011 2.42589 6.6986 2.41525 6.74856 2.40429C6.79352 2.39509 6.83849 2.38588 6.88483 2.3764C6.94434 2.36405 6.94434 2.36405 7.00507 2.35144C7.12527 2.34258 7.17036 2.34858 7.26569 2.42188ZM5.39618 9.34265C4.98733 9.88281 4.86829 10.4676 4.92194 11.1328C5.01314 11.6427 5.29823 12.1445 5.72089 12.4527C6.15682 12.7242 6.56219 12.8255 7.07251 12.7257C7.55278 12.5989 7.91708 12.2662 8.18503 11.8564C8.48065 11.3471 8.5427 10.7587 8.40811 10.1875C8.23195 9.61187 7.89811 9.18014 7.3667 8.89465C6.67725 8.58474 5.90421 8.80538 5.39618 9.34265ZM12.1221 9.27673C11.6615 9.77524 11.5356 10.3526 11.5574 11.009C11.5877 11.5082 11.8578 12.013 12.2266 12.3438C12.6498 12.6606 13.0578 12.8194 13.5889 12.7515C14.0676 12.6571 14.4242 12.4108 14.7266 12.0312C15.0584 11.5139 15.2024 10.9217 15.073 10.3188C14.9422 9.76154 14.6853 9.32618 14.2045 9.00681C13.4929 8.58132 12.7121 8.71727 12.1221 9.27673Z" fill="currentColor"/>
18897    </g>
18898    <defs>
18899    <clipPath id="clip0_166010_110135">
18900    <rect width="20" height="20" fill="currentColor"/>
18901    </clipPath>
18902    </defs>
18903  </svg>
18904</a>
18905        </li>
18906      </ul>
18907     </div></div></div>
18908                  </div>
18909                </div>
18910          <div class="footer-col--2 md:pr-5 rtl:md:pr-0 md:first:pl-0 rtl:md:pl-5 rtl:md:first:pr-0 md:mb-7 md:pl-10 rtl:md:pl-0 rtl:md:pr-10 w-full md:w-1/5 ltr" ><div x-data="{ open: false }" class="py-4 border-b md:border-none"><div @click="open = ! open" class="relative pr-5 rtl:pr-0 rtl:pl-5 curs
18910or-pointer md:cursor-default duration-200 transition">
18911                        <p class="h6 text-[115%]">About iTeaworld</p>
18912                        <span class="md:hidden absolute w-2.5	h-2.5 top-1/2 -translate-y-1/2 duration-500 flex right-3.5 rtl:right-auto rtl:left-3.5" :class="open ? 'rotate-180' : ''"><svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
18913    <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
18914  </svg>
18915</span>
18916                      </div><ul class="mt-6 hidden md:block"><li class="mb-1 first:pt-0 pt-2">
18917                            <a href="/pages/brand-history" class="hover-text-link nav-link relative block lg:inline-block">
18918                              About Us
18919                            </a>
18920                          </li><li class="mb-1 first:pt-0 pt-2">
18921                            <a href="/pages/sustainability" class="hover-text-link nav-link relative block lg:inline-block">
18922                              Sustainability
18923                            </a>
18924                          </li><li class="mb-1 first:pt-0 pt-2">
18925                            <a href="https://iteaworld.com/apps/17TRACK" class="hover-text-link nav-link relative block lg:inline-block">
18926                              Track Your Order
18927                            </a>
18928                          </li><li class="mb-1 first:pt-0 pt-2">
18929                            <a href="/pages/contact" class="hover-text-link nav-link relative block lg:inline-block">
18930                              Contact Us
18931                            </a>
18932                          </li><li class="mb-1 first:pt-0 pt-2">
18933                            <a href="/pages/faqs" class="hover-text-link nav-link relative block lg:inline-block">
18934                              FAQs
18935                            </a>
18936                          </li></ul><ul class="md:hidden" x-show="open" x-collapse x-cloak><li class="mb-1 mt-6 first:pt-0 pt-2">
18937                            <a href="/pages/brand-history" class="hover-text-link nav-link relative block lg:inline-block">
18938                              About Us
18939                            </a>
18940                          </li><li class="mb-1  first:pt-0 pt-2">
18941                            <a href="/pages/sustainability" class="hover-text-link nav-link relative block lg:inline-block">
18942                              Sustainability
18943                            </a>
18944                          </li><li class="mb-1  first:pt-0 pt-2">
18945                            <a href="https://iteaworld.com/apps/17TRACK" class="hover-text-link nav-link relative block lg:inline-block">
18946                              Track Your Order
18947                            </a>
18948                          </li><li class="mb-1  first:pt-0 pt-2">
18949                            <a href="/pages/contact" class="hover-text-link nav-link relative block lg:inline-block">
18950                              Contact Us
18951                            </a>
18952                          </li><li class="mb-1  first:pt-0 pt-2">
18953                            <a href="/pages/faqs" class="hover-text-link nav-link relative block lg:inline-block">
18954                              FAQs
18955                            </a>
18956                          </li></ul></div></div>
18957          <div class="footer-col--3 md:pr-5 rtl:md:pr-0 md:first:pl-0 rtl:md:pl-5 rtl:md:first:pr-0 md:mb-7 md:pl-10 rtl:md:pl-0 rtl:md:pr-10 w-full md:w-1/5 ltr" ><div x-data="{ open: false }" class="py-4 border-b md:border-none"><div @click="open = ! open" class="relative pr-5 rtl:pr-0 rtl:pl-5 cursor-pointer md:cursor-default duration-200 transition">
18958                        <p class="h6 text-[115%]">Tea Club</p>
18959                        <span class="md:hidden absolute w-2.5	h-2.5 top-1/2 -translate-y-1/2 duration-500 flex right-3.5 rtl:right-auto rtl:left-3.5" :class="open ? 'rotate-180' : ''"><svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
18960    <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
18961  </svg>
18962</span>
18963                      </div><ul class="mt-6 hidden md:block"><li class="mb-1 first:pt-0 pt-2">
18964                            <a href="https://iteaworld.com/pages/rewards-program" class="hover-text-link nav-link relative block lg:inline-block">
18965                              Rewards Program
18966                            </a>
18967                          </li><li class="mb-1 first:pt-0 pt-2">
18968                            <a href="https://iteaworld.com/pages/tea-club-subscription-floral-fruit-wellness-box" class="hover-text-link nav-link relative block lg:inline-block">
18969                              Tea Subscription Box
18970                            </a>
18971                          </li><li class="mb-1 first:pt-0 pt-2">
18972                            <a href="https://app.partnerboost.com/brand/85618/recruitment/iteaworld" class="hover-text-link nav-link relative block lg:inline-block">
18973                              Affiliate
18974                            </a>
18975                          </li></ul><ul class="md:hidden" x-show="open" x-collapse x-cloak><li class="mb-1 mt-6 first:pt-0 pt-2">
18976                            <a href="https://iteaworld.com/pages/rewards-program" class="hover-text-link nav-link relative block lg:inline-block">
18977                              Rewards Program
18978                            </a>
18979                          </li><li class="mb-1  first:pt-0 pt-2">
18980                            <a href="https://iteaworld.com/pages/tea-club-subscription-floral-fruit-wellness-box" class="hover-text-link nav-link relative block lg:inline-block">
18981                              Tea Subscription Box
18982                            </a>
18983                          </li><li class="mb-1  first:pt-0 pt-2">
18984                            <a href="https://app.partnerboost.com/brand/85618/recruitment/iteaworld" class="hover-text-link nav-link relative block lg:inline-block">
18985                              Affiliate
18986                            </a>
18987                          </li></ul></div></div>
18988          <div class="footer-col--4 md:pr-5 rtl:md:pr-0 md:first:pl-0 rtl:md:pl-5 rtl:md:first:pr-0 md:mb-7 md:pl-10 rtl:md:pl-0 rtl:md:pr-10 w-full md:w-1/5 ltr" ><div x-data="{ open: false }" class="py-4 border-b md:border-none"><div @click="open = ! open" class="relative pr-5 rtl:pr-0 rtl:pl-5 curs
18988or-pointer md:cursor-default duration-200 transition">
18989                        <p class="h6 text-[115%]">iTeaworld Policy</p>
18990                        <span class="md:hidden absolute w-2.5	h-2.5 top-1/2 -translate-y-1/2 duration-500 flex right-3.5 rtl:right-auto rtl:left-3.5" :class="open ? 'rotate-180' : ''"><svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
18991    <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
18992  </svg>
18993</span>
18994                      </div><ul class="mt-6 hidden md:block"><li class="mb-1 first:pt-0 pt-2">
18995                            <a href="/policies/privacy-policy" class="hover-text-link nav-link relative block lg:inline-block">
18996                              Privacy Policy
18997                            </a>
18998                          </li><li class="mb-1 first:pt-0 pt-2">
18999                            <a href="/policies/refund-policy" class="hover-text-link nav-link relative block lg:inline-block">
19000                              Refund Policy
19001                            </a>
19002                          </li><li class="mb-1 first:pt-0 pt-2">
19003                            <a href="/policies/shipping-policy" class="hover-text-link nav-link relative block lg:inline-block">
19004                              Shipping Policy
19005                            </a>
19006                          </li><li class="mb-1 first:pt-0 pt-2">
19007                            <a href="/policies/terms-of-service" class="hover-text-link nav-link relative block lg:inline-block">
19008                              Terms of Service
19009                            </a>
19010                          </li></ul><ul class="md:hidden" x-show="open" x-collapse x-cloak><li class="mb-1 mt-6 first:pt-0 pt-2">
19011                            <a href="/policies/privacy-policy" class="hover-text-link nav-link relative block lg:inline-block">
19012                              Privacy Policy
19013                            </a>
19014                          </li><li class="mb-1  first:pt-0 pt-2">
19015                            <a href="/policies/refund-policy" class="hover-text-link nav-link relative block lg:inline-block">
19016                              Refund Policy
19017                            </a>
19018                          </li><li class="mb-1  first:pt-0 pt-2">
19019                            <a href="/policies/shipping-policy" class="hover-text-link nav-link relative block lg:inline-block">
19020                              Shipping Policy
19021                            </a>
19022                          </li><li class="mb-1  first:pt-0 pt-2">
19023                            <a href="/policies/terms-of-service" class="hover-text-link nav-link relative block lg:inline-block">
19024                              Terms of Service
19025                            </a>
19026                          </li></ul></div></div>
19027          <div class="footer-col--5 md:pr-5 rtl:md:pr-0 md:first:pl-0 rtl:md:pl-5 rtl:md:first:pr-0 md:mb-7 md:pl-10 rtl:md:pl-0 rtl:md:pr-10 w-full md:w-1/5 ltr" >
19028                  <div x-data="{ open: false }" class="py-4 border-b md:border-none"><div @click="open = ! open" class="relative pr-5 rtl:pr-0 rtl:pl-5 cursor-pointer md:cursor-default duration-200 transition">
19029                        <p class="h6 text-[115%]">Need help</p>
19030                        <span class="md:hidden absolute w-2.5	h-2.5 top-1/2 -translate-y-1/2 duration-500 flex right-3.5 rtl:right-auto rtl:left-3.5" :class="open ? 'rotate-180' : ''"><svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
19031    <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
19032  </svg>
19033</span>
19034                      </div><div class="mt-6 hidden md:block">
19035                      
19036                        <div class="mb-4 flex items-center gap-x-4">
19037                          
19038                            
19039                              <span class="inline-block h-6 w-6 lg:h-9 lg:w-9 min-w-[24px] lg:min-w-[36px]">
19040                                
19041                                  
19042                                    <svg style="fill: none" width="100%" height="100%" viewB
19042ox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
19043    
19044        <path d="M50 95C74.8526 95 95 74.8526 95 50C95 25.1472 74.8526 5 50 5C25.1472 5 5 25.1472 5 50C5 74.8526 25.1472 95 50 95Z" stroke="currentColor" stroke-width="6.5" stroke-linecap="round" stroke-linejoin="round"/>
19045        <path d="M36.9043 36.5006C37.9623 33.4931 40.0505 30.9571 42.7991 29.3417C45.5477 27.7263 48.7792 27.1358 51.9215 27.6748C55.0639 28.2138 57.9142 29.8475 59.9671 32.2865C62.0204 34.7255 63.1441 37.8125 63.1391 41.0006C63.1391 50.0006 49.6391 54.5006 49.6391 54.5006" stroke="currentColor" stroke-width="6.5" stroke-linecap="round" stroke-linejoin="round"/>
19046        <path d="M50 72.5H50.045" stroke="currentColor" stroke-width="6.5" stroke-linecap="round" stroke-linejoin="round"/>
19047      
19048  </svg>
19049
19050                                  
19051                                
19052                              </span>
19053                            
19054                          
19055                          
19056                            <div>
19057                              <p class="empty:hidden p-break-words">Send us an email</p>
19058                              
19059                                <a href="mailto:[email protected]" target="_blank"
19060                                  class="font-semibold p-break-words empty:hidden text-[rgb(var(--colors-text-link))] hover-text-link nav-link relative"
19061                                >
19062                                  [email protected]
19063                                </a>
19064                               
19065                            </div>
19066                          
19067                        </div>
19068                      
19069                      
19070                        <div class="mb-4 flex items-center gap-x-4">
19071                          
19072                          
19073                            <div>
19074                              <p class="empty:hidden"></p>
19075                              
19076                                <p class="font-semibold p-break-words empty:hidden text-[rgb(var(--colors-text-link))]">
19077                                  
19078                                </p>
19079                               
19080                            </div>
19081                          
19082                        </div>
19083                      
19084                      
19085                        <div class="mb-4 flex items-center gap-x-4">
19086                          
19087                            
19088                              <span class="inline-block h-6 w-6 lg:h-9 lg:w-9 min-w-[24px] lg:min-w-[36px]">
19089                                
19090                                  
19091                                    <svg style="fill: none" width="100%" height="100%" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
19092    
19093        <path d="M50 95C74.8526 95 95 74.8526 95 50C95 25.1472 74.8526 5 50 5C25.1472 5 5 25.1472 5 50C5 74.8526 25.1472 95 50 95Z" stroke="currentColor" stroke-width="6.5" stroke-linecap="round" stroke-linejoin="round"/>
19094        <path d="M50 23V50L68 59" stroke="currentColor" stroke-width="6.5" stroke-linecap="round" stroke-linejoin="round"/>
19095      
19096  </svg>
19097
19098                                  
19099                                
19100                              </span>
19101                            
19102                          
19103                          
19104                            <div>
19105                              <p class="empty:hidden">Working Time (GMT+8:00)</p>
19106                              
19107                                <p class="font-semibold p-break-words empty:hidden text-[rgb(var(--colors-text-link))]">
19108                                  Mon - Fri, 10am - 6pm
19109                                </p>
19110                              
19111                            </div>
19112                          
19113                        </div>
19114                      
19115                    </div>
19116                    <div class="mt-6 md:hidden" x-show="open" x-collapse x-cloak>
19117                      
19118                        <div class="mb-4 flex items-center gap-x-4">
19119                          
19120                            
19121                              <span class="inline-block h-6 w-6 lg:h-9 lg:w-9 min-w-[24px] lg:min-w-[36px]">
19122                                
19123                                  
19124                                    <svg style="fill: none" width="100%" height="100%" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
19125    
19126        <path d="M50 95C74.8526 95 95 74.8526 95 50C95 25.1472 74.8526 5 50 5C25.1472 5 5 25.1472 5 50C5 74.8526 25.1472 95 50 95Z" stroke="currentColor" stroke-width="6.5" stroke-linecap="round" stroke-linejoin="round"/>
19127        <path d="M36.9043 36.5006C37.9623 33.4931 40.0505 30.9571 42.7991 29.3417C45.5477 27.7263 48.7792 27.1358 51.9215 27.6748C55.0639 28.2138 57.9142 29.8475 59.9671 32.2865C62.0204 34.7255 63.1441 37.8125 63.1391 41.0006C63.1391 50.0006 49.6391 54.5006 49.6391 54.5006" stroke="currentColor" stroke-width="6.5" stroke-linecap="round" stroke-linejoin="round"/>
19128        <path d="M50 72.5H50.045" stroke="currentColor" stroke-width="6.5" stroke-linecap="round" stroke-linejoin="round"/>
19129      
19130  </svg>
19131
19132                                  
19133                                
19134                              </span>
19135                            
19136                          
19137                          
19138                            <div>
19139                              <p class="empty:hidden p-break-words">Send us an email</p>
19140                              
19141                                <a href="mailto:[email protected]" target="_blank"
19142                                  class="font-semibold p-break-words empty:hidden text-[rgb(var(--colors-text-link))] hover-text-link nav-link relative"
19143                                >
19144                                  [email protected]
19145                                </a>
19146                               
19147                            </div>
19148                          
19149                        </div>
19150                      
19151                      
19152                        <div class="mb-4 flex items-center gap-x-4">
19153                          
19154                          
19155                            <div>
19156                              <p class="empty:hidden"></p>
19157                              
19158                                <p class="font-semibold p-break-words empty:hidden text-[rgb(var(--colors-text-link))]">
19159                                  
19160                                </p>
19161                               
19162                            </div>
19163                          
19164                        </div>
19165                      
19166                      
19167                        <div class="mb-4 flex items-center gap-x-4">
19168                          
19169                            
19170                              <span class="inline-block h-6 w-6 lg:h-9 lg:w-9 min-w-[24px] lg:min-w-[36px]">
19171                                
19172                                  
19173                                    <svg style="fill: none" width="100%" height="100%" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
19174    
19175        <path d="M50 95C74.8526 95 95 74.8526 95 50C95 25.1472 74.8526 5 50 5C25.1472 5 5 25.1472 5 50C5 74.8526 25.1472 95 50 95Z" stroke="currentColor" stroke-width="6.5" stroke-linecap="round" stroke-linejoin="round"/>
19176        <path d="M50 23V50L68 59" stroke="currentColor" stroke-width="6.5" stroke-linecap="round" stroke-linejoin="round"/>
19177      
19178  </svg>
19179
19180                                  
19181                                
19182                              </span>
19183                            
19184                          
19185                          
19186                            <div>
19187                              <p class="empty:hidden">Working Time (GMT+8:00)</p>
19188                              
19189                                <p class="font-semibold p-break-words empty:hidden text-[rgb(var(--colors-text-link))]">
19190                                  Mon - Fri, 10am - 6pm
19191                                </p>
19192                              
19193                            </div>
19194                          
19195                        </div>
19196                      
19197                    </div></div></div></div></div><div class="x-pgw page-width pt-5 md:pt-3.5 md:pb-3 pb-2 change-position-popup text-center ltr lg:text-center"
19198    >
19199      
19200      
19201      
19201<script defer="defer" async type="module" src="https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.shop-follow-button.en.esm.js"></script>
vendor: 1 bytes, line 19201
19201
19202<script type="module">
19203  await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.shop-follow-button.en.esm.js");
19204
19205  
19206</script>
19206
19207
19208<shop-follow-button ux-mode="windoid" return-uri="https://iteaworld.com/account/redirect" proxy="true"></shop-follow-button>
19209
19210      
19211    </div><div class="additional-footer ltr mx-5"
19212  >
19213    <div class="flex flex-col"><div class="mb-3 md:mb-2 lg:mb-2">
19214        
19215<div id="selector-social" class=" flex flex-col items-center md:items-start md:flex md:items-center mx-auto">
19216     
19217
19218
19219<form method="post" action="/localization" id="localization_form" accept-charset="UTF-8" class="multi-selectors flex flex-col lg:flex-row lg:items-center lg:justify-center md:flex-row" enctype="multipart/form-data"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" /><input type="hidden" name="return_to" value="/" /><div 
19220      class="text-normal relative inline-flex lg:inline-block justify-center"
19221      x-data="{ open: false }" 
19222      @keyup.escape="open = false"
19223    >
19224      <button 
19225        @click.prevent="open = ! open;"
19226        class="toolbar-button relative pt-2.5 pb-2.5 pr-5 rtl:pr-0 rtl:pl-5 cursor-pointer hover-text-link duration-200 transition"
19227        aria-expanded="false" aria-controls="LanguageList"
19228      >
19229        <span>English</span>
19230        <span class="absolute w-2.5	h-2.5 top-1/2 -translate-y-1/2 flex right-0 rtl:right-auto rtl:left-0" :class="open && ' -rotate-180'"><svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
19231    <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
19232  </svg>
19233</span>
19234      </button>
19235      <div x-show="open" @click.away="open = false" x-cloak>
19236        
19237          <ul 
19238             
19239              x-transition:enter="transition-all ease-in-out duration-500"
19240              x-transition:enter-start="opacity-0 transform translate-y-4"
19241              x-transition:enter-end="opacity-100 transform translate-y-0"
19242              x-transition:leave="transition-all ease-in-out duration-500"
19243              x-transition:leave-end="opacity-0 transform translate-y-4"
19244            
19245            x-show="open"
19246            role="list" 
19247            x-data="xLocalizationForm" 
19248            class="locale-options scrollbar-body w-max py-3 px-5 absolute left-0 bottom-full z-50 shadow-md max-h-64 overflow-y-auto background-header background-footer bottom-9"
19249          >
19250            
19251              <li class="cursor-pointer py-1 duration-200 transition sticky-footer">
19252                <a class="nav-link hover-text-link relative border-b underline-color effect-inline"
19253                  href="#"
19254                  data-no-instant
19255                  @click="submit('en', 'locale_selector')"
19256                >
19257                  <span class="disclosure-list__label">English</span>
19258                </a>
19259              </li>
19260              <li class="cursor-pointer py-1 duration-200 transition sticky-footer">
19261                <a class="nav-link hover-text-link relative options-text-color"
19262                  href="#"
19263                  data-no-instant
19264                  @click="submit('zh-CN', 'locale_selector')"
19265                >
19266                  <span class="disclosure-list__label">简体中文</span>
19267                </a>
19268              </li></ul>
19269        
19270      </div>
19271      <input type="hidden" name="locale_code" id="locale_selector" value="en" data-disclosure-input/>
19272    </div><div 
19273      x-data="xLocalizationForm" 
19274      class="country-selector max-w-max text-normal relative inline-flex lg:inline-block justify-center"
19275      @keyup.escape="openCountry = false"
19276    >
19277      <button 
19278        @click.prevent="loadCountry($el); "
19279        class="toolbar-button relative py-2.5 rtl:pr-0 rtl:pl-5 pr-5 rtl:md:pr-5 lg:pl-5 cursor-pointer  md:pl-6 hover-text-link duration-200 transition"
19280        aria-expanded="false" aria-controls="CurrencyList"
19281      >
19282        <span>
19283          
19284            United States &#x200E;(USD $)&#x200E;
19285          
19286        </span>
19287        <span x-show="!loading" class="absolute w-2.5 h-2.5 top-1/2 -translate-y-1/2 flex right-0 rtl:right-auto rtl:left-0" :class="openCountry && '-rotate-180'">
19287<svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
19288    <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
19289  </svg>
19290</span>
19291        <span x-show="loading" class="absolute w-3 h-3 top-[calc(50%-6px)] flex right-0 rtl:right-auto rtl:left-0 animate-spin" x-cloak><svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
19292    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
19293      fill="currentcolor" stroke="none">
19294      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
19295    </g>
19296  </svg>
19297</span>
19298      </button>
19299      
19300        <div class="country-options w-max py-3 px-5 absolute left-0 bottom-full z-[51] scrollbar-body shadow-md max-h-64 overflow-y-auto background-header background-footer sticky-footer bottom-9" 
19301           
19302            x-transition:enter="transition-all ease-in-out duration-500"
19303            x-transition:enter-start="opacity-0 transform translate-y-4"
19304            x-transition:enter-end="opacity-100 transform translate-y-0"
19305            x-transition:leave="transition-all ease-in-out duration-500"
19306            x-transition:leave-end="opacity-0 transform translate-y-4"
19307          
19308          x-show="openCountry" @click.away="openCountry = false" x-cloak>
19309        </div>
19310      
19311      <input id="currency_selector" type="hidden" name="country_code" value="US">
19312    </div></form>
19312<script src="//iteaworld.com/cdn/shop/t/51/assets/locales-form.js?v=77424405773733899781782181913" defer></script>
19312</div>
19313        </div><div class="flex flex-col items-center lg:mt-2 order-last">
19314        <div class="mt-4 md:mt-4 base-link text-center lg:mt-0 p-break-words"><p class="inline-block">&copy; 2026, </p>
19315            <a href="/" title="">iTeaworld</a>.
19316        </div>
19317      </div>
19318          <ul class="icon-payment flex justify-center gap-y-2 flex-wrap" role="list"><li class="pl-1 pr-1">
19319                <svg xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 38 24" width="38" height="24" fill="none" aria-labelledby="pi-american_express"><title id="pi-american_express">American Express</title><rect x=".5" y=".5" width="37" height="23" rx="2.5" stroke="#000" stroke-opacity=".07" fill="none"/><path d="M35 0H3C1.3 0 0 1.3 0 3V21C0 22.7 1.4 24 3 24H35C36.7 24 38 22.7 38 21V3C38 1.3 36.6 0 35 0Z" fill="#0071CE" style="fill:#0071CE;fill:color(display-p3 0.0000 0.4431 0.8078);fill-opacity:1;"/><path d="M3 0.5H35C36.3348 0.5 37.5 1.58692 37.5 3V21C37.5 22.4239 36.4239 23.5 35 23.5H3C1.66524 23.5 0.5 22.4131 0.5 21V3C0.5 1.57614 1.57614 0.5 3 0.5Z" stroke="black" stroke-opacity="0.07" style="stroke:black;stroke-opacity:0.07;"/><path d="M25.8662 6.33203V3H31L31.8662 5.5332L32.7334 3H37V14.2002H36.7998L34.8672 16.2656L36.7998 18.3594H37V21.2666H33.5996L31.9336 19.3994L30.2002 21.2666H19.4668V12.666H16L20.2666 3H24.4004L25.8662 6.33203ZM20.5996 20.2656H27V18.5322H22.666V17.3994H26.8662V15.666H22.666V14.5322H27V12.7988H20.5996V20.2656ZM30.5332 16.5322L27 20.2656H29.5996L31.8662 17.8662L34.0664 20.2656H36.7324L33.1992 16.4658L36.7324 12.7988H34.1328L31.8662 15.1992L29.7324 12.7988H27L30.5332 16.5322ZM17.666 11.7324H19.9326L20.5332 10.1992H23.999L24.666 11.7324H26.999L23.666 4.19922H20.999L17.666 11.7324ZM33.5996 4.19922L31.9326 8.86621L30.1992 4.19922H27V11.666H29.0664V6.39941L31 11.666H32.7998L34.7324 6.39941V11.666H36.7324V4.13281L33.5996 4.19922ZM23.2656 8.46582H21.2656L22.2656 5.99902L23.2656 8.46582Z" fill="white" style="fill:white;fill-opacity:1;"/></svg>
19320
19321              </li><li class="pl-1 pr-1">
19322                <svg version="1.1" xmlns="http://www.w3.org/2000/svg" role="img" x="0" y="0" width="38" height="24" viewBox="0 0 165.521 105.965" xml:space="preserve" aria-labelledby="pi-apple_pay"><title id="pi-apple_pay">Apple Pay</title><path fill="#000" d="M150.698 0H14.823c-.566 0-1.133 0-1.698.003-.477.004-.953.009-1.43.022-1.039.028-2.087.09-3.113.274a10.51 10.51 0 0 0-2.958.975 9.932 9.932 0 0 0-4.35 4.35 10.463 10.463 0 0 0-.975 2.96C.113 9.611.052 10.658.024 11.696a70.22 70.22 0 0 0-.022 1.43C0 13.69 0 14.256 0 14.823v76.318c0 .567 0 1.132.002 1.699.003.476.009.953.022 1.43.028 1.036.09 2.084.275 3.11a10.46 10.46 0 0 0 .974 2.96 9.897 9.897 0 0 0 1.83 2.52 9.874 9.874 0 0 0 2.52 1.83c.947.483 1.917.79 2.96.977 1.025.183 2.073.245 3.112.273.477.011.953.017 1.43.02.565.004 1.132.004 1.698.004h135.875c.565 0 1.132 0 1.697-.004.476-.002.952-.009 1.431-.02 1.037-.028 2.085-.09 3.113-.273a10.478 10.478 0 0 0 2.958-.977 9.955 9.955 0 0 0 4.35-4.35c.483-.947.789-1.917.974-2.96.186-1.026.246-2.074.274-3.11.013-.477.02-.954.022-1.43.004-.567.004-1.132.004-1.699V14.824c0-.567 0-1.133-.004-1.699a63.067 63.067 0 0 0-.022-1.429c-.028-1.038-.088-2.085-.274-3.112a10.4 10.4 0 0 0-.974-2.96 9.94 9.94 0 0 0-4.35-4.35A10.52 10.52 0 0 0 156.939.3c-1.028-.185-2.076-.246-3.113-.274a71.417 71.417 0 0 0-1.431-.022C151.83 0 151.263 0 150.698 0z" /><path fill="#FFF" d="M150.698 3.532l1.672.003c.452.003.905.008 1.36.02.793.022 1.719.065 2.583.22.75.135 1.38.34 1.984.648a6.392 6.392 0 0 1 2.804 2.807c.306.6.51 1.226.645 1.983.154.854.197 1.783.218 2.58.013.45.019.9.02 1.36.005.557.005 1.113.005 1.671v76.318c0 .558 0 1.114-.004 1.682-.002.45-.008.9-.02 1.35-.022.796-.065 1.725-.221 2.589a6.855 6.855 0 0 1-.645 1.975 6.397 6.397 0 0 1-2.808 2.807c-.6.306-1.228.511-1.971.645-.881.157-1.847.2-2.574.22-.457.01-.912.017-1.379.019-.555.004-1.113.004-1.669.004H14.801c-.55 0-1.1 0-1.66-.004a74.993 74.993 0 0 1-1.35-.018c-.744-.02-1.71-.064-2.584-.22a6.938 6.938 0 0 1-1.986-.65 6.337 6.337 0 0 1-1.622-1.18 6.355 6.355 0 0 1-1.178-1.623 6.935 6.935 0 0 1-.646-1.985c-.156-.863-.2-1.788-.22-2.578a66.088 66.088 0 0 1-.02-1.355l-.003-1.327V14.474l.002-1.325a66.7 66.7 0 0 1 .02-1.357c.022-.792.065-1.717.222-2.587a6.924 6.924 0 0 1 .646-1.981c.304-.598.7-1.144 1.18-1.623a6.386 6.386 0 0 1 1.624-1.18 6.96 6.96 0 0 1 1.98-.646c.865-.155 1.792-.198 2.586-.22.452-.012.905-.017 1.354-.02l1.677-.003h135.875" /><g><g><path fill="#000" d="M43.508 35.77c1.404-1.755 2.356-4.112 2.105-6.52-2.054.102-4.56 1.355-6.012 3.112-1.303 
193221.504-2.456 3.959-2.156 6.266 2.306.2 4.61-1.152 6.063-2.858" /><path fill="#000" d="M45.587 39.079c-3.35-.2-6.196 1.9-7.795 1.9-1.6 0-4.049-1.8-6.698-1.751-3.447.05-6.645 2-8.395 5.1-3.598 6.2-.95 15.4 2.55 20.45 1.699 2.5 3.747 5.25 6.445 5.151 2.55-.1 3.549-1.65 6.647-1.65 3.097 0 3.997 1.65 6.696 1.6 2.798-.05 4.548-2.5 6.247-5 1.95-2.85 2.747-5.6 2.797-5.75-.05-.05-5.396-2.101-5.446-8.251-.05-5.15 4.198-7.6 4.398-7.751-2.399-3.548-6.147-3.948-7.447-4.048" /></g><g><path fill="#000" d="M78.973 32.11c7.278 0 12.347 5.017 12.347 12.321 0 7.33-5.173 12.373-12.529 12.373h-8.058V69.62h-5.822V32.11h14.062zm-8.24 19.807h6.68c5.07 0 7.954-2.729 7.954-7.46 0-4.73-2.885-7.434-7.928-7.434h-6.706v14.894z" /><path fill="#000" d="M92.764 61.847c0-4.809 3.665-7.564 10.423-7.98l7.252-.442v-2.08c0-3.04-2.001-4.704-5.562-4.704-2.938 0-5.07 1.507-5.51 3.82h-5.252c.157-4.86 4.731-8.395 10.918-8.395 6.654 0 10.995 3.483 10.995 8.89v18.663h-5.38v-4.497h-.13c-1.534 2.937-4.914 4.782-8.579 4.782-5.406 0-9.175-3.222-9.175-8.057zm17.675-2.417v-2.106l-6.472.416c-3.64.234-5.536 1.585-5.536 3.95 0 2.288 1.975 3.77 5.068 3.77 3.95 0 6.94-2.522 6.94-6.03z" /><path fill="#000" d="M120.975 79.652v-4.496c.364.051 1.247.103 1.715.103 2.573 0 4.029-1.09 4.913-3.899l.52-1.663-9.852-27.293h6.082l6.863 22.146h.13l6.862-22.146h5.927l-10.216 28.67c-2.34 6.577-5.017 8.735-10.683 8.735-.442 0-1.872-.052-2.261-.157z" /></g></g></svg>
19323
19324              </li><li class="pl-1 pr-1">
19325                <svg xmlns="http://www.w3.org/2000/svg" aria-labelledby="pi-bancontact" role="img" viewBox="0 0 38 24" width="38" height="24"><title id="pi-bancontact">Bancontact</title><path fill="#000" opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"/><path fill="#fff" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32"/><path d="M4.703 3.077h28.594c.139 0 .276.023.405.068.128.045.244.11.343.194a.9.9 0 0 1 .229.29c.053.107.08.223.08.34V20.03a.829.829 0 0 1-.31.631 1.164 1.164 0 0 1-.747.262H4.703a1.23 1.23 0 0 1-.405-.068 1.09 1.09 0 0 1-.343-.194.9.9 0 0 1-.229-.29.773.773 0 0 1-.08-.34V3.97c0-.118.027-.234.08-.342a.899.899 0 0 1 .23-.29c.098-.082.214-.148.342-.193a1.23 1.23 0 0 1 .405-.068Z" fill="#fff"/><path d="M6.38 18.562v-3.077h1.125c.818 0 1.344.259 1.344.795 0 .304-.167.515-.401.638.338.132.536.387.536.734 0 .62-.536.91-1.37.91H6.38Zm.724-1.798h.537c.328 0 .468-.136.468-.387 0-.268-.255-.356-.599-.356h-.406v.743Zm0 1.262h.448c.438 0 .693-.093.693-.383 0-.286-.219-.404-.63-.404h-.51v.787Zm3.284.589c-.713 0-1.073-.295-1.073-.69 0-.436.422-.69 1.047-.695.156.002.31.014.464.035v-.105c0-.269-.183-.396-.531-.396a2.128 2.128 0 0 0-.688.105l-.13-.474a3.01 3.01 0 0 1 .9-.132c.767 0 1.147.343 1.147.936v1.222c-.214.093-.615.194-1.136.194Zm.438-.497v-.47a2.06 2.06 0 0 0-.37-.036c-.24 0-.427.08-.427.286 0 .185.156.281.432.281a.947.947 0 0 0 .365-.061Zm1.204.444v-2.106a3.699 3.699 0 0 1 1.177-.193c.76 0 1.198.316 1.198.9v1.399h-.719v-1.354c0-.303-.167-.444-.484-.444a1.267 1.267 0 0 0-.459.079v1.719h-.713Zm4.886-2.167-.135.479a1.834 1.834 0 0 0-.588-.11c-.422 0-.652.25-.652.664 0 .453.24.685.688.685.2-.004.397-.043.578-.114l.115.488a2.035 2.035 0 0 1-.75.128c-.865 0-1.365-.453-1.365-1.17 0-.712.495-1.182 1.323-1.182.27-.001.538.043.787.132Zm1.553 2.22c-.802 0-1.302-.47-1.302-1.178 0-.704.5-1.174 1.302-1.174.807 0 1.297.47 1.297 1.173 0 .708-.49 1.179-1.297 1.179Zm0-.502c.37 0 .563-.259.563-.677 0-.413-.193-.672-.563-.672-.364 0-.568.26-.568.672 0 .418.204.677.568.677Zm1.713.449v-2.106a3.699 3.699 0 0 1 1.177-.193c.76 0 1.198.316 1.198.9v1.399h-.719v-1.354c0-.303-.166-.444-.484-.444a1.268 1.268 0 0 0-.459.079v1.719h-.713Zm3.996.053c-.62 0-.938-.286-.938-.866v-.95h-.354v-.484h.355v-.488l.718-.03v.518h.578v.484h-.578v.94c0 .256.125.374.36.374.093 0 .185-.008.276-.026l.036.488c-.149.028-.3.041-.453.04Zm1.814 0c-.713 0-1.073-.295-1.073-.69 0-.436.422-.69 1.047-.695.155.002.31.014.464.035v-.105c0-.269-.183-.396-.532-.396a2.128 2.128 0 0 0-.687.105l-.13-.474a3.01 3.01 0 0 1 .9-.132c.766 0 1.146.343 1.146.936v1.222c-.213.093-.614.194-1.135.194Zm.438-.497v-.47a2.06 2.06 0 0 0-.37-.036c-.24 0-.427.08-.427.286 0 .185.156.281.432.281a.946.946 0 0 0 .365-.061Zm3.157-1.723-.136.479a1.834 1.834 0 0 0-.588-.11c-.422 0-.651.25-.651.664 0 .453.24.685.687.685.2-.004.397-.043.578-.114l.115.488a2.035 2.035 0 0 1-.75.128c-.865 0-1.365-.453-1.365-1.17 0-.712.495-1.182 1.323-1.182.27-.
19325001.538.043.787.132Zm1.58 2.22c-.62 0-.938-.286-.938-.866v-.95h-.354v-.484h.354v-.488l.72-.03v.518h.577v.484h-.578v.94c0 .256.125.374.36.374.092 0 .185-.008.276-.026l.036.488c-.149.028-.3.041-.453.04Z" fill="#1E3764"/><path d="M11.394 13.946c3.803 0 5.705-2.14 7.606-4.28H6.38v4.28h5.014Z" fill="url(#pi-bancontact-a)"/><path d="M26.607 5.385c-3.804 0-5.705 2.14-7.607 4.28h12.62v-4.28h-5.013Z" fill="url(#pi-bancontact-b)"/><defs><linearGradient id="pi-bancontact-a" x1="8.933" y1="12.003" x2="17.734" y2="8.13" gradientUnits="userSpaceOnUse"><stop stop-color="#005AB9"/><stop offset="1" stop-color="#1E3764"/></linearGradient><linearGradient id="pi-bancontact-b" x1="19.764" y1="10.037" x2="29.171" y2="6.235" gradientUnits="userSpaceOnUse"><stop stop-color="#FBA900"/><stop offset="1" stop-color="#FFD800"/></linearGradient></defs></svg>
19326              </li><li class="pl-1 pr-1">
19327                <svg xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 38 24" width="38" height="24" aria-labelledby="pi-google_pay"><title id="pi-google_pay">Google Pay</title><path d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z" fill="#000" opacity=".07"/><path d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32" fill="#FFF"/><path d="M18.093 11.976v3.2h-1.018v-7.9h2.691a2.447 2.447 0 0 1 1.747.692 2.28 2.28 0 0 1 .11 3.224l-.11.116c-.47.447-1.098.69-1.747.674l-1.673-.006zm0-3.732v2.788h1.698c.377.012.741-.135 1.005-.404a1.391 1.391 0 0 0-1.005-2.354l-1.698-.03zm6.484 1.348c.65-.03 1.286.188 1.778.613.445.43.682 1.03.65 1.649v3.334h-.969v-.766h-.049a1.93 1.93 0 0 1-1.673.931 2.17 2.17 0 0 1-1.496-.533 1.667 1.667 0 0 1-.613-1.324 1.606 1.606 0 0 1 .613-1.336 2.746 2.746 0 0 1 1.698-.515c.517-.02 1.03.093 1.49.331v-.208a1.134 1.134 0 0 0-.417-.901 1.416 1.416 0 0 0-.98-.368 1.545 1.545 0 0 0-1.319.717l-.895-.564a2.488 2.488 0 0 1 2.182-1.
1932706zM23.29 13.52a.79.79 0 0 0 .337.662c.223.176.5.269.785.263.429-.001.84-.17 1.146-.472.305-.286.478-.685.478-1.103a2.047 2.047 0 0 0-1.324-.374 1.716 1.716 0 0 0-1.03.294.883.883 0 0 0-.392.73zm9.286-3.75l-3.39 7.79h-1.048l1.281-2.728-2.224-5.062h1.103l1.612 3.885 1.569-3.885h1.097z" fill="#5F6368"/><path d="M13.986 11.284c0-.308-.024-.616-.073-.92h-4.29v1.747h2.451a2.096 2.096 0 0 1-.9 1.373v1.134h1.464a4.433 4.433 0 0 0 1.348-3.334z" fill="#4285F4"/><path d="M9.629 15.721a4.352 4.352 0 0 0 3.01-1.097l-1.466-1.14a2.752 2.752 0 0 1-4.094-1.44H5.577v1.17a4.53 4.53 0 0 0 4.052 2.507z" fill="#34A853"/><path d="M7.079 12.05a2.709 2.709 0 0 1 0-1.735v-1.17H5.577a4.505 4.505 0 0 0 0 4.075l1.502-1.17z" fill="#FBBC04"/><path d="M9.629 8.44a2.452 2.452 0 0 1 1.74.68l1.3-1.293a4.37 4.37 0 0 0-3.065-1.183 4.53 4.53 0 0 0-4.027 2.5l1.502 1.171a2.715 2.715 0 0 1 2.55-1.875z" fill="#EA4335"/></svg>
19328
19329              </li><li class="pl-1 pr-1">
19330                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 38 24" width="38" height="24" role="img" aria-labelledby="pi-spidealwero"><title id="pi-spidealwero">iDEAL Wero</title><path opacity="0.07" d="M35 0H3C1.3 0 0 1.3 0 3V21C0 22.7 1.4 24 3 24H35C36.7 24 38 22.7 38 21V3C38 1.3 36.6 0 35 0Z" fill="black"/><path d="M35 1C36.1 1 37 1.9 37 3V21C37 22.1 36.1 23 35 23H3C1.9 23 1 22.1 1 21V3C1 1.9 1.9 1 3 1H35Z" fill="#FFF48D"/><path d="M3.45001 7.43572V17.0022C3.45001 17.4602 3.82664 17.8347 4.28673 17.8347H10.0301C14.3722 17.8347 16.2539 15.4157 16.2539 12.2063C16.2539 8.99693 14.3715 6.60321 10.0294 6.60321H4.28603C3.82594 6.60321 3.44931 6.97773 3.44931 7.43572H3.45001Z" fill="white"/><path d="M7.29413 8.95133V16.0203H10.385C13.1918 16.0203 14.4087 14.4422 14.4087 12.2112C14.4087 9.98022 13.1911 8.41901 10.385 8.41901H7.82926C7.53259 8.41901 7.29413 8.66027 7.29413 8.95204V8.95133Z" fill="#CC0066"/><path fill-rule="evenodd" clip-rule="evenodd" d="M5.03507 17.073H10.0294C13.539 17.073 15.4754 15.3456 15.4754 12.2105C15.4754 10.4038 14.7685 7.36908 10.0294 7.36908H5.03507C4.59182 7.36908 4.23203 7.72677 4.23203 8.16862V16.2742C4.23203 16.7153 4.59182 17.0737 5.03507 17.0737V17.073ZM4.49924 8.16862C4.49924 7.87335 4.7377 7.63559 5.03437 7.63559H10.0287C11.9609 7.63559 15.2068 8.23104 15.2068 12.2105C15.2068 15.1744 13.3665 16.8065 10.0287 16.8065H5.03507C4.7384 16.8065 4.49994 16.5694 4.49994 16.2735V8.16862H4.49924Z" fill="#232323"/><path fill-rule="evenodd" clip-rule="evenodd" d="M8.81464 11.1831C8.72066 11.1494 8.62247 11.1326 8.51586 11.1326V11.1284H7.8082V12.8355H8.52428C8.65122 12.8355 8.76134 12.8102 8.85602 12.7681C8.95 12.7218 9.02785 12.6629 9.08957 12.5872C9.15129 12.5114 9.19618 12.4188 9.22844 12.3136C9.25719 12.2084 9.27332 12.0948 9.27332 11.9686C9.27332 11.8255 9.25299 11.7035 9.21581 11.5983C9.17514 11.4973 9.12183 11.4089 9.05661 11.3374C8.98717 11.27 8.90932 11.2153 8.81534 11.1817L8.81464 11.1831ZM8.64702 12.4995C8.59371 12.5163 8.54462 12.5248 8.49132 12.5248V12.529H8.16799V11.4524H8.4296C8.51937 11.4524 8.59301 11.465 8.65473 11.4903C8.71645 11.5155 8.76554 11.5576 8.80201 11.6039C8.83849 11.6502 8.86724 11.7133 8.88407 11.7806C8.9002 11.8479 8.90862 11.9279 8.90862 12.0121C8.90862 12.1088 8.896 12.1846 8.87215 12.2519C8.85108 12.3106 8.81921 12.3649 8.77817 12.4118C8.74305 12.4524 8.69779 12.4829 8.64702 12.5002V12.4995Z" fill="white"/><path d="M10.7504 11.1333V11.4489H9.87441V11.815H10.6803V12.1053H9.87441V12.5219H10.7707V12.8376H9.51041V11.1305H10.7504V11.1347V11.1333Z" fill="white"/><path fill-rule="evenodd" clip-rule="evenodd" d="M12.6244 12.8404L12.0023 11.1333H11.6222L10.9958 12.8404H11.3641L11.4952 12.4616H12.1173L12.2443 12.8404H12.6251H12.6244ZM11.8136 11.5534L12.0226 12.1797H11.5934L11.8101 11.5534H11.8143H11.8136Z" fill="white"/><path d="M13.2178 11.1325V12.5247H14.0278V12.8403H12.8538V11.1332H13.2178V11.1325Z" fill="white"/><path d="M5.85774 12.8656C6.30099 12.8656 6.66009 12.5065 6.66009 12.0625C6.66009 11.6186 6.30099 11.2595 5.85774 11.2595C5.41448 11.2595 5.05539 11.6186 5.05539 12.0625C5.05539 12.5065 5.41448 12.8656 5.85774 12.8656ZM6.33536 16.0771C5.71396 16.0771 5.216 15.5406 5.216 14.8813V13.9478C5.216 13.6181 5.46498 13.3474 5.77778 13.3474C6.09059 13.3474 6.33957 13.6139 6.33957 13.9478V16.0771H6.33536Z" fill="#232323"/><path d="M31.45 12.2209C31.45 11.1773 32.1926 10.2264 33.4749 10.2264C34.7572 10.2264 35.5053 11.178 35.5053 12.2209C35.5053 13.2638 34.7627 14.2154 33.4749 14.2154C32.1926 14.2154 31.45 13.2638 31.45 12.2209ZM34.3782 12.2209C34.3782 11.7178 34.0467 11.2537 33.4749 11.2537C32.9032 11.2537 32.5717 11.7186 32.571
193307 12.2209C32.5717 12.7232 32.9086 13.1889 33.4749 13.1889C34.0412 13.1889 34.3782 12.724 34.3782 12.2209ZM30.6615 12.9619C31.0889 12.7185 31.3455 12.2537 31.3455 11.7404C31.3455 10.9784 30.7948 10.3294 29.94 10.3294H28.1452V14.1132H29.2567V13.146H29.4649L30.1006 14.1132H31.4095L30.6615 12.9619ZM29.7161 12.2747H29.2567V11.2046H29.7216C30.0211 11.2046 30.213 11.4479 30.213 11.7396C30.213 12.0314 30.0148 12.2747 29.7161 12.2747ZM23.0713 10.3247L22.4044 12.5797L21.7539 10.3247H20.8686L20.2126 12.5797L19.5511 10.3247H18.378L19.722 14.1015H20.6868L21.3108 12.0454L21.9294 14.1015H22.8997L24.2436 10.3247H23.0705H23.0713ZM25.9261 13.1795H25.9237C25.508 13.1795 25.2163 12.9284 25.0915 12.5961H27.9159C27.9385 12.4713 27.9502 12.3434 27.9502 12.2139C27.9502 11.1734 27.21 10.2241 25.9261 10.2233V11.2482C26.3442 11.249 26.6328 11.5002 26.7568 11.8317H23.9363C23.9137 11.9565 23.902 12.0844 23.902 12.2139C23.902 13.2552 24.643 14.2052 25.923 14.2052H25.9253V13.1795H25.9261Z" fill="#1D1C1C"/><path d="M25.9237 14.2044C25.9674 14.2044 26.0103 14.2029 26.0524 14.2013C26.3122 14.188 26.5485 14.135 26.7591 14.05C26.9697 13.965 27.1546 13.8472 27.3114 13.7052C27.4673 13.5644 27.5983 13.3982 27.699 13.2138C27.7903 13.0469 27.8574 12.8667 27.8995 12.6787H26.7225C26.6983 12.7287 26.6702 12.777 26.6382 12.8215C26.5945 12.8831 26.5431 12.9385 26.4846 12.9861C26.4261 13.0344 26.3605 13.075 26.2888 13.1062C26.217 13.1374 26.1382 13.1592 26.0532 13.1709C26.0119 13.1764 25.969 13.1795 25.9245 13.1795C25.6601 13.1795 25.4456 13.0773 25.2919 12.9174L24.5268 13.6912C24.8668 14.0055 25.3387 14.2036 25.9237 14.2036V14.2044Z" fill="#1D1C1C"/><path d="M25.9237 10.2225C24.838 10.2225 24.1399 10.9058 23.9535 11.7482H25.1266C25.267 11.4581 25.5431 11.2475 25.9237 11.2475C26.2272 11.2475 26.4627 11.3785 26.6164 11.5766L27.3886 10.7958C27.0438 10.4464 26.5477 10.2225 25.9245 10.2225H25.9237Z" fill="#1D1C1C"/><path d="M17.3927 16.431C17.3069 16.431 17.2367 16.3608 17.2367 16.275V8.16296C17.2367 8.07716 17.3069 8.00696 17.3927 8.00696C17.4785 8.00696 17.5487 8.07716 17.5487 8.16296V16.275C17.5487 16.3608 17.4785 16.431 17.3927 16.431Z" fill="#1D1C1C"/></svg>
19331              </li><li class="pl-1 pr-1">
19332                <svg xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 38 24" width="38" height="24" fill="none" aria-labelledby="pi-master"><title id="pi-master">Mastercard</title><rect x=".5" y=".5" width="37" height="23" rx="2.5" stroke="#000" stroke-opacity=".07" fill="none"/><path d="M35 0H3C1.3 0 0 1.3 0 3V21C0 22.7 1.4 24 3 24H35C36.7 24 38 22.7 38 21V3C38 1.3 36.6 0 35 0Z" fill="#1C1C1C" style="fill:#1C1C1C;fill:color(display-p3 0.1098 0.1098 0.1098);fill-opacity:1;"/><path d="M35 1C36.1 1 37 1.9 37 3V21C37 22.1 36.1 23 35 23H3C1.9 23 1 22.1 1 21V3C1 1.9 1.9 1 3 1H35Z" fill="#232323" style="fill:#232323;fill:color(display-p3 0.1373 0.1373 0.1373);fill-opacity:1;"/><path d="M14.6364 19.2727C18.8538 19.2727 22.2727 15.8538 22.2727 11.6364C22.2727 7.41892 18.8538 4 14.6364 4C10.4189 4 7 7.41892 7 11.6364C7 15.8538 10.4189 19.2727 14.6364 19.2727Z" fill="#EB001B" style="fill:#EB001B;fill:color(display-p3 0.9216 0.0000 0.1059);fill-opacity:1;"/><path d="M23.3637 19.2727C27.5811 19.2727 31 15.8538 31 11.6364C31 7.41892 27.5811 4 23.3637 4C19.1462 4 15.7273 7.41892 15.7273 11.6364C15.7273 15.8538 19.1462 19.2727 23.3637 19.2727Z" fill="#F79E1B" style="fill:#F79E1B;fill:color(display-p3 0.9686 0.6196 0.1059);fill-opacity:1;"/><path d="M22.2727 11.6362C22.2727 9.01797 20.9637 6.72706 19 5.41797C17.0364 6.83615 15.7273 9.12706 15.7273 11.6362C15.7273 14.1452 17.0364 16.5452 19 17.8543C20.9637 16.5452 22.2727 14.2543 22.2727 11.6362Z" fill="#FF5F00" style="fill:#FF5F00;fill:color(display-p3 1.0000 0.3725 0.0000);fill-opacity:1;"/></svg>
19333
19334              </li><li class="pl-1 pr-1">
19335                <svg viewBox="0 0 38 24" role="img" width="38" height="24" aria-labelledby="pi-mbway" xmlns="http://www.w3.org/2000/svg"><title id="pi-mbway">MB WAY</title><path opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"/><path fill="#fff" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32"/><path d="M2.652 18.267l-.059.459a.38.38 0 00.381.424H17.88c.232 0 .41-.198.383-.424l-.061-.459a.658.658 0 01.579-.72.646.646 0 01.712.579l.057.445c.116.998-.448 1.872-1.456 1.872H2.761c-1.008 0-1.573-.874-1.457-1.872l.058-.445a.646.646 0 01.711-.5
1933579.657.657 0 01.579.72" fill="#d81e25"/><path d="M18.225 10.154c0 .608-.215.952-.571 1.374l-.036.043.05.029c.705.43 1.197 1.079 1.234 1.991.055 1.359-1.097 2.482-2.463 2.479h-3.602a.642.642 0 01-.634-.65V8.435c0-.361.283-.652.632-.652l2.974.009c1.297.002 2.416.955 2.416 2.362m-1.793 4.659c.726 0 1.303-.528 1.288-1.223-.016-.712-.663-1.172-1.385-1.174h-1.46a.595.595 0 01-.588-.605c0-.337.264-.606.588-.606h.974c.658-.026 1.165-.424 1.196-1.046.032-.666-.539-1.165-1.238-1.165H13.44l-.008 5.819h3" fill="#100f0d"/><path d="M6.616 13.676l.016.049.018-.049c.168-.46.369-.969.583-1.525.22-.584.439-1.143.658-1.675.221-.541.431-1.024.631-1.444.2-.429.366-.724.493-.886a.97.97 0 01.781-.354h.149c.199 0 .354.053.47.15.107.093.171.2.188.323l.931 7.219a.593.593 0 01-.159.437c-.105.1-.256.149-.453.149-.198 0-.353-.047-.469-.138a.506.506 0 01-.218-.361c-.03-.24-.06-.507-.089-.8-.04-.292-.186-1.552-.226-1.868-.038-.327-.301-2.368-.389-3.109l-.008-.062-.299.625c-.101.215-.21.474-.331.776-.119.3-.241.618-.36.954-.13.325-.707 1.972-.707 1.972-.052.15-.154.451-.245.727a12.48 12.48 0 01-.202.572.82.82 0 01-.744.455.813.813 0 01-.746-.455 10.32 10.32 0 01-.202-.572c-.093-.276-.193-.577-.248-.727 0 0-.577-1.647-.704-1.972a29.247 29.247 0 00-.363-.954c-.12-.302-.229-.561-.328-.776l-.3-.625-.007.062c-.09.741-.35 2.782-.39 3.109-.041.316-.186 1.576-.226 1.868-.03.293-.06.56-.093.8a.502.502 0 01-.215.361c-.116.091-.273.138-.47.138-.197 0-.345-.049-.451-.149-.106-.106-.159-.252-.16-.437l.931-7.219a.529.529 0 01.189-.323.703.703 0 01.467-.15h.151c.325 0 .585.119.781.354.128.162.292.457.492.886.202.42.41.903.632 1.444.219.532.439 1.091.659 1.675.214.556.415 1.065.582 1.525" fill="#100f0d"/><path d="M4.79 3.419h11.322c1.066 0 1.597.8 1.722 1.856l.047.339a.662.662 0 01-.583.725.652.652 0 01-.715-.587l-.046-.323c-.047-.401-.217-.711-.625-.711H4.989c-.407 0-.577.31-.625.711l-.043.323a.653.653 0 11-1.301-.138l.047-.339c.126-1.056.656-1.856 1.723-1.856" fill="#d81e25"/><path d="M25.154 11.027c-.079.302-.159.625-.244.969-.085.343-.17.67-.253.984-.082.313-.161.588-.236.825a3.002 3.002 0 01-.185.486c-.089.154-.243.232-.464.232-.061 0-.141-.013-.241-.039-.098-.025-.18-.096-.248-.21a3.005 3.005 0 01-.185-.511 24.53 24.53 0 01-.235-.873c-.084-.33-.165-.679-.249-1.047a79.928 79.928 0 01-.223-1.026c-.066-.316-.121-.587-.166-.808a13.422 13.422 0 01-.074-.4c-.004-.028-.007-.047-.007-.058v-.033c0-.093.033-.169.106-.228a.42.42 0 01.264-.086c.1 0 .179.022.241.064.06.039.105.113.132.218 0 .01.016.091.045.239.032.148.07.338.116.568.048.232.101.49.158.776.058.285.117.576.182.869.063.293.128.576.191.853.063.275.12.512.176.708a36.527 36.527 0 00.381-1.38c.066-.256.13-.51.19-.767l.17-.712c.053-.221.098-.415.136-.586.039-.171.069-.297.091-.379a.46.46 0 01.157-.248c.079-.06.17-.09.281-.09a.46.46 0 01.299.095.437.437 0 01.148.243c.062.268.127.57.199.903a59.514 59.514 0 00.463 2.011c.084.327.163.617.24.869.055-.197.115-.434.178-.708l.194-.85c.067-.289.129-.578.19-.865l.167-.771a106.486 106.486 0 00.164-.778c.027-.105.072-.179.132-.218a.418.418 0 01.24-.064c.104 0 .193.03.264.086a.28.28 0 01.109.228v.033a6.253 6.253 0 01-.088.458 108.095 108.095 0 01-.392 1.829 49.61 49.61 0 01-.244 1.042c-.08.33-.156.621-.232.872a2.898 2.898 0 01-.185.506.439.439 0 01-.252.218.92.92 0 01-.245.047.663.663 0 01-.099-.01.748.748 0 01-.141-.033.516.516 0 01-.148-.078.362.362 0 01-.117-.144 3.826 3.826 0 01-.178-.52 37.54 37.54 0 01-.458-1.776c-.077-.332-.15-.645-.215-.935" fill="#100f0d"/><path d="M31.315 12.279a40 40 0 00-.33-.984 17.49 17.49 0 00-.411-1.065l-.052-.142a.692.692 0 00-.053.136 16.567 16.567 0 00-.408 1.071c-.1.299-.209.627-.325.984zm-1.835.718a24.52 24.52 0 00-.22.732 5.932 5.932 0 01-.178.553c-.06.16-.181.241-.363.241-.127 0-.219-.032-.278-.096a.347.347 0 01-.086-.243.36.36 0 01.016-.109c.011-.031.045-.144.105-.337.057-.191.132-.431.226-.717.093-.286.197-.599.31-.939a34.26 34.26 0 01.707-1.941c.115-.289.224-.522.322-.696a.382.382 0 01.178-.192.785.785 0 01.303-.049c.123 0 .225.021.309.059a.324.324 0 01.178.198c.078.164.171.386.279.662.106.278.22.578.338.899.118.322.235.651.352.985.115.336.223.648.318.937l.248.738c.068.203.113.335.128.393.01.035.017.071.017.109a.32.32 0 01-.099.243c-.067.064-.163.096-.289.096-.096 0-.164-.022-.213-.064a.404.404 0 01-.11-.177 11.55 11.55 0 01-.196-.553c-.073-.225-.153-.468-.235-.732H29.48" fill="#100f0d"/><path d="M34.12 12.443a.654.654 0 01-.079-.091 5.456 5.456 0 01-.33-.514 9.736 9.736 0 01-.275-.497c-.09-.177-.177-.356-.262-.534a12.458 12.458 0 01-.231-.496c-.071-.155-.13-.289-.178-.4a1.671 1.671 0 01-.112-.298.428.428 0 01-.005-.062c0-.099.034-.182.103-.246a.395.395 0 01.28
193356-.101c.11 0 .187.028.235.083.047.056.082.11.103.165.01.029.038.088.079.181l.152.346c.061.138.13.289.207.453.079.166.156.328.237.488.079.159.158.311.232.458.073.144.145.264.21.359a6.14 6.14 0 00.34-.603c.12-.242.236-.48.347-.716.11-.238.204-.447.286-.627.079-.182.127-.295.144-.339a.666.666 0 01.103-.165c.046-.055.126-.083.235-.083.122 0 .216.034.287.101a.327.327 0 01.101.246c0 .026 0 .048-.002.062-.003.014-.011.035-.02.062l-.096.239a24.658 24.658 0 01-.405.903c-.087.178-.174.355-.265.531-.091.175-.182.344-.274.503-.09.158-.175.295-.252.404a1.237 1.237 0 01-.156.188v1.707c0 .11-.035.199-.105.27a.37.37 0 01-.268.103.37.37 0 01-.268-.103.366.366 0 01-.104-.27v-1.707" fill="#100f0d"/></svg>
19336
19337              </li><li class="pl-1 pr-1">
19338                <svg viewBox="0 0 38 24" xmlns="http://www.w3.org/2000/svg" width="38" height="24" role="img" aria-labelledby="pi-paypal"><title id="pi-paypal">PayPal</title><path opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"/><path fill="#fff" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32"/><path fill="#003087" d="M23.9 8.3c.2-1 0-1.7-.6-2.3-.6-.7-1.7-1-3.1-1h-4.1c-.3 0-.5.2-.6.5L14 15.6c0 .2.1.4.3.4H17l.4-3.4 1.8-2.2 4.7-2.1z"/><path fill="#3086C8" d="M23.9 8.3l-.2.2c-.5 2.8-2.2 3.8-4.6 3.8H18c-.3 0-.5.2-.6.5l-.6 3.9-.2 1c0 .2.1.4.3.4H19c.3 0 .5-.2.5-.4v-.1l.4-2.4v-.1c0-.2.3-.4.5-.4h.3c2.1 0 3.7-.8 4.1-3.2.2-1 .1-1.8-.4-2.4-.1-.5-.3-.7-.5-.8z"/><path fill="#012169" d="M23.3 8.1c-.1-.1-.2-.1-.3-.1-.1 0-.2 0-.3-.1-.3-.1-.7-.1-1.1-.1h-3c-.1 0-.2 
193380-.2.1-.2.1-.3.2-.3.4l-.7 4.4v.1c0-.3.3-.5.6-.5h1.3c2.5 0 4.1-1 4.6-3.8v-.2c-.1-.1-.3-.2-.5-.2h-.1z"/></svg>
19339              </li><li class="pl-1 pr-1">
19340                <svg xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 38 24" width="38" height="24" aria-labelledby="pi-shopify_pay"><title id="pi-shopify_pay">Shop Pay</title><path opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z" fill="#000"/><path d="M35.889 0C37.05 0 38 .982 38 2.182v19.636c0 1.2-.95 2.182-2.111 2.182H2.11C.95 24 0 23.018 0 21.818V2.182C0 .982.95 0 2.111 0H35.89z" fill="#5A31F4"/><path d="M9.35 11.368c-1.017-.223-1.47-.31-1.47-.705 0-.372.306-.558.92-.558.54 0 .934.238 1.225.704a.079.079 0 00.104.03l1.146-.584a.082.082 0 00.032-.114c-.475-.831-1.353-1.286-2.51-1.286-1.52 0-2.464.755-2.464 1.956 0 1.275 1.15 1.597 2.17 1.82 1.02.222 1.474.31 1.474.705 0 .396-.332.582-.993.582-.612 0-1.065-.282-1.34-.83a.08.08 0 00-.107-.035l-1.143.57a.083.083 0 00-.036.111c.454.92 1.384 1.437 2.627 1.437 1.583 0 2.539-.742 2.539-1.98s-1.155-1.598-2.173-1.82v-.003zM15.49 8.855c-.65 0-1.224.232-1.636.646a.04.04 0 01-.069-.03v-2.64a.08.08 0 00-.08-.081H12.27a.08.08 0 00-.08.082v8.194a.08.08 0 00.08.082h1.433a.08.08 0 00.081-.082v-3.594c0-.695.528-1.227 1.239-1.227.71 0 1.226.521 1.226 1.227v3.594a.08.08 0 00.081.082h1.433a.08.08 0 00.081-.082v-3.594c0-1.51-.981-2.577-2.355-2.577zM20.753 8.62c-.778 0-1.507.24-2.03.588a.082.082 0 00-.027.109l.632 1.088a.08.08 0 00.11.03 2.5 2.5 0 011.318-.366c1.25 0 2.17.891 2.17 2.068 0 1.003-.736 1.745-1.669 1.745-.76 0-1.288-.446-1.288-1.077 0-.361.152-.657.548-.866a.08.08 0 00.032-.113l-.596-1.018a.08.08 0 00-.098-.035c-.799.299-1.359 1.018-1.359 1.984 0 1.46 1.152 2.55 2.76 2.55 1.877 0 3.227-1.313 3.227-3.195 0-2.018-1.57-3.492-3.73-3.492zM28.675 8.843c-.724 0-1.373.27-1.845.746-.026.027-.069.007-.069-.029v-.572a.08.08 0 00-.08-.082h-1.397a.08.08 0 00-.08.082v8.182a.08.08 0 00.08.081h1.433a.08.08 0 00.081-.081v-2.683c0-.036.043-.054.069-.03a2.6 2.6 0 001.808.7c1.682 0 2.993-1.373 2.993-3.157s-1.313-3.157-2.993-3.157zm-.271 4.929c-.956 0-1.681-.768-1.681-1.783s.723-1.783 1.681-1.783c.958 0 1.68.755 1.68 1.783 0 1.027-.713 1.783-1.681 1.783h.001z" fill="#fff"/></svg>
19341
19342              </li><li class="pl-1 pr-1">
19343                <svg viewBox="-36 25 38 24" xmlns="http://www.w3.org/2000/svg" width="38" height="24" role="img" aria-labelledby="pi-unionpay"><title id="pi-unionpay">Union Pay</title><path fill="#005B9A" d="M-36 46.8v.7-.7zM-18.3 25v24h-7.2c-1.3 0-2.1-1-1.8-2.3l4.4-19.4c.3-1.3 1.9-2.3 3.2-2.3h1.4zm12.6 0c-1.3 0-2.9 1-3.2 2.3l-4.5 19.4c-.3 1.3.5 2.3 1.8 2.3h-4.9V25h10.8z"/><path fill="#E9292D" d="M-19.7 25c-1.3 0-2.9 1.1-3.2 2.3l-4.4 19.4c-.3 1.3.5 2.3 1.8 2.3h-8.9c-.8 0-1.5-.6-1.5-1.4v-21c0-.8.7-1.6 1.5-1.6h14.7z"/><path fill="#0E73B9" d="M-5.7 25c-1.3 0-2.9 1.1-3.2 2.3l-4.4 19.4c-.3 1.3.5 2.3 1.8 2.3H-26h.5c-1.3 0-2.1-1-1.8-2.3l4.4-19.4c.3-1.3 1.9-2.3 3.2-2.3h14z"/><path fill="#059DA4" d="M2 26.6v21c0 .8-.6 1.4-1.5 1.4h-12.1c-1.3 0-2.1-1.1-1.8-2.3l4.5-19.4C-8.6 26-7 25-5.7 25H.5c.9 0 1.5.7 1.5 1.6z"/><path fill="#fff" d="M-21.122 38.645h.14c.14 0 .28-.07.28-.14l.42-.63h1.19l-.21.35h1.4l-.21.63h-1.68c-.21.28-.42.42-.7.42h-.84l.21-.63m-.21.91h3.01l-.21.7h-1.19l-.21.7h1.19l-.21.7h-1.19l-.28 1.05c-.07.14 0 .28.28.21h.98l-.21.7h-1.89c-.35 0-.49-.21-.35-.63l.35-1.33h-.77l.21-.7h.77l.21-.7h-.7l.21-.7zm4.83-1.75v.42s.56-.42 1.12-.42h1.96l-.77 2.66c-.07.28-.35.49-.77.49h-2.24l-.49 1.89c0 .07 0 .14.14.14h.42l-.14.56h-1.12c-.42 0-.56-.14-.49-.35l1.47-5.39h.91zm1.68.77h-1.75l-.21.7s.28-.21.77-.21h1.05l.14-.49zm-.63 1.68c.14 0 .21 0 .21-.14l.14-.35h-1.75l-.14.56 1.54-.07zm-1.19.84h.98v.42h.28c.14 0 .21-.07.21-.14l.07-.28h.84l-.14.49c-.07.35-.35.49-.77.56h-.56v.77c0 .14.07.21.35.21h.49l-.14.56h-1.19c-.35 0-.49-.14-.49-.49l.07-2.1zm4.2-2.45l.21-.84h1.19l-.07.28s.56-.28 1.05-.28h1.47l-.21.84h-.21l-1.12 3.85h.21l-.21.77h-.21l-.07.35h-1.19l.07-.35h-2.17l.21-.77h.21l1.12-3.85h-.28m1.26 0l-.28 1.05s.49-.21.91-.28c.07-.35.21-.77.21-.77h-.84zm-.49 1.54l-.28 1.12s.56-.28.98-.28c.14-.42.21-.77.21-.77l-.91-.07zm.21 2.31l.21-.77h-.84l-.21.77h.84zm2.87-4.69h1.12l.07.42c0 .07.07.14.21.14h.21l-.21.7h-.77c-.28 0-.49-.07-.49-.35l-.14-.91zm-.35 1.47h3.57l-.21.77h-1.19l-.21.7h1.12l-.21.77h-1.26l-.28.42h.63l.14.84c0 .07.07.14.21.14h.21l-.21.7h-.7c-.35 0-.56-.07-.56-.35l-.14-.77-.56.84c-.14.21-.35.35-.63.35h-1.05l.21-.7h.35c.14 0 .21-.07.35-.21l.84-1.26h-1.05l.21-.77h1.19l.21-.7h-1.19l.21-.77zm-19.74-5.04c-.14.7-.42 1.19-.91 1.54-.49.35-1.12.56-1.89.56-.7 0-1.26-.21-1.54-.56-.21-.28-.35-.56-.35-.98 0-.14 0-.35.07-.56l.84-3.92h1.19l-.77 3.92v.28c0 .21.07.35.14.49.14.21.35.28.7.28s.7-.07.91-.28c.21-.21.42-.42.49-.77l.77-3.92h1.19l-.84 3.92m1.12-1.54h.84l-.07.49.14-.14c.28-.28.63-.42 1.05-.42.35 0 .63.14.77.35.14.21.21.49.14.91l-.49 2.38h-.91l.42-2.17c.07-.28.07-.49 0-.56-.07-.14-.21-.14-.35-.14-.21 0-.42.07-.56.21-.14.14-.28.35-.28.63l-.42 2.03h-.91l.63-3.57m9.8 0h.84l-.07.49.14-.14c.28-.28.63-.42 1.05-.42.35 0 .63.14.77.35s.21.49.14.91l-.49 2.38h-.91l.42-2.24c.07-.21 0-.42-.07-.49-.07-.14-.21-.14-.35-.14-.21 0-.42.07-.56.21-.14.14-.28.35-.28.63l-.42 2.03h-.91l.7-3.57m-5.81 0h.98l-.77 3.5h-.98l.77-3.5m.35-1.33h.98l-.21.84h-.98l.21-.84zm1.4 4.55c-.21-.21-.35-.56-.35-.98v-.21c0-.07 0-.21.07-.28.14-.56.35-1.05.7-1.33.35-.35.84-.49 1.33-.49.42 0 .77.14 1.05.35.21.21.35.56.35.98v.21c0 .07 0 .21-.07.28-.14.56-.35.98-.7 1.33-.35.35-.84.49-1.33.49-.35 0-.7-.14-1.05-.35m1.89-.7c.14-.21.28-.49.35-.84v-.35c0-.21-.07-.35-.14-.49a.
19343635.635 0 0 0-.49-.21c-.28 0-.49.07-.63.28-.14.21-.28.49-.35.84v.28c0 .21.07.35.14.49.14.14.28.21.49.21.28.07.42 0 .63-.21m6.51-4.69h2.52c.49 0 .84.14 1.12.35.28.21.35.56.35.91v.28c0 .07 0 .21-.07.28-.07.49-.35.98-.7 1.26-.42.35-.84.49-1.4.49h-1.4l-.42 2.03h-1.19l1.19-5.6m.56 2.59h1.12c.28 0 .49-.07.7-.21.14-.14.28-.35.35-.63v-.28c0-.21-.07-.35-.21-.42-.14-.07-.35-.14-.7-.14h-.91l-.35 1.68zm8.68 3.71c-.35.77-.7 1.26-.91 1.47-.21.21-.63.7-1.61.7l.07-.63c.84-.28 1.26-1.4 1.54-1.96l-.28-3.78h1.19l.07 2.38.91-2.31h1.05l-2.03 4.13m-2.94-3.85l-.42.28c-.42-.35-.84-.56-1.54-.21-.98.49-1.89 4.13.91 2.94l.14.21h1.12l.7-3.29-.91.07m-.56 1.82c-.21.56-.56.84-.91.77-.28-.14-.35-.63-.21-1.19.21-.56.56-.84.91-.77.28.14.35.63.21 1.19"/></svg>
19344              </li><li class="pl-1 pr-1">
19345                <svg xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 38 24" width="38" height="24" fill="none" aria-labelledby="pi-visa"><title id="pi-visa">Visa</title><rect x=".5" y=".5" width="37" height="23" rx="2.5" stroke="#000" stroke-opacity=".07" fill="none"/><path d="M35 0H3C1.3 0 0 1.3 0 3V21C0 22.7 1.4 24 3 24H35C36.7 24 38 22.7 38 21V3C38 1.3 36.6 0 35 0Z" fill="#142FBD" style="fill:#142FBD;fill:color(display-p3 0.0784 0.1843 0.7412);fill-opacity:1;"/><path d="M35 1C36.1 1 37 1.9 37 3V21C37 22.1 36.1 23 35 23H3C1.9 23 1 22.1 1 21V3C1 1.9 1.9 1 3 1H35Z" fill="#1532CB" style="fill:#1532CB;fill:color(display-p3 0.0824 0.1961 0.7961);fill-opacity:1;"/><path d="M29.5944 10.2167H29.2778C28.8556 11.2722 28.5389 11.8 28.2222 13.3833H30.2278C29.9111 11.8 29.9111 11.0611 29.5944 10.2167V10.2167ZM32.6556 16.4444H30.8611C30.7556 16.4444 30.7556 16.4444 30.65 16.3389L30.4389 15.3889L30.3333 15.1778H27.8C27.6944 15.1778 27.5889 15.1778 27.5889 15.3889L27.2722 16.3389C27.2722 16.4444 27.1667 16.4444 27.1667 16.4444H24.95L25.1611 15.9167L28.2222 8.73889C28.2222 8.21111 28.5389 8 29.0667 8H30.65C30.7556 8 30.8611 8 30.8611 8.21111L32.3389 15.0722C32.4444 15.4944 32.55 15.8111 32.55 16.2333C32.6556 16.3389 32.6556 16.3389 32.6556 16.4444V16.4444ZM18.5111 16.1278L18.9333 14.2278C19.0389 14.2278 19.1444 14.3333 19.1444 14.3333C19.8833 14.65 20.6222 14.8611 21.3611 14.7556C21.5722 14.7556 21.8889 14.65 22.1 14.5444C22.6278 14.3333 22.6278 13.8056 22.2056 13.3833C21.9944 13.1722 21.6778 13.0667 21.3611 12.8556C20.9389 12.6444 20.5167 12.4333 20.2 12.1167C18.9333 11.0611 19.3556 9.58333 20.0944 8.84444C20.7278 8.42222 21.0444 8 21.8889 8C23.1556 8 24.5278 8 25.1611 8.21111H25.2667C25.1611 8.84444 25.0556 9.37222 24.8444 10.0056C24.3167 9.79444 23.7889 9.58333 23.2611 9.58333C22.9444 9.58333 22.6278 9.58333 22.3111 9.68889C22.1 9.68889 21.9944 9.79444 21.8889 9.9C21.6778 10.1111 21.6778 10.4278 21.8889 10.6389L22.4167 11.0611C22.8389 11.2722 23.2611 11.4833 23.5778 11.6944C24.1056 12.0111 24.6333 12.5389 24.7389 13.1722C24.95 14.1222 24.6333 14.9667 23.7889 15.6C23.2611 16.0222 23.05 16.2333 22.3111 16.2333C20.8333 16.2333 19.6722 16.3389 18.7222 16.0222C18.6167 16.2333 18.6167 16.2333 18.5111 16.1278V16.1278ZM14.8167 16.4444C14.9222 15.7056 14.9222 15.7056 15.0278 15.3889C15.5556 13.0667 16.0833 10.6389 16.5056 8.31667C16.6111 8.10556 16.6111 8 16.8222 8H18.7222C18.5111 9.26667 18.3 10.2167 17.9833 11.3778C17.6667 12.9611 17.35 14.5444 16.9278 16.1278C16.9278 16.3389 16.8222 16.3389 16.6111 16.3389L14.8167 16.4444ZM5 8.21111C5 8.10556 5.21111 8 5.31667 8H8.90556C9.43333 8 9.85556 8.31667 9.96111 8.84444L10.9111 13.4889C10.9111 13.5944 10.9111 13.5944 11.0167 13.7C11.0167 13.5944 11.1222 13.5944 11.1222 13.5944L13.3389 8.21111C13.2333 8.10556 13.3389 8 13.4444 8H15.6611C15.6611 8.10556 15.6611 8.10556 15.5556 8.21111L12.2833 15.9167C12.1778 16.1278 12.1778 
1934516.2333 12.0722 16.3389C11.9667 16.4444 11.7556 16.3389 11.5444 16.3389H9.96111C9.85556 16.3389 9.75 16.3389 9.75 16.1278L8.06111 9.58333C7.85 9.37222 7.53333 9.05556 7.11111 8.95C6.47778 8.63333 5.31667 8.42222 5.10556 8.42222L5 8.21111Z" fill="white" style="fill:white;fill-opacity:1;"/></svg>
19346
19347              </li></ul>
19348         </div>
19349  </div>
19350</div>
19351</div>
19352<!-- END sections: footer-group-puff -->
19353        
19354      <div id="eurus-popup" class="fixed duration-500 inset-0 z-[100] md:z-60 pointer-events-none md:block flex flex-col-reverse h-fit top-[unset] md:h-full md:top-0" x-cloak></div>
19355
19356<div id="popup-minimal-left"
19357  class="fixed z-50 bottom-4 md:bottom-8 left-4 md:left-8 pointer-events-auto pr-4 md:pr-8"
19358></div>
19359      
19360        <div class="scroll-to-top">
19361  <style data-shopify>
19362    .scroll_top {
19363      bottom: 40px;
19364    }
19365    @media(min-width: 768px) {
19366      .scroll_top {
19367        bottom: 40px;
19368      }
19369    }
19370  </style>
19371  <div
19372    x-data="xScrollTop"
19373    @init-run.window="scrollFunction()"
19374    @scroll.window="scrollFunction()"
19375    class=" md:block"
19376  >
19377    <button 
19378      x-show="show" x-cloak 
19379      @click="scrollTop()" 
19380      class="scroll_top fixed z-50 pl-3 pr-3 pb-3 pt-3 w-11 h-11 md:w-14 md:h-14 md:pl-4 md:pt-4 md:pr-4 md:pb-4 border-0 rounded-full right-5 rtl:right-auto rtl:left-5 -rotate-90 button button-action"
19381      x-transition:enter="transition-all ease-in-out duration-500"
19382      x-transition:enter-start="opacity-0 transform translate-y-1/3"
19383      x-transition:enter-end="opacity-100 translate-y-0"
19384      x-transition:leave="transition-all ease-in-out duration-500"
19385      x-transition:leave-end="opacity-0 transform translate-y-1/3"
19386      aria-label="scroll top"
19387    >
19388      
19389        <svg class=" w-full h-full" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg">
19390    <path d="M597.34016 170.65984q18.00192 0 30.33088 12.32896l298.65984 298.65984q12.32896 12.32896 12.32896 30.33088t-12.32896 30.33088l-298.65984 298.65984q-12.32896 12.32896-30.33088 12.32896-18.3296 0-30.49472-12.16512t-12.16512-30.49472q0-18.00192 12.32896-30.33088l225.9968-225.66912-665.00608 0q-17.67424 0-30.16704-12.4928t-12.4928-30.16704 12.4928-30.16704 30.16704-12.4928l665.00608 0-225.9968-225.66912q-12.32896-12.32896-12.32896-30.33088 0-18.3296 12.16512-30.49472t30.49472-12.16512z"  />
19391  </svg>
19392
19393      
19394    </button>
19395  </div>
19396  
19396<script>
19397    requestAnimationFrame(() => {
19398      document.addEventListener('alpine:init', () => {
19399        Alpine.data('xScrollTop', () => ({
19400          show: false,
19401          scrollTop() {
19402            window.scrollTo({top: 0, behavior: 'smooth'});
19403          },
19404          scrollFunction() {
19405            const position = window.innerWidth < 1025 ? 300 : 900;
19406            this.show = (document.body.scrollTop > position || document.documentElement.scrollTop > position)
19407              ? true : false;
19408          }
19409        }));
19410      });
19411    });
19412  </script>
19412
19413</div>
19414      
19415      
19416    </div>
19417    <div>
19418      <ul hidden>
19419        <li id="a11y-refresh-page-message">Choosing a selection results in a full page refresh.
19420        </li>
19421        <li id="a11y-new-window-message">Opens in a new window.
19422        </li>
19423      </ul>
19424      
19424<script>
19425        window.Eurus = {
19426          sliderScript: '//iteaworld.com/cdn/shop/t/51/assets/splide4.1.3.js?v=75458750262329959491782181913',
19427          cart_error: `There was an error while updating your cart. Please try again.`,
19428          cart_quantity_error_html: `You can only add [quantity] of this item to your cart.`,
19429          loadedScript: new Set(),
19430          cart_add_url: '/cart/add'
19431        };
19432      </script>
19432
19433      
19434      
19435        
19435<script src="//iteaworld.com/cdn/shop/t/51/assets/share-cart.js?v=81910416972852916151782181913" defer></script>
19435
19436      
19437      
19438<script src="//iteaworld.com/cdn/shop/t/51/assets/coupon-code.js?v=81024552324496332761782181913" defer></script>
19438
19439
19440        
19440<script src="//iteaworld.com/cdn/shop/t/51/assets/preview-color-swatches.js?v=144173175652728470521782181913" defer></script>
19440<script src="//iteaworld.com/cdn/shop/t/51/assets/cart-countdown-timer.js?v=133635040897166765701782181913" defer></script>
19440<script src="//iteaworld.com/cdn/shop/t/51/assets/theme.js?v=74059872380436855061782181913" defer></script>
19440
19441      
19441<script src="//iteaworld.com/cdn/shop/t/51/assets/vendors.js?v=21726020999429958561782181913" defer></script>
19441
19442      
19442<script src="//iteaworld.com/cdn/shop/t/51/assets/variant-select-card.js?v=141088792309509576511782181913" defer></script>
19442
19443      
19443<script>
19444        window.addEventListener("load", (event) => {
19445          deferScriptLoad('instant.page', '//iteaworld.com/cdn/shop/t/51/assets/instant.page.v5.1.1.js?v=43232110432331176871782181913', () => {}, true);
19446        });
19447      </script>
19447
19448    </div>
19449  <style> .product-content-container .input-radio.disabled + label {display: none;} .product-content-container {--colors-line-and-border: 115, 144, 71;} #cart-icon svg {width: 100%; height: 100%;} [id*="x-product-recommendation-"].splide.is-initialized:not(.is-active) .splide__list {display: grid !important;} @media (min-width: 1024px) {body .lg\:block {display: block !important; }} </style>
19450<div id="shopify-block-AeWtjZE1LT2Irb3pva__7079518687644006178" class="shopify-block shopify-app-block">
19450<script>
19451  (function () {
19452    const cartAttributes = {};
19453
19454    // Helper function to retrieve the UTM from Url
19455    function getUTMFromUrl() {
19456      const url_string = window.location.href;
19457      const url = new URL(url_string);
19458
19459      const utm_id = url.searchParams.get("utm_id");
19460      const utm_source = url.searchParams.get("utm_source");
19461      const utm_medium = url.searchParams.get("utm_medium");
19462      const utm_campaign = url.searchParams.get("utm_campaign");
19463      const utm_term = url.searchParams.get("utm_term");
19464      const ref = url.searchParams.get("ref");
19465
19466      if (!utm_id && !utm_source && !utm_medium && !utm_campaign && !ref) {
19467        return null;
19468      }
19469
19470      let utmParameters = {};
19471      
19472        if (utm_id) {
19473          utmParameters.utm_id = utm_id;
19474        }
19475        if (utm_source) {
19476          utmParameters.utm_source = utm_source;
19477        }
19478        if (utm_medium) {
19479          utmParameters.utm_medium = utm_medium;
19480        }
19481        if (utm_campaign) {
19482          utmParameters.utm_campaign = utm_campaign;
19483        }
19484        if (utm_term) {
19485          utmParameters.utm_term = utm_term;
19486        }
19487        if (ref) {
19488          utmParameters.ref = ref;
19489        }
19490      
19491
19492      return Object.keys(utmParameters).length === 0
19493        ? null
19494        : utmParameters;
19495    }
19496
19497    // Helper function to retrieve the UTM from Cookie
19498    function getUTMAttributes() {
19499      const urlUtmParams = getUTMFromUrl();
19500
19501      if (urlUtmParams) {
19502          return urlUtmParams;
19503      }
19504
19505      // No longer reading from deprecated Shopify cookies
19506      return undefined;
19507    }
19508
19509    function saveUtmParameters() {
19510      const utmParams = getUTMAttributes();
19511      if (utmParams) {
19512        const cartHasUtmAttributes = Object.keys(cartAttributes).find(attributeKey => attributeKey.startsWith("utm_") || attributeKey === "ref");
19513        if (cartHasUtmAttributes) {
19514          // Don't call API if it already contains our UTM parameters
19515          return;
19516        }
19517
19518        // Handle both Shopify.routes.root and routes.root_url for better compatibility
19519        var rootUrl = (window.Shopify && window.Shopify.routes && window.Shopify.routes.root) 
19520          || (window.routes && window.routes.root_url) 
19521          || '/';
19522        
19523        var updateCart = fetch(rootUrl + 'cart/update.js',
19524        {
19525          headers: {
19526            'Content-Type': 'application/json',
19527          },
19528          method: "POST",
19529          body: JSON.stringify({
19530            attributes: {
19531              ...utmParams
19532            },
19533          })
19534        })
19535        .then(response => response.json())
19536        .then(data => {
19537          return data
19538        });
19539      }
19540    }
19541
19542    saveUtmParameters();
19543  })();
19544</script>
19544
19545
19546
19547
19548
19549</div><div id="shopify-block-AZFd6aGFnS21FS1hVa__13768625480086291342" class="shopify-block shopify-app-block">
19549<script>
19550  window['ShopifyForms'] = {
19551    ...window['ShopifyForms'],
19552    currentPageType: "index"
19553  };
19554</script>
19554
19555
19556
19557</div><div id="shopify-block-ATU5yWDREYXpyTTZze__13767922238101876566" class="shopify-block shopify-app-block">
19558</div><div id="shopify-block-AbWtqUDNra0ZYUkZPN__7280966411886983154" class="shopify-block shopify-app-block"><!-- BEGIN app snippet: resource-data --><!-- initializing the resources object -->
19559<script>
19560  // we're adding default values to the resources object here only
19561  // liquid code works in synchronous manner, so we're adding the default values at the top of the file
19562  window.mrShopifyResources = {
19563    PRODUCT: [],
19564    ['PRODUCT-IN-COLLECTION']: [],
19565    CUSTOMER: {},
19566  };
19567</script>
19567
19568
19569<!-- adding the product resource -->
19570<!-- BEGIN app snippet: product --><!-- adding the product resource -->
19571
19572<!-- END app snippet -->
19573
19574<!-- adding the customer resource -->
19575<!-- BEGIN app snippet: customer --><!-- END app snippet -->
19576
19577<!-- adding the product-in-collection resource -->
19578<!-- BEGIN app snippet: product-in-collection --><!-- adding the product resource in collection -->
19579
19580<!-- END app snippet --><!-- END app snippet -->
19581
19582
19583</div><div id="shopify-block-AVzVKSUVwR2MyQzkyV__3347912604202854125" class="shopify-block shopify-app-block"><style>
19584    .bundle-components-toggle {
19585      margin: 8px 0;
19586    }
19587  
19588    .bundle-toggle-btn {
19589      display: flex;
19590      align-items: center;
19591      justify-content: space-between;
19592      width: 100%;
19593      background: none;
19594      border: none;
19595      padding: 0;
19596      cursor: pointer;
19597      font-size: 14px;
19598      color: #666;
19599      transition: color 0.2s ease;
19600    }
19601  
19602    .bundle-toggle-btn:hover {
19603      color: #333;
19604    }
19605  
19606    .bundle-toggle-btn[aria-expanded='true'] .toggle-icon {
19607      transform: rotate(180deg);
19608    }
19609  
19610    .bundle-toggle-btn[aria-expanded='false'] .toggle-icon {
19611      transform: rotate(0deg);
19612    }
19613  
19614    .bundle-components-list {
19615      margin-top: 8px;
19616    }
19617  
19618    .bundle-item {
19619      display: flex;
19620      align-items: flex-start;
19621      gap: 12px;
19622      padding: 8px 0;
19623    }
19624  
19625    .bundle-item:first-child {
19626      padding-top: 0;
19627    }
19628  
19629    .bundle-item-image {
19630      flex-shrink: 0;
19631      width: 50px;
19632      height: 50px;
19633      border-radius: 4px;
19634      overflow: hidden;
19635      border: 1px solid #e5e5e5;
19636    }
19637  
19638    .bundle-item-image.no-image {
19639      background: #f3f3f3;
19640      display: flex;
19641      align-items: center;
19642      justify-content: center;
19643    }
19644  
19645    .bundle-item-image img {
19646      width: 100%;
19647      height: 100%;
19648      object-fit: cover;
19649    }
19650  
19651    .bundle-item-details {
19652      flex: 1;
19653      min-width: 0;
19654    }
19655  
19656    .bundle-item-info {
19657      display: flex;
19658      align-items: flex-start;
19659      gap: 6px;
19660      margin-bottom: 2px;
19661    }
19662  
19663    .bundle-item-quantity {
19664      font-size: 14px;
19665      color: #333;
19666      font-weight: 500;
19667      flex-shrink: 0;
19668    }
19669  
19670    .bundle-item-title {
19671      font-size: 14px;
19672      color: #333;
19673      font-weight: 400;
19674      line-height: 1.3;
19675    }
19676  
19677    .bundle-item-variant {
19678      font-size: 12px;
19679      color: #666;
19680      line-height: 1.2;
19681    }
19682  </style>
19683  
19684  
19684<script>
19685    function toggleBundleComponents(button) {
19686      const componentsList = button.nextElementSibling;
19687      const toggleText = button.querySelector('.toggle-text');
19688      const isExpanded = button.getAttribute('aria-expanded') === 'true';
19689      const itemCount = toggleText.textContent.match(/\d+/)[0];
19690  
19691      if (isExpanded) {
19692        componentsList.style.display = 'none';
19693        button.setAttribute('aria-expanded', 'false');
19694        toggleText.textContent = `Show ${itemCount} items`;
19695      } else {
19696        componentsList.style.display = 'block';
19697        button.setAttribute('aria-expanded', 'true');
19698        toggleText.textContent = `Hide ${itemCount} items`;
19699      }
19700    }
19701  </script>
19701</div><div id="shopify-block-AK2cvU1YxM2RudVVoa__17368511000352060744" class="shopify-block shopify-app-block">
19701<script type="text/javascript">
19702    window.gfp_customer = {
19703      id: "",
19704      email: "",
19705      first_name: "",
19706      last_name: ""
19707    }
19708    function gfpLoadWidgets() {
19709    if (!document.querySelector('script[src="https://widgets.goaffpro.app/main.js"]')) {
19710      var s = document.createElement('script');
19711      s.type = 'module';
19712      s.src = 'https://widgets.goaffpro.app/main.js';
19713      document.head.appendChild(s);
19714    }
19715  }
19716</script>
19716
19717
19718 
19718<script type="text/javascript" async="true" src="/a/goaffpro/loader.js"></script>
19718
19719
19720
19721
19722
19723
19724
19725
19726
19727</div><div id="shopify-block-AR2FMSW9nNERWcU9kV__6174324309569838175" class="shopify-block shopify-app-block">
19728
19729
19730<div class="smile-shopify-init"
19731  data-channel-key="channel_3tD0ZH4zn60p7JpPrNhrRZ66"
19732  
19733></div>
19734
19735
19736</div><div id="shopify-block-AQnA4MHcwb0FmV1RQb__6248820269887056826" class="shopify-block shopify-app-block">
19736<script>
19737    var script = document.createElement('script');
19738    script.type = 'text/javascript';
19739    script.src = `https://zegsuapps.com/shopify/instagenie/widget?version=1.0.0&shop=${window.Shopify?.shop}&type=embed`;
19740    document.head.appendChild(script);
19741</script>
19741
19742</div><div id="shopify-block-AaUY3TDlOK3J2UVAyQ__4015264832934714879" class="shopify-block shopify-app-block"><!-- BEGIN app snippet: ecomsend-app -->
19742<script type="text/javascript">
19743  //SendWILL APPS COMMON JS CODE
19744  window.EcomSendApps = window.EcomSendApps || {}
19745
19746  window.EcomSendApps.design_mode = false
19747  
19748
19749  window.EcomSendApps.common = window.EcomSendApps.common || {}
19750  window.EcomSendApps.common.shop = {
19751    permanent_domain: 'd89fb3-3.myshopify.com',
19752    currency: "USD",
19753    money_format: "${{amount}}",
19754    id: 77803192599,
19755  }
19756
19757  
19758  
19759    window.EcomSendApps.common.customer = {
19760      id: null,
19761      tags: null,
19762      email: null,
19763      accepts_marketing: null,
19764      first_name: null,
19765    }
19766  
19767
19768  
19769  window.EcomSendApps.common.template = 'index'
19770</script>
19770
19771<!-- END app snippet -->
19772
19773<script>
19774  window.EcomSendApps = window.EcomSendApps || {}
19775  /** @description shared localStorage key used by web-pixel sandbox to read storefront GDPR mode */
19776  const ECOMSEND_GDPR_ENABLED_STORAGE_KEY = "ECOMSEND:GDPR_ENABLED"
19777  /** @description storefront main bundle asset url */
19778  const ECOMSEND_MAIN_SCRIPT_URL = 'https://cdn.shopify.com/extensions/01a0f197-ce1f-7a19-8adb-6b78fec4702f/ecomsend-209/assets/ecomsend.js'
19779  /** @description storefront style asset url */
19780  const ECOMSEND_MAIN_STYLE_URL = 'https://cdn.shopify.com/extensions/01a0f197-ce1f-7a19-8adb-6b78fec4702f/ecomsend-209/assets/style.css'
19781  /** @description storefront wasm asset url for runtime signature module */
19782  const ECOMSEND_WASM_ASSET_URL = 'https://cdn.shopify.com/extensions/01a0f197-ce1f-7a19-8adb-6b78fec4702f/ecomsend-209/assets/client_safe.wasm'
19783  /** @description fallback delay when requestIdleCallback is unavailable */
19784  const ECOMSEND_IDLE_TIMEOUT_MS = 800
19785  /** @description user interaction events used to trigger lazy init earlier */
19786  const ECOMSEND_INTERACTION_EVENTS = ["pointerdown", "keydown", "touchstart"]
19787  /** @description global flag key for emergency immediate loading */
19788  const ECOMSEND_FORCE_IMMEDIATE_FLAG = window.EcomSendApps?.forceImmediateLoad === true
19789  /** @description default GDPR mode comes from block setting and can be overridden on window.EcomSendApps.GDPR */
19790  const ECOMSEND_DEFAULT_GDPR_FLAG = false
19791  /** @description default CWTracks mode comes from block setting and can be overridden on window.EcomSendApps.CWTracksEnabled */
19792  const ECOMSEND_DEFAULT_CWTRACKS_ENABLED = false
19793
19794  /** @description normalize merchant-provided GDPR switch into a strict boolean value */
19795  function normalizeEcomsendBooleanFlag(rawValue) {
19796    if (typeof rawValue === "boolean") {
19797      return rawValue
19798    }
19799    if (typeof rawValue === "number") {
19800      return rawValue === 1
19801    }
19802    if (typeof rawValue === "string") {
19803      const normalizedValue = rawValue.trim().toLowerCase()
19804      return normalizedValue === "true" || normalizedValue === "1" || normalizedValue === "yes"
19805    }
19806    return false
19807  }
19808
19809  /** @description lock runtime switch value on EcomSendApps to reduce accidental console overwrite. */
19810  function lockEcomsendReadonlyFlag(flagName, flagValue) {
19811    try {
19812      Object.defineProperty(window.EcomSendApps, flagName, {
19813        value: flagValue,
19814        writable: false,
19815        configurable: false,
19816        enumerable: true,
19817      })
19818      return
19819    } catch (error) {}
19820    window.EcomSendApps[flagName] = flagValue
19821  }
19822
19823  /** @description resolve storefront GDPR mode from merchant theme override */
19824  function resolveEcomsendGdprMode() {
19825    if (typeof window.EcomSendApps.GDPR === "undefined") {
19826      window.EcomSendApps.GDPR = ECOMSEND_DEFAULT_GDPR_FLAG
19827    }
19828    const gdprEnabled = normalizeEcomsendBooleanFlag(window.EcomSendApps.GDPR)
19829    window.EcomSendApps.GDPR = gdprEnabled
19830    return gdprEnabled
19831  }
19832
19833  /** @description resolve storefront CWTracks mode from merchant theme block setting and runtime override */
19834  function resolveEcomsendCwTracksMode() {
19835    if (typeof window.EcomSendApps.CWTracksEnabled === "undefined") {
19836      window.EcomSendApps.CWTracksEnabled = ECOMSEND_DEFAULT_CWTRACKS_ENABLED
19837    }
19838    const cwTracksEnabled = normalizeEcomsendBooleanFlag(window.EcomSendApps.CWTracksEnabled)
19839    window.EcomSendApps.CWTracksEnabled = cwTracksEnabled
19840    return cwTracksEnabled
19841  }
19842
19843  /** @description persist storefront GDPR mode so web-pixel sandbox can consume the same switch */
19844  function syncEcomsendGdprModeToStorage(gdprEnabled) {
19845    if (!window.localStorage) {
19846      return
19847    }
19848    if (gdprEnabled) {
19849      window.localStorage.setItem(ECOMSEND_GDPR_ENABLED_STORAGE_KEY, "true")
19850      return
19851    }
19852    window.localStorage.removeItem(ECOMSEND_GDPR_ENABLED_STORAGE_KEY)
19853  }
19854
19855  /** @description enable GDPR gating only when merchant explicitly turns on storefront GDPR mode */
19856  const ECOMSEND_GDPR_ENABLED = resolveEcomsendGdprMode()
19857  /** @description enable CWTracks callback/event emit only when merchant turns on CWTracks mode. */
19858  const ECOMSEND_CWTRACKS_ENABLED = resolveEcomsendCwTracksMode()
19859  lockEcomsendReadonlyFlag("GDPR", ECOMSEND_GDPR_ENABLED)
19860  lockEcomsendReadonlyFlag("CWTracksEnabled", ECOMSEND_CWTRACKS_ENABLED)
19861
19862  try {
19863    syncEcomsendGdprModeToStorage(ECOMSEND_GDPR_ENABLED)
19864  } catch (error) {}
19865
19866  /** @description create main stylesheet node for storefront runtime */
19867  function createEcomSendMainStyleEle() {
19868    const ecomsendMainStyleEle = document.createElement("link")
19869    ecomsendMainStyleEle.rel = "stylesheet"
19870    ecomsendMainStyleEle.href = ECOMSEND_MAIN_STYLE_URL
19871    ecomsendMainStyleEle.dataset.ecomsendTag = "main-style"
19872    return ecomsendMainStyleEle
19873  }
19874
19875  /** @description append runtime stylesheet exactly once */
19876  function ensureEcomSendMainStyleLoaded() {
19877    if (document.querySelector('link[data-ecomsend-tag="main-style"]')) {
19878      return
19879    }
19880    const ecomsendMainStyleEle = createEcomSendMainStyleEle()
19881    document.head.appendChild(ecomsendMainStyleEle)
19882  }
19883
19884  /** @description remove interaction listeners after first lazy-init trigger */
19885  function clearInteractionListeners() {
19886    ECOMSEND_INTERACTION_EVENTS.forEach((eventName) => {
19887      window.removeEventListener(eventName, scheduleMainBundleLoad)
19888    })
19889  }
19890
19891  /** @description run low-priority task via idle callback with timeout fallback */
19892  function scheduleLowPriorityTask(taskRunner, timeoutMs) {
19893    if (window.requestIdleCallback) {
19894      window.requestIdleCallback(() => {
19895        taskRunner()
19896      }, { timeout: timeoutMs })
19897      return
19898    }
19899    window.setTimeout(() => {
19900      taskRunner()
19901    }, timeoutMs)
19902  }
19903
19904  /** @description load main storefront bundle once and keep rollback override */
19905  function loadEcomsendMainBundle() {
19906    if (window.__ecomsendMainBundleLoaded) {
19907      return
19908    }
19909    window.__ecomsendMainBundleLoaded = true
19910    clearInteractionListeners()
19911    /** @description ensure storefront runtime css is loaded together with main bundle */
19912    ensureEcomSendMainStyleLoaded()
19913    const ecomsendMainScriptEle = document.createElement("script")
19914    ecomsendMainScriptEle.src = ECOMSEND_MAIN_SCRIPT_URL
19915    ecomsendMainScriptEle.async = true
19916    ecomsendMainScriptEle.dataset.ecomsendTag = "main-script"
19917    document.body.appendChild(ecomsendMainScriptEle)
19918  }
19919
19920  /** @description schedule heavy bundle with idle-first strategy to reduce main-thread contention */
19921  function scheduleMainBundleLoad() {
19922    if (window.__ecomsendMainBundleLoadScheduled) {
19923      return
19924    }
19925    /** @description dedupe idle scheduling from DOMContentLoaded and first interactions */
19926    window.__ecomsendMainBundleLoadScheduled = true
19927    if (ECOMSEND_FORCE_IMMEDIATE_FLAG) {
19928      loadEcomsendMainBundle()
19929      return
19930    }
19931    scheduleLowPriorityTask(loadEcomsendMainBundle, ECOMSEND_IDLE_TIMEOUT_MS)
19932  }
19933
19934  /** @description cache marketing params for pixel/report flows before heavy bundle starts */
19935  function cacheMarketingParams() {
19936    const urlParams = new URLSearchParams(window.location.search)
19937    const marketingId = urlParams.get("ec_marketing_id")
19938    const ecEmailId = urlParams.get("ec_email_id")
19939    const ecMarketingSign = urlParams.get("ec_marketing_sign")
19940
19941    if (marketingId && window.localStorage) {
19942      window.localStorage.setItem("ec_marketing_id", marketingId)
19943    }
19944    if (ecEmailId && window.localStorage) {
19945      window.localStorage.setItem("ec_email_id", ecEmailId)
19946    }
19947    if (ecMarketingSign && window.localStorage) {
19948      window.localStorage.setItem("ec_marketing_sign", ecMarketingSign)
19949    }
19950  }
19951
19952  /** @description check whether marketing storage is allowed under Shopify customer privacy state */
19953  function isMarketingStorageAllowedByCustomerPrivacy() {
19954    const customerPrivacy = window?.Shopify?.customerPrivacy
19955    if (!customerPrivacy) {
19956      return false
19957    }
19958    const marketingAllowed = typeof customerPrivacy.marketingAllowed === "function" && customerPrivacy.marketingAllowed()
19959    if (marketingAllowed) {
19960      return true
19961    }
19962    if (typeof customerPrivacy.currentVisitorConsent === "function") {
19963      const consent = customerPrivacy.currentVisitorConsent()
19964      return consent?.marketing === "yes"
19965    }
19966    return false
19967  }
19968
19969  /** @description check whether analytics storage is allowed under Shopify customer privacy state */
19970  function isAnalyticsStorageAllowedByCustomerPrivacy() {
19971    const customerPrivacy = window?.Shopify?.customerPrivacy
19972    if (!customerPrivacy) {
19973      return false
19974    }
19975    const analyticsAllowed = typeof customerPrivacy.analyticsProcessingAllowed === "function" && customerPrivacy.analyticsProcessingAllowed()
19976    if (analyticsAllowed) {
19977      return true
19978    }
19979    if (typeof customerPrivacy.currentVisitorConsent === "function") {
19980      const consent = customerPrivacy.currentVisitorConsent()
19981      return consent?.analytics === "yes"
19982    }
19983    return false
19984  }
19985
19986  /** @description execute marketing param caching with GDPR guard: functional off when GDPR disabled */
19987  function cacheMarketingParamsWithGdprGuard() {
19988    if (!ECOMSEND_GDPR_ENABLED) {
19989      cacheMarketingParams()
19990      return
19991    }
19992    if (isMarketingStorageAllowedByCustomerPrivacy()) {
19993      cacheMarketingParams()
19994    }
19995  }
19996
19997  /** @description cache shop id used by pixel report branches */
19998  function cacheShopIdForPixel() {
19999    if (!window.EcomSendApps?.common?.shop?.id || !window.localStorage) {
20000      return
20001    }
20002    window.localStorage.setItem("ECOMSEND:ES_SHOP_ID", window.EcomSendApps.common.shop.id)
20003  }
20004
20005  /**
20006   * Flow client config (e.g. browserStaySeconds) is fetched by the main ecomsend.js bundle:
20007   * bootstrapFlowClientConfig → POST /api/automation/v2/clientFlowConfig (API Sign)
20008   * → localStorage ECOMSEND:FLOW_CLIENT_CONFIG.byEventId → read by web-pixel.
20009   * Keep new C-end Flow config on this path; do not scatter fetches in liquid.
20010   */
20011
20012  /** @description execute shop id caching with GDPR guard and shared consent policy */
20013  function cacheShopIdWithGdprGuard() {
20014    if (!ECOMSEND_GDPR_ENABLED) {
20015      cacheShopIdForPixel()
20016      return
20017    }
20018    if (isAnalyticsStorageAllowedByCustomerPrivacy()) {
20019      cacheShopIdForPixel()
20020    }
20021  }
20022
20023  /** @description load Shopify consent-tracking API before GDPR-gated cache writes */
20024  function withCustomerPrivacyApiReady(onReady) {
20025    if (!ECOMSEND_GDPR_ENABLED) {
20026      onReady()
20027      return
20028    }
20029    if (window?.Shopify?.customerPrivacy) {
20030      onReady()
20031      return
20032    }
20033    if (typeof window?.Shopify?.loadFeatures !== "function") {
20034      return
20035    }
20036    window.Shopify.loadFeatures(
20037      [{ name: "consent-tracking-api", version: "0.1" }],
20038      (error) => {
20039        if (error) {
20040          return
20041        }
20042        onReady()
20043      }
20044    )
20045  }
20046
20047  try {
20048    withCustomerPrivacyApiReady(() => {
20049      cacheMarketingParamsWithGdprGuard()
20050      cacheShopIdWithGdprGuard()
20051    })
20052    if (ECOMSEND_GDPR_ENABLED) {
20053      document.addEventListener("visitorConsentCollected", () => {
20054        cacheMarketingParamsWithGdprGuard()
20055        cacheShopIdWithGdprGuard()
20056      })
20057    }
20058  } catch (e) {}
20059
20060  /** @description inject wasm asset url into shared namespace before main bundle executes */
20061  window.EcomSendApps.wasmURL = ECOMSEND_WASM_ASSET_URL
20062
20063  ECOMSEND_INTERACTION_EVENTS.forEach((eventName) => {
20064    window.addEventListener(eventName, scheduleMainBundleLoad, { once: true, passive: true })
20065  })
20066
20067  if (document.readyState === "loading") {
20068    document.addEventListener("DOMContentLoaded", scheduleMainBundleLoad, { once: true })
20069  } else {
20070    scheduleMainBundleLoad()
20071  }
20072</script>
20072
20073
20074<style id="ecomsend-custom-style"></style>
20075
20076<script>window.shopLocale = 'en'</script>
20076
20077
20078<script>
20079  /** @description timeout used for deferred discount request scheduling */
20080  const ECOMSEND_DISCOUNT_IDLE_TIMEOUT_MS = 1500
20081
20082  /** @description apply discount code from url query only when parameter exists */
20083  function applyWillDiscountCode() {
20084    const urlParams = new URLSearchParams(window.location.search)
20085    const willDiscountCode = urlParams.get("willDiscountCode")
20086    if (!willDiscountCode || /[\u0000-\u001F\u007F]/.test(willDiscountCode)) {
20087      return
20088    }
20089    fetch("/cart/update.js", {
20090      method: "POST",
20091      headers: {
20092        "Content-Type": "application/json",
20093      },
20094      body: JSON.stringify({
20095        discount: willDiscountCode,
20096      }),
20097    })
20098  }
20099
20100  try {
20101    if (!window.__ecomsendDeferredTasksScheduled) {
20102      /** @description global guard to avoid duplicate deferred task scheduling */
20103      window.__ecomsendDeferredTasksScheduled = true
20104      if (window.requestIdleCallback) {
20105        window.requestIdleCallback(() => {
20106          applyWillDiscountCode()
20107        }, { timeout: ECOMSEND_DISCOUNT_IDLE_TIMEOUT_MS })
20108      } else {
20109        window.setTimeout(() => {
20110          applyWillDiscountCode()
20111        }, ECOMSEND_DISCOUNT_IDLE_TIMEOUT_MS)
20112      }
20113    }
20114  } catch (error) {}
20115</script>
20115
20116
20117
20118
20119</div>
20119<script src="https://cdn.shopify.com/storefront/standard-actions.js" type="module" data-source-attribution="shopify.standard_actions"></script>
20119
20120<shopify-store store-domain="https://iteaworld.com" country="US" language="en"></shopify-store>
20121<shopify-chat></shopify-chat>
20122</body>
20123</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.