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 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 ‎(USD $)‎ 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®ion_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 & Pu'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 & 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'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 & 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®ion_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 & Pu'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'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 & 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 ‎(USD $)‎ 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&width=1500" alt="" srcset="//iteaworld.com/cdn/shop/files/us_banner_1.webp?v=1790153742&width=375 375w, //iteaworld.com/cdn/shop/files/us_banner_1.webp?v=1790153742&width=450 450w, //iteaworld.com/cdn/shop/files/us_banner_1.webp?v=1790153742&width=750 750w, //iteaworld.com/cdn/shop/files/us_banner_1.webp?v=1790153742&width=900 900w, //iteaworld.com/cdn/shop/files/us_banner_1.webp?v=1790153742&width=1100 1100w, //iteaworld.com/cdn/shop/files/us_banner_1.webp?v=1790153742&width=1500 1500w" width="1500" height="2248" loading="eager"> 7790<img src="//iteaworld.com/cdn/shop/files/us_banner_2.webp?v=1790153742&width=3840" alt="" srcset="//iteaworld.com/cdn/shop/files/us_banner_2.webp?v=1790153742&width=750 750w, //iteaworld.com/cdn/shop/files/us_banner_2.webp?v=1790153742&width=900 900w, //iteaworld.com/cdn/shop/files/us_banner_2.webp?v=1790153742&width=1100 1100w, //iteaworld.com/cdn/shop/files/us_banner_2.webp?v=1790153742&width=1500 1500w, //iteaworld.com/cdn/shop/files/us_banner_2.webp?v=1790153742&width=1780 1780w, //iteaworld.com/cdn/shop/files/us_banner_2.webp?v=1790153742&width=2000 2000w, //iteaworld.com/cdn/shop/files/us_banner_2.webp?v=1790153742&width=3000 3000w, //iteaworld.com/cdn/shop/files/us_banner_2.webp?v=1790153742&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 "variant_id": 55304978792727, 9607 "product_id": 10347764252951, 9608 "available": false, 9609 "title": "Chinese Oolong Tea Starter Set 75g", 9610 "compare_at_price": 0, 9611 "price": 1999, 9612 "price_with_currency": "$19.99 USD", 9613 "sale_amount": "$-19.99", 9614 "collections": "||532285358359||511975915799||529991958807||495480209687||526671020311||526343471383||526630453527||521178841367||456987115799||493393674519||449406664983||525935542551||450205417751||461861486871||531442204951||531755041047||531756548375||498760843543||", 9615 "inventory_management": "shopify", 9616 "qty": -1, 9617 "container": "card", 9618 "can_show_preorder": false, 9619 "diff_day_create": 122.44, 9620 "diff_day_publish": 113.14 9621 9622 ,"metafield_label": { 9623 "custom.flavors":"" 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 "product": { 9639 "title": "Chinese Oolong Tea Starter Set 75g", 9640 "listName": "Oolong Tea", 9641 "sku": "10347764252951", 9642 "currencyCode": "USD", 9643 "price": 1999, 9644 "vendor": "iTeaworld" 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 "product": { 9764 "title": "Chinese Oolong Tea Starter Set 75g", 9765 "listName": "Oolong Tea", 9766 "sku": "10347764252951", 9767 "currencyCode": "USD", 9768 "price": 1999, 9769 "vendor": "iTeaworld" 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 "product": { 9808 "title": "Chinese Oolong Tea Starter Set 75g", 9809 "listName": "Oolong Tea", 9810 "sku": "10347764252951", 9811 "currencyCode": "USD", 9812 "price": 1999, 9813 "vendor": "iTeaworld" 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 "product": { 9836 "title": "Chinese Oolong Tea Starter Set 75g", 9837 "listName": "Oolong Tea", 9838 "sku": "10347764252951", 9839 "currencyCode": "USD", 9840 "price": 1999, 9841 "vendor": "iTeaworld" 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 "product": { 9868 "title": "Chinese Oolong Tea Starter Set 75g", 9869 "listName": "Oolong Tea", 9870 "sku": "10347764252951", 9871 "currencyCode": "USD", 9872 "price": 1999, 9873 "vendor": "iTeaworld" 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 & 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"> per </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 "product": { 10136 "title": "Chinese Oolong Tea Starter Set 75g", 10137 "listName": "Oolong Tea", 10138 "sku": "10347764252951", 10139 "currencyCode": "USD", 10140 "price": 1999, 10141 "vendor": "iTeaworld" 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 "variant_id": 55304907751703, 10195 "product_id": 10362355220759, 10196 "available": true, 10197 "title": "Roasted Chinese Oolong Tea Collection 75g", 10198 "compare_at_price": 0, 10199 "price": 1999, 10200 "price_with_currency": "$19.99 USD", 10201 "sale_amount": "$-19.99", 10202 "collections": "||532285358359||526632485143||511975915799||529991958807||495480209687||526671020311||526343471383||456987115799||493393674519||527329329431||449406664983||525935542551||450205417751||461861486871||531755041047||531756548375||498760843543||", 10203 "inventory_management": "shopify", 10204 "qty": 6, 10205 "container": "card", 10206 "can_show_preorder": false, 10207 "diff_day_create": 115.52, 10208 "diff_day_publish": 113.14 10209 10210 ,"metafield_label": { 10211 "custom.flavors":"" 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 "product": { 10227 "title": "Roasted Chinese Oolong Tea Collection 75g", 10228 "listName": "Oolong Tea", 10229 "sku": "10362355220759", 10230 "currencyCode": "USD", 10231 "price": 1999, 10232 "vendor": "iTeaworld" 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 "product": { 10350 "title": "Roasted Chinese Oolong Tea Collection 75g", 10351 "listName": "Oolong Tea", 10352 "sku": "10362355220759", 10353 "currencyCode": "USD", 10354 "price": 1999, 10355 "vendor": "iTeaworld" 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 "product": { 10394 "title": "Roasted Chinese Oolong Tea Collection 75g", 10395 "listName": "Oolong Tea", 10396 "sku": "10362355220759", 10397 "currencyCode": "USD", 10398 "price": 1999, 10399 "vendor": "iTeaworld" 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 "product": { 10422 "title": "Roasted Chinese Oolong Tea Collection 75g", 10423 "listName": "Oolong Tea", 10424 "sku": "10362355220759", 10425 "currencyCode": "USD", 10426 "price": 1999, 10427 "vendor": "iTeaworld" 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 "product": { 10454 "title": "Roasted Chinese Oolong Tea Collection 75g", 10455 "listName": "Oolong Tea", 10456 "sku": "10362355220759", 10457 "currencyCode": "USD", 10458 "price": 1999, 10459 "vendor": "iTeaworld" 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 & 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"> per </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 "product": { 10747 "title": "Roasted Chinese Oolong Tea Collection 75g", 10748 "listName": "Oolong Tea", 10749 "sku": "10362355220759", 10750 "currencyCode": "USD", 10751 "price": 1999, 10752 "vendor": "iTeaworld" 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 "variant_id"
10805: 55305101115671, 10806 "product_id": 10362351354135, 10807 "available": true, 10808 "title": "Fresh Chinese Oolong Tea Collection 90g", 10809 "compare_at_price": 0, 10810 "price": 2699, 10811 "price_with_currency": "$26.99 USD", 10812 "sale_amount": "$-26.99", 10813 "collections": "||532285358359||511975915799||529991958807||495480209687||526671020311||526343471383||456987115799||493393674519||527329329431||449406664983||525935542551||450205417751||461861486871||531755041047||531756548375||498760843543||", 10814 "inventory_management": "shopify", 10815 "qty": 3, 10816 "container": "card", 10817 "can_show_preorder": false, 10818 "diff_day_create": 115.53, 10819 "diff_day_publish": 113.14 10820 10821 ,"metafield_label": { 10822 "custom.flavors":"" 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 "product": { 10838 "title": "Fresh Chinese Oolong Tea Collection 90g", 10839 "listName": "Oolong Tea", 10840 "sku": "10362351354135", 10841 "currencyCode": "USD", 10842 "price": 2699, 10843 "vendor": "iTeaworld" 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 "product": { 10961 "title": "Fresh Chinese Oolong Tea Collection 90g", 10962 "listName": "Oolong Tea", 10963 "sku": "10362351354135", 10964 "currencyCode": "USD", 10965 "price": 2699, 10966 "vendor": "iTeaworld" 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 "product": { 11005 "title": "Fresh Chinese Oolong Tea Collection 90g", 11006 "listName": "Oolong Tea", 11007 "sku": "10362351354135", 11008 "currencyCode": "USD", 11009 "price": 2699, 11010 "vendor": "iTeaworld" 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 "product": { 11033 "title": "Fresh Chinese Oolong Tea Collection 90g", 11034 "listName": "Oolong Tea", 11035 "sku": "10362351354135", 11036 "currencyCode": "USD", 11037 "price": 2699, 11038 "vendor": "iTeaworld" 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 "product": { 11065 "title": "Fresh Chinese Oolong Tea Collection 90g", 11066 "listName": "Oolong Tea", 11067 "sku": "10362351354135", 11068 "currencyCode": "USD", 11069 "price": 2699, 11070 "vendor": "iTeaworld" 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 & 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"> per </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 "product": { 11358 "title": "Fresh Chinese Oolong Tea Collection 90g", 11359 "listName": "Oolong Tea", 11360 "sku": "10362351354135", 11361 "currencyCode": "USD", 11362 "price": 2699, 11363 "vendor": "iTeaworld" 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 "variant_id": 55297745322263, 11731 "product_id": 10428460892439, 11732 "available": true, 11733 "title": "Workday Chinese Tea Collection", 11734 "compare_at_price": 0, 11735 "price": 2999, 11736 "price_with_currency": "$29.99 USD", 11737 "sale_amount": "$-29.99", 11738 "collections": "||511975915799||529991958807||493393674519||525935542551||450205417751||461861486871||531755041047||531757367575||498760843543||526631928087||529341022487||", 11739 "inventory_management": "shopify", 11740 "qty": 98, 11741 "container": "card", 11742 "can_show_preorder": false, 11743 "diff_day_create": 73.21, 11744 "diff_day_publish": 58.18 11745 11746 ,"metafield_label": { 11747 "custom.flavors":"" 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 "product": { 11763 "title": "Workday Chinese Tea Collection", 11764 "listName": "New Arrivals", 11765 "sku": "10428460892439", 11766 "currencyCode": "USD", 11767 "price": 2999, 11768 "vendor": "iTeaworld" 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 "product": { 11886 "title": "Workday Chinese Tea Collection", 11887 "listName": "New Arrivals", 11888 "sku": "10428460892439", 11889 "currencyCode": "USD", 11890 "price": 2999, 11891 "vendor": "iTeaworld" 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 "product": { 11930 "title": "Workday Chinese Tea Collection", 11931 "listName": "New Arrivals", 11932 "sku": "10428460892439", 11933 "currencyCode": "USD", 11934 "price": 2999, 11935 "vendor": "iTeaworld" 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 "product": { 11958 "title": "Workday Chinese Tea Collection", 11959 "listName": "New Arrivals", 11960 "sku": "10428460892439", 11961 "currencyCode": "USD", 11962 "price": 2999, 11963 "vendor": "iTeaworld" 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 "product": { 11990 "title": "Workday Chinese Tea Collection", 11991 "listName": "New Arrivals", 11992 "sku": "10428460892439", 11993 "currencyCode": "USD", 11994 "price": 2999, 11995 "vendor": "iTeaworld" 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"> per </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 "product": { 12274 "title": "Workday Chinese Tea Collection", 12275 "listName": "New Arrivals", 12276 "sku": "10428460892439", 12277 "currencyCode": "USD", 12278 "price": 2999, 12279 "vendor": "iTeaworld" 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 "variant_id": 51800961253655, 12333 "product_id": 10150336037143, 12334 "available": true, 12335 "title": "Tea Club Subscription - Seasonal Wellness Box", 12336 "compare_at_price": 0, 12337 "price": 7999, 12338 "price_with_currency": "$79.99 USD", 12339 "sale_amount": "$-79.99", 12340 "collections": "||511975915799||529991958807||521179136279||493393674519||483191390487||520355807511||521246441751||523728814359||450205417751||461861486871||498760843543||", 12341 "inventory_management": "shopify", 12342 "qty": 11, 12343 "container": "card", 12344 "can_show_preorder": false, 12345 "diff_day_create": 260.2, 12346 "diff_day_publish": 106.38 12347 12348 ,"metafield_label": { 12349 "custom.flavors":"" 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 "product": { 12365 "title": "Tea Club Subscription - Seasonal Wellness Box", 12366 "listName": "New Arrivals", 12367 "sku": "10150336037143", 12368 "currencyCode": "USD", 12369 "price": 7999, 12370 "vendor": "iTeaworld" 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 "product": { 12494 "title": "Tea Club Subscription - Seasonal Wellness Box", 12495 "listName": "New Arrivals", 12496 "sku": "10150336037143", 12497 "currencyCode": "USD", 12498 "price": 7999, 12499 "vendor": "iTeaworld" 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 "product": { 12537 "title": "Tea Club Subscription - Seasonal Wellness Box", 12538 "listName": "New Arrivals", 12539 "sku": "10150336037143", 12540 "currencyCode": "USD", 12541 "price": 7999, 12542 "vendor": "iTeaworld" 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 "product": { 12565 "title": "Tea Club Subscription - Seasonal Wellness Box", 12566 "listName": "New Arrivals", 12567 "sku": "10150336037143", 12568 "currencyCode": "USD", 12569 "price": 7999, 12570 "vendor": "iTeaworld" 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 "product": { 12597 "title": "Tea Club Subscription - Seasonal Wellness Box", 12598 "listName": "New Arrivals", 12599 "sku": "10150336037143", 12600 "currencyCode": "USD", 12601 "price": 7999, 12602 "vendor": "iTeaworld" 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"> per </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 "product": { 12857 "title": "Tea Club Subscription - Seasonal Wellness Box", 12858 "listName": "New Arrivals", 12859 "sku": "10150336037143", 12860 "currencyCode": "USD", 12861 "price": 7999, 12862 "vendor": "iTeaworld" 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 "product": { 12892 "title": "Tea Club Subscription - Seasonal Wellness Box", 12893 "listName": "New Arrivals", 12894 "sku": "10150336037143", 12895 "currencyCode": "USD", 12896 "price": 7999, 12897 "vendor": "iTeaworld" 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 "variant_id": 54598111002903, 12951 "product_id": 10467022504215, 12952 "available": true, 12953 "title": "Chinese Sweet Tea Herbal Tea 100g", 12954 "compare_at_price": 0, 12955 "price": 2999, 12956 "price_with_currency": "$29.99 USD", 12957 "sale_amount": "$-29.99", 12958 "collections": "||532285358359||511975915799||529991958807||486097027351||493393674519||531296977175||483191390487||525935542551||498760843543||526631928087||529341022487||", 12959 "inventory_management": "shopify", 12960 "qty": 5, 12961 "container": "card", 12962 "can_show_preorder": false, 12963 "diff_day_create": 59.16, 12964 "diff_day_publish": 58.33 12965 12966 ,"metafield_label": { 12967 "custom.flavors":"" 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 "product": { 12983 "title": "Chinese Sweet Tea Herbal Tea 100g", 12984 "listName": "New Arrivals", 12985 "sku": "10467022504215", 12986 "currencyCode": "USD", 12987 "price": 2999, 12988 "vendor": "iTeaworld" 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 "product": { 13112 "title": "Chinese Sweet Tea Herbal Tea 100g", 13113 "listName": "New Arrivals", 13114 "sku": "10467022504215", 13115 "currencyCode": "USD", 13116 "price": 2999, 13117 "vendor": "iTeaworld" 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 "product": { 13155 "title": "Chinese Sweet Tea Herbal Tea 100g", 13156 "listName": "New Arrivals", 13157 "sku": "10467022504215", 13158 "currencyCode": "USD", 13159 "price": 2999, 13160 "vendor": "iTeaworld" 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 "product": { 13183 "title": "Chinese Sweet Tea Herbal Tea 100g", 13184 "listName": "New Arrivals", 13185 "sku": "10467022504215", 13186 "currencyCode": "USD", 13187 "price": 2999, 13188 "vendor": "iTeaworld" 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 "product": { 13215 "title": "Chinese Sweet Tea Herbal Tea 100g", 13216 "listName": "New Arrivals", 13217 "sku": "10467022504215", 13218 "currencyCode": "USD", 13219 "price": 2999, 13220 "vendor": "iTeaworld" 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"> per </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 "product": { 13475 "title": "Chinese Sweet Tea Herbal Tea 100g", 13476 "listName": "New Arrivals", 13477 "sku": "10467022504215", 13478 "currencyCode": "USD", 13479 "price": 2999, 13480 "vendor": "iTeaworld" 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 "product": { 13510 "title": "Chinese Sweet Tea Herbal Tea 100g", 13511 "listName": "New Arrivals", 13512 "sku": "10467022504215", 13513 "currencyCode": "USD", 13514 "price": 2999, 13515 "vendor": "iTeaworld" 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 "variant_id": 54597766709527, 13569 "product_id": 10466938519831, 13570 "available": true, 13571 "title": "Premium Gardenia Oolong (Tieguanyin) - Triple-Scented | 100g", 13572 "compare_at_price": 0, 13573 "price": 2999, 13574 "price_with_currency": "$29.99 USD", 13575 "sale_amount": "$-29.99", 13576 "collections": "||532285358359||511975915799||529991958807||493393674519||449406664983||531296977175||483191390487||525935542551||498760843543||", 13577 "inventory_management": "shopify", 13578 "qty": 6, 13579 "container": "card", 13580 "can_show_preorder": false, 13581 "diff_day_create": 59.2, 13582 "diff_day_publish": 55.45 13583 13584 ,"metafield_label": { 13585 "custom.flavors":"" 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 "product": { 13601 "title": "Premium Gardenia Oolong (Tieguanyin) - Triple-Scented | 100g", 13602 "listName": "New Arrivals", 13603 "sku": "10466938519831", 13604 "currencyCode": "USD", 13605 "price": 2999, 13606 "vendor": "iTeaworld" 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 "product": { 13730 "title": "Premium Gardenia Oolong (Tieguanyin) - Triple-Scented | 100g", 13731 "listName": "New Arrivals", 13732 "sku": "10466938519831", 13733 "currencyCode": "USD", 13734 "price": 2999, 13735 "vendor": "iTeaworld" 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 "product": { 13773 "title": "Premium Gardenia Oolong (Tieguanyin) - Triple-Scented | 100g", 13774 "listName": "New Arrivals", 13775 "sku": "10466938519831", 13776 "currencyCode": "USD", 13777 "price": 2999, 13778 "vendor": "iTeaworld" 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 "product": { 13801 "title": "Premium Gardenia Oolong (Tieguanyin) - Triple-Scented | 100g", 13802 "listName": "New Arrivals", 13803 "sku": "10466938519831", 13804 "currencyCode": "USD", 13805 "price": 2999, 13806 "vendor": "iTeaworld" 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 "product": { 13833 "title": "Premium Gardenia Oolong (Tieguanyin) - Triple-Scented | 100g", 13834 "listName": "New Arrivals", 13835 "sku": "10466938519831", 13836 "currencyCode": "USD", 13837 "price": 2999, 13838 "vendor": "iTeaworld" 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"> per </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 "product": { 14093 "title": "Premium Gardenia Oolong (Tieguanyin) - Triple-Scented | 100g", 14094 "listName": "New Arrivals", 14095 "sku": "10466938519831", 14096 "currencyCode": "USD", 14097 "price": 2999, 14098 "vendor": "iTeaworld" 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 "product": { 14128 "title": "Premium Gardenia Oolong (Tieguanyin) - Triple-Scented | 100g", 14129 "listName": "New Arrivals", 14130 "sku": "10466938519831", 14131 "currencyCode": "USD", 14132 "price": 2999, 14133 "vendor": "iTeaworld" 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 "variant_id": 55304906047767, 14478 "product_id": 10051060793623, 14479 "available": true, 14480 "title": "Chinese Jasmine Tea Flavor Collection 90g", 14481 "compare_at_price": 0, 14482 "price": 1999, 14483 "price_with_currency": "$19.99 USD", 14484 "sale_amount": "$-19.99", 14485 "collections": "||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||", 14486 "inventory_management": "shopify", 14487 "qty": 14, 14488 "container": "card", 14489 "can_show_preorder": false, 14490 "diff_day_create": 373.24, 14491 "diff_day_publish": 368.17 14492 14493 ,"metafield_label": { 14494 "custom.flavors":"" 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 "product": { 14510 "title": "Chinese Jasmine Tea Flavor Collection 90g", 14511 "listName": "Best Seller", 14512 "sku": "10051060793623", 14513 "currencyCode": "USD", 14514 "price": 1999, 14515 "vendor": "iTeaworld" 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 "product": { 14633 "title": "Chinese Jasmine Tea Flavor Collection 90g", 14634 "listName": "Best Seller", 14635 "sku": "10051060793623", 14636 "currencyCode": "USD", 14637 "price": 1999, 14638 "vendor": "iTeaworld" 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 "product": { 14677 "title": "Chinese Jasmine Tea Flavor Collection 90g", 14678 "listName": "Best Seller", 14679 "sku": "10051060793623", 14680 "currencyCode": "USD", 14681 "price": 1999, 14682 "vendor": "iTeaworld" 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 "product": { 14705 "title": "Chinese Jasmine Tea Flavor Collection 90g", 14706 "listName": "Best Seller", 14707 "sku": "10051060793623", 14708 "currencyCode": "USD", 14709 "price": 1999, 14710 "vendor": "iTeaworld" 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 "product": { 14737 "title": "Chinese Jasmine Tea Flavor Collection 90g", 14738 "listName": "Best Seller", 14739 "sku": "10051060793623", 14740 "currencyCode": "USD", 14741 "price": 1999, 14742 "vendor": "iTeaworld" 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"> per </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 "product": { 15021 "title": "Chinese Jasmine Tea Flavor Collection 90g", 15022 "listName": "Best Seller", 15023 "sku": "10051060793623", 15024 "currencyCode": "USD", 15025 "price": 1999, 15026 "vendor": "iTeaworld" 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 "variant_id": 55304877244695, 15080 "product_id": 9935480520983, 15081 "available": true, 15082 "title": "
15082Oolong Tea Flavor Exploration Collection 100g", 15083 "compare_at_price": 0, 15084 "price": 1999, 15085 "price_with_currency": "$19.99 USD", 15086 "sale_amount": "$-19.99", 15087 "collections": "||509664297239||532285358359||511975915799||529991958807||495482339607||495480209687||495516516631||526343471383||521178841367||456987115799||527444934935||509993124119||449406664983||462607909143||511051956503||525935542551||450205417751||461861486871||531755041047||531756548375||498760843543||", 15088 "inventory_management": "shopify", 15089 "qty": 15, 15090 "container": "card", 15091 "can_show_preorder": false, 15092 "diff_day_create": 512.26, 15093 "diff_day_publish": 507.32 15094 15095 ,"metafield_label": { 15096 "custom.flavors":"" 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 "product": { 15112 "title": "Oolong Tea Flavor Exploration Collection 100g", 15113 "listName": "Best Seller", 15114 "sku": "9935480520983", 15115 "currencyCode": "USD", 15116 "price": 1999, 15117 "vendor": "iTeaworld" 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 "product": { 15235 "title": "
15235Oolong Tea Flavor Exploration Collection 100g", 15236 "listName": "Best Seller", 15237 "sku": "9935480520983", 15238 "currencyCode": "USD", 15239 "price": 1999, 15240 "vendor": "iTeaworld" 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 "product": { 15279 "title": "
15279Oolong Tea Flavor Exploration Collection 100g", 15280 "listName": "Best Seller", 15281 "sku": "9935480520983", 15282 "currencyCode": "USD", 15283 "price": 1999, 15284 "vendor": "iTeaworld" 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 "product": { 15307 "title": "
15307Oolong Tea Flavor Exploration Collection 100g", 15308 "listName": "Best Seller", 15309 "sku": "9935480520983", 15310 "currencyCode": "USD", 15311 "price": 1999, 15312 "vendor": "iTeaworld" 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 "product": { 15339 "title": "
15339Oolong Tea Flavor Exploration Collection 100g", 15340 "listName": "Best Seller", 15341 "sku": "9935480520983", 15342 "currencyCode": "USD", 15343 "price": 1999, 15344 "vendor": "iTeaworld" 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"> per </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 "product": { 15623 "title": "
15623Oolong Tea Flavor Exploration Collection 100g", 15624 "listName": "Best Seller", 15625 "sku": "9935480520983", 15626 "currencyCode": "USD", 15627 "price": 1999, 15628 "vendor": "iTeaworld" 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 "variant_id": 55304452473111, 15682 "product_id": 9666539651351, 15683 "available": true, 15684 "title": "Caffeine-Free Herbal Tea â Vine Tea", 15685 "compare_at_price": 0, 15686 "price": 2499, 15687 "price_with_currency": "$24.99 USD", 15688 "sale_amount": "$-24.99", 15689 "collections": "||532285358359||511975915799||529991958807||456139243799||495480209687||526632714519||521179136279||518891110679||511928795415||486097027351||495506391319||532159365399||531296977175||483191390487||516657643799||531755041047||531757367575||498760843543||", 15690 "inventory_management": "shopify", 15691 "qty": 16, 15692 "container": "card", 15693 "can_show_preorder": false, 15694 "diff_day_create": 751.28, 15695 "diff_day_publish": 751.24 15696 15697 ,"metafield_label": { 15698 "custom.flavors":"" 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 "product": { 15714 "title": "Caffeine-Free Herbal Tea â Vine Tea", 15715 "listName": "Best Seller", 15716 "sku": "9666539651351", 15717 "currencyCode": "USD", 15718 "price": 990, 15719 "vendor": "iTeaworld" 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 "product": { 15837 "title": "Caffeine-Free Herbal Tea â Vine Tea", 15838 "listName": "Best Seller", 15839 "sku": "9666539651351", 15840 "currencyCode": "USD", 15841 "price": 990, 15842 "vendor": "iTeaworld" 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 "product": { 15881 "title": "Caffeine-Free Herbal Tea â Vine Tea", 15882 "listName": "Best Seller", 15883 "sku": "9666539651351", 15884 "currencyCode": "USD", 15885 "price": 990, 15886 "vendor": "iTeaworld" 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 "product": { 15909 "title": "Caffeine-Free Herbal Tea â Vine Tea", 15910 "listName": "Best Seller", 15911 "sku": "9666539651351", 15912 "currencyCode": "USD", 15913 "price": 990, 15914 "vendor": "iTeaworld" 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 "product": { 15941 "title": "Caffeine-Free Herbal Tea â Vine Tea", 15942 "listName": "Best Seller", 15943 "sku": "9666539651351", 15944 "currencyCode": "USD", 15945 "price": 990, 15946 "vendor": "iTeaworld" 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"> per </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 "product": { 16229 "title": "Caffeine-Free Herbal Tea â Vine Tea", 16230 "listName": "Best Seller", 16231 "sku": "9666539651351", 16232 "currencyCode": "USD", 16233 "price": 990, 16234 "vendor": "iTeaworld" 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 "variant_id": 55297771471127, 16288 "product_id": 8398719648023, 16289 "available": true, 16290 "title": "Da Hong Pao Oolong Tea 80g", 16291 "compare_at_price": 0, 16292 "price": 1999, 16293 "price_with_currency": "$19.99 USD", 16294 "sale_amount": "$-19.99", 16295 "collections": "||532285358359||526343635223||526632485143||511975915799||529991958807||495480209687||456987115799||509327376663||449406664983||532159365399||527444803863||525935542551||531755041047||531756548375||498760843543||526631928087||", 16296 "inventory_management": "shopify", 16297 "qty": 18, 16298 "container": "card", 16299 "can_show_preorder": false, 16300 "diff_day_create": 1195.99, 16301 "diff_day_publish": 111.24 16302 16303 ,"metafield_label": { 16304 "custom.flavors":"" 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 "product": { 16320 "title": "Da Hong Pao Oolong Tea 80g", 16321 "listName": "Best Seller", 16322 "sku": "8398719648023", 16323 "currencyCode": "USD", 16324 "price": 1999, 16325 "vendor": "iTeaworld" 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 "product": { 16443 "title": "Da Hong Pao Oolong Tea 80g", 16444 "listName": "Best Seller", 16445 "sku": "8398719648023", 16446 "currencyCode": "USD", 16447 "price": 1999, 16448 "vendor": "iTeaworld" 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 "product": { 16487 "title": "Da Hong Pao Oolong Tea 80g", 16488 "listName": "Best Seller", 16489 "sku": "8398719648023", 16490 "currencyCode": "USD", 16491 "price": 1999, 16492 "vendor": "iTeaworld" 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 "product": { 16515 "title": "Da Hong Pao Oolong Tea 80g", 16516 "listName": "Best Seller", 16517 "sku": "8398719648023", 16518 "currencyCode": "USD", 16519 "price": 1999, 16520 "vendor": "iTeaworld" 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 "product": { 16547 "title": "Da Hong Pao Oolong Tea 80g", 16548 "listName": "Best Seller", 16549 "sku": "8398719648023", 16550 "currencyCode": "USD", 16551 "price": 1999, 16552 "vendor": "iTeaworld" 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"> per </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 "product": { 16831 "title": "Da Hong Pao Oolong Tea 80g", 16832 "listName": "Best Seller", 16833 "sku": "8398719648023", 16834 "currencyCode": "USD", 16835 "price": 1999, 16836 "vendor": "iTeaworld" 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 & 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 & 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 & 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 & 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 ‎(USD $)‎ 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">© 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.