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="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":"11fe9d38-458e-4042-af1c-9c632fde4788-1790248939","pageurl":"iteaworld.com\/","u":"3a34ec1dbd85","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/xcotton-guard/blocks/insurance/6531bb8b-340c-42d4-b5da-1734c7a2c524 --> 1108<link rel="dns-prefetch" href="https://sslstaticus.xcottons.com"> 1109<link rel="dns-prefetch" href="https://seller.xcottons.com">
1110<script q="true" data-cmp-ab="2" data-cookieconsent="ignore" data-ot-ignore data-uc-allowed="true" data-ta-type="ignore"> 1111!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"];
1111var 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
1111: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()}}})}(); 1112</script>
1112 1113<!-- END app block --><!-- BEGIN app block: shopify://apps/judge-me-reviews/blocks/judgeme_core/61ccd3b1-a9f2-4160-9fe9-4fec8413e5d8 --><!-- Start of Judge.me Core --> 1114 1115 1116 1117 1118 1119 1120 1121<link rel="dns-prefetch" href="https://cdn.judge.me"> 1122<link rel="dns-prefetch" href="https://cdn1.judge.me"> 1123<link rel="dns-prefetch" href="https://api.judge.me"> 1124
1125<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
1125ou! 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
1125itle":"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_
1125youtube_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"
1125:"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_
1125shop_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>
1125 <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 )} 1126</style> <style class='jdgm-settings-style'>.jdgm-review-widget .jm-verified-buyer-badge__text{background-color:red} 1127</style> 1128 1129 1130 1131 1132 <style class='jdgm-miracle-styles'> 1133 @-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
1133/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} 1134 1135</style> 1136 1137 1138 1139 1140 1141 1142 1143 1144
1145<script data-cfasync='false' class='jdgm-script'> 1146!function(e){window.jdgm=window.jdgm||{}; 1147/* INF-1976 */ 1148var _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;}(); 1149if(_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;} 1150jdgm.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/01a0cdf8-b2d2-7ccd-a251-5cf8c66ad2ca/judgeme-762/assets/",jdgm.CDN_API_HOST="https://cdn.judge.me/", 1151jdgm.docReady=function(d){(e.attachEvent?"complete"===e.readyState:"loading"!==e.readyState)? 1152setTimeout(d,0):e.addEventListener("DOMContentLoaded",d)},jdgm.loadCSS=function(d,t,o,a){ 1153!o&&jdgm.loadCSS.requestedUrls.indexOf(d)>=0||(jdgm.loadCSS.requestedUrls.push(d), 1154(a=e.createElement("link")).rel="stylesheet",a.class="jdgm-stylesheet",a.media="nope!", 1155a.href=d,a.onload=function(){this.media="all",t&&setTimeout(t)},e.body.appendChild(a))}, 1156jdgm.loadCSS.requestedUrls=[],jdgm.loadJS=function(e,d){var t=new XMLHttpRequest; 1157t.onreadystatechange=function(){4===t.readyState&&t.status>=200&&t.status<300&&(Function(t.response)(),d&&d(t.response))}, 1158t.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( 1159".jdgm-widget, .jdgm-all-reviews-page").length>0)&&(jdgmSettings.widget_load_with_code_splitting? 1160parseFloat(jdgmSettings.widget_version)>=3?jdgm.loadCSS(jdgm.CDN_BASE_URL+"widget_v3_base.css"): 1161jdgm.loadCSS(jdgm.CDN_BASE_URL+"widget_base.css"):jdgm.loadCSS(jdgm.CDN_BASE_URL+"shopify_v2.css") 1162)}))}(document); 1163</script>
1163 1164<noscript><link rel="stylesheet" type="text/css" media="all" href="https://cdn.shopify.com/extensions/01a0cdf8-b2d2-7ccd-a251-5cf8c66ad2ca/judgeme-762/assets/shopify_v2.css"></noscript> 1165 1166<!-- BEGIN app snippet: theme_fix_tags -->
1166<script> 1167 (function() { 1168 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":""}}; 1169 if (!jdgmThemeFixes) return; 1170 1171 // "All themes" fix: CSS and JS applied on every theme. CSS is injected 1172 // before the per-theme fix so the theme-specific CSS wins the cascade. 1173 // HTML is never applied globally (too risky). 1174 var allThemesFix = jdgmThemeFixes['all']; 1175 if (allThemesFix && allThemesFix.css) { 1176 var allStyleTag = document.createElement('style'); 1177 allStyleTag.classList.add('jdgm-theme-fix-style-all'); 1178 allStyleTag.innerHTML = allThemesFix.css; 1179 document.head.append(allStyleTag); 1180 }; 1181 1182 if (allThemesFix && allThemesFix.js) { 1183 var allScriptTag = document.createElement('script'); 1184 allScriptTag.classList.add('jdgm-theme-fix-script-all'); 1185 allScriptTag.innerHTML = allThemesFix.js; 1186 document.head.append(allScriptTag); 1187 }; 1188 1189 var thisThemeFix = jdgmThemeFixes[Shopify.theme.id]; 1190 if (!thisThemeFix) return; 1191 1192 if (thisThemeFix.html) { 1193 document.addEventListener("DOMContentLoaded", function() { 1194 var htmlDiv = document.createElement('div'); 1195 htmlDiv.classList.add('jdgm-theme-fix-html'); 1196 htmlDiv.innerHTML = thisThemeFix.html; 1197 document.body.append(htmlDiv); 1198 }); 1199 }; 1200 1201 if (thisThemeFix.css) { 1202 var styleTag = document.createElement('style'); 1203 styleTag.classList.add('jdgm-theme-fix-style'); 1204 styleTag.innerHTML = thisThemeFix.css; 1205 document.head.append(styleTag); 1206 }; 1207 1208 if (thisThemeFix.js) { 1209 var scriptTag = document.createElement('script'); 1210 scriptTag.classList.add('jdgm-theme-fix-script'); 1211 scriptTag.innerHTML = thisThemeFix.js; 1212 document.head.append(scriptTag); 1213 }; 1214 })(); 1215</script>
1215 1216<!-- END app snippet --> 1217<!-- End of Judge.me Core --> 1218 1219 1220 1221<!-- END app block --><!-- 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'> 1222
1223<script id='shopify-chat-app-embed-data' type='application/json'> 1224 { 1225 "settings": { 1226 "invertActivatorColors": false, 1227 "greetingMessage": "Hey there! ð Welcome to iTeaworld! Got any questions about tea or need recommendations? Weâd love to help you discover the perfect brew!", 1228 "showFeaturedProducts": true, 1229 "featuredProducts": [{ 1230 "imageUrl": "\/\/iteaworld.com\/cdn\/shop\/files\/iTeaworldchina_s10mostfamousteascollection_3.webp?v=1770812683\u0026width=600", 1231 "altText": "Chinaâs 10 Famous Teas Collection", 1232 "title": "Chinaâs 10 Famous Teas Collection", 1233 "productUrl": "\/products\/chinas-10-most-famous-tea-collection" 1234 }, 1235{ 1236 "imageUrl": "\/\/iteaworld.com\/cdn\/shop\/files\/01_14_8dff11a5-d0f4-488a-9070-35af06ed32c6.webp?v=1770813722\u0026width=600", 1237 "altText": "Chinese Jasmine Tea Flavor Collection 90g", 1238 "title": "Chinese Jasmine Tea Flavor Collection 90g", 1239 "productUrl": "\/products\/6-jasmine-tea-sampler-freshly-scented-with-2025-blossoms" 1240 }, 1241{ 1242 "imageUrl": "\/\/iteaworld.com\/cdn\/shop\/files\/iTeaworld_chinese_floral_tea_collection_5.webp?v=1773222974\u0026width=600", 1243 "altText": "Traditional Chinese Scented Tea Collection 100g", 1244 "title": "Traditional Chinese Scented Tea Collection 100g", 1245 "productUrl": "\/products\/chinese-floral-tea-collection-ten-tea-ten-blessings-one-meaningful-gift" 1246 } 1247], 1248 "horizontalPosition": "bottom_left", 1249 "icon": "chat_bubble", 1250 "buttonLabel": "Chat" 1251 } 1252 } 1253</script>
1253 1254 1255<style data-shopify> 1256 1257 1258 /* Shadow DOM content does not prevent theme-wide :empty rules from matching the host. */ 1259 shopify-chat:defined:empty { 1260 display: grid; 1261 } 1262 1263 :root { 1264 --shopify-chat-bg-color: #FFFFFF; 1265 --shopify-chat-text-color: #1b1b1b; 1266 --shopify-chat-accent-bg-color: #1b1b1b; 1267 --shopify-chat-accent-text-color: #FFFFFF; 1268 --shopify-chat-activator-offset: 20px; 1269 1270 1271 1272 --shopify-chat-activator-font-size: 13px; 1273 --shopify-chat-border-radius: 16px; 1274 } 1275 1276 1277</style> 1278
1279<script src='https://cdn.shopify.com/storefront/web-components/chat.js' type='module' crossorigin fetchpriority='low' async></script>
1279 1280 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/01a0c84d-09f9-74b4-a007-90becfd116ee/2026-09-22-08-46-47-UTC--1331660/assets/smile-loader.js" type="text/javascript" defer="defer"></script>
vendor: 1 bytes, line 1351
1351
1352<script src="https://cdn.shopify.com/extensions/01a0cdf8-b2d2-7ccd-a251-5cf8c66ad2ca/judgeme-762/assets/loader.js" type="text/javascript" defer="defer"></script>
vendor: 1 bytes, line 1352
1352
1353<script src="https://cdn.shopify.com/extensions/01a0d027-6243-7586-9855-c6f857ae9fdc/forms-2592/assets/shopify-forms-loader.js" type="text/javascript" defer="defer"></script>
vendor: 1 bytes, line 1353
1353
1354<script src="https://cdn.shopify.com/extensions/01a022fb-303c-7b35-b75e-c57c2c91d370/quizify-53/assets/shortcode.js" type="text/javascript" defer="defer"></script>
vendor: 1 bytes, line 1354
1354
1355<script src="https://cdn.shopify.com/extensions/01a0d2f5-0f6e-709e-883d-97c3f70eff5b/monk-free-gift-with-purchase-466/assets/mr-embed-1.js" type="text/javascript" defer="defer"></script>
vendor: 1 bytes, line 1355
1355
1356<script src="https://cdn.shopify.com/extensions/01a0cdf8-b2d2-7ccd-a251-5cf8c66ad2ca/judgeme-762/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: ["16072cab","8450a54b"],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":"110308a0e5cef2680d096c831a6295ee","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"},{"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":"51705897124119","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","c8540278we853e1abpb62b2c4amde256306",{"modern":"","legacy":""},{"trekkieShim":true,"agentContext":true,"apiClientId":"580111","facebookCapiEnabled":"true","themeId":"189731635479","themeStoreId":"2048","themePublished":"true","eventMetadataId":"5f6bec83-469f-490d-978b-d19d97007843","pageType":"home","shopId":"77803192599","storefrontBaseUrl":"https:\/\/iteaworld.com","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"16072cab\", \"8450a54b\"]","isMerchantRequest":"false","hashVersion":"c8540278we853e1abpb62b2c4amde256306","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":"11fe9d38-458e-4042-af1c-9c632fde4788-1790248939"}}; 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 try { 1423 if (window.__TREKKIE_SHIM_QUEUE == null) { 1424 window.__TREKKIE_SHIM_QUEUE = []; 1425 } 1426 window.__TREKKIE_SHIM_QUEUE.push({ 1427 from: 'trekkie-stub', 1428 method: method, 1429 args: args.slice(1) 1430 }); 1431 } catch (e) { 1432 // no-op 1433 } 1434 } 1435 return trekkie; 1436 }; 1437 }; 1438 for (var i = 0; i < trekkie.methods.length; i++) { 1439 var key = trekkie.methods[i]; 1440 trekkie[key] = trekkie.factory(key); 1441 } 1442 trekkie.load = function(config) { 1443 trekkie.config = config || {}; 1444 trekkie.config.initialDocumentCookie = document.cookie; 1445 var first = document.getElementsByTagName('script')[0]; 1446var script = document.createElement('script'); 1447script.type = 'text/javascript'; 1448script.onerror = function(e) { 1449 var scriptFallback = document.createElement('script'); 1450 scriptFallback.type = 'text/javascript'; 1451 scriptFallback.onerror = function(error) { 1452 var Monorail = { 1453 produce: function produce(monorailDomain, schemaId, payload) { 1454 var currentMs = new Date().getTime(); 1455 var event = { 1456 schema_id: schemaId, 1457 payload: payload, 1458 metadata: { 1459 event_created_at_ms: currentMs, 1460 event_sent_at_ms: currentMs 1461 } 1462 }; 1463 return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event)); 1464 }, 1465 sendRequest: function sendRequest(endpointUrl, payload) { 1466 // Try the sendBeacon API 1467 if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) { 1468 var blobData = new window.Blob([payload], { 1469 type: 'text/plain' 1470 }); 1471 1472 if (window.navigator.sendBeacon(endpointUrl, blobData)) { 1473 return true; 1474 } // sendBeacon was not successful 1475 1476 } // XHR beacon 1477 1478 var xhr = new XMLHttpRequest(); 1479 1480 try { 1481 xhr.open('POST', endpointUrl); 1482 xhr.setRequestHeader('Content-Type', 'text/plain'); 1483 xhr.send(payload); 1484 } catch (e) { 1485 console.log(e); 1486 } 1487 1488 return false; 1489 }, 1490 isIos12: function isIos12() { 1491 return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1; 1492 } 1493 }; 1494 Monorail.produce('monorail-edge.shopifysvc.com', 1495 'trekkie_storefront_load_errors/1.1', 1496 {shop_id: 77803192599, 1497 theme_id: 189731635479, 1498 app_name: "storefront", 1499 context_url: window.location.href, 1500 source_url: "//iteaworld.com/cdn/s/trekkie.storefront.f1ba865b3fecd812ad617f74ac079261075e9edb.min.js"}); 1501 1502 }; 1503 scriptFallback.async = true; 1504 scriptFallback.src = '//iteaworld.com/cdn/s/trekkie.storefront.f1ba865b3fecd812ad617f74ac079261075e9edb.min.js'; 1505 first.parentNode.insertBefore(scriptFallback, first); 1506}; 1507script.async = true; 1508script.src = '//iteaworld.com/cdn/s/trekkie.storefront.f1ba865b3fecd812ad617f74ac079261075e9edb.min.js'; 1509first.parentNode.insertBefore(script, first); 1510 1511 }; 1512 trekkie.load( 1513 {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":77803192599,"isMerchantRequest":null,"themeId":189731635479,"themeCityHash":"4373103815405379274","contentLanguage":"en","currency":"USD","eventMetadataId":"5f6bec83-469f-490d-978b-d19d97007843"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["764d78cb","8450a54b"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":true,"source":"trekkie-storefront-renderer","apiClientId":580111}} 1514 ); 1515 1516 var loaded = false;
1517 trekkie.ready(function() { 1518 if (loaded) return; 1519 loaded = true; 1520 1521 window.ShopifyAnalytics.lib = window.trekkie; 1522 1523 var originalDocumentWrite = document.write; 1524 document.write = customDocumentWrite; 1525 try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {}; 1526 document.write = originalDocumentWrite; 1527 1528 var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/) 1529 var token = match? match[1]: undefined; 1530 if (!hasLoggedConversion(token)) { 1531 setCookieIfConversion(token); 1532 1533 } 1534 }); 1535 1536 window.ShopifyAnalytics.lib.page(null,{"pageType":"home","requestId":"11fe9d38-458e-4042-af1c-9c632fde4788-1790248939","shopifyEmitted":true}); 1537 1538 var eventsListenerScript = document.createElement('script'); 1539 eventsListenerScript.async = true; 1540 eventsListenerScript.src = "//iteaworld.com/cdn/shopifycloud/storefront/assets/shop_events_listener-4e26a9ce.js"; 1541 document.getElementsByTagName('head')[0].appendChild(eventsListenerScript); 1542})();</script>
vendor: 1 bytes, line 1542
1542
1543<script 1544 defer 1545 src="https://iteaworld.com/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.9.4.min.js" 1546 data-application="storefront-renderer" 1547 data-shop-id="77803192599" 1548 data-render-region="gcp-us-central1" 1549 data-page-type="index" 1550 data-theme-instance-id="189731635479" 1551 data-theme-name="Eurus" 1552 data-theme-version="9.4.0" 1553 data-monorail-region="shop_domain" 1554 data-resource-timing-sampling-rate="10" 1555 data-shs="true" 1556 data-shs-beacon="true" 1557 data-shs-export-with-fetch="true" 1558 data-shs-logs-sample-rate="1" 1559 data-shs-beacon-endpoint="https://iteaworld.com/api/collect" 1560></script>
vendor: 1 bytes, line 1560
1560
1561<script id="shopify-chat-page-data" type="application/json">{"greetingMessage":"Welcome to iTeaworld. How can I help?","customerServiceEmail":"[email protected]","onlineStorePasswordProtected":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"}
1561,{"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 1561
1561
1562<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>
1562 1563<meta name="shopify-y" content="410f0999-053a-4738-b103-7c8794bdda7d" data-expiration="1821806539000"><meta name="shopify-s" content="f488cff2-cdeb-4d6b-ab7d-563adc81f7db" data-expiration="1790250739000"><meta name="new-cookie-storage-activated" content="t"> 1564</head> 1565 <body 1566 class="gradient scrollbar-body overflow-x-hidden text-[0.7875rem] md:text-[0.875rem]" 1567 x-data="{ runDispatch: true }" 1568 :class="($store.xPopup.open || $store.xPopup.openVideoShopping) && 'overflow-hidden padding-scrollbar'" 1569 x-init="$store.xPopup.setWidthScrollbar();" 1570 x-on:mouseover="if (runDispatch) { $dispatch('init-run'); runDispatch = false; }" 1571 x-on:touchstart="if (runDispatch) { 1572 if (event.target.parentNode.parentNode.id == 'SearchOpen' || event.target.parentNode.id == 'SearchOpen') { setTimeout(() => { document.querySelector('#SearchOpen').click() }, 200) 1573 } else if (event.target.parentNode.parentNode.id == 'cart-icon' || event.target.parentNode.id == 'cart-icon') { setTimeout(() => { document.querySelector('#cart-icon').click() }, 200) 1574 } else if (event.target.parentNode.id == 'mobile-navigation' || event.target.id == 'mobile-navigation') { setTimeout(() => { document.querySelector('#mobile-navigation').click() }, 200) 1575 } 1576 $dispatch('init-run'); runDispatch = false; 1577 }" 1578 >
1578<script> 1579 window.addEventListener('DOMContentLoaded', (event) => { 1580 const transitionEl = document.getElementById('x-page-transition'); 1581 transitionEl.style.opacity = '0'; 1582 setTimeout(() => { 1583 transitionEl.remove(); 1584 }, 1000); 1585 }); 1586 </script>
1586 1587 <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"> 1588 <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"> 1589 Skip to content 1590 </a> 1591 1592 1593 <!-- BEGIN sections: header-group-puff --> 1594<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 { 1595 background: transparent; 1596 border: 0; 1597 box-shadow: none; 1598 color: #ffffff; 1599 } 1600 .dark #x-announcement-bar .arrow { 1601 color: #ffffff; 1602 } 1603 .announcement-bar_container-sections--27603634815255__announcement-bar { 1604 1605 background: #739047; 1606 1607 1608 --colors-text-link: 36,36,36; 1609 1610 } 1611 .dark .announcement-bar_container-sections--27603634815255__announcement-bar { 1612 1613 background: #739047; 1614 1615 1616 --colors-text-link: 255, 255, 255; 1617 1618 } 1619 .announcement-bar_text { 1620 1621 color: #ffffff; 1622 --colors-line-and-border: 255,255,255; 1623 1624 } 1625 .dark .announcement-bar_text { 1626 1627 color: #ffffff; 1628 --colors-line-and-border: 255,255,255; 1629 1630 } 1631 1632 .section-announcement { 1633 position: sticky; 1634 top: 0; 1635 z-index: 30; 1636 } 1637 1638</style><div 1639 id="x-announcement" 1640 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" 1641 1642 data-is-sticky="true" 1643 x-init='$store.xHeaderMenu.setVariableHeightHeader(true);document.documentElement.style.setProperty("--top-cart-noti", $el.offsetHeight + "px")' 1644 1645 > 1646 1647 <div id="x-slide-announcement-bar" class="disable-effect-hover grow flex-1 x-splide splide has-toolbar:lg:pr-5 has-toolbar:lg:pl-5 overflow-hidden visible relative"> 1648 <div class="splide__track x-pgw page-width mx-auto pl-0 pr-0"> 1649 <div class="splide__list w-full flex md:block"><style data-shopify>.text--announcement_BpqKKT .width-countdown { 1650 width: 6.3rem; 1651 }.text--announcement_BpqKKT, 1652 .btn--announcement_BpqKKT { 1653 font-size: 0.63rem; 1654 } 1655 @media (min-width: 768px) { 1656 .text--announcement_BpqKKT, 1657 .btn--announcement_BpqKKT { 1658 font-size: 0.7rem; 1659 } 1660 }.icon--announcement_BpqKKT { 1661 width: 0.7rem; 1662 height: 0.7rem; 1663 } 1664 .button.text_button_announ--announcement_BpqKKT { 1665 1666 color: rgb(var(--colors-button-text-hover)); 1667 1668 1669 background: var(--colors-button-hover); 1670 1671 } 1672 .dark .button.text_button_announ--announcement_BpqKKT { 1673 1674 color: rgb(var(--colors-button-text-hover)); 1675 1676 1677 background: var(--colors-button-hover); 1678 1679 } 1680 @media(min-width: 768px){ 1681 .button.text_button_announ--announcement_BpqKKT { 1682 1683 color: rgba(var(--colors-button-text-hover)); 1684 1685 1686 } 1687 .dark .button.text_button_announ--announcement_BpqKKT { 1688 1689 color: rgba(var(--colors-button-text-hover)); 1690 1691 1692 background: transparent; 1693 1694 } 1695 } 1696 .text-link-with-arrow--announcement_BpqKKT { 1697 1698 color: rgb(var(--colors-text-link)); 1699 1700 } 1701 .dark .text-link-with-arrow--announcement_BpqKKT { 1702 1703 color: rgb(var(--colors-text-link)); 1704 1705 } 1706 .hyperlink-circle-color--announcement_BpqKKT { 1707 1708 background-color: rgba(var(--colors-text-link)); 1709 1710 } 1711 .dark .hyperlink-circle-color--announcement_BpqKKT { 1712 1713 background-color: rgba(var(--colors-button-text-hover)); 1714 1715 }</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 1716 1717 class="flex items-center flex-wrap justify-center gap-x-3 gap-y-2 ltr"> 1718 1719 <div class="text--announcement_BpqKKT announcement-bar_text flex rtl:order-1"> 1720<p class="x-announcement-bar-block-data leading-[initial]">ð© Subscribe to Our Emails & Get 10% Off Your First Order</p></div></div></div></div> 1721 </div></div> 1722 1723 1724 1725<style data-shopify>.announcement-bar-toolbar #localization_form button { 1726 font-size: 0.55125rem; 1727 } 1728 @media (min-width: 1025px){ 1729 .announcement-bar-toolbar #localization_form button { 1730 font-size: 0.6125rem; 1731 } 1732 } 1733 .announcement-bar-toolbar .locale-options { 1734 1735 background: #739047; 1736 1737 } 1738 .announcement-bar-toolbar .country-options { 1739 1740 background: #739047; 1741 1742 1743 left: 0; 1744 right: auto; 1745 1746 } 1747 .dark .announcement-bar-toolbar .locale-options { 1748 1749 background: #739047; 1750 1751 } 1752 .dark .announcement-bar-toolbar .country-options { 1753 1754 background: #739047; 1755 1756 }</style><div class="announcement-bar_text announcement-bar-toolbar toolbar-align-left rtl:toolbar-align-right hidden relative lg:flex items-center"> 1757 1758<div id="selector-social" class=" flex lg:items-center lg:justify-end relative py-1.5 mx-auto"> 1759 1760 <ul class="social-list flex flex-wrap opacity-70 border-l ml-5 pl-4" role="list"> 1761<li> 1762 <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">
1763 <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"/> 1764 </svg> 1765</a> 1766 </li><li> 1767 <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"> 1768 <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"/> 1769 </svg> 1770</a> 1771 </li><li> 1772 <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"> 1773 <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"/> 1774 </svg> 1775</a> 1776 </li><li> 1777 <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"> 1778 <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"/> 1779 </svg> 1780</a> 1781 </li><li> 1782 <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"
1783 viewBox="0 0 197.8 197.8" style="enable-background:new 0 0 197.8 197.8;" xml:space="preserve"> 1784 <g> 1785 <g> 1786 <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" /> 1787 </g> 1788 </g> 1789 </svg> 1790</a> 1791 </li><li> 1792 <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"> 1793 <g clip-path="url(#clip0_166010_110135)"> 1794 <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
17946.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"/> 1795 </g> 1796 <defs> 1797 <clipPath id="clip0_166010_110135"> 1798 <rect width="20" height="20" fill="currentColor"/> 1799 </clipPath> 1800 </defs> 1801 </svg> 1802</a> 1803 </li> 1804 </ul> 1805 1806 1807 1808 <style data-shopify> 1809 #x-announcement .options-text-color { 1810 1811 color: #ffffff; 1812 1813 } 1814 .dark #x-announcement .options-text-color { 1815 1816 color: #ffffff; 1817 1818 } 1819 @media (min-width: 1024px) { 1820 #x-announcement .options-text-color:hover { 1821 color: rgb(var(--colors-text-link)); 1822 } 1823 } 1824 #x-announcement .underline-color { 1825 border-bottom-color: rgb(var(--colors-line-and-border-base)); 1826 } 1827 </style> 1828 1829<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 1830 class="text-normal relative inline-flex lg:inline-block" 1831 x-data="{ open: false }" 1832 @keyup.escape="open = false" 1833 > 1834 <button 1835 @click.prevent="open = ! open;" 1836 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" 1837 aria-expanded="false" aria-controls="LanguageList" 1838 > 1839 <span>English</span> 1840 <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;"> 1841 <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/> 1842 </svg> 1843</span> 1844 </button> 1845 <div x-show="open" @click.away="open = false" x-cloak> 1846 1847 <ul 1848 1849 x-transition:enter="transition-all ease-in-out duration-500" 1850 x-transition:enter-start="opacity-0 transform -translate-y-4" 1851 x-transition:enter-end="opacity-100 transform translate-y-0" 1852 x-transition:leave="transition-all ease-in-out duration-500" 1853 x-transition:leave-end="opacity-0 transform -translate-y-4" 1854 1855 x-show="open" 1856 role="list" 1857 x-data="xLocalizationForm" 1858 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" 1859 > 1860 1861 <li class="cursor-pointer py-1 duration-200 transition text-[rgb(var(--colors-text-header))]"> 1862 <a class="nav-link hover-text-link relative border-b underline-color effect-inline" 1863 href="#" 1864 data-no-instant 1865 @click="submit('en', 'locale_selector')" 1866 >
1867 <span class="disclosure-list__label">English</span> 1868 </a> 1869 </li> 1870 <li class="cursor-pointer py-1 duration-200 transition text-[rgb(var(--colors-text-header))]"> 1871 <a class="nav-link hover-text-link relative options-text-color" 1872 href="#" 1873 data-no-instant 1874 @click="submit('zh-CN', 'locale_selector')" 1875 > 1876 <span class="disclosure-list__label">ç®ä½ä¸æ</span> 1877 </a> 1878 </li></ul> 1879 1880 </div> 1881 <input type="hidden" name="locale_code" id="locale_selector" value="en" data-disclosure-input/> 1882 </div><div 1883 x-data="xLocalizationForm" 1884 class="country-selector max-w-max text-normal relative inline-flex lg:inline-block" 1885 @keyup.escape="openCountry = false" 1886 > 1887 <button 1888 @click.prevent="loadCountry($el); " 1889 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" 1890 aria-expanded="false" aria-controls="CurrencyList" 1891 > 1892 <span> 1893 1894 United States ‎(USD $)‎ 1895 1896 </span> 1897 <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;"> 1898 <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/> 1899 </svg> 1900</span> 1901 <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"> 1902 <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" 1903 fill="currentcolor" stroke="none"> 1904 <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"/> 1905 </g> 1906 </svg> 1907</span> 1908 </button> 1909 1910 <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" 1911 1912 x-transition:enter="transition-all ease-in-out duration-500" 1913 x-transition:enter-start="opacity-0 transform -translate-y-4" 1914 x-transition:enter-end="opacity-100 transform translate-y-0" 1915 x-transition:leave="transition-all ease-in-out duration-500" 1916 x-transition:leave-end="opacity-0 transform -translate-y-4" 1917 1918 x-show="openCountry" @click.away="openCountry = false" x-cloak> 1919 </div> 1920 1921 <input id="currency_selector" type="hidden" name="country_code" value="US"> 1922 </div></form>
1922<script src="//iteaworld.com/cdn/shop/t/51/assets/locales-form.js?v=77424405773733899781782181913" defer></script>
1922</div> 1923 </div></div> 1924<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> 1925.logo-name { 1926 font-size: 1.2375rem; 1927 } 1928 .transparent-header .logo-name, 1929 .transparent-header header { 1930 1931 color: #ffffff; 1932 1933 } 1934 .dark .transparent-header .logo-name, 1935 .dark .transparent-header header { 1936 1937 color: #ffffff; 1938 1939 1940 } 1941 1942 header { 1943 grid-template-areas: "icons heading drawer"; 1944 1945 } 1946 @media (min-width: 1024px) { 1947 header { 1948 grid-template-areas: "heading navigation icons" ". . ."; 1949 grid-template-columns: 1fr 4fr 1fr; 1950 } 1951 .logo-name { 1952 font-size: 2.475rem; 1953 } 1954 .pt-header { 1955 padding-top: 20px; 1956 } 1957 .pb-header { 1958 padding-bottom: 20px; 1959 } 1960 } 1961 .h-hamburger { 1962 height: var(--hamburger-menu-height); 1963 }</style><div x-show="$store.xHeaderMenu.overlay" 1964 x-transition:enter="ease-in-out duration-300" 1965 x-transition:enter-start="opacity-0" 1966 x-transition:enter-end="opacity-100" 1967 x-transition:leave="transition-all ease-in-out duration-300" 1968 x-transition:leave-end="opacity-0" 1969 class="bg-[rgba(0,0,0,0.4)] hidden lg:flex fixed top-0 right-0 bottom-0 left-0 z-20" x-cloak> 1970</div> 1971<div 1972 id="x-header-container" 1973 class="relative text-[rgb(var(--colors-text-header))] z-50" 1974 x-init='$store.xHeaderMenu.removeStickyHeader();$store.xHeaderMenu.initSticky($el, "shopify-section-sections--27603634815255__header", "always", false); $store.xHeaderMenu.mobileHeaderLayout="center-right";' 1975 1976 x-intersect:leave="$store.xHeaderMenu.handleAlwaysSticky()" 1977 data-is-sticky="true" 1978 :class="$store.xMiniCart.open && 'z-[60]'" 1979 1980 @click.away="$store.xHeaderMenu.openHamburgerMenu = false;" 1981 1982> 1983 <div id="sticky-header" class="shopify-header text-[rgb(var(--colors-text-header))] background-header" 1984 x-intersect="$store.xHeaderMenu.setVariableHeightHeader(true)" 1985 > 1986 <div 1987 id="sticky-header-content" 1988 class="sticky-header-content z-20 w-full top-0 1989 header-full-width" 1990 :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}" 1991 1992 x-intersect.once="$store.xHeaderMenu.setTopStickyHeader()" 1993 > 1994 <header 1995 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 }" 1996 1997 > 1998 <div data-breakpoint="tablet" class="x-container-header-mobile-nav [grid-area:drawer] lg:hidden flex items-center w-full justify-end"> 1999 2000 2001 <style data-shopify> 2002 .mobile-navigation-modern-icon-bg{ 2003 background: rgba(var(--colors-line-header),1) 2004 } 2005 </style> 2006 <div 2007 id="mobile-navigation" 2008 @click="setTimeout(() => { $store.xMobileNav.open() }, 0)" 2009 class="relative w-11 h-8 px-3 py-2.5 -right-3 rounded-full cursor-pointer " 2010 > 2011 <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"> 2012 <g> 2013 <g> 2014 <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 2015 v-40.006H-0.002V159.969z M-0.002,279.965h280.001v-40.012H-0.002V279.965z"/> 2016 </g> 2017 </g> 2018 </svg> 2019</div> 2020 </div> 2021 </div> 2022 <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]" 2023 > 2024 2025 2026 2027<div class="flex"> 2028 <a href="/" class="w-[100px] md:w-[150px] h-auto disable-effect inline-block"><img 2029 src="//iteaworld.com/cdn/shop/files/iTeaworld-logo-15.png?v=1737713184&width=3264" 2030 alt="iTeaworld" 2031 sizes="(min-width: 768px) 150px, 100px" 2032 srcset="//iteaworld.com/cdn/shop/files/iTeaworld-logo-15.png?v=1737713184&width=50 50w, 2033 //iteaworld.com/cdn/shop/files/iTeaworld-logo-15.png?v=1737713184&width=100 100w, 2034 //iteaworld.com/cdn/shop/files/iTeaworld-logo-15.png?v=1737713184&width=150 150w, 2035 //iteaworld.com/cdn/shop/files/iTeaworld-logo-15.png?v=1737713184&width=200 200w, 2036 //iteaworld.com/cdn/shop/files/iTeaworld-logo-15.png?v=1737713184&width=250 250w, 2037 //iteaworld.com/cdn/shop/files/iTeaworld-logo-15.png?v=1737713184&width=300 300w, 2038 //iteaworld.com/cdn/shop/files/iTeaworld-logo-15.png?v=1737713184&width=400 400w, 2039 //iteaworld.com/cdn/shop/files/iTeaworld-logo-15.png?v=1737713184&width=500 500w, 2040 //iteaworld.com/cdn/shop/files/iTeaworld-logo-15.png?v=1737713184&width=600 600w" 2041 width="3264" 2042 height="1196" 2043 class="header-logo hidden absolute dark:block dark:relative mx-auto md:ml-0" 2044 loading="eager" 2045 fetchpriority="high" 2046 decoding="sync" 2047 /><img 2048 src="//iteaworld.com/cdn/shop/files/iTeaworld-logo-14_e1fa5e0e-897c-4ac1-8169-c9d7e7c4ebd3.png?v=1745483789&width=3264" 2049 alt="iTeaworld" 2050 sizes="(min-width: 768px) 150px, 100px" 2051 srcset="//iteaworld.com/cdn/shop/files/iTeaworld-logo-14_e1fa5e0e-897c-4ac1-8169-c9d7e7c4ebd3.png?v=1745483789&width=50 50w, 2052 //iteaworld.com/cdn/shop/files/iTeaworld-logo-14_e1fa5e0e-897c-4ac1-8169-c9d7e7c4ebd3.png?v=1745483789&width=100 100w, 2053 //iteaworld.com/cdn/shop/files/iTeaworld-logo-14_e1fa5e0e-897c-4ac1-8169-c9d7e7c4ebd3.png?v=1745483789&width=150 150w, 2054 //iteaworld.com/cdn/shop/files/iTeaworld-logo-14_e1fa5e0e-897c-4ac1-8169-c9d7e7c4ebd3.png?v=1745483789&width=200 200w, 2055 //iteaworld.com/cdn/shop/files/iTeaworld-logo-14_e1fa5e0e-897c-4ac1-8169-c9d7e7c4ebd3.png?v=1745483789&width=250 250w, 2056 //iteaworld.com/cdn/shop/files/iTeaworld-logo-14_e1fa5e0e-897c-4ac1-8169-c9d7e7c4ebd3.png?v=1745483789&width=300 300w, 2057 //iteaworld.com/cdn/shop/files/iTeaworld-logo-14_e1fa5e0e-897c-4ac1-8169-c9d7e7c4ebd3.png?v=1745483789&width=400 400w, 2058 //iteaworld.com/cdn/shop/files/iTeaworld-logo-14_e1fa5e0e-897c-4ac1-8169-c9d7e7c4ebd3.png?v=1745483789&width=500 500w, 2059 //iteaworld.com/cdn/shop/files/iTeaworld-logo-14_e1fa5e0e-897c-4ac1-8169-c9d7e7c4ebd3.png?v=1745483789&width=600 600w" 2060 width="3264" 2061 height="1197" 2062 class="header-logo block dark:hidden dark:absolute mx-auto md:ml-0" 2063 loading="eager" 2064 fetchpriority="high" 2065 decoding="sync" 2066 /></a> 2067</div> 2068</h1> 2069 2070 <div 2071 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" 2072 >
2073 <div class="x-header-store-selector-container self-center md:block hidden md:mr-2.5 md:ml-3"></div> 2074 2075 2076<style data-shopify> 2077 2078 </style> 2079 <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');"> 2080 <a 2081 id="SearchOpen" 2082 href="/search" 2083 aria-label="search" 2084 class="flex items-center cursor-pointer justify-center link focus-inset bg-none" 2085 @click.prevent="setTimeout(() => { $store.xModal.setActiveElement('SearchOpen'); }, 0)"> 2086 <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;"> 2087 <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"/> 2088 <path d="M17.6669 16.9999L16.0669 15.3999" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> 2089 </svg> 2090</span> 2091 </a> 2092 </div> 2093 2094
2094<script src="//iteaworld.com/cdn/shop/t/51/assets/speech-search.js?v=80603510328065116571782181913" defer></script>
2094<a href="https://iteaworld.com/customer_authentication/redirect?locale=en®ion_country=US" 2095 aria-label="Log in" 2096 class="header-icon-account hidden lg:flex relative items-center justify-center"> 2097 <span class="w-11 h-10 pl-3 pr-2.5 pt-2.5 pb-2"> 2098 <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;"> 2099 <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"/> 2100 <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"/> 2101 </svg> 2102 2103 </span> 2104 </a><div class="header-icon-cart cursor-pointer relative flex items-center"> 2105 <a 2106 id="cart-icon" 2107 href="/cart" 2108 class="relative flex items-center" 2109 2110 @click.prevent="setTimeout(() => { $store.xModal.setActiveElement('cart-icon'); $store.xMiniCart.openCart(); }, 0)" 2111 :class="$store.xMiniCart.open && 'pointer-events-none'" 2112 2113 aria-controls="CartDrawer" 2114 aria-expanded="false" 2115 aria-label="icon-cart" 2116 > 2117 <span class="w-11 h-10 md:pl-3 inline-block md:pr-2.5 pt-2.5 pb-2"> 2118 <svg class="icon-animation" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 22 22" fill="none"> 2119 <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"/> 2120 <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
2120638 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"/> 2121 <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"/> 2122 </svg> 2123 </span> 2124 <div id="cart-icon-bubble" class="count_item absolute -top-0.5 2125 left-0 2126 md:right-0 lg:left-auto lg:right-0 rtl:lg:right-auto rtl:lg:left-0" data-value="0"> 2127 <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> 2128 </div> 2129 </a> 2130 </div><theme-mode x-data 2131 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" 2132 > 2133 <button 2134 @click.prevent="$store.xDarkMode.toggleThemeMode(); $store.xHeaderMenu.handleChangeThemeMode();" 2135 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 " 2136 aria-label="darkmode" 2137 > 2138 <span class="block animate-spin w-4 lg:w-5" x-show="$store.xDOM.rePainting === $store.xDarkMode.alias" x-cloak> 2139 <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> 2140 <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" 2141 fill="currentcolor" stroke="none"> 2142 <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"/> 2143 </g> 2144 </svg> 2145 2146 </span> 2147 <span class="hidden dark:block w-4 lg:w-5" x-show="$store.xDOM.rePainting !== $store.xDarkMode.alias"> 2148 2149 <svg 2150 class="svg-icon icon-animation" 2151 style="vertical-align: middle;fill: currentColor;overflow: hidden;"
2152 viewBox="0 0 1024 1024" 2153 version="1.1" 2154 xmlns="http://www.w3.org/2000/svg" 2155 > 2156 <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" /> 2157 </svg> 2158 2159 </span> 2160 <span class="block dark:hidden w-4 lg:w-5" x-show="$store.xDOM.rePainting !== $store.xDarkMode.alias"> 2161 2162 <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"> 2163 <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" /> 2164 </svg> 2165 2166 </span> 2167 </button> 2168 </theme-mode></div> 2169 2170 2171 2172 2173 2174<style data-shopify> 2175 .svg-highlight-sections--27603634815255__header { 2176 --color-highlight: #739047; 2177 } 2178 .dark .svg-highlight-sections--27603634815255__header { 2179 --color-highlight: #020202; 2180 } 2181 2182 .x-icon-caret svg { 2183 color: var(--colors-text-header); 2184 --tw-rotate: 0deg; 2185 transform: rotate(var(--tw-rotate)); 2186 transition: transform 0.5s ease 0.1s; 2187 } 2188 .clicked .x-icon-caret svg { 2189 color: var(--colors-text-link); 2190 --tw-rotate: 180deg; 2191 } 2192</style><nav 2193 x-on:click.away="$store.xHeaderMenu.hideMenu($el)" 2194 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" 2195> 2196 <ul class="duration-500 list-menu inline-flex flex-wrap gap-x-10 items-center justify-center" 2197 > 2198<li x-data='{ selectedMenu: false, active: false }' 2199 class="flip-container tabbed_menu tabbed_menu pl-0 has-dropdown tabbed-animation-change" 2200 @mouseover.once="$store.xHeaderMenu.initToggleMenuHeight($el)" 2201 2202 2203 x-on:mouseover="$el.classList.add('is-focus'); selectedMenu = true;" 2204 @mouseleave="$el.classList.remove('is-focus');" 2205 @focusin="$el.classList.add('is-focus'); selectedMenu = true;" 2206 @focusout="$el.classList.remove('is-focus');" 2207 2208 > 2209 <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" 2210 2211 2212 @click="$store.xHeaderMenu.clickItem($el, $event, false, false, true)" 2213 2214 2215 > 2216 <div class="overflow-hidden pb-[1px] mg-blink flex items-center"> 2217 <div class="relative x-anm"> 2218 <a href="#" 2219 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" 2220 > 2221 2222 2223 2224 2225
2226 <span>Tea</span> 2227 2228 2229 2230 </a> 2231 2232 <a href="#" 2233 tabindex="-1" 2234 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" 2235 > 2236 2237 2238 2239 2240 2241 <span>Tea</span> 2242 2243 2244 2245 </a> 2246 2247 </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;"> 2248 <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/> 2249 </svg> 2250</span></div> 2251 </div> 2252 <div id="menu-1"></div> 2253 </li> 2254<li x-data='{ selectedMenu: false, active: false }' 2255 class="flip-container tabbed_menu tabbed_menu pl-0 has-dropdown tabbed-animation-change" 2256 @mouseover.once="$store.xHeaderMenu.initToggleMenuHeight($el)" 2257 2258 2259 x-on:mouseover="$el.classList.add('is-focus'); selectedMenu = true;" 2260 @mouseleave="$el.classList.remove('is-focus');" 2261 @focusin="$el.classList.add('is-focus'); selectedMenu = true;" 2262 @focusout="$el.classList.remove('is-focus');" 2263 2264 > 2265 <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" 2266 2267 2268 @click="$store.xHeaderMenu.clickItem($el, $event, false, false, false)" 2269 2270 2271 > 2272 <div class="overflow-hidden pb-[1px] mg-blink flex items-center"> 2273 <div class="relative x-anm"> 2274 <a href="#" 2275 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" 2276 > 2277 2278 2279 2280 2281 2282 <span>Teaware</span> 2283 2284 2285 2286 </a> 2287 2288 <a href="#" 2289 tabindex="-1" 2290 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" 2291 > 2292 2293 2294 2295 2296 2297 <span>Teaware</span> 2298 2299 2300 2301 </a> 2302 2303 </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;"> 2304 <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/> 2305 </svg> 2306</span></div> 2307 </div> 2308 <div id="menu-2"></div> 2309 </li> 2310<li x-data='{ active: false }' 2311 class="flip-container simple_menu pl-0 has-dropdown" 2312 @mouseover.once="$store.xHeaderMenu.initToggleMenuHeight($el)" 2313 2314 2315 x-on:mouseover="$el.classList.add('is-focus');" 2316 @mouseleave="$el.classList.remove('is-focus');" 2317 @focusin="$el.classList.add('is-focus');" 2318 @focusout="$el.classList.remove('is-focus');" 2319 2320 > 2321 <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" 2322 2323 2324 @click="$store.xHeaderMenu.clickItem($el, $event, false, false, false)" 2325 2326 2327 > 2328 <div class="overflow-hidden pb-[1px] mg-blink flex items-center"> 2329 <div class="relative x-anm"> 2330 <a href="#" 2331 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" 2332 > 2333 2334 2335 2336 2337
2338 <span>Discover</span> 2339 2340 2341 2342 </a> 2343 2344 <a href="#" 2345 tabindex="-1" 2346 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" 2347 > 2348 2349 2350 2351 2352 2353 <span>Discover</span> 2354 2355 2356 2357 </a> 2358 2359 </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;"> 2360 <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/> 2361 </svg> 2362</span></div> 2363 </div><div id="menu-3"></div></li> 2364<li x-data='{ active: false }' 2365 class="flip-container simple_menu pl-0 has-dropdown" 2366 @mouseover.once="$store.xHeaderMenu.initToggleMenuHeight($el)" 2367 2368 2369 x-on:mouseover="$el.classList.add('is-focus');" 2370 @mouseleave="$el.classList.remove('is-focus');" 2371 @focusin="$el.classList.add('is-focus');" 2372 @focusout="$el.classList.remove('is-focus');" 2373 2374 > 2375 <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" 2376 2377 2378 @click="$store.xHeaderMenu.clickItem($el, $event, false, false, false)" 2379 2380 2381 > 2382 <div class="overflow-hidden pb-[1px] mg-blink flex items-center"> 2383 <div class="relative x-anm"> 2384 <a href="#" 2385 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" 2386 > 2387 2388 2389 2390 2391 2392 <span>
2392Tea Club</span> 2393 2394 2395 2396 </a> 2397 2398 <a href="#" 2399 tabindex="-1" 2400 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" 2401 > 2402 2403 2404 2405 2406 2407 <span>Tea Club</span> 2408 2409 2410 2411 </a> 2412 2413 </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;"> 2414 <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/> 2415 </svg> 2416</span></div> 2417 </div><div id="menu-4"></div></li> 2418<li x-data='{ selectedMenu: false, active: false }' 2419 class="flip-container tabbed_menu tabbed_menu pl-0 has-dropdown tabbed-animation-change" 2420 @mouseover.once="$store.xHeaderMenu.initToggleMenuHeight($el)" 2421 2422 2423 x-on:mouseover="$el.classList.add('is-focus'); selectedMenu = true;" 2424 @mouseleave="$el.classList.remove('is-focus');" 2425 @focusin="$el.classList.add('is-focus'); selectedMenu = true;" 2426 @focusout="$el.classList.remove('is-focus');" 2427 2428 > 2429 <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" 2430 2431 2432 @click="$store.xHeaderMenu.clickItem($el, $event, false, false, false)" 2433 2434 2435 > 2436 <div class="overflow-hidden pb-[1px] mg-blink flex items-center"> 2437 <div class="relative x-anm"> 2438 <a href="#" 2439 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" 2440 > 2441 2442 2443 2444 2445 2446 <span>Blog</span> 2447 2448 2449 2450 </a> 2451 2452 <a href="#" 2453 tabindex="-1" 2454 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" 2455 > 2456 2457 2458 2459 2460 2461 <span>Blog</span> 2462 2463 2464 2465 </a> 2466 2467 </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;"> 2468 <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/> 2469 </svg> 2470</span></div> 2471 </div> 2472 <div id="menu-5"></div> 2473 </li> 2474<li x-data='{ active: false }' 2475 class="flip-container simple_menu pl-0 has-dropdown" 2476 @mouseover.once="$store.xHeaderMenu.initToggleMenuHeight($el)" 2477 2478 2479 x-on:mouseover="$el.classList.add('is-focus');" 2480 @mouseleave="$el.classList.remove('is-focus');" 2481 @focusin="$el.classList.add('is-focus');" 2482 @focusout="$el.classList.remove('is-focus');" 2483 2484 > 2485 <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" 2486 2487 2488 @click="$store.xHeaderMenu.clickItem($el, $event, false, false, false)" 2489 2490 2491 > 2492 <div class="overflow-hidden pb-[1px] mg-blink flex items-center"> 2493 <div class="relative x-anm"> 2494 <a href="#" 2495 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" 2496 > 2497 2498 2499 2500 2501
2502 <span>Support</span> 2503 2504 2505 2506 </a> 2507 2508 <a href="#" 2509 tabindex="-1" 2510 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" 2511 > 2512 2513 2514 2515 2516 2517 <span>Support</span> 2518 2519 2520 2521 </a> 2522 2523 </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;"> 2524 <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/> 2525 </svg> 2526</span></div> 2527 </div><div id="menu-6"></div></li> 2528<template x-teleport="#menu-1"> 2529 2530<template x-if="!runDispatch"> 2531 <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" 2532 > 2533 <div class="mega-menu-container x-pgw page-width mx-auto promotion-vertical image-count-0 md:max-h-[80vh]"> 2534 <div class="mega-nav pt-8 relative grid-cols-4 relative mega-menu-vertical"><style data-shopify> 2535</style> 2536 <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 2537 class="sub-menu-item table has-dropdown tabbed-animation-change is-active" 2538 x-on:mouseover="$store.xHeaderMenu.selectItem($el, true); $el.classList.add('is-focus-child'); $store.xHeaderMenu.setHeightScroll($el)" 2539 @mouseleave="$el.classList.remove('is-focus-child');" 2540 @focusin="$store.xHeaderMenu.selectItem($el, true); $el.classList.add('is-focus-child');" 2541 @focusout="$el.classList.remove('is-focus-child');" 2542 2543 x-intersect.once.margin.200px="$store.xHeaderMenu.setHeightScroll($el, 1)" 2544 2545 2546 > 2547 <div class="sub-menu border-t flex items-center z-10 relative pl-2.5 pr-2.5 w-[15.6rem]"> 2548<span class="flex-1"> 2549 <a 2550 href="/collections/all-tea" 2551 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" 2552 @init-run.window="$store.xHeaderMenu.isTouch && $store.xHeaderMenu.touchItem($el, true)" 2553 > 2554 2555 2556 2557 2558 2559 <span class="p-break-words">Tea</span> 2560 2561 2562 2563<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"> 2564 <svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;"> 2565 <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/> 2566 </svg> 2567 2568 </span></a> 2569 </span> 2570 </div> 2571 2572 <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"> 2573 <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">
2573<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"> 2574 <div class=""> 2575 <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"> 2576 2577 2578 2579 2580 2581 <span class="p-break-words">Green Tea</span> 2582 2583 2584 2585 </a> 2586 2587 2588 <a 2589 href="/collections/chinese-green-tea" 2590 class="inline-block relative overflow-hidden w-full h-0 mt-1 rounded-md" 2591 aria-label="image" 2592 style="padding-bottom: 100.0%;" 2593 > 2594 2595 <img 2596 srcset="//iteaworld.com/cdn/shop/collections/green_tea_2ed12cad-fe31-42fb-bea4-b361cdf5592d.webp?v=1782182803&width=100 100w, 2597 //iteaworld.com/cdn/shop/collections/green_tea_2ed12cad-fe31-42fb-bea4-b361cdf5592d.webp?v=1782182803&width=225 225w, 2598 //iteaworld.com/cdn/shop/collections/green_tea_2ed12cad-fe31-42fb-bea4-b361cdf5592d.webp?v=1782182803&width=375 375w, 2599 //iteaworld.com/cdn/shop/collections/green_tea_2ed12cad-fe31-42fb-bea4-b361cdf5592d.webp?v=1782182803&width=450 450w, 2600 //iteaworld.com/cdn/shop/collections/green_tea_2ed12cad-fe31-42fb-bea4-b361cdf5592d.webp?v=1782182803&width=750 750w, 2601 //iteaworld.com/cdn/shop/collections/green_tea_2ed12cad-fe31-42fb-bea4-b361cdf5592d.webp?v=1782182803&width=900 900w, 2602 //iteaworld.com/cdn/shop/collections/green_tea_2ed12cad-fe31-42fb-bea4-b361cdf5592d.webp?v=1782182803&width=1100 1100w, 2603 //iteaworld.com/cdn/shop/collections/green_tea_2ed12cad-fe31-42fb-bea4-b361cdf5592d.webp?v=1782182803&width=1500 1500w, 2604 //iteaworld.com/cdn/shop/collections/green_tea_2ed12cad-fe31-42fb-bea4-b361cdf5592d.webp?v=1782182803&width=1780 1780w" 2605 src="//iteaworld.com/cdn/shop/collections/green_tea_2ed12cad-fe31-42fb-bea4-b361cdf5592d.webp?v=1782182803&width=3840" 2606 sizes="(min-width: 768px) calc(1400px / 5), 2607 2608 (min-width: 768px) 100px" 2609 alt="Green Tea" 2610 height="500" 2611 width="500" 2612 loading="lazy" 2613 onload="this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');" 2614 class="w-full h-full object-cover z-10 object-center image-hover absolute top-0 right-0 animate-Xpulse skeleton-image rounded-[10px]" 2615 > 2616 2617 </a> 2618 2619</div></li><li class="relative"> 2620 <div class=""> 2621 <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"> 2622 2623 2624 2625 2626 2627 <span class="p-break-words">Oolong Tea</span> 2628 2629 2630 2631 </a> 2632 2633 2634 <a 2635 href="/collections/oolong-tea" 2636 class="inline-block relative overflow-hidden w-full h-0 mt-1 rounded-md" 2637 aria-label="image" 2638 style="padding-bottom: 100.0%;" 2639 > 2640 2641 <img 2642 srcset="//iteaworld.com/cdn/shop/collections/oolong_tea_e3d3930d-66f2-40af-a105-47efcbe0d8ff.webp?v=1740738578&width=100 100w, 2643 //iteaworld.com/cdn/shop/collections/oolong_tea_e3d3930d-66f2-40af-a105-47efcbe0d8ff.webp?v=1740738578&width=225 225w, 2644 //iteaworld.com/cdn/shop/collections/oolong_tea_e3d3930d-66f2-40af-a105-47efcbe0d8ff.webp?v=1740738578&width=375 375w, 2645 //iteaworld.com/cdn/shop/collections/oolong_tea_e3d3930d-66f2-40
2645af-a105-47efcbe0d8ff.webp?v=1740738578&width=450 450w, 2646 //iteaworld.com/cdn/shop/collections/oolong_tea_e3d3930d-66f2-40af-a105-47efcbe0d8ff.webp?v=1740738578&width=750 750w, 2647 //iteaworld.com/cdn/shop/collections/oolong_tea_e3d3930d-66f2-40af-a105-47efcbe0d8ff.webp?v=1740738578&width=900 900w, 2648 //iteaworld.com/cdn/shop/collections/oolong_tea_e3d3930d-66f2-40af-a105-47efcbe0d8ff.webp?v=1740738578&width=1100 1100w, 2649 //iteaworld.com/cdn/shop/collections/oolong_tea_e3d3930d-66f2-40af-a105-47efcbe0d8ff.webp?v=1740738578&width=1500 1500w, 2650 //iteaworld.com/cdn/shop/collections/oolong_tea_e3d3930d-66f2-40af-a105-47efcbe0d8ff.webp?v=1740738578&width=1780 1780w" 2651 src="//iteaworld.com/cdn/shop/collections/oolong_tea_e3d3930d-66f2-40af-a105-47efcbe0d8ff.webp?v=1740738578&width=3840" 2652 sizes="(min-width: 768px) calc(1400px / 5), 2653 2654 (min-width: 768px) 100px" 2655 alt="Oolong Tea" 2656 height="500" 2657 width="500" 2658 loading="lazy" 2659 onload="this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');" 2660 class="w-full h-full object-cover z-10 object-center image-hover absolute top-0 right-0 animate-Xpulse skeleton-image rounded-[10px]" 2661 > 2662 2663 </a> 2664 2665</div></li><li class="relative"> 2666 <div class=""> 2667 <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"> 2668 2669 2670 2671 2672 2673 <span class="p-break-words">Scented Tea</span> 2674 2675 2676 2677 </a> 2678 2679 2680 <a 2681 href="/collections/floral-tea" 2682 class="inline-block relative overflow-hidden w-full h-0 mt-1 rounded-md" 2683 aria-label="image" 2684 style="padding-bottom: 100.0%;" 2685 > 2686 2687 <img 2688 srcset="//iteaworld.com/cdn/shop/collections/jasmine_tea_3564ca3e-1b3a-43d1-a01f-fe93ca56e1f2.webp?v=1775110938&width=100 100w, 2689 //iteaworld.com/cdn/shop/collections/jasmine_tea_3564ca3e-1b3a-43d1-a01f-fe93ca56e1f2.webp?v=1775110938&width=225 225w, 2690 //iteaworld.com/cdn/shop/collections/jasmine_tea_3564ca3e-1b3a-43d1-a01f-fe93ca56e1f2.webp?v=1775110938&width=375 375w, 2691 //iteaworld.com/cdn/shop/collections/jasmine_tea_3564ca3e-1b3a-43d1-a01f-fe93ca56e1f2.webp?v=1775110938&width=450 450w, 2692 //iteaworld.com/cdn/shop/collections/jasmine_tea_3564ca3e-1b3a-43d1-a01f-fe93ca56e1f2.webp?v=1775110938&width=750 750w, 2693 //iteaworld.com/cdn/shop/collections/jasmine_tea_3564ca3e-1b3a-43d1-a01f-fe93ca56e1f2.webp?v=1775110938&width=900 900w, 2694 //iteaworld.com/cdn/shop/collections/jasmine_tea_3564ca3e-1b3a-43d1-a01f-fe93ca56e1f2.webp?v=1775110938&width=1100 1100w, 2695 //iteaworld.com/cdn/shop/collections/jasmine_tea_3564ca3e-1b3a-43d1-a01f-fe93ca56e1f2.webp?v=1775110938&width=1500 1500w, 2696 //iteaworld.com/cdn/shop/collections/jasmine_tea_3564ca3e-1b3a-43d1-a01f-fe93ca56e1f2.webp?v=1775110938&width=1780 1780w" 2697 src="//iteaworld.com/cdn/shop/collections/jasmine_tea_3564ca3e-1b3a-43d1-a01f-fe93ca56e1f2.webp?v=1775110938&width=3840" 2698 sizes="(min-width: 768px) calc(1400px / 5), 2699 2700 (min-width: 768px) 100px" 2701 alt="Scented Tea" 2702 height="500" 2703 width="500" 2704 loading="lazy" 2705 onload="this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');" 2706 class="w-full h-full object-cover z-10 object-center image-hover absolute top-0 right-0 animate-Xpulse skeleton-image rounded-[10px]" 2707 > 2708 2709 </a> 2710 2711</div></li><li class="relative"> 2712 <div class=""> 2713 <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
2713inline-block"> 2714 2715 2716 2717 2718 2719 <span class="p-break-words">White Tea</span> 2720 2721 2722 2723 </a> 2724 2725 2726 <a 2727 href="/collections/white-tea" 2728 class="inline-block relative overflow-hidden w-full h-0 mt-1 rounded-md" 2729 aria-label="image" 2730 style="padding-bottom: 100.0%;" 2731 > 2732 2733 <img 2734 srcset="//iteaworld.com/cdn/shop/collections/fenlei.webp?v=1740649305&width=100 100w, 2735 //iteaworld.com/cdn/shop/collections/fenlei.webp?v=1740649305&width=225 225w, 2736 //iteaworld.com/cdn/shop/collections/fenlei.webp?v=1740649305&width=375 375w, 2737 //iteaworld.com/cdn/shop/collections/fenlei.webp?v=1740649305&width=450 450w, 2738 //iteaworld.com/cdn/shop/collections/fenlei.webp?v=1740649305&width=750 750w, 2739 //iteaworld.com/cdn/shop/collections/fenlei.webp?v=1740649305&width=900 900w, 2740 //iteaworld.com/cdn/shop/collections/fenlei.webp?v=1740649305&width=1100 1100w, 2741 //iteaworld.com/cdn/shop/collections/fenlei.webp?v=1740649305&width=1500 1500w, 2742 //iteaworld.com/cdn/shop/collections/fenlei.webp?v=1740649305&width=1780 1780w" 2743 src="//iteaworld.com/cdn/shop/collections/fenlei.webp?v=1740649305&width=3840" 2744 sizes="(min-width: 768px) calc(1400px / 5), 2745 2746 (min-width: 768px) 100px" 2747 alt="White Tea" 2748 height="500" 2749 width="500" 2750 loading="lazy" 2751 onload="this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');" 2752 class="w-full h-full object-cover z-10 object-center image-hover absolute top-0 right-0 animate-Xpulse skeleton-image rounded-[10px]" 2753 > 2754 2755 </a> 2756 2757</div></li><li class="relative"> 2758 <div class=""> 2759 <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"> 2760 2761 2762 2763 2764 2765 <span class="p-break-words">Dark Tea & Pu'erh</span> 2766 2767 2768 2769 </a> 2770 2771 2772 <a 2773 href="/collections/dark-tea" 2774 class="inline-block relative overflow-hidden w-full h-0 mt-1 rounded-md" 2775 aria-label="image" 2776 style="padding-bottom: 100.0%;" 2777 > 2778 2779 <img 2780 srcset="//iteaworld.com/cdn/shop/collections/dark_tea.webp?v=1740738961&width=100 100w, 2781 //iteaworld.com/cdn/shop/collections/dark_tea.webp?v=1740738961&width=225 225w, 2782 //iteaworld.com/cdn/shop/collections/dark_tea.webp?v=1740738961&width=375 375w, 2783 //iteaworld.com/cdn/shop/collections/dark_tea.webp?v=1740738961&width=450 450w, 2784 //iteaworld.com/cdn/shop/collections/dark_tea.webp?v=1740738961&width=750 750w, 2785 //iteaworld.com/cdn/shop/collections/dark_tea.webp?v=1740738961&width=900 900w, 2786 //iteaworld.com/cdn/shop/collections/dark_tea.webp?v=1740738961&width=1100 1100w, 2787 //iteaworld.com/cdn/shop/collections/dark_tea.webp?v=1740738961&width=1500 1500w, 2788 //iteaworld.com/cdn/shop/collections/dark_tea.webp?v=1740738961&width=1780 1780w" 2789 src="//iteaworld.com/cdn/shop/collections/dark_tea.webp?v=1740738961&width=3840" 2790 sizes="(min-width: 768px) calc(1400px / 5), 2791 2792 (min-width: 768px) 100px" 2793 alt="Dark Tea" 2794 height="500" 2795 width="500" 2796 loading="lazy" 2797 onload="this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');" 2798 class="w-full h-full object-cover z-10 object-center image-hover absolute top-0 right-0 animate-Xpulse skeleton-image rounded-[10px]" 2799 > 2800 2801 </a> 2802 2803</div></li><li class="relative"> 2804 <div class=""> 2805 <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
2805inline-block"> 2806 2807 2808 2809 2810 2811 <span class="p-break-words">Black Tea</span> 2812 2813 2814 2815 </a> 2816 2817 2818 <a 2819 href="/collections/black-tea" 2820 class="inline-block relative overflow-hidden w-full h-0 mt-1 rounded-md" 2821 aria-label="image" 2822 style="padding-bottom: 100.0%;" 2823 > 2824 2825 <img 2826 srcset="//iteaworld.com/cdn/shop/collections/black_tea_34f893fb-ef92-4744-acfe-1a0ad46a7f5d.webp?v=1740738900&width=100 100w, 2827 //iteaworld.com/cdn/shop/collections/black_tea_34f893fb-ef92-4744-acfe-1a0ad46a7f5d.webp?v=1740738900&width=225 225w, 2828 //iteaworld.com/cdn/shop/collections/black_tea_34f893fb-ef92-4744-acfe-1a0ad46a7f5d.webp?v=1740738900&width=375 375w, 2829 //iteaworld.com/cdn/shop/collections/black_tea_34f893fb-ef92-4744-acfe-1a0ad46a7f5d.webp?v=1740738900&width=450 450w, 2830 //iteaworld.com/cdn/shop/collections/black_tea_34f893fb-ef92-4744-acfe-1a0ad46a7f5d.webp?v=1740738900&width=750 750w, 2831 //iteaworld.com/cdn/shop/collections/black_tea_34f893fb-ef92-4744-acfe-1a0ad46a7f5d.webp?v=1740738900&width=900 900w, 2832 //iteaworld.com/cdn/shop/collections/black_tea_34f893fb-ef92-4744-acfe-1a0ad46a7f5d.webp?v=1740738900&width=1100 1100w, 2833 //iteaworld.com/cdn/shop/collections/black_tea_34f893fb-ef92-4744-acfe-1a0ad46a7f5d.webp?v=1740738900&width=1500 1500w, 2834 //iteaworld.com/cdn/shop/collections/black_tea_34f893fb-ef92-4744-acfe-1a0ad46a7f5d.webp?v=1740738900&width=1780 1780w" 2835 src="//iteaworld.com/cdn/shop/collections/black_tea_34f893fb-ef92-4744-acfe-1a0ad46a7f5d.webp?v=1740738900&width=3840" 2836 sizes="(min-width: 768px) calc(1400px / 5), 2837 2838 (min-width: 768px) 100px" 2839 alt="Black Tea" 2840 height="500" 2841 width="500" 2842 loading="lazy" 2843 onload="this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');" 2844 class="w-full h-full object-cover z-10 object-center image-hover absolute top-0 right-0 animate-Xpulse skeleton-image rounded-[10px]" 2845 > 2846 2847 </a> 2848 2849</div></li><li class="relative"> 2850 <div class=""> 2851 <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"> 2852 2853 2854 2855 2856 2857 <span class="p-break-words">Yellow Tea</span> 2858 2859 2860 2861 </a> 2862 2863 2864 <a 2865 href="/collections/yellow-tea" 2866 class="inline-block relative overflow-hidden w-full h-0 mt-1 rounded-md" 2867 aria-label="image" 2868 style="padding-bottom: 100.0%;" 2869 > 2870 2871 <img 2872 srcset="//iteaworld.com/cdn/shop/collections/yellow_tea_f810211e-2403-4a01-8357-d434506993a8.webp?v=1740738990&width=100 100w, 2873 //iteaworld.com/cdn/shop/collections/yellow_tea_f810211e-2403-4a01-8357-d434506993a8.webp?v=1740738990&width=225 225w, 2874 //iteaworld.com/cdn/shop/collections/yellow_tea_f810211e-2403-4a01-8357-d434506993a8.webp?v=1740738990&width=375 375w, 2875 //iteaworld.com/cdn/shop/collections/yellow_tea_f810211e-2403-4a01-8357-d434506993a8.webp?v=1740738990&width=450 450w, 2876 //iteaworld.com/cdn/shop/collections/yellow_tea_f810211e-2403-4a01-8357-d434506993a8.webp?v=1740738990&width=750 750w, 2877 //iteaworld.com/cdn/shop/collections/yellow_tea_f810211e-2403-4a01-8357-d434506993a8.webp?v=1740738990&width=900 900w, 2878 //iteaworld.com/cdn/shop/collections/yellow_tea_f810211e-2403-4a01-8357-d434506993a8.webp?v=1740738990&width=1100 1100w, 2879 //iteaworld.com/cdn/shop/collections/yellow_tea_f810211e-2403-4a01-8357-d434506993a8.webp?v=1740738990&width=1500 1500w, 2880 //iteaworld.com/cdn/shop/collections/yellow_tea_f810211e-2403-4a01-8357-d434506993a8.webp?v=1740738990&width=1780 1780w" 2881 src="//iteaworld.com/cdn/shop/collections/yellow_tea_f810211e-2403-4a01-8357-d434506993a8.webp?v=1740738990&width=3840" 2882 sizes="(min-width: 768px) calc(1400px / 5), 2883 2884 (min-width: 768px) 100px" 2885 alt="Yellow Tea" 2886 height="500" 2887 width="500" 2888 loading="lazy" 2889 onload="this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');" 2890 class="w-full h-full object-cover z-10 object-center image-hover absolute top-0 right-0 animate-Xpulse skeleton-image rounded-[10px]" 2891 > 2892 2893 </a> 2894 2895</div></li><li class="relative"> 2896 <div class=""> 2897 <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
2897inline-block"> 2898 2899 2900 2901 2902 2903 <span class="p-break-words">Herbal Tea</span> 2904 2905 2906 2907 </a> 2908 2909 2910 <a 2911 href="/collections/herbal-tea" 2912 class="inline-block relative overflow-hidden w-full h-0 mt-1 rounded-md" 2913 aria-label="image" 2914 style="padding-bottom: 100.0%;" 2915 > 2916 2917 <img 2918 srcset="//iteaworld.com/cdn/shop/collections/herbal_tea.webp?v=1777520952&width=100 100w, 2919 //iteaworld.com/cdn/shop/collections/herbal_tea.webp?v=1777520952&width=225 225w, 2920 //iteaworld.com/cdn/shop/collections/herbal_tea.webp?v=1777520952&width=375 375w, 2921 //iteaworld.com/cdn/shop/collections/herbal_tea.webp?v=1777520952&width=450 450w, 2922 //iteaworld.com/cdn/shop/collections/herbal_tea.webp?v=1777520952&width=750 750w, 2923 //iteaworld.com/cdn/shop/collections/herbal_tea.webp?v=1777520952&width=900 900w, 2924 //iteaworld.com/cdn/shop/collections/herbal_tea.webp?v=1777520952&width=1100 1100w, 2925 //iteaworld.com/cdn/shop/collections/herbal_tea.webp?v=1777520952&width=1500 1500w, 2926 //iteaworld.com/cdn/shop/collections/herbal_tea.webp?v=1777520952&width=1780 1780w" 2927 src="//iteaworld.com/cdn/shop/collections/herbal_tea.webp?v=1777520952&width=3840" 2928 sizes="(min-width: 768px) calc(1400px / 5), 2929 2930 (min-width: 768px) 100px" 2931 alt="Herbal Tea" 2932 height="500" 2933 width="500" 2934 loading="lazy" 2935 onload="this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');" 2936 class="w-full h-full object-cover z-10 object-center image-hover absolute top-0 right-0 animate-Xpulse skeleton-image rounded-[10px]" 2937 > 2938 2939 </a> 2940 2941</div></li></ul></div> 2942 2943 </div> 2944 </li><li 2945 class="sub-menu-item table has-dropdown tabbed-animation-change" 2946 x-on:mouseover="$store.xHeaderMenu.selectItem($el, true); $el.classList.add('is-focus-child'); $store.xHeaderMenu.setHeightScroll($el)" 2947 @mouseleave="$el.classList.remove('is-focus-child');" 2948 @focusin="$store.xHeaderMenu.selectItem($el, true); $el.classList.add('is-focus-child');" 2949 @focusout="$el.classList.remove('is-focus-child');" 2950 2951 x-intersect.once.margin.200px="$store.xHeaderMenu.setHeightScroll($el, 2)" 2952 2953@init-run.window="active = true;" 2954 > 2955 <div class="sub-menu flex items-center z-10 relative pl-2.5 pr-2.5 w-[15.6rem]"> 2956<span class="flex-1"> 2957 <a 2958 href="/" 2959 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" 2960 @init-run.window="$store.xHeaderMenu.isTouch && $store.xHeaderMenu.touchItem($el, true)" 2961 > 2962 2963 2964 2965 2966 2967 <span class="p-break-words">Health</span> 2968 2969 2970 2971<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"> 2972 <svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;"> 2973 <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/> 2974 </svg> 2975 2976 </span></a> 2977 </span> 2978 </div> 2979 2980 <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"> 2981 <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">
2981<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"> 2982 <div class=""> 2983 <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"> 2984 2985 2986 2987 2988 2989 <span class="p-break-words">Caffeine-free Herbal Tea</span> 2990 2991 2992 2993 </a> 2994 2995 2996 <a 2997 href="/collections/herbal-tea" 2998 class="inline-block relative overflow-hidden w-full h-0 mt-1 rounded-md" 2999 aria-label="image" 3000 style="padding-bottom: 100.0%;" 3001 > 3002 3003 <img 3004 srcset="//iteaworld.com/cdn/shop/collections/herbal_tea.webp?v=1777520952&width=100 100w, 3005 //iteaworld.com/cdn/shop/collections/herbal_tea.webp?v=1777520952&width=225 225w, 3006 //iteaworld.com/cdn/shop/collections/herbal_tea.webp?v=1777520952&width=375 375w, 3007 //iteaworld.com/cdn/shop/collections/herbal_tea.webp?v=1777520952&width=450 450w, 3008 //iteaworld.com/cdn/shop/collections/herbal_tea.webp?v=1777520952&width=750 750w, 3009 //iteaworld.com/cdn/shop/collections/herbal_tea.webp?v=1777520952&width=900 900w, 3010 //iteaworld.com/cdn/shop/collections/herbal_tea.webp?v=1777520952&width=1100 1100w, 3011 //iteaworld.com/cdn/shop/collections/herbal_tea.webp?v=1777520952&width=1500 1500w, 3012 //iteaworld.com/cdn/shop/collections/herbal_tea.webp?v=1777520952&width=1780 1780w" 3013 src="//iteaworld.com/cdn/shop/collections/herbal_tea.webp?v=1777520952&width=3840" 3014 sizes="(min-width: 768px) calc(1400px / 5), 3015 3016 (min-width: 768px) 100px" 3017 alt="Herbal Tea" 3018 height="500" 3019 width="500" 3020 loading="lazy" 3021 onload="this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');" 3022 class="w-full h-full object-cover z-10 object-center image-hover absolute top-0 right-0 animate-Xpulse skeleton-image rounded-[10px]" 3023 > 3024 3025 </a> 3026 3027</div></li><li class="relative"> 3028 <div class=""> 3029 <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"> 3030 3031 3032 3033 3034 3035 <span class="p-break-words">Seasonal Wellness Box</span> 3036 3037 3038 3039 </a> 3040 3041 3042 <a 3043 href="/collections/subscription-floral-fruit-wellness-box" 3044 class="inline-block relative overflow-hidden w-full h-0 mt-1 rounded-md" 3045 aria-label="image" 3046 style="padding-bottom: 100.0%;" 3047 > 3048 3049 <img 3050 srcset="//iteaworld.com/cdn/shop/collections/iTeaworld_Spring_Harmony_Tea_Collection-Six_Blend_for_Seasonal_Renewal_2.webp?v=1775041158&width=100 100w, 3051 //iteaworld.com/cdn/shop/collections/iTeaworld_Spring_Harmony_Tea_Collection-Six_Blend_for_Seasonal_Renewal_2.webp?v=1775041158&width=225 225w, 3052 //iteaworld.com/cdn/shop/collections/iTeaworld_Spring_Harmony_Tea_Collection-Six_Blend_for_Seasonal_Renewal_2.webp?v=1775041158&width=375 375w, 3053 //iteaworld.com/cdn/shop/collections/iTeaworld_Spring_Harmony_Tea_Collection-Six_Blend_for_Seasonal_Renewal_2.webp?v=1775041158&width=450 450w, 3054 //iteaworld.com/cdn/shop/collections/iTeaworld_Spring_Harmony_Tea_Collection-Six_Blend_for_Seasonal_Renewal_2.webp?v=1775041158&width=750 750w, 3055 //iteaworld.com/cdn/shop/collections/iTeaworld_Spring_Harmony_Tea_Collection-Six_Blend_for_Seasonal_Renewal_2.webp?v=1775041158&width=900 900w, 3056 //iteaworld.com/cdn/shop/collections/iTeaworld_Spring_Harmony_Tea_Collection-Six_Blend_for_Seasonal_Renewal_2.webp?v=1775041158&width=1100 1100w, 3057 //iteaworld.com/cdn/shop/collections/iTeaworld_Spring_Harmony_Tea_Collection-Six_Blend_for_Seasonal_Renewal_2.webp?v=1775041158&width=1500 1500w, 3058 //iteaworld.com/cdn/shop/collections/iTeaworld_Spring_Harmony_Tea_Collection-Six_Blend_for_Seasonal_Renewal_2.webp?v=1775041158&width=1780 1780w" 3059 src="//iteaworld.com/cdn/shop/collections/iTeaworld_Spring_Harmony_Tea_Collection-Six_Blend_for_Seasonal_Renewal_2.webp?v=1775041158&width=3840" 3060 sizes="(min-width: 768px) calc(1400px / 5), 3061 3062 (min-width: 768px) 100px" 3063 alt="Seasonal Wellness Box" 3064 height="1600" 3065 width="1600" 3066 loading="lazy" 3067 onload="this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');" 3068 class="w-full h-full object-cover z-10 object-center image-hover absolute top-0 right-0 animate-Xpulse skeleton-image rounded-[10px]" 3069 > 3070 3071 </a> 3072 3073</div></li><li class="relative"> 3074 <div class=""> 3075 <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
3075inline-block"> 3076 3077 3078 3079 3080 3081 <span class="p-break-words">Energizing</span> 3082 3083 3084 3085 </a> 3086 3087 3088 <a 3089 href="/collections/energizing-tea" 3090 class="inline-block relative overflow-hidden w-full h-0 mt-1 rounded-md" 3091 aria-label="image" 3092 style="padding-bottom: 100.0%;" 3093 > 3094 3095 <img 3096 srcset="//iteaworld.com/cdn/shop/collections/Energizing.webp?v=1775039424&width=100 100w, 3097 //iteaworld.com/cdn/shop/collections/Energizing.webp?v=1775039424&width=225 225w, 3098 //iteaworld.com/cdn/shop/collections/Energizing.webp?v=1775039424&width=375 375w, 3099 //iteaworld.com/cdn/shop/collections/Energizing.webp?v=1775039424&width=450 450w, 3100 //iteaworld.com/cdn/shop/collections/Energizing.webp?v=1775039424&width=750 750w, 3101 //iteaworld.com/cdn/shop/collections/Energizing.webp?v=1775039424&width=900 900w, 3102 //iteaworld.com/cdn/shop/collections/Energizing.webp?v=1775039424&width=1100 1100w, 3103 //iteaworld.com/cdn/shop/collections/Energizing.webp?v=1775039424&width=1500 1500w, 3104 //iteaworld.com/cdn/shop/collections/Energizing.webp?v=1775039424&width=1780 1780w" 3105 src="//iteaworld.com/cdn/shop/collections/Energizing.webp?v=1775039424&width=3840" 3106 sizes="(min-width: 768px) calc(1400px / 5), 3107 3108 (min-width: 768px) 100px" 3109 alt="Energizing Teas for Focus & Natural Energy" 3110 height="1500" 3111 width="1500" 3112 loading="lazy" 3113 onload="this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');" 3114 class="w-full h-full object-cover z-10 object-center image-hover absolute top-0 right-0 animate-Xpulse skeleton-image rounded-[10px]" 3115 > 3116 3117 </a> 3118 3119</div></li><li class="relative"> 3120 <div class=""> 3121 <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"> 3122 3123 3124 3125 3126 3127 <span class="p-break-words">Digestive</span> 3128 3129 3130 3131 </a> 3132 3133 3134 <a 3135 href="/collections/digestive-tea-1" 3136 class="inline-block relative overflow-hidden w-full h-0 mt-1 rounded-md" 3137 aria-label="image" 3138 style="padding-bottom: 100.0%;" 3139 > 3140 3141 <img 3142 srcset="//iteaworld.com/cdn/shop/collections/Digestive.jpg?v=1775040696&width=100 100w, 3143 //iteaworld.com/cdn/shop/collections/Digestive.jpg?v=1775040696&width=225 225w, 3144 //iteaworld.com/cdn/shop/collections/Digestive.jpg?v=1775040696&width=375 375w, 3145 //iteaworld.com/cdn/shop/collections/Digestive.jpg?v=1775040696&width=450 450w, 3146 //iteaworld.com/cdn/shop/collections/Digestive.jpg?v=1775040696&width=750 750w, 3147 //iteaworld.com/cdn/shop/collections/Digestive.jpg?v=1775040696&width=900 900w, 3148 //iteaworld.com/cdn/shop/collections/Digestive.jpg?v=1775040696&width=1100 1100w, 3149 //iteaworld.com/cdn/shop/collections/Digestive.jpg?v=1775040696&width=1500 1500w, 3150 //iteaworld.com/cdn/shop/collections/Digestive.jpg?v=1775040696&width=1780 1780w" 3151 src="//iteaworld.com/cdn/shop/collections/Digestive.jpg?v=1775040696&width=3840" 3152 sizes="(min-width: 768px) calc(1400px / 5), 3153 3154 (min-width: 768px) 100px" 3155 alt="Digestive Teas for Comfort After Meals" 3156 height="500" 3157 width="500" 3158 loading="lazy" 3159 onload="this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');" 3160 class="w-full h-full object-cover z-10 object-center image-hover absolute top-0 right-0 animate-Xpulse skeleton-image rounded-[10px]" 3161 > 3162 3163 </a> 3164 3165</div></li><li class="relative"> 3166 <div class=""> 3167 <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
3167inline-block"> 3168 3169 3170 3171 3172 3173 <span class="p-break-words">Relaxing</span> 3174 3175 3176 3177 </a> 3178 3179 3180 <a 3181 href="/collections/relaxing-tea" 3182 class="inline-block relative overflow-hidden w-full h-0 mt-1 rounded-md" 3183 aria-label="image" 3184 style="padding-bottom: 100.0%;" 3185 > 3186 3187 <img 3188 srcset="//iteaworld.com/cdn/shop/collections/Relaxing.webp?v=1775040370&width=100 100w, 3189 //iteaworld.com/cdn/shop/collections/Relaxing.webp?v=1775040370&width=225 225w, 3190 //iteaworld.com/cdn/shop/collections/Relaxing.webp?v=1775040370&width=375 375w, 3191 //iteaworld.com/cdn/shop/collections/Relaxing.webp?v=1775040370&width=450 450w, 3192 //iteaworld.com/cdn/shop/collections/Relaxing.webp?v=1775040370&width=750 750w, 3193 //iteaworld.com/cdn/shop/collections/Relaxing.webp?v=1775040370&width=900 900w, 3194 //iteaworld.com/cdn/shop/collections/Relaxing.webp?v=1775040370&width=1100 1100w, 3195 //iteaworld.com/cdn/shop/collections/Relaxing.webp?v=1775040370&width=1500 1500w, 3196 //iteaworld.com/cdn/shop/collections/Relaxing.webp?v=1775040370&width=1780 1780w" 3197 src="//iteaworld.com/cdn/shop/collections/Relaxing.webp?v=1775040370&width=3840" 3198 sizes="(min-width: 768px) calc(1400px / 5), 3199 3200 (min-width: 768px) 100px" 3201 alt="Relaxing Teas for Calm, Stress Relief" 3202 height="500" 3203 width="500" 3204 loading="lazy" 3205 onload="this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');" 3206 class="w-full h-full object-cover z-10 object-center image-hover absolute top-0 right-0 animate-Xpulse skeleton-image rounded-[10px]" 3207 > 3208 3209 </a> 3210 3211</div></li><li class="relative"> 3212 <div class=""> 3213 <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"> 3214 3215 3216 3217 3218 3219 <span class="p-break-words">Antioxidant-Rich</span> 3220 3221 3222 3223 </a> 3224 3225 3226 <a 3227 href="/collections/antioxidant-rich-tea" 3228 class="inline-block relative overflow-hidden w-full h-0 mt-1 rounded-md" 3229 aria-label="image" 3230 style="padding-bottom: 100.0%;" 3231 > 3232 3233 <img 3234 srcset="//iteaworld.com/cdn/shop/collections/Antioxidant-Rich.webp?v=1775040854&width=100 100w, 3235 //iteaworld.com/cdn/shop/collections/Antioxidant-Rich.webp?v=1775040854&width=225 225w, 3236 //iteaworld.com/cdn/shop/collections/Antioxidant-Rich.webp?v=1775040854&width=375 375w, 3237 //iteaworld.com/cdn/shop/collections/Antioxidant-Rich.webp?v=1775040854&width=450 450w, 3238 //iteaworld.com/cdn/shop/collections/Antioxidant-Rich.webp?v=1775040854&width=750 750w, 3239 //iteaworld.com/cdn/shop/collections/Antioxidant-Rich.webp?v=1775040854&width=900 900w, 3240 //iteaworld.com/cdn/shop/collections/Antioxidant-Rich.webp?v=1775040854&width=1100 1100w, 3241 //iteaworld.com/cdn/shop/collections/Antioxidant-Rich.webp?v=1775040854&width=1500 1500w, 3242 //iteaworld.com/cdn/shop/collections/Antioxidant-Rich.webp?v=1775040854&width=1780 1780w" 3243 src="//iteaworld.com/cdn/shop/collections/Antioxidant-Rich.webp?v=1775040854&width=3840" 3244 sizes="(min-width: 768px) calc(1400px / 5), 3245 3246 (min-width: 768px) 100px" 3247 alt="Antioxidant-Rich Tea" 3248 height="500" 3249 width="500" 3250 loading="lazy" 3251 onload="this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');" 3252 class="w-full h-full object-cover z-10 object-center image-hover absolute top-0 right-0 animate-Xpulse skeleton-image rounded-[10px]" 3253 > 3254 3255 </a> 3256 3257</div></li></ul></div> 3258 3259 </div> 3260 </li><li
3261 class="sub-menu-item table has-dropdown tabbed-animation-change" 3262 x-on:mouseover="$store.xHeaderMenu.selectItem($el, true); $el.classList.add('is-focus-child'); $store.xHeaderMenu.setHeightScroll($el)" 3263 @mouseleave="$el.classList.remove('is-focus-child');" 3264 @focusin="$store.xHeaderMenu.selectItem($el, true); $el.classList.add('is-focus-child');" 3265 @focusout="$el.classList.remove('is-focus-child');" 3266 3267 x-intersect.once.margin.200px="$store.xHeaderMenu.setHeightScroll($el, 3)" 3268 3269 3270 > 3271 <div class="sub-menu flex items-center z-10 relative pl-2.5 pr-2.5 w-[15.6rem]"> 3272<span class="flex-1"> 3273 <a 3274 href="/collections/chinese-tea-discovery-sets" 3275 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" 3276 @init-run.window="$store.xHeaderMenu.isTouch && $store.xHeaderMenu.touchItem($el, true)" 3277 > 3278 3279 3280 3281 3282 3283 <span class="p-break-words">Tea Flavor Discovery Set</span> 3284 3285 3286 3287<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"> 3288 <svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;"> 3289 <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/> 3290 </svg> 3291 3292 </span></a> 3293 </span> 3294 </div> 3295 3296 <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"> 3297 <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"> 3298 <div class=""> 3299 <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"> 3300 3301 3302 3303 3304 3305 <span class="p-break-words">Chinese Tea Starter Set</span> 3306 3307 3308 3309 </a> 3310 3311 3312 <a 3313 href="/products/chinese-tea-starter-sampler" 3314 class="inline-block relative overflow-hidden w-full h-0 mt-1 rounded-md" 3315 aria-label="image" 3316 style="padding-bottom: 100.0%;" 3317 > 3318 3319 <img 3320 srcset="//iteaworld.com/cdn/shop/files/iteaworldchineseteastarterset_19.webp?v=1784715154&width=100 100w, 3321 //iteaworld.com/cdn/shop/files/iteaworldchineseteastarterset_19.webp?v=1784715154&width=225 225w, 3322 //iteaworld.com/cdn/shop/files/iteaworldchineseteastarterset_19.webp?v=1784715154&width=375 375w, 3323 //iteaworld.com/cdn/shop/files/iteaworldchineseteastarterset_19.webp?v=1784715154&width=450 450w, 3324 //iteaworld.com/cdn/shop/files/iteaworldchineseteastarterset_19.webp?v=1784715154&width=750 750w, 3325 //iteaworld.com/cdn/shop/files/iteaworldchineseteastarterset_19.webp?v=1784715154&width=900 900w, 3326 //iteaworld.com/cdn/shop/files/iteaworldchineseteastarterset_19.webp?v=1784715154&width=1100 1100w, 3327 //iteaworld.com/cdn/shop/files/iteaworldchineseteastarterset_19.webp?v=1784715154&width=1500 1500w, 3328 //iteaworld.com/cdn/shop/files/iteaworldchineseteastarterset_19.webp?v=1784715154&width=1780 1780w" 3329 src="//iteaworld.com/cdn/shop/files/iteaworldchineseteastarterset_19.webp?v=1784715154&width=3840" 3330 sizes="(min-width: 768px) calc(1400px / 5), 3331 3332 (min-width: 768px) 100px" 3333 alt="Chinese Tea Starter Set 80g" 3334 height="1600" 3335 width="1600" 3336 loading="lazy" 3337 onload="this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');" 3338 class="w-full h-full object-cover z-10 object-center image-hover absolute top-0 right-0 animate-Xpulse skeleton-image rounded-[10px]" 3339 > 3340 3341 </a> 3342 3343</div></li><li class="relative"> 3344 <div class=""> 3345 <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
3345inline-block"> 3346 3347 3348 3349 3350 3351 <span class="p-break-words">Chinese Green Tea Starter Set</span> 3352 3353 3354 3355 </a> 3356 3357 3358 <a 3359 href="/products/chinese-green-tea-starter-set" 3360 class="inline-block relative overflow-hidden w-full h-0 mt-1 rounded-md" 3361 aria-label="image" 3362 style="padding-bottom: 100.0%;" 3363 > 3364 3365 <img 3366 srcset="//iteaworld.com/cdn/shop/files/iTeaworld_chinese_green_tea_starter_set_6.webp?v=1778815259&width=100 100w, 3367 //iteaworld.com/cdn/shop/files/iTeaworld_chinese_green_tea_starter_set_6.webp?v=1778815259&width=225 225w, 3368 //iteaworld.com/cdn/shop/files/iTeaworld_chinese_green_tea_starter_set_6.webp?v=1778815259&width=375 375w, 3369 //iteaworld.com/cdn/shop/files/iTeaworld_chinese_green_tea_starter_set_6.webp?v=1778815259&width=450 450w, 3370 //iteaworld.com/cdn/shop/files/iTeaworld_chinese_green_tea_starter_set_6.webp?v=1778815259&width=750 750w, 3371 //iteaworld.com/cdn/shop/files/iTeaworld_chinese_green_tea_starter_set_6.webp?v=1778815259&width=900 900w, 3372 //iteaworld.com/cdn/shop/files/iTeaworld_chinese_green_tea_starter_set_6.webp?v=1778815259&width=1100 1100w, 3373 //iteaworld.com/cdn/shop/files/iTeaworld_chinese_green_tea_starter_set_6.webp?v=1778815259&width=1500 1500w, 3374 //iteaworld.com/cdn/shop/files/iTeaworld_chinese_green_tea_starter_set_6.webp?v=1778815259&width=1780 1780w" 3375 src="//iteaworld.com/cdn/shop/files/iTeaworld_chinese_green_tea_starter_set_6.webp?v=1778815259&width=3840" 3376 sizes="(min-width: 768px) calc(1400px / 5), 3377 3378 (min-width: 768px) 100px" 3379 alt="Chinese Green Tea Starter Set 70g" 3380 height="1600" 3381 width="1600" 3382 loading="lazy" 3383 onload="this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');" 3384 class="w-full h-full object-cover z-10 object-center image-hover absolute top-0 right-0 animate-Xpulse skeleton-image rounded-[10px]" 3385 > 3386 3387 </a> 3388 3389</div></li><li class="relative"> 3390 <div class=""> 3391 <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"> 3392 3393 3394 3395 3396 3397 <span class="p-break-words">Chinese Oolong Tea Starter Set</span> 3398 3399 3400 3401 </a> 3402 3403 3404 <a 3405 href="/products/chinese-oolong-tea-classic-flavor-collection-for-beginner" 3406 class="inline-block relative overflow-hidden w-full h-0 mt-1 rounded-md" 3407 aria-label="image" 3408 style="padding-bottom: 100.0%;" 3409 > 3410 3411 <img 3412 srcset="//iteaworld.com/cdn/shop/files/iTeaworldchineseoolongstarterset_1.webp?v=1781080460&width=100 100w, 3413 //iteaworld.com/cdn/shop/files/iTeaworldchineseoolongstarterset_1.webp?v=1781080460&width=225 225w, 3414 //iteaworld.com/cdn/shop/files/iTeaworldchineseoolongstarterset_1.webp?v=1781080460&width=375 375w, 3415 //iteaworld.com/cdn/shop/files/iTeaworldchineseoolongstarterset_1.webp?v=1781080460&width=450 450w, 3416 //iteaworld.com/cdn/shop/files/iTeaworldchineseoolongstarterset_1.webp?v=1781080460&width=750 750w, 3417 //iteaworld.com/cdn/shop/files/iTeaworldchineseoolongstarterset_1.webp?v=1781080460&width=900 900w, 3418 //iteaworld.com/cdn/shop/files/iTeaworldchineseoolongstarterset_1.webp?v=1781080460&width=1100 1100w, 3419 //iteaworld.com/cdn/shop/files/iTeaworldchineseoolongstarterset_1.webp?v=1781080460&width=1500 1500w, 3420 //iteaworld.com/cdn/shop/files/iTeaworldchineseoolongstarterset_1.webp?v=1781080460&width=1780 1780w" 3421 src="//iteaworld.com/cdn/shop/files/iTeaworldchineseoolongstarterset_1.webp?v=1781080460&width=3840" 3422 sizes="(min-width: 768px) calc(1400px / 5), 3423 3424 (min-width: 768px) 100px" 3425 alt="Chinese Oolong Tea Starter Set 75g" 3426 height="1600" 3427 width="1600" 3428 loading="lazy" 3429 onload="this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');" 3430 class="w-full h-full object-cover z-10 object-center image-hover absolute top-0 right-0 animate-Xpulse skeleton-image rounded-[10px]" 3431 > 3432 3433 </a> 3434 3435</div></li><li class="relative"> 3436 <div class=""> 3437 <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
3437inline-block"> 3438 3439 3440 3441 3442 3443 <span class="p-break-words">China's 10 Most Famous Tea Collection</span> 3444 3445 3446 3447 </a> 3448 3449 3450 <a 3451 href="/products/chinas-10-most-famous-tea-collection" 3452 class="inline-block relative overflow-hidden w-full h-0 mt-1 rounded-md" 3453 aria-label="image" 3454 style="padding-bottom: 100.0%;" 3455 > 3456 3457 <img 3458 srcset="//iteaworld.com/cdn/shop/files/iTeaworldchina_s10mostfamousteascollection_3.webp?v=1770812683&width=100 100w, 3459 //iteaworld.com/cdn/shop/files/iTeaworldchina_s10mostfamousteascollection_3.webp?v=1770812683&width=225 225w, 3460 //iteaworld.com/cdn/shop/files/iTeaworldchina_s10mostfamousteascollection_3.webp?v=1770812683&width=375 375w, 3461 //iteaworld.com/cdn/shop/files/iTeaworldchina_s10mostfamousteascollection_3.webp?v=1770812683&width=450 450w, 3462 //iteaworld.com/cdn/shop/files/iTeaworldchina_s10mostfamousteascollection_3.webp?v=1770812683&width=750 750w, 3463 //iteaworld.com/cdn/shop/files/iTeaworldchina_s10mostfamousteascollection_3.webp?v=1770812683&width=900 900w, 3464 //iteaworld.com/cdn/shop/files/iTeaworldchina_s10mostfamousteascollection_3.webp?v=1770812683&width=1100 1100w, 3465 //iteaworld.com/cdn/shop/files/iTeaworldchina_s10mostfamousteascollection_3.webp?v=1770812683&width=1500 1500w, 3466 //iteaworld.com/cdn/shop/files/iTeaworldchina_s10mostfamousteascollection_3.webp?v=1770812683&width=1780 1780w" 3467 src="//iteaworld.com/cdn/shop/files/iTeaworldchina_s10mostfamousteascollection_3.webp?v=1770812683&width=3840" 3468 sizes="(min-width: 768px) calc(1400px / 5), 3469 3470 (min-width: 768px) 100px" 3471 alt="Chinaâs 10 Famous Teas Collection" 3472 height="1600" 3473 width="1600" 3474 loading="lazy" 3475 onload="this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');" 3476 class="w-full h-full object-cover z-10 object-center image-hover absolute top-0 right-0 animate-Xpulse skeleton-image rounded-[10px]" 3477 > 3478 3479 </a> 3480 3481</div></li><li class="relative"> 3482 <div class=""> 3483 <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"> 3484 3485 3486 3487 3488 3489 <span class="p-break-words">Chinese Jasmine Tea Flavor Collection</span> 3490 3491 3492 3493 </a> 3494 3495 3496 <a 3497 href="/products/6-jasmine-tea-sampler-freshly-scented-with-2025-blossoms" 3498 class="inline-block relative overflow-hidden w-full h-0 mt-1 rounded-md" 3499 aria-label="image" 3500 style="padding-bottom: 100.0%;" 3501 > 3502 3503 <img 3504 srcset="//iteaworld.com/cdn/shop/files/01_14_8dff11a5-d0f4-488a-9070-35af06ed32c6.webp?v=1770813722&width=100 100w, 3505 //iteaworld.com/cdn/shop/files/01_14_8dff11a5-d0f4-488a-9070-35af06ed32c6.webp?v=1770813722&width=225 225w, 3506 //iteaworld.com/cdn/shop/files/01_14_8dff11a5-d0f4-488a-9070-35af06ed32c6.webp?v=1770813722&width=375 375w, 3507 //iteaworld.com/cdn/shop/files/01_14_8dff11a5-d0f4-488a-9070-35af06ed32c6.webp?v=1770813722&width=450 450w, 3508 //iteaworld.com/cdn/shop/files/01_14_8dff11a5-d0f4-488a-9070-35af06ed32c6.webp?v=1770813722&width=750 750w, 3509 //iteaworld.com/cdn/shop/files/01_14_8dff11a5-d0f4-488a-9070-35af06ed32c6.webp?v=1770813722&width=900 900w, 3510 //iteaworld.com/cdn/shop/files/01_14_8dff11a5-d0f4-488a-9070-35af06ed32c6.webp?v=1770813722&width=1100 1100w, 3511 //iteaworld.com/cdn/shop/files/01_14_8dff11a5-d0f4-488a-9070-35af06ed32c6.webp?v=1770813722&width=1500 1500w, 3512 //iteaworld.com/cdn/shop/files/01_14_8dff11a5-d0f4-488a-9070-35af06ed32c6.webp?v=1770813722&width=1780 1780w" 3513 src="//iteaworld.com/cdn/shop/files/01_14_8dff11a5-d0f4-488a-9070-35af06ed32c6.webp?v=1770813722&width=3840" 3514 sizes="(min-width: 768px) calc(1400px / 5), 3515 3516 (min-width: 768px) 100px" 3517 alt="Chinese Jasmine Tea Flavor Collection 90g" 3518 height="1600" 3519 width="1600" 3520 loading="lazy" 3521 onload="this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');" 3522 class="w-full h-full object-cover z-10 object-center image-hover absolute top-0 right-0 animate-Xpulse skeleton-image rounded-[10px]" 3523 > 3524 3525 </a> 3526 3527</div></li><li class="relative"> 3528 <div class=""> 3529 <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
3529inline-block"> 3530 3531 3532 3533 3534 3535 <span class="p-break-words">Chinese Floral Tea Collection</span> 3536 3537 3538 3539 </a> 3540 3541 3542 <a 3543 href="/products/chinese-floral-tea-collection-ten-tea-ten-blessings-one-meaningful-gift" 3544 class="inline-block relative overflow-hidden w-full h-0 mt-1 rounded-md" 3545 aria-label="image" 3546 style="padding-bottom: 100.0%;" 3547 > 3548 3549 <img 3550 srcset="//iteaworld.com/cdn/shop/files/iTeaworld_chinese_floral_tea_collection_5.webp?v=1773222974&width=100 100w, 3551 //iteaworld.com/cdn/shop/files/iTeaworld_chinese_floral_tea_collection_5.webp?v=1773222974&width=225 225w, 3552 //iteaworld.com/cdn/shop/files/iTeaworld_chinese_floral_tea_collection_5.webp?v=1773222974&width=375 375w, 3553 //iteaworld.com/cdn/shop/files/iTeaworld_chinese_floral_tea_collection_5.webp?v=1773222974&width=450 450w, 3554 //iteaworld.com/cdn/shop/files/iTeaworld_chinese_floral_tea_collection_5.webp?v=1773222974&width=750 750w, 3555 //iteaworld.com/cdn/shop/files/iTeaworld_chinese_floral_tea_collection_5.webp?v=1773222974&width=900 900w, 3556 //iteaworld.com/cdn/shop/files/iTeaworld_chinese_floral_tea_collection_5.webp?v=1773222974&width=1100 1100w, 3557 //iteaworld.com/cdn/shop/files/iTeaworld_chinese_floral_tea_collection_5.webp?v=1773222974&width=1500 1500w, 3558 //iteaworld.com/cdn/shop/files/iTeaworld_chinese_floral_tea_collection_5.webp?v=1773222974&width=1780 1780w" 3559 src="//iteaworld.com/cdn/shop/files/iTeaworld_chinese_floral_tea_collection_5.webp?v=1773222974&width=3840" 3560 sizes="(min-width: 768px) calc(1400px / 5), 3561 3562 (min-width: 768px) 100px" 3563 alt="Traditional Chinese Scented Tea Collection 100g" 3564 height="1600" 3565 width="1600" 3566 loading="lazy" 3567 onload="this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');" 3568 class="w-full h-full object-cover z-10 object-center image-hover absolute top-0 right-0 animate-Xpulse skeleton-image rounded-[10px]" 3569 > 3570 3571 </a> 3572 3573</div></li></ul></div> 3574 3575 </div> 3576 </li><li 3577 class="sub-menu-item table has-dropdown tabbed-animation-change" 3578 x-on:mouseover="$store.xHeaderMenu.selectItem($el, true); $el.classList.add('is-focus-child'); $store.xHeaderMenu.setHeightScroll($el)" 3579 @mouseleave="$el.classList.remove('is-focus-child');" 3580 @focusin="$store.xHeaderMenu.selectItem($el, true); $el.classList.add('is-focus-child');" 3581 @focusout="$el.classList.remove('is-focus-child');" 3582 3583 x-intersect.once.margin.200px="$store.xHeaderMenu.setHeightScroll($el, 4)" 3584 3585@init-run.window="active = true;" 3586 > 3587 <div class="sub-menu flex items-center z-10 relative pl-2.5 pr-2.5 w-[15.6rem]"> 3588<span class="flex-1"> 3589 <a 3590 href="/" 3591 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" 3592 @init-run.window="$store.xHeaderMenu.isTouch && $store.xHeaderMenu.touchItem($el, true)" 3593 > 3594 3595 3596 3597 3598 3599 <span class="p-break-words">Special Collections</span> 3600 3601 3602 3603<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"> 3604 <svg width="100%" height="100%" viewB
3604ox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;"> 3605 <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/> 3606 </svg> 3607 3608 </span></a> 3609 </span> 3610 </div> 3611 3612 <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"> 3613 <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"> 3614 <div class=""> 3615 <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"> 3616 3617 3618 3619 3620 3621 <span class="p-break-words">Aged Tea</span> 3622 3623 3624 3625 </a> 3626 3627 3628 <a 3629 href="/collections/aged-tea" 3630 class="inline-block relative overflow-hidden w-full h-0 mt-1 rounded-md" 3631 aria-label="image" 3632 style="padding-bottom: 100.0%;" 3633 > 3634 3635 <img 3636 srcset="//iteaworld.com/cdn/shop/collections/Aged_Tea.jpg?v=1775038086&width=100 100w, 3637 //iteaworld.com/cdn/shop/collections/Aged_Tea.jpg?v=1775038086&width=225 225w, 3638 //iteaworld.com/cdn/shop/collections/Aged_Tea.jpg?v=1775038086&width=375 375w, 3639 //iteaworld.com/cdn/shop/collections/Aged_Tea.jpg?v=1775038086&width=450 450w, 3640 //iteaworld.com/cdn/shop/collections/Aged_Tea.jpg?v=1775038086&width=750 750w, 3641 //iteaworld.com/cdn/shop/collections/Aged_Tea.jpg?v=1775038086&width=900 900w, 3642 //iteaworld.com/cdn/shop/collections/Aged_Tea.jpg?v=1775038086&width=1100 1100w, 3643 //iteaworld.com/cdn/shop/collections/Aged_Tea.jpg?v=1775038086&width=1500 1500w, 3644 //iteaworld.com/cdn/shop/collections/Aged_Tea.jpg?v=1775038086&width=1780 1780w" 3645 src="//iteaworld.com/cdn/shop/collections/Aged_Tea.jpg?v=1775038086&width=3840" 3646 sizes="(min-width: 768px) calc(1400px / 5), 3647 3648 (min-width: 768px) 100px" 3649 alt="Aged Tea" 3650 height="500" 3651 width="500" 3652 loading="lazy" 3653 onload="this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');" 3654 class="w-full h-full object-cover z-10 object-center image-hover absolute top-0 right-0 animate-Xpulse skeleton-image rounded-[10px]" 3655 > 3656 3657 </a> 3658 3659</div></li><li class="relative"> 3660 <div class=""> 3661 <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"> 3662 3663 3664 3665 3666 3667 <span class="p-break-words">Comparison Set</span> 3668 3669 3670 3671 </a> 3672 3673 3674 <a 3675 href="/collections/tea-comparison-sets" 3676 class="inline-block relative overflow-hidden w-full h-0 mt-1 rounded-md" 3677 aria-label="image" 3678 style="padding-bottom: 100.0%;" 3679 > 3680 3681 <img 3682 srcset="//iteaworld.com/cdn/shop/collections/Untitled_design_1.jpg?v=1775038696&width=100 100w, 3683 //iteaworld.com/cdn/shop/collections/Untitled_design_1.jpg?v=1775038696&width=225 225w, 3684 //iteaworld.com/cdn/shop/collections/Untitled_design_1.jpg?v=1775038696&width=375 375w, 3685 //iteaworld.com/cdn/shop/collections/Untitled_design_1.jpg?v=1775038696&width=450 450w, 3686 //iteaworld.com/cdn/shop/collections/Untitled_design_1.jpg?v=1775038696&width=750 750w, 3687 //iteaworld.com/cdn/shop/collections/Untitled_design_1.jpg?v=1775038696&width=900 900w, 3688 //iteaworld.com/cdn/shop/collections/Untitled_design_1.jpg?v=1775038696&width=1100 1100w, 3689 //iteaworld.com/cdn/shop/collections/Untitled_design_1.jpg?v=1775038696&width=1500 1500w, 3690 //iteaworld.com/cdn/shop/collections/Untitled_design_1.jpg?v=1775038696&width=1780 1780w" 3691 src="//iteaworld.com/cdn/shop/collections/Untitled_design_1.jpg?v=1775038696&width=3840" 3692 sizes="(min-width: 768px) calc(1400px / 5), 3693 3694 (min-width: 768px) 100px" 3695 alt="Chinese Tea Comparison Sets" 3696 height="500" 3697 width="500" 3698 loading="lazy" 3699 onload="this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');" 3700 class="w-full h-full object-cover z-10 object-center image-hover absolute top-0 right-0 animate-Xpulse skeleton-image rounded-[10px]" 3701 > 3702 3703 </a> 3704 3705</div></li><li class="relative"> 3706 <div class=""> 3707 <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
3707inline-block"> 3708 3709 3710 3711 3712 3713 <span class="p-break-words">Cold Brew</span> 3714 3715 3716 3717 </a> 3718 3719 3720 <a 3721 href="/collections/cold-brew-tea" 3722 class="inline-block relative overflow-hidden w-full h-0 mt-1 rounded-md" 3723 aria-label="image" 3724 style="padding-bottom: 100.0%;" 3725 > 3726 3727 <img 3728 srcset="//iteaworld.com/cdn/shop/collections/cold_tea.webp?v=1775037948&width=100 100w, 3729 //iteaworld.com/cdn/shop/collections/cold_tea.webp?v=1775037948&width=225 225w, 3730 //iteaworld.com/cdn/shop/collections/cold_tea.webp?v=1775037948&width=375 375w, 3731 //iteaworld.com/cdn/shop/collections/cold_tea.webp?v=1775037948&width=450 450w, 3732 //iteaworld.com/cdn/shop/collections/cold_tea.webp?v=1775037948&width=750 750w, 3733 //iteaworld.com/cdn/shop/collections/cold_tea.webp?v=1775037948&width=900 900w, 3734 //iteaworld.com/cdn/shop/collections/cold_tea.webp?v=1775037948&width=1100 1100w, 3735 //iteaworld.com/cdn/shop/collections/cold_tea.webp?v=1775037948&width=1500 1500w, 3736 //iteaworld.com/cdn/shop/collections/cold_tea.webp?v=1775037948&width=1780 1780w" 3737 src="//iteaworld.com/cdn/shop/collections/cold_tea.webp?v=1775037948&width=3840" 3738 sizes="(min-width: 768px) calc(1400px / 5), 3739 3740 (min-width: 768px) 100px" 3741 alt="Cold Brew Tea" 3742 height="500" 3743 width="500" 3744 loading="lazy" 3745 onload="this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');" 3746 class="w-full h-full object-cover z-10 object-center image-hover absolute top-0 right-0 animate-Xpulse skeleton-image rounded-[10px]" 3747 > 3748 3749 </a> 3750 3751</div></li><li class="relative"> 3752 <div class=""> 3753 <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"> 3754 3755 3756 3757 3758 3759 <span class="p-break-words">Tea Gift Set</span> 3760 3761 3762 3763 </a> 3764 3765 3766 <a 3767 href="/collections/premium-tea-gift-set" 3768 class="inline-block relative overflow-hidden w-full h-0 mt-1 rounded-md" 3769 aria-label="image" 3770 style="padding-bottom: 100.0%;" 3771 > 3772 3773 <img 3774 srcset="//iteaworld.com/cdn/shop/collections/7_d7208fc6-da91-447d-9d63-68ecbccc3f8c.jpg?v=1774431278&width=100 100w, 3775 //iteaworld.com/cdn/shop/collections/7_d7208fc6-da91-447d-9d63-68ecbccc3f8c.jpg?v=1774431278&width=225 225w, 3776 //iteaworld.com/cdn/shop/collections/7_d7208fc6-da91-447d-9d63-68ecbccc3f8c.jpg?v=1774431278&width=375 375w, 3777 //iteaworld.com/cdn/shop/collections/7_d7208fc6-da91-447d-9d63-68ecbccc3f8c.jpg?v=1774431278&width=450 450w, 3778 //iteaworld.com/cdn/shop/collections/7_d7208fc6-da91-447d-9d63-68ecbccc3f8c.jpg?v=1774431278&width=750 750w, 3779 //iteaworld.com/cdn/shop/collections/7_d7208fc6-da91-447d-9d63-68ecbccc3f8c.jpg?v=1774431278&width=900 900w, 3780 //iteaworld.com/cdn/shop/collections/7_d7208fc6-da91-447d-9d63-68ecbccc3f8c.jpg?v=1774431278&width=1100 1100w, 3781 //iteaworld.com/cdn/shop/collections/7_d7208fc6-da91-447d-9d63-68ecbccc3f8c.jpg?v=1774431278&width=1500 1500w, 3782 //iteaworld.com/cdn/shop/collections/7_d7208fc6-da91-447d-9d63-68ecbccc3f8c.jpg?v=1774431278&width=1780 1780w" 3783 src="//iteaworld.com/cdn/shop/collections/7_d7208fc6-da91-447d-9d63-68ecbccc3f8c.jpg?v=1774431278&width=3840" 3784 sizes="(min-width: 768px) calc(1400px / 5), 3785 3786 (min-width: 768px) 100px" 3787 alt="Shop Tea Gift Set" 3788 height="1080" 3789 width="1080" 3790 loading="lazy" 3791 onload="this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');" 3792 class="w-full h-full object-cover z-10 object-center image-hover absolute top-0 right-0 animate-Xpulse skeleton-image rounded-[10px]" 3793 > 3794 3795 </a> 3796 3797</div></li><li class="relative"> 3798 <div class=""> 3799 <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
3799inline-block"> 3800 3801 3802 3803 3804 3805 <span class="p-break-words">First Flush Green Tea</span> 3806 3807 3808 3809 </a> 3810 3811 3812 <a 3813 href="/collections/spring-first-flush-green-tea" 3814 class="inline-block relative overflow-hidden w-full h-0 mt-1 rounded-md" 3815 aria-label="image" 3816 style="padding-bottom: 100.0%;" 3817 > 3818 3819 <img 3820 srcset="//iteaworld.com/cdn/shop/collections/Spring_First_Flush.webp?v=1775038118&width=100 100w, 3821 //iteaworld.com/cdn/shop/collections/Spring_First_Flush.webp?v=1775038118&width=225 225w, 3822 //iteaworld.com/cdn/shop/collections/Spring_First_Flush.webp?v=1775038118&width=375 375w, 3823 //iteaworld.com/cdn/shop/collections/Spring_First_Flush.webp?v=1775038118&width=450 450w, 3824 //iteaworld.com/cdn/shop/collections/Spring_First_Flush.webp?v=1775038118&width=750 750w, 3825 //iteaworld.com/cdn/shop/collections/Spring_First_Flush.webp?v=1775038118&width=900 900w, 3826 //iteaworld.com/cdn/shop/collections/Spring_First_Flush.webp?v=1775038118&width=1100 1100w, 3827 //iteaworld.com/cdn/shop/collections/Spring_First_Flush.webp?v=1775038118&width=1500 1500w, 3828 //iteaworld.com/cdn/shop/collections/Spring_First_Flush.webp?v=1775038118&width=1780 1780w" 3829 src="//iteaworld.com/cdn/shop/collections/Spring_First_Flush.webp?v=1775038118&width=3840" 3830 sizes="(min-width: 768px) calc(1400px / 5), 3831 3832 (min-width: 768px) 100px" 3833 alt="First Flush Green Tea" 3834 height="1200" 3835 width="1200" 3836 loading="lazy" 3837 onload="this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');" 3838 class="w-full h-full object-cover z-10 object-center image-hover absolute top-0 right-0 animate-Xpulse skeleton-image rounded-[10px]" 3839 > 3840 3841 </a> 3842 3843</div></li><li class="relative"> 3844 <div class=""> 3845 <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"> 3846 3847 3848 3849 3850 3851 <span class="p-break-words">Tea Sample</span> 3852 3853 3854 3855 </a> 3856 3857 3858 <a 3859 href="/collections/tea-samples" 3860 class="inline-block relative overflow-hidden w-full h-0 mt-1 rounded-md" 3861 aria-label="image" 3862 style="padding-bottom: 100.0%;" 3863 > 3864 3865 <img 3866 srcset="//iteaworld.com/cdn/shop/collections/tea_sample.webp?v=1775038256&width=100 100w, 3867 //iteaworld.com/cdn/shop/collections/tea_sample.webp?v=1775038256&width=225 225w, 3868 //iteaworld.com/cdn/shop/collections/tea_sample.webp?v=1775038256&width=375 375w, 3869 //iteaworld.com/cdn/shop/collections/tea_sample.webp?v=1775038256&width=450 450w, 3870 //iteaworld.com/cdn/shop/collections/tea_sample.webp?v=1775038256&width=750 750w, 3871 //iteaworld.com/cdn/shop/collections/tea_sample.webp?v=1775038256&width=900 900w, 3872 //iteaworld.com/cdn/shop/collections/tea_sample.webp?v=1775038256&width=1100 1100w, 3873 //iteaworld.com/cdn/shop/collections/tea_sample.webp?v=1775038256&width=1500 1500w, 3874 //iteaworld.com/cdn/shop/collections/tea_sample.webp?v=1775038256&width=1780 1780w" 3875 src="//iteaworld.com/cdn/shop/collections/tea_sample.webp?v=1775038256&width=3840" 3876 sizes="(min-width: 768px) calc(1400px / 5), 3877 3878 (min-width: 768px) 100px" 3879 alt="Tea Sample" 3880 height="1600" 3881 width="1600" 3882 loading="lazy" 3883 onload="this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');" 3884 class="w-full h-full object-cover z-10 object-center image-hover absolute top-0 right-0 animate-Xpulse skeleton-image rounded-[10px]" 3885 > 3886 3887 </a> 3888 3889</div></li></ul></div> 3890 3891 </div> 3892 </li><li
3893 class="sub-menu-item table tabbed-animation-change" 3894 x-on:mouseover="$store.xHeaderMenu.selectItem($el, true); $el.classList.add('is-focus-child'); $store.xHeaderMenu.setHeightScroll($el)" 3895 @mouseleave="$el.classList.remove('is-focus-child');" 3896 @focusin="$store.xHeaderMenu.selectItem($el, true); $el.classList.add('is-focus-child');" 3897 @focusout="$el.classList.remove('is-focus-child');" 3898 3899 x-intersect.once.margin.200px="$store.xHeaderMenu.setHeightScroll($el, 5)" 3900 3901 3902 > 3903 <div class="sub-menu flex items-center z-10 relative pl-2.5 pr-2.5 w-[15.6rem]"> 3904<span class="flex-1"> 3905 <a 3906 href="/collections/best-seller" 3907 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" 3908 3909 > 3910 3911 3912 3913 3914 3915 <span class="p-break-words">Best Sellers</span> 3916 3917 3918 3919</a> 3920 </span> 3921 </div> 3922 3923 <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"> 3924 <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> 3925 3926 </div> 3927 </li><li 3928 class="sub-menu-item table tabbed-animation-change" 3929 x-on:mouseover="$store.xHeaderMenu.selectItem($el, true); $el.classList.add('is-focus-child'); $store.xHeaderMenu.setHeightScroll($el)" 3930 @mouseleave="$el.classList.remove('is-focus-child');" 3931 @focusin="$store.xHeaderMenu.selectItem($el, true); $el.classList.add('is-focus-child');" 3932 @focusout="$el.classList.remove('is-focus-child');" 3933 3934 x-intersect.once.margin.200px="$store.xHeaderMenu.setHeightScroll($el, 6)" 3935 3936 3937 > 3938 <div class="sub-menu flex items-center z-10 relative pl-2.5 pr-2.5 w-[15.6rem]"> 3939<span class="flex-1"> 3940 <a 3941 href="/collections/new-tea-arrivals" 3942 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" 3943 3944 > 3945 3946 3947 3948 3949 3950 <span class="p-break-words">New Arrival</span> 3951 3952 3953 3954</a> 3955 </span> 3956 </div> 3957 3958 <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"> 3959 <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> 3960 3961 </div> 3962 </li></ul> 3963 3964 </div></div> 3965 </div> 3966 </template></template> 3967 3968 3969<template x-teleport="#menu-2"> 3970 3971<template x-if="!runDispatch"> 3972 <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" 3973 > 3974 <div class="mega-menu-container x-pgw page-width mx-auto promotion-vertical image-count-0 md:max-h-[80vh]"> 3975 <div class="mega-nav pt-8 relative grid-cols-4 relative mega-menu-vertical"><style data-shopify> 3976</style> 3977 <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
3978 class="sub-menu-item table tabbed-animation-change is-active" 3979 x-on:mouseover="$store.xHeaderMenu.selectItem($el, true); $el.classList.add('is-focus-child'); $store.xHeaderMenu.setHeightScroll($el)" 3980 @mouseleave="$el.classList.remove('is-focus-child');" 3981 @focusin="$store.xHeaderMenu.selectItem($el, true); $el.classList.add('is-focus-child');" 3982 @focusout="$el.classList.remove('is-focus-child');" 3983 3984 x-intersect.once.margin.200px="$store.xHeaderMenu.setHeightScroll($el, 1)" 3985 3986 3987 > 3988 <div class="sub-menu border-t flex items-center z-10 relative pl-2.5 pr-2.5 w-[15.6rem]"> 3989<span class="flex-1"> 3990 <a 3991 href="/collections/tea-pot" 3992 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" 3993 3994 > 3995 3996 3997 3998 3999 4000 <span class="p-break-words">Tea Pot</span> 4001 4002 4003 4004</a> 4005 </span> 4006 </div> 4007 4008 <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"> 4009 <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> 4010 4011 </div> 4012 </li><li 4013 class="sub-menu-item table tabbed-animation-change" 4014 x-on:mouseover="$store.xHeaderMenu.selectItem($el, true); $el.classList.add('is-focus-child'); $store.xHeaderMenu.setHeightScroll($el)" 4015 @mouseleave="$el.classList.remove('is-focus-child');" 4016 @focusin="$store.xHeaderMenu.selectItem($el, true); $el.classList.add('is-focus-child');" 4017 @focusout="$el.classList.remove('is-focus-child');" 4018 4019 x-intersect.once.margin.200px="$store.xHeaderMenu.setHeightScroll($el, 2)" 4020 4021 4022 > 4023 <div class="sub-menu flex items-center z-10 relative pl-2.5 pr-2.5 w-[15.6rem]"> 4024<span class="flex-1"> 4025 <a 4026 href="/collections/cups-mugs" 4027 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" 4028 4029 > 4030 4031 4032 4033 4034 4035 <span class="p-break-words">Cups & Mugs</span> 4036 4037 4038 4039</a> 4040 </span> 4041 </div> 4042 4043 <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"> 4044 <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> 4045 4046 </div> 4047 </li><li 4048 class="sub-menu-item table tabbed-animation-change" 4049 x-on:mouseover="$store.xHeaderMenu.selectItem($el, true); $el.classList.add('is-focus-child'); $store.xHeaderMenu.setHeightScroll($el)" 4050 @mouseleave="$el.classList.remove('is-focus-child');" 4051 @focusin="$store.xHeaderMenu.selectItem($el, true); $el.classList.add('is-focus-child');" 4052 @focusout="$el.classList.remove('is-focus-child');" 4053 4054 x-intersect.once.margin.200px="$store.xHeaderMenu.setHeightScroll($el, 3)" 4055 4056 4057 > 4058 <div class="sub-menu flex items-center z-10 relative pl-2.5 pr-2.5 w-[15.6rem]"> 4059<span class="flex-1"> 4060 <a 4061 href="/collections/travel-tea-set" 4062 class="nav-link p-break-words z-10 pt-3 pb-3 flex flex-wrap gap-2 items-center hover-text-link
4062is-focus-child:effect-inline" 4063 4064 > 4065 4066 4067 4068 4069 4070 <span class="p-break-words">Travel Tea Set</span> 4071 4072 4073 4074</a> 4075 </span> 4076 </div> 4077 4078 <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"> 4079 <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> 4080 4081 </div> 4082 </li><li 4083 class="sub-menu-item table tabbed-animation-change" 4084 x-on:mouseover="$store.xHeaderMenu.selectItem($el, true); $el.classList.add('is-focus-child'); $store.xHeaderMenu.setHeightScroll($el)" 4085 @mouseleave="$el.classList.remove('is-focus-child');" 4086 @focusin="$store.xHeaderMenu.selectItem($el, true); $el.classList.add('is-focus-child');" 4087 @focusout="$el.classList.remove('is-focus-child');" 4088 4089 x-intersect.once.margin.200px="$store.xHeaderMenu.setHeightScroll($el, 4)" 4090 4091 4092 > 4093 <div class="sub-menu flex items-center z-10 relative pl-2.5 pr-2.5 w-[15.6rem]"> 4094<span class="flex-1"> 4095 <a 4096 href="/collections/chinese-tea-set-1" 4097 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" 4098 4099 > 4100 4101 4102 4103 4104 4105 <span class="p-break-words">Chinese Tea Set</span> 4106 4107 4108 4109</a> 4110 </span> 4111 </div> 4112 4113 <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"> 4114 <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> 4115 4116 </div> 4117 </li><li 4118 class="sub-menu-item table tabbed-animation-change" 4119 x-on:mouseover="$store.xHeaderMenu.selectItem($el, true); $el.classList.add('is-focus-child'); $store.xHeaderMenu.setHeightScroll($el)" 4120 @mouseleave="$el.classList.remove('is-focus-child');" 4121 @focusin="$store.xHeaderMenu.selectItem($el, true); $el.classList.add('is-focus-child');" 4122 @focusout="$el.classList.remove('is-focus-child');" 4123 4124 x-intersect.once.margin.200px="$store.xHeaderMenu.setHeightScroll($el, 5)" 4125 4126 4127 > 4128 <div class="sub-menu flex items-center z-10 relative pl-2.5 pr-2.5 w-[15.6rem]"> 4129<span class="flex-1"> 4130 <a 4131 href="/collections/teaware-accessories" 4132 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" 4133 4134 > 4135 4136 4137 4138 4139
4140 <span class="p-break-words">Teaware Accessories</span> 4141 4142 4143 4144</a> 4145 </span> 4146 </div> 4147 4148 <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"> 4149 <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> 4150 4151 </div> 4152 </li><li 4153 class="sub-menu-item table tabbed-animation-change" 4154 x-on:mouseover="$store.xHeaderMenu.selectItem($el, true); $el.classList.add('is-focus-child'); $store.xHeaderMenu.setHeightScroll($el)" 4155 @mouseleave="$el.classList.remove('is-focus-child');" 4156 @focusin="$store.xHeaderMenu.selectItem($el, true); $el.classList.add('is-focus-child');" 4157 @focusout="$el.classList.remove('is-focus-child');" 4158 4159 x-intersect.once.margin.200px="$store.xHeaderMenu.setHeightScroll($el, 6)" 4160 4161 4162 > 4163 <div class="sub-menu flex items-center z-10 relative pl-2.5 pr-2.5 w-[15.6rem]"> 4164<span class="flex-1"> 4165 <a 4166 href="/collections/tea-pet" 4167 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" 4168 4169 > 4170 4171 4172 4173 4174 4175 <span class="p-break-words">Tea Pet</span> 4176 4177 4178 4179</a> 4180 </span> 4181 </div> 4182 4183 <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"> 4184 <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> 4185 4186 </div> 4187 </li></ul> 4188 4189 </div></div> 4190 </div> 4191 </template></template> 4192 4193 4194<template x-teleport="#menu-3"> 4195 4196<template x-if="!runDispatch"> 4197 <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]"> 4198 <div> 4199 <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> 4200</style><li class="relative w-24 lg:w-48"> 4201 <div class=""> 4202<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"> 4203 4204 4205 4206 4207 4208 <span class="p-break-words">About iTeaworld</span> 4209 4210 4211 4212 </a> 4213 </div></li><li class="relative w-24 lg:w-48"> 4214 <div class=""> 4215<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"> 4216 4217 4218 4219 4220
4221 <span class="p-break-words">Shop Guide</span> 4222 4223 4224 4225 </a> 4226 </div></li><li class="relative w-24 lg:w-48"> 4227 <div class=""> 4228<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"> 4229 4230 4231 4232 4233 4234 <span class="p-break-words"> Sustianability</span> 4235 4236 4237 4238 </a> 4239 </div></li><li class="relative w-24 lg:w-48"> 4240 <div class=""> 4241<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"> 4242 4243 4244 4245 4246 4247 <span class="p-break-words">Our Community</span> 4248 4249 4250 4251 </a> 4252 </div></li></ul></div> 4253 4254 </div> 4255 </div> 4256 </template></template> 4257 4258 4259<template x-teleport="#menu-4"> 4260 4261<template x-if="!runDispatch"> 4262 <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]"> 4263 <div> 4264 <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> 4265</style><li class="relative w-24 lg:w-48"> 4266 <div class=""> 4267<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"> 4268 4269 4270 4271 4272 4273 <span class="p-break-words">Rewards Program</span> 4274 4275 4276 4277 </a> 4278 </div></li><li class="relative w-24 lg:w-48"> 4279 <div class=""> 4280<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"> 4281 4282 4283 4284 4285 4286 <span class="p-break-words">Tea Subscription Box</span> 4287 4288 4289 4290 </a> 4291 </div></li><li class="relative w-24 lg:w-48"> 4292 <div class=""> 4293<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"> 4294 4295 4296 4297 4298 4299 <span class="p-break-words">Affiliate</span> 4300 4301 4302 4303 </a> 4304 </div></li></ul></div> 4305 4306 </div> 4307 </div> 4308 </template></template> 4309 4310 4311<template x-teleport="#menu-5"> 4312 4313<template x-if="!runDispatch"> 4314 <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" 4315 > 4316 <div class="mega-menu-container x-pgw page-width mx-auto promotion-horizontal image-count-2 md:max-h-[80vh]"> 4317 <div class="mega-nav pt-8 relative w-1/2 2xl:w-5/12 grid-cols-2 relative mega-menu-vertical"><style data-shopify> 4318</style> 4319 <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
4320 class="sub-menu-item table tabbed-animation-change is-active" 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, 1)" 4327 4328 4329 > 4330 <div class="sub-menu border-t flex items-center z-10 relative pl-2.5 pr-2.5 w-[15.6rem]"> 4331<span class="flex-1"> 4332 <a 4333 href="/blogs/oolong-tea" 4334 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" 4335 4336 > 4337 4338 4339 4340 4341 4342 <span class="p-break-words">Oolong Tea Blog</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 open 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, 2)" 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="/blogs/jasmine-tea" 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">Jasmine Tea Blog</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, 3)" 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="https://iteaworld.com/blogs/green-tea" 4404 class="nav-link p-break-words z-10 pt-3 pb-3 flex flex-wrap gap-2 items-center hover-text-link
4404is-focus-child:effect-inline" 4405 4406 > 4407 4408 4409 4410 4411 4412 <span class="p-break-words">Green Tea Blog</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, 4)" 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="/blogs/meet-our-tea-farmers" 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">Meet Our Tea Farmers</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><li 4460 class="sub-menu-item table tabbed-animation-change" 4461 x-on:mouseover="$store.xHeaderMenu.selectItem($el, true); $el.classList.add('is-focus-child'); $store.xHeaderMenu.setHeightScroll($el)" 4462 @mouseleave="$el.classList.remove('is-focus-child');" 4463 @focusin="$store.xHeaderMenu.selectItem($el, true); $el.classList.add('is-focus-child');" 4464 @focusout="$el.classList.remove('is-focus-child');" 4465 4466 x-intersect.once.margin.200px="$store.xHeaderMenu.setHeightScroll($el, 5)" 4467 4468 4469 > 4470 <div class="sub-menu flex items-center z-10 relative pl-2.5 pr-2.5 w-[15.6rem]"> 4471<span class="flex-1"> 4472 <a 4473 href="/blogs/guide" 4474 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" 4475 4476 > 4477 4478 4479 4480 4481
4482 <span class="p-break-words">Other Blog</span> 4483 4484 4485 4486</a> 4487 </span> 4488 </div> 4489 4490 <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"> 4491 <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> 4492 4493 </div> 4494 </li></ul> 4495 4496 </div><div class="overflow-hidden relative float-right md:right-5 lg:right-0 pt-8 pb-5 w-1/2" 4497 > 4498 <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" 4499 ><style data-shopify> 4500 .image-tabbed_menu_4fxEyd-1 { 4501 height: 230px; 4502 } 4503 </style> 4504 4505 <div class="mega-menu-card w-full group relative background-color-tabbed_menu_4fxEyd-1 rounded-[10px] ltr" 4506 > 4507 4508<style data-shopify>.title-color-tabbed_menu_4fxEyd-1 { 4509 color: ; 4510 --colors-heading: , , ; 4511 }.text-tabbed_menu_4fxEyd-1 { 4512 font-size: 0.63rem; 4513 } 4514 .sub-heading-tabbed_menu_4fxEyd-1 { 4515 font-size: 1.2375rem; 4516 } 4517 .heading-tabbed_menu_4fxEyd-1 { 4518 font-size: 1.7325rem; 4519 } 4520 @media (min-width: 768px) { 4521 .sub-heading-tabbed_menu_4fxEyd-1 { 4522 font-size: 1.4355rem; 4523 } 4524 .heading-tabbed_menu_4fxEyd-1 { 4525 font-size: 2.475rem; 4526 } 4527 .text-tabbed_menu_4fxEyd-1 { 4528 font-size: 0.7rem; 4529 } 4530 }.button--tabbed_menu_4fxEyd-1.button-outline {} 4531 4532</style><div 4533 4534 class="w-full relative z-0 before:h-0 before:block promotion-header image-tabbed_menu_4fxEyd-1 pb-[%] rounded-[10px] overflow-hidden" 4535 4536 > 4537 4538 4539 <div 4540 class="animate_transition_card__image animate-Xpulse skeleton-image w-full h-full top-0 left-0 overflow-hidden absolute md:absolute rounded-[10px]" 4541 > 4542 4543 <img 4544 srcset="//iteaworld.com/cdn/shop/files/oolong_tea_2.webp?v=1786614969&width=225 225w, 4545 //iteaworld.com/cdn/shop/files/oolong_tea_2.webp?v=1786614969&width=375 375w, 4546 //iteaworld.com/cdn/shop/files/oolong_tea_2.webp?v=1786614969&width=450 450w, 4547 //iteaworld.com/cdn/shop/files/oolong_tea_2.webp?v=1786614969&width=750 750w, 4548 //iteaworld.com/cdn/shop/files/oolong_tea_2.webp?v=1786614969&width=900 900w, 4549 //iteaworld.com/cdn/shop/files/oolong_tea_2.webp?v=1786614969&width=1100 1100w, 4550 //iteaworld.com/cdn/shop/files/oolong_tea_2.webp?v=1786614969&width=1500 1500w, 4551 //iteaworld.com/cdn/shop/files/oolong_tea_2.webp?v=1786614969&width=1780 1780w" 4552 src="//iteaworld.com/cdn/shop/files/oolong_tea_2.webp?v=1786614969&width=1780" 4553 4554 4555 loading="lazy" 4556 4557 4558 sizes="(min-width: 1400px) 350px, (min-width: 768px) calc(100vw/4), 100vw" 4559 alt="" 4560 width="1600" 4561 height="858.0" 4562 style="object-position: 50.0% 50.0%;" 4563 class="w-full h-full object-cover z-10 image-hover rounded-[10px]" 4564 onload="this?.classList.add('active'); 4565 this.closest('.animate_transition_card__image')?.classList.remove('animate-Xpulse', 'skeleton-image'); 4566 setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250); 4567 " 4568 /> 4569 </div> 4570 4571 <span class="absolute top-0 left-0 bottom-0 right-0 pointer-events-none image-treatment-overlay opacity-0 rounded-[10px]"></span></div> 4572 <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" 4573 ><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"> 4574 4575 4576 4577 4578 <div class="relative block-text-button overflow-hidden ">
4579 <span class="button-text btn-text-link-effect-1 relative top-0 is-focus-button:opacity-0">Read Now</span> 4580 <span class="button-text btn-text-link-effect-2 absolute top-full left-0 is-focus-button:opacity-0">Read Now</span> 4581 </div> 4582 4583 4584 4585 4586 </a> 4587 4588 </div> 4589 4590 4591 4592 </div><style data-shopify> 4593 .image-tabbed_menu_4fxEyd-2 { 4594 height: 230px; 4595 } 4596 </style> 4597 4598 <div class="mega-menu-card w-full group relative background-color-tabbed_menu_4fxEyd-2 rounded-[10px] ltr" 4599 > 4600 4601<style data-shopify>.title-color-tabbed_menu_4fxEyd-2 { 4602 color: ; 4603 --colors-heading: , , ; 4604 }.text-tabbed_menu_4fxEyd-2 { 4605 font-size: 0.63rem; 4606 } 4607 .sub-heading-tabbed_menu_4fxEyd-2 { 4608 font-size: 1.2375rem; 4609 } 4610 .heading-tabbed_menu_4fxEyd-2 { 4611 font-size: 1.7325rem; 4612 } 4613 @media (min-width: 768px) { 4614 .sub-heading-tabbed_menu_4fxEyd-2 { 4615 font-size: 1.4355rem; 4616 } 4617 .heading-tabbed_menu_4fxEyd-2 { 4618 font-size: 2.475rem; 4619 } 4620 .text-tabbed_menu_4fxEyd-2 { 4621 font-size: 0.7rem; 4622 } 4623 }.button--tabbed_menu_4fxEyd-2.button-outline {} 4624 4625</style><div 4626 4627 class="w-full relative z-0 before:h-0 before:block promotion-header image-tabbed_menu_4fxEyd-2 pb-[%] rounded-[10px] overflow-hidden" 4628 4629 > 4630 4631 4632 <div 4633 class="animate_transition_card__image animate-Xpulse skeleton-image w-full h-full top-0 left-0 overflow-hidden absolute md:absolute rounded-[10px]" 4634 > 4635 4636 <img 4637 srcset="//iteaworld.com/cdn/shop/files/vine_tea_71ae7804-a38d-4d4e-8888-9cff91381e6e.webp?v=1786615009&width=225 225w, 4638 //iteaworld.com/cdn/shop/files/vine_tea_71ae7804-a38d-4d4e-8888-9cff91381e6e.webp?v=1786615009&width=375 375w, 4639 //iteaworld.com/cdn/shop/files/vine_tea_71ae7804-a38d-4d4e-8888-9cff91381e6e.webp?v=1786615009&width=450 450w, 4640 //iteaworld.com/cdn/shop/files/vine_tea_71ae7804-a38d-4d4e-8888-9cff91381e6e.webp?v=1786615009&width=750 750w, 4641 //iteaworld.com/cdn/shop/files/vine_tea_71ae7804-a38d-4d4e-8888-9cff91381e6e.webp?v=1786615009&width=900 900w, 4642 //iteaworld.com/cdn/shop/files/vine_tea_71ae7804-a38d-4d4e-8888-9cff91381e6e.webp?v=1786615009&width=1100 1100w, 4643 //iteaworld.com/cdn/shop/files/vine_tea_71ae7804-a38d-4d4e-8888-9cff91381e6e.webp?v=1786615009&width=1500 1500w, 4644 //iteaworld.com/cdn/shop/files/vine_tea_71ae7804-a38d-4d4e-8888-9cff91381e6e.webp?v=1786615009&width=1780 1780w" 4645 src="//iteaworld.com/cdn/shop/files/vine_tea_71ae7804-a38d-4d4e-8888-9cff91381e6e.webp?v=1786615009&width=1780" 4646 4647 4648 loading="lazy" 4649 4650 4651 sizes="(min-width: 1400px) 350px, (min-width: 768px) calc(100vw/4), 100vw" 4652 alt="" 4653 width="1780" 4654 height="1187.0" 4655 style="object-position: 50.0% 50.0%;" 4656 class="w-full h-full object-cover z-10 image-hover rounded-[10px]" 4657 onload="this?.classList.add('active'); 4658 this.closest('.animate_transition_card__image')?.classList.remove('animate-Xpulse', 'skeleton-image'); 4659 setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250); 4660 " 4661 /> 4662 </div> 4663 4664 <span class="absolute top-0 left-0 bottom-0 right-0 pointer-events-none image-treatment-overlay opacity-0 rounded-[10px]"></span></div> 4665 <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" 4666 ><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"> 4667 4668 4669 4670 4671 <div class="relative block-text-button overflow-hidden ">
4672 <span class="button-text btn-text-link-effect-1 relative top-0 is-focus-button:opacity-0">Read Now</span> 4673 <span class="button-text btn-text-link-effect-2 absolute top-full left-0 is-focus-button:opacity-0">Read Now</span> 4674 </div> 4675 4676 4677 4678 4679 </a> 4680 4681 </div> 4682 4683 4684 4685 </div></div> 4686 </div></div> 4687 </div> 4688 </template></template> 4689 4690 4691<template x-teleport="#menu-6"> 4692 4693<template x-if="!runDispatch"> 4694 <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]"> 4695 <div> 4696 <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> 4697</style><li class="relative w-24 lg:w-48"> 4698 <div class=""> 4699<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"> 4700 4701 4702 4703 4704 4705 <span class="p-break-words">Contact Us</span> 4706 4707 4708 4709 </a> 4710 </div></li><li class="relative w-24 lg:w-48"> 4711 <div class=""> 4712<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"> 4713 4714 4715 4716 4717 4718 <span class="p-break-words">Track Your Order</span> 4719 4720 4721 4722 </a> 4723 </div></li><li class="relative w-24 lg:w-48"> 4724 <div class=""> 4725<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"> 4726 4727 4728 4729 4730 4731 <span class="p-break-words">Shipping Policy</span> 4732 4733 4734 4735 </a> 4736 </div></li><li class="relative w-24 lg:w-48"> 4737 <div class=""> 4738<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"> 4739 4740 4741 4742 4743 4744 <span class="p-break-words">Wholesale</span> 4745 4746 4747 4748 </a> 4749 </div></li><li class="relative w-24 lg:w-48"> 4750 <div class=""> 4751<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"> 4752 4753 4754 4755 4756 4757 <span class="p-break-words">Download Center</span> 4758 4759 4760 4761 </a> 4762 </div></li><li class="relative w-24 lg:w-48"> 4763 <div class=""> 4764<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"> 4765 4766 4767 4768 4769
4770 <span class="p-break-words">Free Tea Tools</span> 4771 4772 4773 4774 </a> 4775 </div></li></ul></div> 4776 4777 </div> 4778 </div> 4779 </template></template> 4780 4781</ul> 4782</nav> 4783 </header> 4784 4785<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"> 4786 <div class="divider absolute top-full left-0 w-full m-auto border-t md:hidden"> 4787 </div> 4788 </div> 4789 </div> 4790 4791 </div> 4792</div>
4793<script src="//iteaworld.com/cdn/shop/t/51/assets/search-prompts.js?v=124244002410771306181782181913" defer></script>
4793
4794<script type="application/ld+json"> 4795 { 4796 "@context": "http://schema.org", 4797 "@type": "Organization", 4798 "name": "iTeaworld", 4799 4800 "logo": "https:\/\/iteaworld.com\/cdn\/shop\/files\/iTeaworld-logo-14_e1fa5e0e-897c-4ac1-8169-c9d7e7c4ebd3.png?v=1745483789\u0026width=3264", 4801 4802 "sameAs": [ 4803 "", 4804 "https:\/\/www.facebook.com\/official.iteaworld\/", 4805 "", 4806 "https:\/\/www.instagram.com\/itea_world\/", 4807 "https:\/\/www.tiktok.com\/@iteaworld", 4808 "", 4809 "", 4810 "https:\/\/www.youtube.com\/@itea_world", 4811 "" 4812 ], 4813 "url": "https:\/\/iteaworld.com" 4814 } 4815</script>
4815 4816
4816<script type="application/ld+json"> 4817 { 4818 "@context": "http://schema.org", 4819 "@type": "WebSite", 4820 "name": "iTeaworld", 4821 "potentialAction": { 4822 "@type": "SearchAction", 4823 "target": "https:\/\/iteaworld.com\/search?q={search_term_string}", 4824 "query-input": "required name=search_term_string" 4825 }, 4826 "url": "https:\/\/iteaworld.com" 4827 } 4828 </script>
4828<script src="//iteaworld.com/cdn/shop/t/51/assets/store-selector.js?v=36088188951445041851782181913" defer="defer"></script>
4828 4829 4830<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;} 4831 .dark #mobile-navigation * {border-color: #313131;} 4832 #mobile-navigation .text-color, 4833 #mobile-navigation .background-header {background: #ffffff;--colors-heading: 0, 0, 0; 4834 color: #000000; 4835 --colors-text-header: 0, 0, 0; 4836 --colors-text-link: 115, 144, 71; 4837 4838 } 4839 .dark #mobile-navigation .text-color, 4840 .dark #mobile-navigation .background-header {background: #202020;--colors-heading: 255, 255, 255; 4841 color: #ffffff; 4842 --colors-text-header: 255, 255, 255; 4843 --colors-text-link: 255, 255, 255; 4844 --colors-text-link: 255, 255, 255; 4845 4846 } 4847 4848 .font-menu-level-0 { 4849 font-size: 1.25rem; 4850 } 4851 .font-menu-level-1 { 4852 font-size: 1.0rem; 4853 } 4854 .font-menu-level-2 { 4855 font-size: 0.875rem; 4856 } 4857 4858 .block-mobile-navigation-menu .font-menu-level-0, 4859 .block-mobile-navigation-menu .font-menu-level-1, 4860 .block-mobile-navigation-menu .font-menu-level-2, 4861 .block-mobile-navigation-carousel_menu .font-menu-level-0, 4862 .block-mobile-navigation-carousel_menu .font-menu-level-2, 4863 .block-mobile-navigation-account .font-menu-level-1, 4864 .block-mobile-navigation-cart .font-menu-level-1 4865 { 4866 font-size: 0.7875rem; 4867 font-weight: var(--font-body-weight); 4868 } 4869 4870 .block-mobile-navigation-after::after { 4871 content: var(--tw-content); 4872 position: absolute; 4873 width: 100%; 4874 left: 0; 4875 border-bottom-width: 1px;border-color: #ffffff;} 4876 .dark .block-mobile-navigation-after::after {border-color: #313131;}</style><div 4877 class="z-[60] fixed top-0 h-full w-full opacity-60 bg-black" 4878 x-show="$store.xMobileNav.show" 4879 x-cloak 4880 @click="setTimeout(() => { $store.xMobileNav.close() }, 0)" 4881></div> 4882<template x-if="!runDispatch"> 4883 <div 4884 id="mobile-navigation" 4885 :class="{ 'menu-opening': $store.xMobileNav.show }" 4886 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" 4887 > 4888 <div class="x-container-mobile-nav background-header gradient menu-drawer duration-300 ease-in-out overflow-hidden h-full flex flex-col"> 4889 <div class="x-block-mobile-nav-close p-4 w-full flex justify-between items-center" 4890 aria-label="Close" 4891 > 4892 <span class="font-menu-level-2 uppercase">Menu</span> 4893 <span 4894 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" 4895 @click="setTimeout(() => { $store.xMobileNav.close() }, 0)" 4896 ><svg class="icon-close-animation" width="100%" height="100%" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg"> 4897 <path d="M1 9L5 5M5 5L9 1M5 5L1 1M5 5L9 9" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/> 4898 </svg> 4899</span> 4900 </div> 4901 <div 4902 id="menu-navigation" 4903 class="h-full flex-1 overflow-x-hidden scrollbar-body overflow-y-auto scrollbar-stable" 4904 > 4905 4906 <ul 4907 x-data="{ openCur: 0 }" 4908 id="menu-level-0" 4909 role="list" 4910 class="menu-parent relative h-full w-full" 4911 > 4912 <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" 4913 class=" font-medium pt-3.5 pb-3.5 flex items-center disable-effect" 4914 data-no-instant 4915 aria-label="Log in" 4916 > 4917 <span class="w-6 h-6 mr-2 rtl:mr-0 rtl:ml-2"> 4918 <svg class="" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 18" fill="none" style="fill: none;"> 4919 <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"/> 4920 <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"/> 4921 </svg> 4922 4923 </span>Log in</a> 4924 </li><li class="x-block-cart block-mobile-navigation block-mobile-navigation-cart block-mobile-navigation-after pl-4 pr-4" > 4925 <a 4926 href="/cart" 4927 class="flex pt-3.5 pb-3.5 items-center relative disable-effect" 4928 data-no-instant 4929 >
4930 <span class="w-6 h-6" @click="$store.xMiniCart.openCart('sections--27603634815255__mobile-navigation')"> 4931 <svg class="" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 22 22" fill="none"> 4932 <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"/> 4933 <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
49335 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"/> 4934 <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"/> 4935 </svg> 4936 </span> 4937 <div id="mobile-cart-icon-bubble" class="count_item absolute top-2 left-2 rtl:left-auto rtl:right-2" data-value="0"> 4938 <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> 4939 </div> 4940 <span class="font-medium font-menu-level-1 ml-2 rtl:ml-0 rtl:mr-2">My cart</span> 4941 </a> 4942 </li> 4943 <li x-data='{ active: false }' class="block-mobile-navigation-accordion_menu block-mobile-navigation block-mobile-navigation-after" > 4944 4945 <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"> 4946 4947 <div class="flex-1 pt-3.5 pb-3.5 flex flex-wrap gap-2 items-center disable-effect"> 4948 <span 4949 class="p-break-words font-medium font-menu-level-0" 4950 > 4951 4952 4953 <span>Tea</span> 4954 4955 </span> 4956 4957 4958 </div> 4959 <span 4960 x-cloak x-show="openCur !== 3" 4961 class="icon-caret-mobile h-4 w-4 min-h-4 min-w-4 block" 4962 :class="{ 'text-[rgba(var(--colors-text-link))]': active }" 4963 > 4964 <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" class="" viewBox="0 0 10 10"> 4965 <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"/> 4966 </svg> 4967 4968 </span> 4969 <span 4970 x-cloak x-show="openCur === 3" 4971 class="icon-caret-mobile h-4 w-4 min-h-4 min-w-4 block" 4972 :class="{ 'text-[rgba(var(--colors-text-link))]': active }" 4973 > 4974 <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"> 4975 <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" /> 4976 </svg> 4977 4978 </span> 4979 4980 </div><div 4981 x-collapse.duration.500ms 4982 x-show="openCur === 3" 4983 class="menu-drawer w-full h-full overflow-visible" 4984 > 4985 <ul 4986 x-data='{ openSub: 0 }' 4987 id="menu-level-1" 4988 class="overflow-hidden background-header w-full h-full pl-4 rtl:pl-0 rtl:pr-4" 4989 > 4990 4991 4992 4993<li> 4994 <div @click="openSub = (openSub === 0 || openSub !== 1) ? 1 : 0; $store.xMobileNav.setActiveLink('3-1'); setTimeout(() => {$el.scrollIntoView({ behavior: 'smooth' })}, 500);" 4995 class="flex items-center gap-4 mr-4 ml-3 rtl:mr-3 rtl:ml-4" 4996 ><style data-shopify> 4997</style>
4998 <span class="flex-1 pt-2.5 pb-2.5 flex gap-4 items-center disable-effect"> 4999 5000 5001 5002 <span class="flex flex-wrap gap-x-2"> 5003 <span class="p-break-words font-medium font-menu-level-1"> 5004 5005 5006 <span>Tea</span> 5007 5008 </span> 5009 5010 5011 </span> 5012 5013 </span> 5014 5015<span 5016 x-cloak x-show="openSub !== 1" 5017 class="icon-caret-mobile h-3 w-3 min-h-3 min-w-[12px] block" 5018 :class="{ 'text-[rgba(var(--colors-text-link))]': active }" 5019 > 5020 <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" class="" viewBox="0 0 10 10"> 5021 <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"/> 5022 </svg> 5023 5024 </span> 5025 <span 5026 x-cloak x-show="openSub === 1" 5027 class="icon-caret-mobile h-3 w-3 min-h-3 min-w-[12px] block" 5028 :class="{ 'text-[rgba(var(--colors-text-link))]': active }" 5029 > 5030 <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"> 5031 <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" /> 5032 </svg> 5033 5034 </span></div><div 5035 x-collapse.duration.500ms 5036 x-show="openSub === 1" 5037 class="background-header w-full h-full overflow-hidden" 5038 :class="{ 'menu-opening': $store.xMobileNav.currentMenuLinks.includes('3-1')}" 5039 > 5040 <div class="w-full h-full"> 5041 <ul 5042 x-data="{ openSubCur: 0 }" 5043 id="menu-level-2" 5044 class="background-header w-full pl-6 pr-4 rtl:pl-4 rtl:pr-6" 5045 ><li class=""> 5046 5047 <div 5048 class="flex items-center gap-4 justify-between h-full" 5049 5050 > 5051 5052 <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"> 5053 5054 5055 5056 <span class="flex justify-between items-center w-full gap-2 font-menu-level-2"> 5057 <span class="flex flex-wrap gap-x-2"> 5058 5059 5060 <span>Green Tea</span> 5061 5062 5063 5064 </span> 5065 5066 </span> 5067 </a> 5068</div></li><li class=""> 5069 5070 <div 5071 class="flex items-center gap-4 justify-between h-full" 5072 5073 > 5074 5075 <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"> 5076 5077 5078 5079 <span class="flex justify-between items-center w-full gap-2 font-menu-level-2"> 5080 <span class="flex flex-wrap gap-x-2"> 5081 5082 5083 <span>Oolong Tea</span> 5084 5085 5086 5087 </span> 5088 5089 </span> 5090 </a> 5091</div></li><li class=""> 5092 5093 <div 5094 class="flex items-center gap-4 justify-between h-full" 5095 5096 > 5097 5098 <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"> 5099 5100 5101
5102 <span class="flex justify-between items-center w-full gap-2 font-menu-level-2"> 5103 <span class="flex flex-wrap gap-x-2"> 5104 5105 5106 <span>Scented Tea</span> 5107 5108 5109 5110 </span> 5111 5112 </span> 5113 </a> 5114</div></li><li class=""> 5115 5116 <div 5117 class="flex items-center gap-4 justify-between h-full" 5118 5119 > 5120 5121 <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"> 5122 5123 5124 5125 <span class="flex justify-between items-center w-full gap-2 font-menu-level-2"> 5126 <span class="flex flex-wrap gap-x-2"> 5127 5128 5129 <span>White Tea</span> 5130 5131 5132 5133 </span> 5134 5135 </span> 5136 </a> 5137</div></li><li class=""> 5138 5139 <div 5140 class="flex items-center gap-4 justify-between h-full" 5141 5142 > 5143 5144 <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"> 5145 5146 5147 5148 <span class="flex justify-between items-center w-full gap-2 font-menu-level-2"> 5149 <span class="flex flex-wrap gap-x-2"> 5150 5151 5152 <span>Dark Tea & Pu'erh</span> 5153 5154 5155 5156 </span> 5157 5158 </span> 5159 </a> 5160</div></li><li class=""> 5161 5162 <div 5163 class="flex items-center gap-4 justify-between h-full" 5164 5165 > 5166 5167 <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"> 5168 5169 5170 5171 <span class="flex justify-between items-center w-full gap-2 font-menu-level-2"> 5172 <span class="flex flex-wrap gap-x-2"> 5173 5174 5175 <span>Black Tea</span> 5176 5177 5178 5179 </span> 5180 5181 </span> 5182 </a> 5183</div></li><li class=""> 5184 5185 <div 5186 class="flex items-center gap-4 justify-between h-full" 5187 5188 > 5189 5190 <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"> 5191 5192 5193 5194 <span class="flex justify-between items-center w-full gap-2 font-menu-level-2"> 5195 <span class="flex flex-wrap gap-x-2"> 5196 5197 5198 <span>Yellow Tea</span> 5199 5200 5201 5202 </span> 5203 5204 </span> 5205 </a> 5206</div></li>
5206<li class=""> 5207 5208 <div 5209 class="flex items-center gap-4 justify-between h-full" 5210 5211 > 5212 5213 <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"> 5214 5215 5216 5217 <span class="flex justify-between items-center w-full gap-2 font-menu-level-2"> 5218 <span class="flex flex-wrap gap-x-2"> 5219 5220 5221 <span>Herbal Tea</span> 5222 5223 5224 5225 </span> 5226 5227 </span> 5228 </a> 5229</div></li></ul> 5230 </div> 5231 </div></li><li> 5232 <div @click="openSub = (openSub === 0 || openSub !== 2) ? 2 : 0; $store.xMobileNav.setActiveLink('3-2'); setTimeout(() => {$el.scrollIntoView({ behavior: 'smooth' })}, 500);" 5233 class="flex items-center gap-4 mr-4 ml-3 rtl:mr-3 rtl:ml-4"x-init="active = true;" 5234 ><style data-shopify> 5235</style> 5236 <span class="flex-1 pt-2.5 pb-2.5 flex gap-4 items-center disable-effect effect-inline active"> 5237 5238 5239 5240 <span class="flex flex-wrap gap-x-2"> 5241 <span class="p-break-words font-medium font-menu-level-1"> 5242 5243 5244 <span>Health</span> 5245 5246 </span> 5247 5248 5249 </span> 5250 5251 </span> 5252 5253<span 5254 x-cloak x-show="openSub !== 2" 5255 class="icon-caret-mobile h-3 w-3 min-h-3 min-w-[12px] block" 5256 :class="{ 'text-[rgba(var(--colors-text-link))]': active }" 5257 > 5258 <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" class="" viewBox="0 0 10 10"> 5259 <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"/> 5260 </svg> 5261 5262 </span> 5263 <span 5264 x-cloak x-show="openSub === 2" 5265 class="icon-caret-mobile h-3 w-3 min-h-3 min-w-[12px] block" 5266 :class="{ 'text-[rgba(var(--colors-text-link))]': active }" 5267 > 5268 <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"> 5269 <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" /> 5270 </svg> 5271 5272 </span></div><div 5273 x-collapse.duration.500ms 5274 x-show="openSub === 2" 5275 class="background-header w-full h-full overflow-hidden" 5276 :class="{ 'menu-opening': $store.xMobileNav.currentMenuLinks.includes('3-2')}" 5277 > 5278 <div class="w-full h-full"> 5279 <ul 5280 x-data="{ openSubCur: 0 }" 5281 id="menu-level-2" 5282 class="background-header w-full pl-6 pr-4 rtl:pl-4 rtl:pr-6" 5283 ><li class=""> 5284 5285 <div 5286 class="flex items-center gap-4 justify-between h-full" 5287 5288 > 5289 5290 <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"> 5291 5292 5293 5294 <span class="flex justify-between items-center w-full gap-2 font-menu-level-2"> 5295 <span class="flex flex-wrap gap-x-2"> 5296 5297
5298 <span>Caffeine-free Herbal Tea</span> 5299 5300 5301 5302 </span> 5303 5304 </span> 5305 </a> 5306</div></li><li class=""> 5307 5308 <div 5309 class="flex items-center gap-4 justify-between h-full" 5310 5311 > 5312 5313 <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"> 5314 5315 5316 5317 <span class="flex justify-between items-center w-full gap-2 font-menu-level-2"> 5318 <span class="flex flex-wrap gap-x-2"> 5319 5320 5321 <span>Seasonal Wellness Box</span> 5322 5323 5324 5325 </span> 5326 5327 </span> 5328 </a> 5329</div></li><li class=""> 5330 5331 <div 5332 class="flex items-center gap-4 justify-between h-full" 5333 5334 > 5335 5336 <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"> 5337 5338 5339 5340 <span class="flex justify-between items-center w-full gap-2 font-menu-level-2"> 5341 <span class="flex flex-wrap gap-x-2"> 5342 5343 5344 <span>Energizing</span> 5345 5346 5347 5348 </span> 5349 5350 </span> 5351 </a> 5352</div></li><li class=""> 5353 5354 <div 5355 class="flex items-center gap-4 justify-between h-full" 5356 5357 > 5358 5359 <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"> 5360 5361 5362 5363 <span class="flex justify-between items-center w-full gap-2 font-menu-level-2"> 5364 <span class="flex flex-wrap gap-x-2"> 5365 5366 5367 <span>Digestive</span> 5368 5369 5370 5371 </span> 5372 5373 </span> 5374 </a> 5375</div></li><li class=""> 5376 5377 <div 5378 class="flex items-center gap-4 justify-between h-full" 5379 5380 > 5381 5382 <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"> 5383 5384 5385 5386 <span class="flex justify-between items-center w-full gap-2 font-menu-level-2"> 5387 <span class="flex flex-wrap gap-x-2"> 5388 5389 5390 <span>Relaxing</span> 5391 5392 5393 5394 </span> 5395 5396 </span> 5397 </a> 5398</div></li><li class=""> 5399 5400 <div 5401 class="flex items-center gap-4 justify-between h-full" 5402 5403 > 5404 5405 <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"> 5406 5407 5408
5409 <span class="flex justify-between items-center w-full gap-2 font-menu-level-2"> 5410 <span class="flex flex-wrap gap-x-2"> 5411 5412 5413 <span>Antioxidant-Rich</span> 5414 5415 5416 5417 </span> 5418 5419 </span> 5420 </a> 5421</div></li></ul> 5422 </div> 5423 </div></li><li> 5424 <div @click="openSub = (openSub === 0 || openSub !== 3) ? 3 : 0; $store.xMobileNav.setActiveLink('3-3'); setTimeout(() => {$el.scrollIntoView({ behavior: 'smooth' })}, 500);" 5425 class="flex items-center gap-4 mr-4 ml-3 rtl:mr-3 rtl:ml-4" 5426 ><style data-shopify> 5427</style> 5428 <span class="flex-1 pt-2.5 pb-2.5 flex gap-4 items-center disable-effect"> 5429 5430 5431 5432 <span class="flex flex-wrap gap-x-2"> 5433 <span class="p-break-words font-medium font-menu-level-1"> 5434 5435 5436 <span>Tea Flavor Discovery Set</span> 5437 5438 </span> 5439 5440 5441 </span> 5442 5443 </span> 5444 5445<span 5446 x-cloak x-show="openSub !== 3" 5447 class="icon-caret-mobile h-3 w-3 min-h-3 min-w-[12px] block" 5448 :class="{ 'text-[rgba(var(--colors-text-link))]': active }" 5449 > 5450 <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" class="" viewBox="0 0 10 10"> 5451 <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"/> 5452 </svg> 5453 5454 </span> 5455 <span 5456 x-cloak x-show="openSub === 3" 5457 class="icon-caret-mobile h-3 w-3 min-h-3 min-w-[12px] block" 5458 :class="{ 'text-[rgba(var(--colors-text-link))]': active }" 5459 > 5460 <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"> 5461 <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" /> 5462 </svg> 5463 5464 </span></div><div 5465 x-collapse.duration.500ms 5466 x-show="openSub === 3" 5467 class="background-header w-full h-full overflow-hidden" 5468 :class="{ 'menu-opening': $store.xMobileNav.currentMenuLinks.includes('3-3')}" 5469 > 5470 <div class="w-full h-full"> 5471 <ul 5472 x-data="{ openSubCur: 0 }" 5473 id="menu-level-2" 5474 class="background-header w-full pl-6 pr-4 rtl:pl-4 rtl:pr-6" 5475 ><li class=""> 5476 5477 <div 5478 class="flex items-center gap-4 justify-between h-full" 5479 5480 > 5481 5482 <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"> 5483 5484 5485 5486 <span class="flex justify-between items-center w-full gap-2 font-menu-level-2"> 5487 <span class="flex flex-wrap gap-x-2"> 5488 5489 5490 <span>Chinese Tea Starter Set</span> 5491 5492 5493 5494 </span> 5495 5496 </span> 5497 </a> 5498</div></li><li class=""> 5499 5500 <div 5501 class="flex items-center gap-4 justify-between h-full" 5502 5503 > 5504 5505 <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"> 5506 5507 5508
5509 <span class="flex justify-between items-center w-full gap-2 font-menu-level-2"> 5510 <span class="flex flex-wrap gap-x-2"> 5511 5512 5513 <span>Chinese Green Tea Starter Set</span> 5514 5515 5516 5517 </span> 5518 5519 </span> 5520 </a> 5521</div></li><li class=""> 5522 5523 <div 5524 class="flex items-center gap-4 justify-between h-full" 5525 5526 > 5527 5528 <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"> 5529 5530 5531 5532 <span class="flex justify-between items-center w-full gap-2 font-menu-level-2"> 5533 <span class="flex flex-wrap gap-x-2"> 5534 5535 5536 <span>Chinese Oolong Tea Starter Set</span> 5537 5538 5539 5540 </span> 5541 5542 </span> 5543 </a> 5544</div></li><li class=""> 5545 5546 <div 5547 class="flex items-center gap-4 justify-between h-full" 5548 5549 > 5550 5551 <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"> 5552 5553 5554 5555 <span class="flex justify-between items-center w-full gap-2 font-menu-level-2"> 5556 <span class="flex flex-wrap gap-x-2"> 5557 5558 5559 <span>China's 10 Most Famous Tea Collection</span> 5560 5561 5562 5563 </span> 5564 5565 </span> 5566 </a> 5567</div></li><li class=""> 5568 5569 <div 5570 class="flex items-center gap-4 justify-between h-full" 5571 5572 > 5573 5574 <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"> 5575 5576 5577 5578 <span class="flex justify-between items-center w-full gap-2 font-menu-level-2"> 5579 <span class="flex flex-wrap gap-x-2"> 5580 5581 5582 <span>Chinese Jasmine Tea Flavor Collection</span> 5583 5584 5585 5586 </span> 5587 5588 </span> 5589 </a> 5590</div></li><li class=""> 5591 5592 <div 5593 class="flex items-center gap-4 justify-between h-full" 5594 5595 > 5596 5597 <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"> 5598 5599 5600 5601 <span class="flex justify-between items-center w-full gap-2 font-menu-level-2">
5602 <span class="flex flex-wrap gap-x-2"> 5603 5604 5605 <span>Chinese Floral Tea Collection</span> 5606 5607 5608 5609 </span> 5610 5611 </span> 5612 </a> 5613</div></li></ul> 5614 </div> 5615 </div></li><li> 5616 <div @click="openSub = (openSub === 0 || openSub !== 4) ? 4 : 0; $store.xMobileNav.setActiveLink('3-4'); setTimeout(() => {$el.scrollIntoView({ behavior: 'smooth' })}, 500);" 5617 class="flex items-center gap-4 mr-4 ml-3 rtl:mr-3 rtl:ml-4"x-init="active = true;" 5618 ><style data-shopify> 5619</style> 5620 <span class="flex-1 pt-2.5 pb-2.5 flex gap-4 items-center disable-effect effect-inline active"> 5621 5622 5623 5624 <span class="flex flex-wrap gap-x-2"> 5625 <span class="p-break-words font-medium font-menu-level-1"> 5626 5627 5628 <span>Special Collections</span> 5629 5630 </span> 5631 5632 5633 </span> 5634 5635 </span> 5636 5637<span 5638 x-cloak x-show="openSub !== 4" 5639 class="icon-caret-mobile h-3 w-3 min-h-3 min-w-[12px] block" 5640 :class="{ 'text-[rgba(var(--colors-text-link))]': active }" 5641 > 5642 <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" class="" viewBox="0 0 10 10"> 5643 <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"/> 5644 </svg> 5645 5646 </span> 5647 <span 5648 x-cloak x-show="openSub === 4" 5649 class="icon-caret-mobile h-3 w-3 min-h-3 min-w-[12px] block" 5650 :class="{ 'text-[rgba(var(--colors-text-link))]': active }" 5651 > 5652 <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"> 5653 <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" /> 5654 </svg> 5655 5656 </span></div><div 5657 x-collapse.duration.500ms 5658 x-show="openSub === 4" 5659 class="background-header w-full h-full overflow-hidden" 5660 :class="{ 'menu-opening': $store.xMobileNav.currentMenuLinks.includes('3-4')}" 5661 > 5662 <div class="w-full h-full"> 5663 <ul 5664 x-data="{ openSubCur: 0 }" 5665 id="menu-level-2" 5666 class="background-header w-full pl-6 pr-4 rtl:pl-4 rtl:pr-6" 5667 ><li class=""> 5668 5669 <div 5670 class="flex items-center gap-4 justify-between h-full" 5671 5672 > 5673 5674 <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"> 5675 5676 5677 5678 <span class="flex justify-between items-center w-full gap-2 font-menu-level-2"> 5679 <span class="flex flex-wrap gap-x-2"> 5680 5681 5682 <span>Aged Tea</span> 5683 5684 5685 5686 </span> 5687 5688 </span> 5689 </a> 5690</div></li><li class=""> 5691 5692 <div 5693 class="flex items-center gap-4 justify-between h-full" 5694 5695 > 5696 5697 <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"> 5698 5699 5700
5701 <span class="flex justify-between items-center w-full gap-2 font-menu-level-2"> 5702 <span class="flex flex-wrap gap-x-2"> 5703 5704 5705 <span>Comparison Set</span> 5706 5707 5708 5709 </span> 5710 5711 </span> 5712 </a> 5713</div></li><li class=""> 5714 5715 <div 5716 class="flex items-center gap-4 justify-between h-full" 5717 5718 > 5719 5720 <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"> 5721 5722 5723 5724 <span class="flex justify-between items-center w-full gap-2 font-menu-level-2"> 5725 <span class="flex flex-wrap gap-x-2"> 5726 5727 5728 <span>Cold Brew</span> 5729 5730 5731 5732 </span> 5733 5734 </span> 5735 </a> 5736</div></li><li class=""> 5737 5738 <div 5739 class="flex items-center gap-4 justify-between h-full" 5740 5741 > 5742 5743 <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"> 5744 5745 5746 5747 <span class="flex justify-between items-center w-full gap-2 font-menu-level-2"> 5748 <span class="flex flex-wrap gap-x-2"> 5749 5750 5751 <span>Tea Gift Set</span> 5752 5753 5754 5755 </span> 5756 5757 </span> 5758 </a> 5759</div></li><li class=""> 5760 5761 <div 5762 class="flex items-center gap-4 justify-between h-full" 5763 5764 > 5765 5766 <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"> 5767 5768 5769 5770 <span class="flex justify-between items-center w-full gap-2 font-menu-level-2"> 5771 <span class="flex flex-wrap gap-x-2"> 5772 5773 5774 <span>First Flush Green Tea</span> 5775 5776 5777 5778 </span> 5779 5780 </span> 5781 </a> 5782</div></li><li class=""> 5783 5784 <div 5785 class="flex items-center gap-4 justify-between h-full" 5786 5787 > 5788 5789 <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"> 5790 5791 5792 5793 <span class="flex justify-between items-center w-full gap-2 font-menu-level-2"> 5794 <span class="flex flex-wrap gap-x-2"> 5795 5796 5797 <span>Tea Sample</span> 5798 5799 5800 5801 </span> 5802 5803 </span> 5804 </a> 5805</div></li></ul> 5806 </div> 5807 </div></li><li> 5808 <div 5809 class="flex items-center gap-4 mr-4 ml-3 rtl:mr-3 rtl:ml-4" 5810 ><style data-shopify> 5811</style> 5812 <a href="/collections/best-seller" class="flex-1 pt-2.5 pb-2.5 gap-4 flex items-center disable-effect"> 5813 5814 5815
5816 <span class="flex flex-wrap gap-x-2"> 5817 <span class="p-break-words font-medium font-menu-level-1"> 5818 5819 5820 <span>Best Sellers</span> 5821 5822 </span> 5823 5824 5825 </span> 5826 5827 </a> 5828 5829</div></li><li> 5830 <div 5831 class="flex items-center gap-4 mr-4 ml-3 rtl:mr-3 rtl:ml-4" 5832 ><style data-shopify> 5833</style> 5834 <a href="/collections/new-tea-arrivals" class="flex-1 pt-2.5 pb-2.5 gap-4 flex items-center disable-effect"> 5835 5836 5837 5838 <span class="flex flex-wrap gap-x-2"> 5839 <span class="p-break-words font-medium font-menu-level-1"> 5840 5841 5842 <span>New Arrival</span> 5843 5844 </span> 5845 5846 5847 </span> 5848 5849 </a> 5850 5851</div></li> 5852</ul> 5853 </div></li> 5854 <li x-data='{ active: false }' class="block-mobile-navigation-accordion_menu block-mobile-navigation block-mobile-navigation-after" > 5855 5856 <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"> 5857 5858 <div class="flex-1 pt-3.5 pb-3.5 flex flex-wrap gap-2 items-center disable-effect"> 5859 <span 5860 class="p-break-words font-medium font-menu-level-0" 5861 > 5862 5863 5864 <span>Teaware</span> 5865 5866 </span> 5867 5868 5869 </div> 5870 <span 5871 x-cloak x-show="openCur !== 4" 5872 class="icon-caret-mobile h-4 w-4 min-h-4 min-w-4 block" 5873 :class="{ 'text-[rgba(var(--colors-text-link))]': active }" 5874 > 5875 <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" class="" viewBox="0 0 10 10"> 5876 <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"/> 5877 </svg> 5878 5879 </span> 5880 <span 5881 x-cloak x-show="openCur === 4" 5882 class="icon-caret-mobile h-4 w-4 min-h-4 min-w-4 block" 5883 :class="{ 'text-[rgba(var(--colors-text-link))]': active }" 5884 > 5885 <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"> 5886 <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" /> 5887 </svg> 5888 5889 </span> 5890 5891 </div><div 5892 x-collapse.duration.500ms 5893 x-show="openCur === 4" 5894 class="menu-drawer w-full h-full overflow-visible" 5895 > 5896 <ul 5897 x-data='{ openSub: 0 }' 5898 id="menu-level-1" 5899 class="overflow-hidden background-header w-full h-full pl-4 rtl:pl-0 rtl:pr-4" 5900 > 5901 5902 5903 5904<li> 5905 <div 5906 class="flex items-center gap-4 mr-4 ml-3 rtl:mr-3 rtl:ml-4" 5907 ><style data-shopify> 5908</style> 5909 <a href="/collections/tea-pot" class="flex-1 pt-2.5 pb-2.5 gap-4 flex items-center disable-effect"> 5910 5911 5912 5913 <span class="flex flex-wrap gap-x-2">
5914 <span class="p-break-words font-medium font-menu-level-1"> 5915 5916 5917 <span>Tea Pot</span> 5918 5919 </span> 5920 5921 5922 </span> 5923 5924 </a> 5925 5926</div></li><li> 5927 <div 5928 class="flex items-center gap-4 mr-4 ml-3 rtl:mr-3 rtl:ml-4" 5929 ><style data-shopify> 5930</style> 5931 <a href="/collections/cups-mugs" class="flex-1 pt-2.5 pb-2.5 gap-4 flex items-center disable-effect"> 5932 5933 5934 5935 <span class="flex flex-wrap gap-x-2"> 5936 <span class="p-break-words font-medium font-menu-level-1"> 5937 5938 5939 <span>Cups & Mugs</span> 5940 5941 </span> 5942 5943 5944 </span> 5945 5946 </a> 5947 5948</div></li><li> 5949 <div 5950 class="flex items-center gap-4 mr-4 ml-3 rtl:mr-3 rtl:ml-4" 5951 ><style data-shopify> 5952</style> 5953 <a href="/collections/travel-tea-set" class="flex-1 pt-2.5 pb-2.5 gap-4 flex items-center disable-effect"> 5954 5955 5956 5957 <span class="flex flex-wrap gap-x-2"> 5958 <span class="p-break-words font-medium font-menu-level-1"> 5959 5960 5961 <span>Travel Tea Set</span> 5962 5963 </span> 5964 5965 5966 </span> 5967 5968 </a> 5969 5970</div></li><li> 5971 <div 5972 class="flex items-center gap-4 mr-4 ml-3 rtl:mr-3 rtl:ml-4" 5973 ><style data-shopify> 5974</style> 5975 <a href="/collections/chinese-tea-set-1" class="flex-1 pt-2.5 pb-2.5 gap-4 flex items-center disable-effect"> 5976 5977 5978 5979 <span class="flex flex-wrap gap-x-2"> 5980 <span class="p-break-words font-medium font-menu-level-1"> 5981 5982 5983 <span>Chinese Tea Set</span> 5984 5985 </span> 5986 5987 5988 </span> 5989 5990 </a> 5991 5992</div></li><li> 5993 <div 5994 class="flex items-center gap-4 mr-4 ml-3 rtl:mr-3 rtl:ml-4" 5995 ><style data-shopify> 5996</style> 5997 <a href="/collections/teaware-accessories" class="flex-1 pt-2.5 pb-2.5 gap-4 flex items-center disable-effect"> 5998 5999 6000 6001 <span class="flex flex-wrap gap-x-2"> 6002 <span class="p-break-words font-medium font-menu-level-1"> 6003 6004 6005 <span>Teaware Accessories</span> 6006 6007 </span> 6008 6009 6010 </span> 6011 6012 </a> 6013 6014</div></li><li> 6015 <div 6016 class="flex items-center gap-4 mr-4 ml-3 rtl:mr-3 rtl:ml-4" 6017 ><style data-shopify> 6018</style> 6019 <a href="/collections/tea-pet" class="flex-1 pt-2.5 pb-2.5 gap-4 flex items-center disable-effect"> 6020 6021 6022 6023 <span class="flex flex-wrap gap-x-2"> 6024 <span class="p-break-words font-medium font-menu-level-1"> 6025 6026 6027 <span>Tea Pet</span> 6028 6029 </span> 6030 6031 6032 </span> 6033 6034 </a> 6035 6036</div></li> 6037</ul> 6038 </div></li> 6039 <li x-data='{ active: false }' class="block-mobile-navigation-accordion_menu block-mobile-navigation block-mobile-navigation-after" > 6040 6041 <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"> 6042 6043 <div class="flex-1 pt-3.5 pb-3.5 flex flex-wrap gap-2 items-center disable-effect"> 6044 <span 6045 class="p-break-words font-medium font-menu-level-0" 6046 > 6047 6048
6049 <span>Discover</span> 6050 6051 </span> 6052 6053 6054 </div> 6055 <span 6056 x-cloak x-show="openCur !== 5" 6057 class="icon-caret-mobile h-4 w-4 min-h-4 min-w-4 block" 6058 :class="{ 'text-[rgba(var(--colors-text-link))]': active }" 6059 > 6060 <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" class="" viewBox="0 0 10 10"> 6061 <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"/> 6062 </svg> 6063 6064 </span> 6065 <span 6066 x-cloak x-show="openCur === 5" 6067 class="icon-caret-mobile h-4 w-4 min-h-4 min-w-4 block" 6068 :class="{ 'text-[rgba(var(--colors-text-link))]': active }" 6069 > 6070 <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"> 6071 <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" /> 6072 </svg> 6073 6074 </span> 6075 6076 </div><div 6077 x-collapse.duration.500ms 6078 x-show="openCur === 5" 6079 class="menu-drawer w-full h-full overflow-visible" 6080 > 6081 <ul 6082 x-data='{ openSub: 0 }' 6083 id="menu-level-1" 6084 class="overflow-hidden background-header w-full h-full pl-4 rtl:pl-0 rtl:pr-4" 6085 > 6086 6087 6088 6089<li> 6090 <div 6091 class="flex items-center gap-4 mr-4 ml-3 rtl:mr-3 rtl:ml-4" 6092 ><style data-shopify> 6093</style> 6094 <a href="https://iteaworld.com/pages/brand-history" class="flex-1 pt-2.5 pb-2.5 gap-4 flex items-center disable-effect"> 6095 6096 6097 6098 <span class="flex flex-wrap gap-x-2"> 6099 <span class="p-break-words font-medium font-menu-level-1"> 6100 6101 6102 <span>About iTeaworld</span> 6103 6104 </span> 6105 6106 6107 </span> 6108 6109 </a> 6110 6111</div></li><li> 6112 <div 6113 class="flex items-center gap-4 mr-4 ml-3 rtl:mr-3 rtl:ml-4" 6114 ><style data-shopify> 6115</style> 6116 <a href="/pages/shop-guide" class="flex-1 pt-2.5 pb-2.5 gap-4 flex items-center disable-effect"> 6117 6118 6119 6120 <span class="flex flex-wrap gap-x-2"> 6121 <span class="p-break-words font-medium font-menu-level-1"> 6122 6123 6124 <span>Shop Guide</span> 6125 6126 </span> 6127 6128 6129 </span> 6130 6131 </a> 6132 6133</div></li><li> 6134 <div 6135 class="flex items-center gap-4 mr-4 ml-3 rtl:mr-3 rtl:ml-4" 6136 ><style data-shopify> 6137</style> 6138 <a href="https://iteaworld.com/pages/sustainability" class="flex-1 pt-2.5 pb-2.5 gap-4 flex items-center disable-effect"> 6139 6140 6141 6142 <span class="flex flex-wrap gap-x-2"> 6143 <span class="p-break-words font-medium font-menu-level-1"> 6144 6145 6146 <span> Sustianability</span> 6147 6148 </span> 6149 6150 6151 </span> 6152 6153 </a> 6154 6155</div></li><li> 6156 <div 6157 class="flex items-center gap-4 mr-4 ml-3 rtl:mr-3 rtl:ml-4" 6158 ><style data-shopify> 6159</style> 6160 <a href="/pages/our-community" class="flex-1 pt-2.5 pb-2.5 gap-4 flex items-center disable-effect"> 6161 6162 6163
6164 <span class="flex flex-wrap gap-x-2"> 6165 <span class="p-break-words font-medium font-menu-level-1"> 6166 6167 6168 <span>Our Community</span> 6169 6170 </span> 6171 6172 6173 </span> 6174 6175 </a> 6176 6177</div></li> 6178</ul> 6179 </div></li> 6180 <li x-data='{ active: false }' class="block-mobile-navigation-accordion_menu block-mobile-navigation block-mobile-navigation-after" > 6181 6182 <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"> 6183 6184 <div class="flex-1 pt-3.5 pb-3.5 flex flex-wrap gap-2 items-center disable-effect"> 6185 <span 6186 class="p-break-words font-medium font-menu-level-0" 6187 > 6188 6189 6190 <span>
6190Tea Club</span> 6191 6192 </span> 6193 6194 6195 </div> 6196 <span 6197 x-cloak x-show="openCur !== 6" 6198 class="icon-caret-mobile h-4 w-4 min-h-4 min-w-4 block" 6199 :class="{ 'text-[rgba(var(--colors-text-link))]': active }" 6200 > 6201 <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" class="" viewBox="0 0 10 10"> 6202 <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"/> 6203 </svg> 6204 6205 </span> 6206 <span 6207 x-cloak x-show="openCur === 6" 6208 class="icon-caret-mobile h-4 w-4 min-h-4 min-w-4 block" 6209 :class="{ 'text-[rgba(var(--colors-text-link))]': active }" 6210 > 6211 <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"> 6212 <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" /> 6213 </svg> 6214 6215 </span> 6216 6217 </div><div 6218 x-collapse.duration.500ms 6219 x-show="openCur === 6" 6220 class="menu-drawer w-full h-full overflow-visible" 6221 > 6222 <ul 6223 x-data='{ openSub: 0 }' 6224 id="menu-level-1" 6225 class="overflow-hidden background-header w-full h-full pl-4 rtl:pl-0 rtl:pr-4" 6226 > 6227 6228 6229 6230<li> 6231 <div 6232 class="flex items-center gap-4 mr-4 ml-3 rtl:mr-3 rtl:ml-4" 6233 ><style data-shopify> 6234</style> 6235 <a href="https://iteaworld.com/pages/rewards-program" class="flex-1 pt-2.5 pb-2.5 gap-4 flex items-center disable-effect"> 6236 6237 6238 6239 <span class="flex flex-wrap gap-x-2"> 6240 <span class="p-break-words font-medium font-menu-level-1"> 6241 6242 6243 <span>Rewards Program</span> 6244 6245 </span> 6246 6247 6248 </span> 6249 6250 </a> 6251 6252</div></li><li> 6253 <div 6254 class="flex items-center gap-4 mr-4 ml-3 rtl:mr-3 rtl:ml-4" 6255 ><style data-shopify> 6256</style> 6257 <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"> 6258 6259 6260 6261 <span class="flex flex-wrap gap-x-2"> 6262 <span class="p-break-words font-medium font-menu-level-1"> 6263 6264 6265 <span>Tea Subscription Box</span> 6266 6267 </span> 6268 6269 6270 </span> 6271 6272 </a> 6273 6274</div></li><li> 6275 <div 6276 class="flex items-center gap-4 mr-4 ml-3 rtl:mr-3 rtl:ml-4" 6277 ><style data-shopify> 6278</style> 6279 <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"> 6280 6281 6282 6283 <span class="flex flex-wrap gap-x-2"> 6284 <span class="p-break-words font-medium font-menu-level-1"> 6285 6286 6287 <span>Affiliate</span> 6288 6289 </span> 6290 6291 6292 </span> 6293 6294 </a> 6295 6296</div></li> 6297</ul> 6298 </div></li> 6299 <li x-data='{ active: false }' class="block-mobile-navigation-accordion_menu block-mobile-navigation block-mobile-navigation-after" > 6300 6301 <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"> 6302 6303 <div class="flex-1 pt-3.5 pb-3.5 flex flex-wrap gap-2 items-center disable-effect">
6304 <span 6305 class="p-break-words font-medium font-menu-level-0" 6306 > 6307 6308 6309 <span>Blog</span> 6310 6311 </span> 6312 6313 6314 </div> 6315 <span 6316 x-cloak x-show="openCur !== 7" 6317 class="icon-caret-mobile h-4 w-4 min-h-4 min-w-4 block" 6318 :class="{ 'text-[rgba(var(--colors-text-link))]': active }" 6319 > 6320 <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" class="" viewBox="0 0 10 10"> 6321 <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"/> 6322 </svg> 6323 6324 </span> 6325 <span 6326 x-cloak x-show="openCur === 7" 6327 class="icon-caret-mobile h-4 w-4 min-h-4 min-w-4 block" 6328 :class="{ 'text-[rgba(var(--colors-text-link))]': active }" 6329 > 6330 <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"> 6331 <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" /> 6332 </svg> 6333 6334 </span> 6335 6336 </div><div 6337 x-collapse.duration.500ms 6338 x-show="openCur === 7" 6339 class="menu-drawer w-full h-full overflow-visible" 6340 > 6341 <ul 6342 x-data='{ openSub: 0 }' 6343 id="menu-level-1" 6344 class="overflow-hidden background-header w-full h-full pl-4 rtl:pl-0 rtl:pr-4" 6345 > 6346 6347 6348 6349<li> 6350 <div 6351 class="flex items-center gap-4 mr-4 ml-3 rtl:mr-3 rtl:ml-4" 6352 ><style data-shopify> 6353</style> 6354 <a href="/blogs/oolong-tea" class="flex-1 pt-2.5 pb-2.5 gap-4 flex items-center disable-effect"> 6355 6356 6357 6358 <span class="flex flex-wrap gap-x-2"> 6359 <span class="p-break-words font-medium font-menu-level-1"> 6360 6361 6362 <span>Oolong Tea Blog</span> 6363 6364 </span> 6365 6366 6367 </span> 6368 6369 </a> 6370 6371</div></li><li> 6372 <div 6373 class="flex items-center gap-4 mr-4 ml-3 rtl:mr-3 rtl:ml-4" 6374 ><style data-shopify> 6375</style> 6376 <a href="/blogs/jasmine-tea" class="flex-1 pt-2.5 pb-2.5 gap-4 flex items-center disable-effect"> 6377 6378 6379 6380 <span class="flex flex-wrap gap-x-2"> 6381 <span class="p-break-words font-medium font-menu-level-1"> 6382 6383 6384 <span>Jasmine Tea Blog</span> 6385 6386 </span> 6387 6388 6389 </span> 6390 6391 </a> 6392 6393</div></li><li> 6394 <div 6395 class="flex items-center gap-4 mr-4 ml-3 rtl:mr-3 rtl:ml-4" 6396 ><style data-shopify> 6397</style> 6398 <a href="https://iteaworld.com/blogs/green-tea" class="flex-1 pt-2.5 pb-2.5 gap-4 flex items-center disable-effect"> 6399 6400 6401 6402 <span class="flex flex-wrap gap-x-2"> 6403 <span class="p-break-words font-medium font-menu-level-1"> 6404 6405 6406 <span>Green Tea Blog</span> 6407 6408 </span> 6409 6410 6411 </span> 6412 6413 </a> 6414 6415</div></li><li> 6416 <div 6417 class="flex items-center gap-4 mr-4 ml-3 rtl:mr-3 rtl:ml-4" 6418 ><style data-shopify> 6419</style> 6420 <a href="/blogs/meet-our-tea-farmers" class="flex-1 pt-2.5 pb-2.5 gap-4 flex items-center disable-effect"> 6421 6422 6423
6424 <span class="flex flex-wrap gap-x-2"> 6425 <span class="p-break-words font-medium font-menu-level-1"> 6426 6427 6428 <span>Meet Our Tea Farmers</span> 6429 6430 </span> 6431 6432 6433 </span> 6434 6435 </a> 6436 6437</div></li><li> 6438 <div 6439 class="flex items-center gap-4 mr-4 ml-3 rtl:mr-3 rtl:ml-4" 6440 ><style data-shopify> 6441</style> 6442 <a href="/blogs/guide" class="flex-1 pt-2.5 pb-2.5 gap-4 flex items-center disable-effect"> 6443 6444 6445 6446 <span class="flex flex-wrap gap-x-2"> 6447 <span class="p-break-words font-medium font-menu-level-1"> 6448 6449 6450 <span>Other Blog</span> 6451 6452 </span> 6453 6454 6455 </span> 6456 6457 </a> 6458 6459</div></li> 6460</ul> 6461 </div></li> 6462 <li x-data='{ active: false }' class="block-mobile-navigation-accordion_menu block-mobile-navigation block-mobile-navigation-after" > 6463 6464 <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"> 6465 6466 <div class="flex-1 pt-3.5 pb-3.5 flex flex-wrap gap-2 items-center disable-effect"> 6467 <span 6468 class="p-break-words font-medium font-menu-level-0" 6469 > 6470 6471 6472 <span>Support</span> 6473 6474 </span> 6475 6476 6477 </div> 6478 <span 6479 x-cloak x-show="openCur !== 8" 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="" viewBox="0 0 10 10"> 6484 <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"/> 6485 </svg> 6486 6487 </span> 6488 <span 6489 x-cloak x-show="openCur === 8" 6490 class="icon-caret-mobile h-4 w-4 min-h-4 min-w-4 block" 6491 :class="{ 'text-[rgba(var(--colors-text-link))]': active }" 6492 > 6493 <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"> 6494 <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" /> 6495 </svg> 6496 6497 </span> 6498 6499 </div><div 6500 x-collapse.duration.500ms 6501 x-show="openCur === 8" 6502 class="menu-drawer w-full h-full overflow-visible" 6503 > 6504 <ul 6505 x-data='{ openSub: 0 }' 6506 id="menu-level-1" 6507 class="overflow-hidden background-header w-full h-full pl-4 rtl:pl-0 rtl:pr-4" 6508 > 6509 6510 6511 6512<li> 6513 <div 6514 class="flex items-center gap-4 mr-4 ml-3 rtl:mr-3 rtl:ml-4" 6515 ><style data-shopify> 6516</style> 6517 <a href="https://iteaworld.com/pages/contact" class="flex-1 pt-2.5 pb-2.5 gap-4 flex items-center disable-effect"> 6518 6519 6520 6521 <span class="flex flex-wrap gap-x-2">
6522 <span class="p-break-words font-medium font-menu-level-1"> 6523 6524 6525 <span>Contact Us</span> 6526 6527 </span> 6528 6529 6530 </span> 6531 6532 </a> 6533 6534</div></li><li> 6535 <div 6536 class="flex items-center gap-4 mr-4 ml-3 rtl:mr-3 rtl:ml-4" 6537 ><style data-shopify> 6538</style> 6539 <a href="https://iteaworld.com/apps/17TRACK" class="flex-1 pt-2.5 pb-2.5 gap-4 flex items-center disable-effect"> 6540 6541 6542 6543 <span class="flex flex-wrap gap-x-2"> 6544 <span class="p-break-words font-medium font-menu-level-1"> 6545 6546 6547 <span>Track Your Order</span> 6548 6549 </span> 6550 6551 6552 </span> 6553 6554 </a> 6555 6556</div></li><li> 6557 <div 6558 class="flex items-center gap-4 mr-4 ml-3 rtl:mr-3 rtl:ml-4" 6559 ><style data-shopify> 6560</style> 6561 <a href="/policies/shipping-policy" class="flex-1 pt-2.5 pb-2.5 gap-4 flex items-center disable-effect"> 6562 6563 6564 6565 <span class="flex flex-wrap gap-x-2"> 6566 <span class="p-break-words font-medium font-menu-level-1"> 6567 6568 6569 <span>Shipping Policy</span> 6570 6571 </span> 6572 6573 6574 </span> 6575 6576 </a> 6577 6578</div></li><li> 6579 <div 6580 class="flex items-center gap-4 mr-4 ml-3 rtl:mr-3 rtl:ml-4" 6581 ><style data-shopify> 6582</style> 6583 <a href="https://iteaworld.com/pages/wholesale-request" class="flex-1 pt-2.5 pb-2.5 gap-4 flex items-center disable-effect"> 6584 6585 6586 6587 <span class="flex flex-wrap gap-x-2"> 6588 <span class="p-break-words font-medium font-menu-level-1"> 6589 6590 6591 <span>Wholesale</span> 6592 6593 </span> 6594 6595 6596 </span> 6597 6598 </a> 6599 6600</div></li><li> 6601 <div 6602 class="flex items-center gap-4 mr-4 ml-3 rtl:mr-3 rtl:ml-4" 6603 ><style data-shopify> 6604</style> 6605 <a href="/pages/tea-guidebook-download-center" class="flex-1 pt-2.5 pb-2.5 gap-4 flex items-center disable-effect"> 6606 6607 6608 6609 <span class="flex flex-wrap gap-x-2"> 6610 <span class="p-break-words font-medium font-menu-level-1"> 6611 6612 6613 <span>Download Center</span> 6614 6615 </span> 6616 6617 6618 </span> 6619 6620 </a> 6621 6622</div></li><li> 6623 <div 6624 class="flex items-center gap-4 mr-4 ml-3 rtl:mr-3 rtl:ml-4" 6625 ><style data-shopify> 6626</style> 6627 <a href="/pages/tool-guide" class="flex-1 pt-2.5 pb-2.5 gap-4 flex items-center disable-effect"> 6628 6629 6630 6631 <span class="flex flex-wrap gap-x-2"> 6632 <span class="p-break-words font-medium font-menu-level-1"> 6633 6634 6635 <span>Free Tea Tools</span> 6636 6637 </span> 6638 6639 6640 </span> 6641 6642 </a> 6643 6644</div></li> 6645</ul> 6646 </div></li><li class="x-block-social block-mobile-navigation pl-4 pr-4 block-mobile-navigation-after" > 6647 <div class="pt-2 pb-2 pl-0.5 pr-0.5 flex items-center justify-center opacity-70"> 6648 6649<div id="selector-social" class=" flex lg:items-center lg:justify-end relative py-1.5"> 6650 6651 <ul class="social-list flex flex-wrap opacity-70" role="list"> 6652<li> 6653 <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">
6654 <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"/> 6655 </svg> 6656</a> 6657 </li><li> 6658 <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"> 6659 <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"/> 6660 </svg> 6661</a> 6662 </li><li> 6663 <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"> 6664 <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"/> 6665 </svg> 6666</a> 6667 </li><li> 6668 <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"> 6669 <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"/> 6670 </svg> 6671</a> 6672 </li><li> 6673 <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"
6674 viewBox="0 0 197.8 197.8" style="enable-background:new 0 0 197.8 197.8;" xml:space="preserve"> 6675 <g> 6676 <g> 6677 <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" /> 6678 </g> 6679 </g> 6680 </svg> 6681</a> 6682 </li><li> 6683 <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"> 6684 <g clip-path="url(#clip0_166010_110135)"> 6685 <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
66856.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"/> 6686 </g> 6687 <defs> 6688 <clipPath id="clip0_166010_110135"> 6689 <rect width="20" height="20" fill="currentColor"/> 6690 </clipPath> 6691 </defs> 6692 </svg> 6693</a> 6694 </li> 6695 </ul> 6696 </div> 6697 </div> 6698 </li> 6699 </ul> 6700 </div> 6701 <style data-shopify> 6702 #button-light-mode {background: #ffffff;} 6703 #button-dark-mode { 6704 background: transparent; 6705 } 6706 .dark #button-light-mode { 6707 background: transparent; 6708 } 6709 .dark #button-dark-mode {background: #202020;} 6710 .mobile-nav-theme-mode-container + .x-header-store-selector-container { 6711 border-top-width: 1px; 6712 } 6713 .mobile-nav-theme-mode-container + .x-container-mobile-nav-language { 6714 border-top-width: 1px; 6715 } 6716 .bg-theme-mode-sections--27603634815255__mobile-navigation { 6717 6718 background: #ffffff; 6719 6720 } 6721 .dark .bg-theme-mode-sections--27603634815255__mobile-navigation { 6722 6723 background: #313131; 6724 6725 } 6726 </style> 6727 6728 <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> 6729 .font-menu-level-2 button { 6730 font-size: 0.875rem; 6731 } 6732 6733 .x-container-mobile-nav-language .toolbar-button { 6734 padding-top: 0.25rem; 6735 padding-bottom: 0.25rem; 6736 } 6737 </style> 6738 <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"> 6739<div id="selector-social" class=" flex lg:items-center lg:justify-end relative"> 6740 6741 6742 6743<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 6744 class="text-normal relative inline-flex lg:inline-block" 6745 x-data="{ open: false }" 6746 @keyup.escape="open = false" 6747 > 6748 <button 6749 @click.prevent="open = ! open;" 6750 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" 6751 aria-expanded="false" aria-controls="LanguageList" 6752 > 6753 <span>English</span> 6754 <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;"> 6755 <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/> 6756 </svg> 6757</span> 6758 </button> 6759 <div x-show="open" @click.away="open = false" x-cloak> 6760 6761 <style data-shopify> 6762 .locale-options-mobile-nav { 6763 max-width: 544px; 6764 } 6765 .locale-options-mobile-nav li { 6766 padding-top: 16px; 6767 padding-bottom: 16px; 6768 padding-left: 20px; 6769 padding-right: 20px; 6770 font-size: 0.875rem; 6771 } 6772 </style> 6773 <ul 6774 role="list" 6775 x-data="xLocalizationForm" 6776 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" 6777 > 6778 6779 <li class="cursor-pointer pt-2 pb-2 pl-5 pr-5 border-b duration-200 transition text-[rgb(var(--colors-text-header))]"> 6780 <a 6781 class="nav-link hover-text-link relative border-b underline-color effect-inline" 6782 href="#" 6783 data-no-instant 6784 @click="submit('en', 'locale_selector')" 6785 >
6786 <span class="disclosure-list__label">English</span> 6787 </a> 6788 </li> 6789 <li class="cursor-pointer pt-2 pb-2 pl-5 pr-5 border-b duration-200 transition text-[rgb(var(--colors-text-header))]"> 6790 <a 6791 class="nav-link hover-text-link relative options-text-color" 6792 href="#" 6793 data-no-instant 6794 @click="submit('zh-CN', 'locale_selector')" 6795 > 6796 <span class="disclosure-list__label">ç®ä½ä¸æ</span> 6797 </a> 6798 </li></ul> 6799 6800 </div> 6801 <input type="hidden" name="locale_code" id="locale_selector" value="en" data-disclosure-input/> 6802 </div><div 6803 x-data="xLocalizationForm" 6804 class="country-selector max-w-max text-normal relative inline-flex lg:inline-block" 6805 @keyup.escape="openCountry = false" 6806 > 6807 <button 6808 @click.prevent="loadCountry($el); " 6809 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" 6810 aria-expanded="false" aria-controls="CurrencyList" 6811 > 6812 <span> 6813 6814 United States ‎(USD $)‎ 6815 6816 </span> 6817 <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;"> 6818 <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/> 6819 </svg> 6820</span> 6821 <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"> 6822 <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" 6823 fill="currentcolor" stroke="none"> 6824 <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"/> 6825 </g> 6826 </svg> 6827</span> 6828 </button> 6829 6830 <style data-shopify> 6831 .country-options-mobile-nav { 6832 max-width: 544px; 6833 } 6834 .country-options-mobile-nav ul { 6835 display: flex; 6836 flex-direction: column; 6837 } 6838 .country-options-mobile-nav ul li { 6839 padding-top: 16px; 6840 padding-bottom: 16px; 6841 padding-left: 20px; 6842 padding-right: 20px; 6843 border-bottom-width: 1px; 6844 font-size: 0.875rem; 6845 } 6846 </style> 6847 <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> 6848 </div> 6849 6850 <input id="currency_selector" type="hidden" name="country_code" value="US"> 6851 </div></form>
6851<script src="//iteaworld.com/cdn/shop/t/51/assets/locales-form.js?v=77424405773733899781782181913" defer></script>
6851</div></div></div> 6852 </div> 6853</template> 6854</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"> 6855 6856<style data-shopify> 6857 .custom-liquid ul { 6858 list-style: disc; 6859 } 6860</style> 6861 6862<div class="relative mx-auto pt-[0px] md:pt-[0px] pb-[0px] md:pb-[0px]"> 6863 <div class="custom-liquid x-pgw page-width"> 6864 6865 </div> 6866</div> 6867</section> 6868<!-- END sections: header-group-puff --> 6869 <!-- BEGIN sections: aside-group-puff --> 6870<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{ 6871 background-color:#739047; 6872 color:#ffffff; 6873 6874 } 6875 .dark .x-badge-text_label_8PMYDi .x-badge-content.x-badge-text{ 6876 background-color:#739047; 6877 color:#ffffff; 6878 6879 border-width: 0; 6880 6881 }.x-badge-text_label_8PMYDi { 6882 --font-size-scale: 0.5rem; 6883 6884 } 6885 @media (min-width: 768px) { 6886 .x-badge-text_label_8PMYDi { 6887 --font-size-scale: 0.9rem; 6888 6889 } 6890 }.x-badge-text_label_8zUhCg .x-badge-content.x-badge-text{ 6891 background-color:#739047; 6892 color:#ffffff; 6893 6894 } 6895 .dark .x-badge-text_label_8zUhCg .x-badge-content.x-badge-text{ 6896 background-color:#739047; 6897 color:#ffffff; 6898 6899 border-width: 0; 6900 6901 }.x-badge-text_label_8zUhCg { 6902 --font-size-scale: 0.5rem; 6903 6904 } 6905 @media (min-width: 768px) { 6906 .x-badge-text_label_8zUhCg { 6907 --font-size-scale: 0.9rem; 6908 6909 } 6910 }.x-badge-new_label_xXyU4p .x-badge-content.x-badge-text{ 6911 background-color:#739047; 6912 color:#ffffff; 6913 6914 border-width: 1px; 6915 border-style: solid; 6916 border-color: #ffffff; 6917 6918 } 6919 .dark .x-badge-new_label_xXyU4p .x-badge-content.x-badge-text{ 6920 background-color:#739047; 6921 color:#ffffff; 6922 6923 border-width: 0; 6924 6925 }.x-badge-new_label_xXyU4p { 6926 --font-size-scale: 0.5rem; 6927 6928 } 6929 @media (min-width: 768px) { 6930 .x-badge-new_label_xXyU4p { 6931 --font-size-scale: 0.6rem; 6932 6933 } 6934 }.x-badge-text_label_VC4UqX .x-badge-content.x-badge-text{ 6935 background-color:#739047; 6936 color:#ffffff; 6937 6938 } 6939 .dark .x-badge-text_label_VC4UqX .x-badge-content.x-badge-text{ 6940 background-color:#739047; 6941 color:#ffffff; 6942 6943 border-width: 0; 6944 6945 }.x-badge-text_label_VC4UqX { 6946 --font-size-scale: 0.5rem; 6947 6948 } 6949 @media (min-width: 768px) { 6950 .x-badge-text_label_VC4UqX { 6951 --font-size-scale: 0.9rem; 6952 6953 } 6954 }.x-badge-product-labels-and-badges-1 .x-badge-content.x-badge-text{ 6955 background-color:#525151; 6956 color:#ffffff; 6957 6958 } 6959 .dark .x-badge-product-labels-and-badges-1 .x-badge-content.x-badge-text{ 6960 background-color:#525151; 6961 color:#ffffff; 6962 6963 border-width: 0; 6964 6965 }.x-badge-product-labels-and-badges-1 { 6966 --font-size-scale: 0.5rem; 6967 6968 } 6969 @media (min-width: 768px) { 6970 .x-badge-product-labels-and-badges-1 { 6971 --font-size-scale: 0.9rem; 6972 6973 } 6974 }</style> 6975 <div class="x-badges-block-data" x-badges-block-data='{ 6976 "id": "text_label_8PMYDi", 6977 "enable": true, 6978 "type": "text-label", 6979 "settings": { 6980 "show_on_product_card": true, 6981 "show_on_product_page": false, 6982 "applied_to": "", 6983 "applied_products": [], 6984 "applied_collections": [532285358359], 6985 "content": "10-15% OFF", 6986 6987 "type": "round", 6988 6989 "background_color": "#739047", 6990 "text_color": "#ffffff", 6991 "image": null, 6992 "image_alt": "", 6993 "image_aspect_ratio": 0, 6994 "size": 2, 6995 "size_mobile": 2, 6996 "opacity": 100, 6997 "position": "top-right", 6998 "horizontal_position": 5, 6999 "vertical_position": 5, 7000 "schedule_enabled": true, 7001 "timezone": 8, 7002 "start_year": 2026, 7003 "start_month": 9, 7004 "start_day": 26, 7005 "start_hour": 15, 7006 "start_minute": 0, 7007 "end_year": 2026, 7008 "end_month": 10, 7009 "end_day": 6, 7010 "end_hour": 15, 7011 "end_minute": 0, 7012 "day_since": "none", 7013 "number_show": 30 7014 } 7015 }' x-badges-icon=''></div> 7016 <div class="x-badges-block-data" x-badges-block-data='{ 7017 "id": "text_label_8zUhCg", 7018 "enable": true, 7019 "type": "text-label", 7020 "settings": { 7021 "show_on_product_card": false, 7022 "show_on_product_page": true, 7023 "applied_to": "", 7024 "applied_products": [], 7025 "applied_collections": [532285358359], 7026 "content": "10% OFF 1 Item | 15% OFF 2+ Items â Auto-Applied", 7027 7028 "type": "round", 7029 7030 "background_color": "#739047", 7031 "text_color": "#ffffff", 7032 "image": null, 7033 "image_alt": "", 7034 "image_aspect_ratio": 0, 7035 "size": 2, 7036 "size_mobile": 2, 7037 "opacity": 100, 7038 "position": "top-right", 7039 "horizontal_position": 5, 7040 "vertical_position": 5, 7041 "schedule_enabled": true, 7042 "timezone": 8, 7043 "start_year": 2026, 7044 "start_month": 9, 7045 "start_day": 26, 7046 "start_hour": 15, 7047 "start_minute": 0, 7048 "end_year": 2026, 7049 "end_month": 10, 7050 "end_day": 6, 7051 "end_hour": 15, 7052 "end_minute": 0, 7053 "day_since": "none", 7054 "number_show": 30 7055 } 7056 }' x-badges-icon=''></div> 7057 <div class="x-badges-block-data" x-badges-block-data='{ 7058 "id": "new_label_xXyU4p", 7059 "enable": true, 7060 "type": "new-label", 7061 "settings": { 7062 "show_on_product_card": true, 7063 "show_on_product_page": true, 7064 "applied_to": "", 7065 "applied_products": [], 7066 "applied_collections": [], 7067 "content": "New", 7068 7069 "type": "rounded-full", 7070 7071 "background_color": "#739047", 7072 "text_color": "#ffffff", 7073 "image": null, 7074 "image_alt": "", 7075 "image_aspect_ratio": 0, 7076 "size": 2, 7077 "size_mobile": 2, 7078 "opacity": 100, 7079 "position": "top-right", 7080 "horizontal_position": 5, 7081 "vertical_position": 5, 7082 "schedule_enabled": false, 7083 "timezone": 0, 7084 "start_year": 0, 7085 "start_month": 0, 7086 "start_day": 0, 7087 "start_hour": 0, 7088 "start_minute": 0, 7089 "end_year": 0, 7090 "end_month": 0, 7091 "end_day": 0, 7092 "end_hour": 0, 7093 "end_minute": 0, 7094 "day_since": "activation_date", 7095 "number_show": 30 7096 } 7097 }' x-badges-icon=''></div> 7098 <div class="x-badges-block-data" x-badges-block-data='{ 7099 "id": "text_label_VC4UqX", 7100 "enable": true, 7101 "type": "text-label", 7102 "settings": { 7103 "show_on_product_card": true, 7104 "show_on_product_page": true, 7105 "applied_to": "", 7106 "applied_products": [], 7107 "applied_collections": [495480209687], 7108 "content": "Best Seller", 7109 7110 "type": "round", 7111 7112 "background_color": "#739047", 7113 "text_color": "#ffffff", 7114 "image": null, 7115 "image_alt": "", 7116 "image_aspect_ratio": 0, 7117 "size": 2, 7118 "size_mobile": 2, 7119 "opacity": 100, 7120 "position": "top-right", 7121 "horizontal_position": 5, 7122 "vertical_position": 5, 7123 "schedule_enabled": false, 7124 "timezone": -4, 7125 "start_year": 2023, 7126 "start_month": 1, 7127 "start_day": 1, 7128 "start_hour": 0, 7129 "start_minute": 0, 7130 "end_year": 2023, 7131 "end_month": 1, 7132 "end_day": 1, 7133 "end_hour": 0, 7134 "end_minute": 0, 7135 "day_since": "none", 7136 "number_show": 30 7137 } 7138 }' x-badges-icon=''></div> 7139 <div class="x-badges-block-data" x-badges-block-data='{ 7140 "id": "product-labels-and-badges-1", 7141 "enable": true, 7142 "type": "sold-out-label", 7143 "settings": { 7144 "show_on_product_card": true, 7145 "show_on_product_page": false, 7146 "applied_to": "", 7147 "applied_products": [], 7148 "applied_collections": [], 7149 "content": "Sold out", 7150 7151 "type": "square", 7152 7153 "background_color": "#525151", 7154 "text_color": "#ffffff", 7155 "image": null, 7156 "image_alt": "", 7157 "image_aspect_ratio": 0, 7158 "size": 2, 7159 "size_mobile": 2, 7160 "opacity": 100, 7161 "position": "top-left", 7162 "horizontal_position": 5, 7163 "vertical_position": 5, 7164 "schedule_enabled": false, 7165 "timezone": 0, 7166 "start_year": 0, 7167 "start_month": 0, 7168 "start_day": 0, 7169 "start_hour": 0, 7170 "start_minute": 0, 7171 "end_year": 0, 7172 "end_month": 0, 7173 "end_day": 0, 7174 "end_hour": 0, 7175 "end_minute": 0, 7176 "day_since": "none", 7177 "number_show": 30 7178 } 7179 }' x-badges-icon=''></div>
7179<script src="//iteaworld.com/cdn/shop/t/51/assets/labels-and-badges.js?v=120503965906373380591782181913" defer></script>
7179 7180</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> 7181 .button--quickview.button-solid, .button--quickview.button-disable-effect, 7182 .button--quickview.button-solid:before {--colors-line-and-border: 107, 112, 80; 7183 --colors-button: 107, 112, 80;--colors-button-text: 249, 243, 243;} 7184 .title-size--sections--27603633602839__quick-view { 7185 font-size: 1.485rem; 7186 } 7187 .dark .button--quickview.button-solid, .dark .button--quickview.button-disable-effect, 7188 .dark .button--quickview.button-solid:before {--colors-line-and-border: 0, 0, 0; 7189 --colors-button: 0, 0, 0;--colors-button-text: 255, 255, 255;} 7190 @media (min-width: 768px) { 7191 .title-size--sections--27603633602839__quick-view { 7192 font-size: 2.475rem; 7193 } 7194 } 7195</style> 7196 7197<div 7198 id="QuickView" 7199 x-show="$store.xQuickView.show" 7200 :class="{ 'overflow-hidden padding-scrollbar': $store.xPopup.open }" 7201 x-cloak 7202 class="quick_view flex items-end md:items-center fixed top-0 left-0 right-0 bottom-0 z-[60]" 7203 @keydown.escape="$store.xQuickView.removeFocusQuickView('QuickViewButton'); $store.xQuickView.close()" 7204 @init-run.window="$store.xQuickView.addListener()" 7205 @click="$store.xQuickView.clickInsideQuickView($event)" 7206 x-init="if ( window.location.search.includes('_quick-view') == false ) document.querySelector('.main-container').appendChild($el.parentNode)" 7207> 7208 <div class="x-overlay absolute top-0 left-0 right-0 bottom-0 bg-[#acacac] bg-opacity-30"></div> 7209 <div 7210 role="dialog" 7211 aria-label="Quick view" 7212 aria-modal="true" 7213 x-show="$store.xQuickView.show" 7214 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" 7215 x-transition:enter="transition-all ease-in-out duration-500" 7216 x-transition:enter-start="opacity-0 transform translate-y-1/3" 7217 x-transition:enter-end="opacity-100 transform translate-y-0" 7218 x-transition:leave="transition-all ease-in-out duration-500" 7219 x-transition:leave-end="opacity-0 transform translate-y-1/3" 7220 > 7221 <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]" 7222 @click.away="$store.xQuickView.close()" 7223 @click="$store.xQuickView.clickInsideContentQuickView($event)" 7224 x-intersect.full="$store.xQuickView.focusQuickView('QuickView', 'QuickViewClose')" 7225 > 7226 <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()"> 7227 <svg class="icon-close-animation" width="100%" height="100%" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg"> 7228 <path d="M1 9L5 5M5 5L9 1M5 5L1 1M5 5L9 9" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/> 7229 </svg> 7230 7231 </button> 7232 <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]"> 7233 <div x-show="$store.xQuickView.loading" class="x-container-quickview-placeholder flex gap-x-[4%] flex-wrap animate-Xpulse flex-row-reverse"> 7234 <div class="w-full md:w-[48%] bg-slate-200 mb-5 pb-[75%]"></div> 7235 <div class="w-full md:w-[48%]"> 7236 7237 <p class="mb-2 h-4 w-10 bg-slate-200"></p> 7238 7239 <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> 7240 </div>
7241 <div id="quickview-product-content" class="quick-view" x-show="!$store.xQuickView.loading"></div> 7242 </div> 7243 </div> 7244 </div> 7245</div> 7246 7247 7248<div class="popup-choose-options-mobile fixed z-[60] left-0 right-0 animate-goleft duration-300" x-show="$store.xQuickView.openPopupMobile" x-cloak> 7249 <div class="bg-[#acacac] opacity-40 block md:hidden fixed top-0 right-0 bottom-0 left-0" @click="$store.xQuickView.closePopupMobile()"></div> 7250 <div 7251 x-show="$store.xQuickView.openPopupMobile" 7252 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]" 7253 x-transition:enter="transition-all ease-in-out duration-500" 7254 x-transition:enter-start="opacity-0 transform translate-y-1/3" 7255 x-transition:enter-end="opacity-100 transform translate-y-0" 7256 x-transition:leave="transition ease-in-out duration-500" 7257 x-transition:leave-end="opacity-0 transform translate-y-1/3" 7258 > 7259 <button 7260 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" 7261 @click="$store.xQuickView.closePopupMobile()" 7262 > 7263 <svg class="icon-close-animation" width="100%" height="100%" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg"> 7264 <path d="M1 9L5 5M5 5L9 1M5 5L1 1M5 5L9 9" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/> 7265 </svg> 7266 7267 </button> 7268 <div :class="$store.xQuickView.loadingChooseOption ? 'block md:hidden' : 'hidden md:hidden'" class="flex gap-x-[4%] flex-wrap animate-Xpulse flex-row-reverse"> 7269 <div class="w-full pl-5 pr-5 pt-7 pb-5"> 7270 <p class="mb-5 h-5 w-3/4 bg-slate-200"></p> 7271 <div class="h-7 bg-slate-200 w-full mb-5 rounded"></div> 7272 <div class="h-5 bg-slate-200 w-1/3 mb-5 rounded"></div> 7273 <div class="h-7 bg-slate-200 w-2/3 mb-5 rounded"></div> 7274 <div class="h-7 bg-slate-200 w-1/3 mb-5 rounded"></div> 7275 <div class="h-7 bg-slate-200 w-1/3 mb-5 rounded"></div> 7276 <div class="flex gap-x-5"> 7277 <div class="h-10 bg-slate-200 flex-1 mb-5 rounded"></div> 7278 <div class="h-10 bg-slate-200 flex-1 mb-5 rounded"></div> 7279 </div> 7280 </div> 7281 </div> 7282 <div class="choose-options-mobile rtl:text-right" id="choose-options-mobile" x-show="!$store.xQuickView.loadingChooseOption"></div> 7283 </div> 7284 </div>
7285<script> 7286window.xQuickView = { 7287 sectionId: 'sections--27603633602839__quick-view', 7288 enabled: true, 7289 show_atc_button: true, 7290 atc_btn_bottom: false, 7291 atc_btn_image_desktop: true, 7292 buttonLabel: 'Quick view' 7293} 7294</script>
vendor: 1 bytes, line 7294
7294
7295<script src="//iteaworld.com/cdn/shop/t/51/assets/quick-view.js?v=137984924065178416561782181913" defer></script>
vendor: 1 bytes, line 7295
7295
7296<script src="//iteaworld.com/cdn/shop/t/51/assets/payment-button.js?v=19694614378629863991782181913" defer></script>
vendor: 1 bytes, line 7296
7296
7297<script src="//iteaworld.com/cdn/shop/t/51/assets/product-cart.js?v=55881156285172040281782181913" defer></script>
vendor: 1 bytes, line 7297
7297
7298<script src="//iteaworld.com/cdn/shop/t/51/assets/video.js?v=177285238053898208851782181913" defer></script>
vendor: 1 bytes, line 7298
7298
7299<script src="//iteaworld.com/cdn/shop/t/51/assets/product-media.js?v=178923250894042546431782181913" defer></script>
vendor: 1 bytes, line 7299
7299
7300<script src="//iteaworld.com/cdn/shop/t/51/assets/recently-viewed.js?v=67030335688573579561782181913" defer></script>
vendor: 1 bytes, line 7300
7300
7301<script src="//iteaworld.com/cdn/shop/t/51/assets/customize-picker.js?v=184439348770099615091782181913" defer></script>
vendor: 1 bytes, line 7301
7301
7302<script src="//iteaworld.com/cdn/shop/t/51/assets/variant-select.js?v=42130493325122096751782181913" defer></script>
7302 7303 7304</div><div id="shopify-section-sections--27603633602839__cookie-banner" class="shopify-section shopify-section-group-aside-group-puff section-cookie-banner"><style data-shopify> 7305 .color-heading--sections--27603633602839__cookie-banner { 7306 --colors-heading: 137, 137, 137; 7307 } 7308 7309 .dark .color-heading--sections--27603633602839__cookie-banner { 7310 7311 --colors-heading: 137, 137, 137; 7312 7313 } 7314 .button-accept { 7315 7316 color: #ffffff; 7317 7318 7319 background-color: #6b7050; 7320 border-color: #6b7050; 7321 7322 } 7323 .dark .button-accept { 7324 7325 color: #ffffff; 7326 7327 7328 background-color: #6b7050; 7329 border-color: #6b7050; 7330 7331 } 7332 .button-decline { 7333 7334 border-color: #898989; 7335 color: #898989; 7336 7337 border: 1px solid; 7338 } 7339 .dark .button-decline { 7340 7341 border-color: #898989; 7342 color: #898989; 7343 7344 border: 1px solid; 7345 } 7346 .bg-cookie-banner { 7347 7348 color: #898989; 7349 7350 background: #000000; 7351 } 7352 .dark .bg-cookie-banner { 7353 7354 color: #898989; 7355 7356 background: #000000; 7357 }</style><div 7358 id="cookies-banner" 7359 x-data="xCookieBanner(4)" x-show="show" 7360 x-cloak 7361 x-transition:enter="transition-all ease-in-out duration-500" 7362 x-transition:enter-start="opacity-0 transform translate-y-full" 7363 x-transition:enter-end="opacity-100 transform translate-y-0" 7364 x-transition:leave="transition-all ease-in-out duration-500" 7365 x-transition:leave-end="opacity-0 transform translate-y-full" 7366 class="w-full fixed bottom-0 left-0 right-0 z-50 bg-cookie-banner color-heading--sections--27603633602839__cookie-banner" 7367 > 7368 <div class="x-pgw page-width mx-auto flex flex-wrap lg:flex-nowrap lg:justify-between"> 7369 <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" 7370 > 7371 <span><p>We use cookies and similar technologies to provide the best experience on our website. </p></span> 7372 </div> 7373 <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"> 7374 7375 <button class="button w-auto button-decline px-10 py-4 lg:my-4 empty:hidden whitespace-nowrap" @click="handleDecline()"> 7376 Decline 7377 </button> 7378 7379 7380 <button class="button button-accept w-auto px-10 py-4 mr-2.5 lg:my-4 empty:hidden whitespace-nowrap" @click="handleAccept()"> 7381 Got it! 7382 </button> 7383 7384 </div> 7385 </div> 7386 </div>
7386<script src="//iteaworld.com/cdn/shop/t/51/assets/cookie-banner.js?v=135863105119365794521782181913" defer></script>
7386 7387 7388</div> 7389<!-- END sections: aside-group-puff --> 7390 7391 7392 7393 <main id="MainContent" class="content-for-layout focus-none outline-none grow theme-template-index theme-template-suffix-none" role="main" tabindex="-1"> 7394 <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) { 7395 .mobile-template--27603645268247__fe5dccd3-17fd-4fd3-ada9-a0e11305981c-natural{ 7396 height: 0; 7397 padding-bottom: 149.8888888888889%; 7398 } 7399 } 7400 @media screen and (min-width: 768px) { 7401 .desktop-template--27603645268247__fe5dccd3-17fd-4fd3-ada9-a0e11305981c-natural{ 7402 height: 0; 7403 padding-bottom: 46.42857142857143%; 7404 } 7405 } 7406 .paginate-slide-image--template--27603645268247__fe5dccd3-17fd-4fd3-ada9-a0e11305981c { 7407 7408 7409 } 7410 7411 #overlay-image-paginate--template--27603645268247__fe5dccd3-17fd-4fd3-ada9-a0e11305981c.active { 7412 transition: width 5s ease-out; 7413 width: 100%; 7414 left: 0; 7415 right: auto; 7416 transform-origin: left; 7417 } 7418 .rtl #overlay-image-paginate--template--27603645268247__fe5dccd3-17fd-4fd3-ada9-a0e11305981c.active { 7419 right: 0; 7420 left: auto; 7421 transform-origin: right; 7422 } 7423 7424 #x-slideshow-template--27603645268247__fe5dccd3-17fd-4fd3-ada9-a0e11305981c:hover #overlay-image-paginate--template--27603645268247__fe5dccd3-17fd-4fd3-ada9-a0e11305981c.active { 7425 transition: none; 7426 width: 0%; 7427 } 7428 7429 7430 .splide__arrow--prev:hover .pagination-button-next-overlay { 7431 opacity: 0; 7432 transition-duration: 100ms; 7433 } 7434 .splide__arrow--next:hover .pagination-image-next-overlay { 7435 opacity: 0; 7436 transition-duration: 100ms; 7437 }</style><div class="x-container-slideshow pt-[0px] md:pt-[0px] pb-[0px] md:pb-[0px]"> 7438 <div
7439 id="x-slideshow-template--27603645268247__fe5dccd3-17fd-4fd3-ada9-a0e11305981c" 7440 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" 7441 7442 x-intersect.once.margin.200px='$store.xSplide.load($el, { 7443 "speed": 1000, 7444 "pauseOnHover": true, 7445 "pauseOnFocus": false, 7446 "rewind": true, 7447 "type": "fade", 7448"autoplay": true, 7449 "interval": 5000, 7450 7451 "classes": {"arrows": "splide__arrows block", 7452 "pagination": "splide__pagination flex pointer-events-none flex-nowrap absolute bottom-0 left-1/2 -translate-x-1/2 pagination-bars mb-4 ", 7453 "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" 7454 7455 7456 }, 7457 "events": [ 7458 7459 ,{ 7460 "event": "ready", 7461 "callback": () => { 7462 7463 let slide = document.getElementById("x-slideshow-template--27603645268247__fe5dccd3-17fd-4fd3-ada9-a0e11305981c").querySelector(".disable-animation-slideshow"); 7464 if (slide) { 7465 slide.classList.remove("disable-animation-slideshow"); 7466 } 7467 7468 7469 7470 } 7471 } 7472 7473 ] 7474 })'><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]"> 7475 <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"> 7476<style data-shopify>.button--slide_EVECXF.button-solid, 7477 .button--slide_EVECXF.button-solid:before {--colors-line-and-border: var(--colors-button);} 7478 .button--slide_EVECXF.button-outline { 7479 7480 } 7481 7482.heading-slide_EVECXF { 7483 font-size: 2.10375rem; 7484 } 7485 .sub-heading-slide_EVECXF { 7486 font-size: 0.9rem; 7487 } 7488 .image-slide_EVECXF { 7489 object-position:50.0% 50.0%; 7490 } 7491 .bg-content-slide_EVECXF { 7492 background-color: rgb(var(--colors-background-secondary));} 7493 @media screen and (min-width: 768px) { 7494 .heading-slide_EVECXF { 7495 font-size: 4.2075rem; 7496 } 7497 .sub-heading-slide_EVECXF { 7498 font-size: 1.0rem; 7499 } 7500 .image-slide_EVECXF { 7501 object-position:50.0% 50.0%; 7502 } 7503 #image-paginate--template--27603645268247__fe5dccd3-17fd-4fd3-ada9-a0e11305981c[image-next-active="0"] { 7504 7505 background-image: url(//iteaworld.com/cdn/shop/files/northwest_tea_festival_4.webp?v=1790148292&width=300); 7506 7507 background-size: cover; 7508 background-repeat: no-repeat; 7509 background-position: center; 7510 } 7511 .bg-full-slide_EVECXF { 7512 background: transparent; 7513 } 7514 } 7515 .bg-full-slide_EVECXF { 7516 background-color: rgb(var(--colors-background-secondary));}</style> 7517 <div class="hidden"><img src="//iteaworld.com/cdn/shop/files/northwest_tea_festival_1.webp?v=1790148292&width=1500" alt="" srcset="//iteaworld.com/cdn/shop/files/northwest_tea_festival_1.webp?v=1790148292&width=375 375w, //iteaworld.com/cdn/shop/files/northwest_tea_festival_1.webp?v=1790148292&width=450 450w, //iteaworld.com/cdn/shop/files/northwest_tea_festival_1.webp?v=1790148292&width=750 750w, //iteaworld.com/cdn/shop/files/northwest_tea_festival_1.webp?v=1790148292&width=900 900w, //iteaworld.com/cdn/shop/files/northwest_tea_festival_1.webp?v=1790148292&width=1100 1100w, //iteaworld.com/cdn/shop/files/northwest_tea_festival_1.webp?v=1790148292&width=1500 1500w" width="1500" height="2248" loading="eager"> 7518<img src="//iteaworld.com/cdn/shop/files/northwest_tea_festival_4.webp?v=1790148292&width=3840" alt="" srcset="//iteaworld.com/cdn/shop/files/northwest_tea_festival_4.webp?v=1790148292&width=750 750w, //iteaworld.com/cdn/shop/files/northwest_tea_festival_4.webp?v=1790148292&width=900 900w, //iteaworld.com/cdn/shop/files/northwest_tea_festival_4.webp?v=1790148292&width=1100 1100w, //iteaworld.com/cdn/shop/files/northwest_tea_festival_4.webp?v=1790148292&width=1500 1500w, //iteaworld.com/cdn/shop/files/northwest_tea_festival_4.webp?v=1790148292&width=1780 1780w, //iteaworld.com/cdn/shop/files/northwest_tea_festival_4.webp?v=1790148292&width=2000 2000w, //iteaworld.com/cdn/shop/files/northwest_tea_festival_4.webp?v=1790148292&width=3000 3000w, //iteaworld.com/cdn/shop/files/northwest_tea_festival_4.webp?v=1790148292&width=3840 3840w" width="3840" height="1783" loading="eager"> 7519 </div> 7520 7521 <div x-slide-index="0" 7522 class="x-block-slide x-slideshow-slide_EVECXF disable-animation-sli
7522deshow h-full relative transition-opacity flex-shrink-0 w-full splide__slide x-splide-slide w-full" 7523 x-data="{effect: false}" 7524 7525 7526 > 7527 7528 <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"> 7529 </div> 7530 7531 <div class="h-full relative overflow-hidden"> 7532 7533 7534<div class="image-slideshow-desktop hidden md:block"> 7535 <span class="absolute top-0 left-0 bottom-0 right-0 z-10 image-treatment-overlay opacity-0"></span> 7536 <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"> 7537 <parallax-image class="h-full w-full"> 7538 <parallax-movement x-data="xParallax" x-intersect.once.margin.200px="load(true)"> 7539 <picture> 7540 <img 7541 srcset="//iteaworld.com/cdn/shop/files/northwest_tea_festival_4.webp?v=1790148292&width=750 750w, 7542 //iteaworld.com/cdn/shop/files/northwest_tea_festival_4.webp?v=1790148292&width=900 900w, 7543 //iteaworld.com/cdn/shop/files/northwest_tea_festival_4.webp?v=1790148292&width=1100 1100w, 7544 //iteaworld.com/cdn/shop/files/northwest_tea_festival_4.webp?v=1790148292&width=1500 1500w, 7545 //iteaworld.com/cdn/shop/files/northwest_tea_festival_4.webp?v=1790148292&width=1780 1780w, 7546 //iteaworld.com/cdn/shop/files/northwest_tea_festival_4.webp?v=1790148292&width=2000 2000w, 7547 //iteaworld.com/cdn/shop/files/northwest_tea_festival_4.webp?v=1790148292&width=3000 3000w, 7548 //iteaworld.com/cdn/shop/files/northwest_tea_festival_4.webp?v=1790148292&width=3840 3840w" 7549 7550 7551 loading="lazy" 7552 7553 7554 sizes="100vw" 7555 src="//iteaworld.com/cdn/shop/files/northwest_tea_festival_4.webp?v=1790148292&width=3840" 7556 alt="" 7557 class="object-cover h-full w-full image-slide_EVECXF" 7558 width="2800" 7559 height="1300" 7560 > 7561 </picture> 7562 </parallax-movement> 7563 </parallax-image> 7564 7565 7566 </div> 7567</div> 7568 7569<div class="image-slideshow-mobile block md:hidden"> 7570 <span class="absolute top-0 left-0 bottom-0 right-0 z-10 image-treatment-overlay opacity-0"></span> 7571 <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"> 7572 <parallax-image class="h-full w-full"> 7573 <parallax-movement x-data="xParallax" x-intersect.once.margin.200px="load(true)"> 7574 <picture> 7575 <img 7576 srcset="//iteaworld.com/cdn/shop/files/northwest_tea_festival_1.webp?v=1790148292&width=750 750w, 7577 //iteaworld.com/cdn/shop/files/northwest_tea_festival_1.webp?v=1790148292&width=900 900w, 7578 //iteaworld.com/cdn/shop/files/northwest_tea_festival_1.webp?v=1790148292&width=1100 1100w, 7579 //iteaworld.com/cdn/shop/files/northwest_tea_festival_1.webp?v=1790148292&width=1500 1500w, 7580 //iteaworld.com/cdn/shop/files/northwest_tea_festival_1.webp?v=1790148292&width=1780 1780w, 7581 //iteaworld.com/cdn/shop/files/northwest_tea_festival_1.webp?v=1790148292&width=2000 2000w, 7582 //iteaworld.com/cdn/shop/files/northwest_tea_festival_1.webp?v=1790148292&width=3000 3000w, 7583 //iteaworld.com/cdn/shop/files/northwest_tea_festival_1.webp?v=1790148292&width=3840 3840w" 7584 7585 7586 loading="lazy" 7587 7588 7589 sizes="100vw" 7590 src="//iteaworld.com/cdn/shop/files/northwest_tea_festival_1.webp?v=1790148292&width=3840" 7591 alt="" 7592 class="object-cover h-full w-full image-slide_EVECXF" 7593 width="900" 7594 height="1349" 7595 > 7596 </picture> 7597 </parallax-movement> 7598 </parallax-image> 7599 7600 7601 </div> 7602</div> 7603 7604 </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"> 7605 <div class="table-cell max-w-full md:max-w-[745px] md:min-w-[30rem] lg:w-[65%] 7606 align-middle text-center" 7607 > 7608 <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"> 7609 </div> 7610 </div> 7611 </div> 7612 7613 <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> 7614 7615 </div> 7616 7617 7618<style data-shopify>.button--slide_7gBUym.button-solid, 7619 .button--slide_7gBUym.button-solid:before {--colors-line-and-border: var(--colors-button);} 7620 .button--slide_7gBUym.button-outline { 7621 7622 } 7623 7624.heading-slide_7gBUym { 7625 font-size: 2.10375rem; 7626 } 7627 .sub-heading-slide_7gBUym { 7628 font-size: 0.9rem; 7629 } 7630 .image-slide_7gBUym { 7631 object-position:50.0% 50.0%; 7632 } 7633 .bg-content-slide_7gBUym { 7634 background-color: rgb(var(--colors-background-secondary));} 7635 @media screen and (min-width: 768px) { 7636 .heading-slide_7gBUym { 7637 font-size: 4.2075rem; 7638 } 7639 .sub-heading-slide_7gBUym { 7640 font-size: 1.0rem; 7641 } 7642 .image-slide_7gBUym { 7643 object-position:50.0% 50.0%; 7644 } 7645 #image-paginate--template--27603645268247__fe5dccd3-17fd-4fd3-ada9-
7645a0e11305981c[image-next-active="1"] { 7646 7647 background-image: url(//iteaworld.com/cdn/shop/files/banner_1_909bd91f-fa32-46b0-8095-1a825e49560b.webp?v=1790243788&width=300); 7648 7649 background-size: cover; 7650 background-repeat: no-repeat; 7651 background-position: center; 7652 } 7653 .bg-full-slide_7gBUym { 7654 background: transparent; 7655 } 7656 } 7657 .bg-full-slide_7gBUym { 7658 background-color: rgb(var(--colors-background-secondary));}</style> 7659 <div x-slide-index="1" 7660 class="x-block-slide x-slideshow-slide_7gBUym h-full relative transition-opacity flex-shrink-0 w-full splide__slide x-splide-slide w-full" 7661 x-data="{effect: false}" 7662 7663 7664 > 7665 7666 <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"> 7667 </div> 7668 7669 <div class="h-full relative overflow-hidden"> 7670 7671 7672<div class="image-slideshow-desktop hidden md:block"> 7673 <span class="absolute top-0 left-0 bottom-0 right-0 z-10 image-treatment-overlay opacity-0"></span> 7674 <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"> 7675 <parallax-image class="h-full w-full"> 7676 <parallax-movement x-data="xParallax" x-intersect.once.margin.200px="load(true)"> 7677 <picture> 7678 <img 7679 srcset="//iteaworld.com/cdn/shop/files/banner_1_909bd91f-fa32-46b0-8095-1a825e49560b.webp?v=1790243788&width=750 750w, 7680 //iteaworld.com/cdn/shop/files/banner_1_909bd91f-fa32-46b0-8095-1a825e49560b.webp?v=1790243788&width=900 900w, 7681 //iteaworld.com/cdn/shop/files/banner_1_909bd91f-fa32-46b0-8095-1a825e49560b.webp?v=1790243788&width=1100 1100w, 7682 //iteaworld.com/cdn/shop/files/banner_1_909bd91f-fa32-46b0-8095-1a825e49560b.webp?v=1790243788&width=1500 1500w, 7683 //iteaworld.com/cdn/shop/files/banner_1_909bd91f-fa32-46b0-8095-1a825e49560b.webp?v=1790243788&width=1780 1780w, 7684 //iteaworld.com/cdn/shop/files/banner_1_909bd91f-fa32-46b0-8095-1a825e49560b.webp?v=1790243788&width=2000 2000w, 7685 //iteaworld.com/cdn/shop/files/banner_1_909bd91f-fa32-46b0-8095-1a825e49560b.webp?v=1790243788&width=3000 3000w, 7686 //iteaworld.com/cdn/shop/files/banner_1_909bd91f-fa32-46b0-8095-1a825e49560b.webp?v=1790243788&width=3840 3840w" 7687 7688 7689 loading="lazy" 7690 7691 7692 sizes="100vw" 7693 src="//iteaworld.com/cdn/shop/files/banner_1_909bd91f-fa32-46b0-8095-1a825e49560b.webp?v=1790243788&width=3840" 7694 alt="" 7695 class="object-cover h-full w-full image-slide_7gBUym" 7696 width="2800" 7697 height="1300" 7698 > 7699 </picture> 7700 </parallax-movement> 7701 </parallax-image> 7702 7703 7704 </div> 7705</div> 7706 7707<div class="image-slideshow-mobile block md:hidden"> 7708 <span class="absolute top-0 left-0 bottom-0 right-0 z-10 image-treatment-overlay opacity-0"></span> 7709 <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"> 7710 <parallax-image class="h-full w-full"> 7711 <parallax-movement x-data="xParallax" x-intersect.once.margin.200px="load(true)"> 7712 <picture> 7713 <img 7714 srcset="//iteaworld.com/cdn/shop/files/banner_2.webp?v=1790243788&width=750 750w, 7715 //iteaworld.com/cdn/shop/files/banner_2.webp?v=1790243788&width=900 900w, 7716 //iteaworld.com/cdn/shop/files/banner_2.webp?v=1790243788&width=1100 1100w, 7717 //iteaworld.com/cdn/shop/files/banner_2.webp?v=1790243788&width=1500 1500w, 7718 //iteaworld.com/cdn/shop/files/banner_2.webp?v=1790243788&width=1780 1780w, 7719 //iteaworld.com/cdn/shop/files/banner_2.webp?v=1790243788&width=2000 2000w, 7720 //iteaworld.com/cdn/shop/files/banner_2.webp?v=1790243788&width=3000 3000w, 7721 //iteaworld.com/cdn/shop/files/banner_2.webp?v=1790243788&width=3840 3840w" 7722 7723 7724 loading="lazy" 7725 7726 7727 sizes="100vw" 7728 src="//iteaworld.com/cdn/shop/files/banner_2.webp?v=1790243788&width=3840" 7729 alt="" 7730 class="object-cover h-full w-full image-slide_7gBUym" 7731 width="900" 7732 height="1349" 7733 > 7734 </picture> 7735 </parallax-movement> 7736 </parallax-image> 7737 7738 7739 </div> 7740</div> 7741 7742 </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"> 7743 <div class="table-cell max-w-full md:max-w-[745px] md:min-w-[30rem] lg:w-[65%] 7744 align-middle text-center" 7745 > 7746 <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"> 7747 </div> 7748 </div> 7749 </div> 7750 7751 <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> 7752 7753 </div> 7754 7755 7756<style data-shopify>.button--slide_NY7bBc.button-solid, 7757 .button--slide_NY7bBc.button-solid:before {--colors-line-and-border: var(--colors-button);} 7758 .button--slide_NY7bBc.button-outline { 7759--background-secondary-button: 255, 255, 255; 7760 --colors-line-secondary-button: 255, 255, 255; 7761 7762 } 7763 7764.heading-slide_NY7bBc { 7765 font-size: 2.10375rem; 7766 } 7767 .sub-heading-slide_NY7bBc { 7768 font-size: 0.9rem; 7769 } 7770 .image-slide_NY7bBc { 7771 object-position:50.0% 50.0%; 7772 } 7773 .bg-content-slide_NY7bBc { 7774 background-color: rgb(var(--colors-background-secondary));} 7775 @media screen and (min-width: 768px) { 7776 .heading-slide_NY7bBc { 7777 font-size: 4.2075rem; 7778 } 7779 .sub-heading-slide_NY7bBc { 7780 font-size: 1.0rem; 7781 } 7782 .image-slide_NY7bBc { 7783 object-position:50.0% 50.0%; 7784 } 7785 #image-paginate--template--27603645268247__fe5dccd3-17fd-4fd3-ada9-
7785a0e11305981c[image-next-active="2"] { 7786 7787 background-image: url(//iteaworld.com/cdn/shop/files/Chinese_scented_tea_-iTeaworld_3.webp?v=1789113616&width=300); 7788 7789 background-size: cover; 7790 background-repeat: no-repeat; 7791 background-position: center; 7792 } 7793 .bg-full-slide_NY7bBc { 7794 background: transparent; 7795 } 7796 } 7797 .bg-full-slide_NY7bBc { 7798 background-color: rgb(var(--colors-background-secondary));}</style> 7799 <div x-slide-index="2" 7800 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" 7801 x-data="{effect: false}" 7802 7803 7804 > 7805 7806 <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"> 7807 </div> 7808 7809 <div class="h-full relative overflow-hidden"> 7810 7811 7812<div class="image-slideshow-desktop hidden md:block"> 7813 <span class="absolute top-0 left-0 bottom-0 right-0 z-10 image-treatment-overlay opacity-0"></span> 7814 <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"> 7815 <parallax-image class="h-full w-full"> 7816 <parallax-movement x-data="xParallax" x-intersect.once.margin.200px="load(true)"> 7817 <picture> 7818 <img 7819 srcset="//iteaworld.com/cdn/shop/files/Chinese_scented_tea_-iTeaworld_3.webp?v=1789113616&width=750 750w, 7820 //iteaworld.com/cdn/shop/files/Chinese_scented_tea_-iTeaworld_3.webp?v=1789113616&width=900 900w, 7821 //iteaworld.com/cdn/shop/files/Chinese_scented_tea_-iTeaworld_3.webp?v=1789113616&width=1100 1100w, 7822 //iteaworld.com/cdn/shop/files/Chinese_scented_tea_-iTeaworld_3.webp?v=1789113616&width=1500 1500w, 7823 //iteaworld.com/cdn/shop/files/Chinese_scented_tea_-iTeaworld_3.webp?v=1789113616&width=1780 1780w, 7824 //iteaworld.com/cdn/shop/files/Chinese_scented_tea_-iTeaworld_3.webp?v=1789113616&width=2000 2000w, 7825 //iteaworld.com/cdn/shop/files/Chinese_scented_tea_-iTeaworld_3.webp?v=1789113616&width=3000 3000w, 7826 //iteaworld.com/cdn/shop/files/Chinese_scented_tea_-iTeaworld_3.webp?v=1789113616&width=3840 3840w" 7827 7828 7829 loading="lazy" 7830 7831 7832 sizes="100vw" 7833 src="//iteaworld.com/cdn/shop/files/Chinese_scented_tea_-iTeaworld_3.webp?v=1789113616&width=3840" 7834 alt="" 7835 class="object-cover h-full w-full image-slide_NY7bBc" 7836 width="2800" 7837 height="1300" 7838 > 7839 </picture> 7840 </parallax-movement> 7841 </parallax-image> 7842 7843 7844 </div> 7845</div> 7846 7847<div class="image-slideshow-mobile block md:hidden"> 7848 <span class="absolute top-0 left-0 bottom-0 right-0 z-10 image-treatment-overlay opacity-0"></span> 7849 <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"> 7850 <parallax-image class="h-full w-full"> 7851 <parallax-movement x-data="xParallax" x-intersect.once.margin.200px="load(true)"> 7852 <picture> 7853 <img 7854 srcset="//iteaworld.com/cdn/shop/files/Chinese_scented_tea_-iTeaworld_2.webp?v=1789113616&width=750 750w, 7855 //iteaworld.com/cdn/shop/files/Chinese_scented_tea_-iTeaworld_2.webp?v=1789113616&width=900 900w, 7856 //iteaworld.com/cdn/shop/files/Chinese_scented_tea_-iTeaworld_2.webp?v=1789113616&width=1100 1100w, 7857 //iteaworld.com/cdn/shop/files/Chinese_scented_tea_-iTeaworld_2.webp?v=1789113616&width=1500 1500w, 7858 //iteaworld.com/cdn/shop/files/Chinese_scented_tea_-iTeaworld_2.webp?v=1789113616&width=1780 1780w, 7859 //iteaworld.com/cdn/shop/files/Chinese_scented_tea_-iTeaworld_2.webp?v=1789113616&width=2000 2000w, 7860 //iteaworld.com/cdn/shop/files/Chinese_scented_tea_-iTeaworld_2.webp?v=1789113616&width=3000 3000w, 7861 //iteaworld.com/cdn/shop/files/Chinese_scented_tea_-iTeaworld_2.webp?v=1789113616&width=3840 3840w" 7862 7863 7864 loading="lazy" 7865 7866 7867 sizes="100vw" 7868 src="//iteaworld.com/cdn/shop/files/Chinese_scented_tea_-iTeaworld_2.webp?v=1789113616&width=3840" 7869 alt="" 7870 class="object-cover h-full w-full image-slide_NY7bBc" 7871 width="900" 7872 height="1182" 7873 > 7874 </picture> 7875 </parallax-movement> 7876 </parallax-image> 7877 7878 7879 </div> 7880</div> 7881 7882 </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"> 7883 <div class="table-cell max-w-full md:max-w-[745px] md:min-w-[30rem] lg:w-[65%] 7884 align-middle text-center" 7885 > 7886 <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"> 7887 </div> 7888 </div> 7889 </div> 7890
7891 <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> 7892 7893 </div> 7894 7895 7896<style data-shopify>.button--slide_awRaxq.button-solid, 7897 .button--slide_awRaxq.button-solid:before {--colors-line-and-border: var(--colors-button);} 7898 .button--slide_awRaxq.button-outline { 7899 7900 } 7901 7902.heading-slide_awRaxq { 7903 font-size: 2.10375rem; 7904 } 7905 .sub-heading-slide_awRaxq { 7906 font-size: 0.9rem; 7907 } 7908 .image-slide_awRaxq { 7909 object-position:50.0% 50.0%; 7910 } 7911 .bg-content-slide_awRaxq { 7912 background-color: rgb(var(--colors-background-secondary));} 7913 @media screen and (min-width: 768px) { 7914 .heading-slide_awRaxq { 7915 font-size: 4.2075rem; 7916 } 7917 .sub-heading-slide_awRaxq { 7918 font-size: 1.0rem; 7919 } 7920 .image-slide_awRaxq { 7921 object-position:50.0% 50.0%; 7922 } 7923 #image-paginate--template--27603645268247__fe5dccd3-17fd-4fd3-ada9-a0e11305981c[image-next-active="3"] { 7924 7925 background-image: url(//iteaworld.com/cdn/shop/files/chiense_brewing_calculator_2.webp?v=1789452669&width=300); 7926 7927 background-size: cover; 7928 background-repeat: no-repeat; 7929 background-position: center; 7930 } 7931 .bg-full-slide_awRaxq { 7932 background: transparent; 7933 } 7934 } 7935 .bg-full-slide_awRaxq { 7936 background-color: rgb(var(--colors-background-secondary));}</style> 7937 <div x-slide-index="3" 7938 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" 7939 x-data="{effect: false}" 7940 7941 7942 > 7943 7944 <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"> 7945 </div> 7946 7947 <div class="h-full relative overflow-hidden"> 7948 7949 7950<div class="image-slideshow-desktop hidden md:block"> 7951 <span class="absolute top-0 left-0 bottom-0 right-0 z-10 image-treatment-overlay opacity-0"></span> 7952 <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"> 7953 <parallax-image class="h-full w-full"> 7954 <parallax-movement x-data="xParallax" x-intersect.once.margin.200px="load(true)"> 7955 <picture> 7956 <img 7957 srcset="//iteaworld.com/cdn/shop/files/chiense_brewing_calculator_2.webp?v=1789452669&width=750 750w, 7958 //iteaworld.com/cdn/shop/files/chiense_brewing_calculator_2.webp?v=1789452669&width=900 900w, 7959 //iteaworld.com/cdn/shop/files/chiense_brewing_calculator_2.webp?v=1789452669&width=1100 1100w, 7960 //iteaworld.com/cdn/shop/files/chiense_brewing_calculator_2.webp?v=1789452669&width=1500 1500w, 7961 //iteaworld.com/cdn/shop/files/chiense_brewing_calculator_2.webp?v=1789452669&width=1780 1780w, 7962 //iteaworld.com/cdn/shop/files/chiense_brewing_calculator_2.webp?v=1789452669&width=2000 2000w, 7963 //iteaworld.com/cdn/shop/files/chiense_brewing_calculator_2.webp?v=1789452669&width=3000 3000w, 7964 //iteaworld.com/cdn/shop/files/chiense_brewing_calculator_2.webp?v=1789452669&width=3840 3840w" 7965 7966 7967 loading="lazy" 7968 7969 7970 sizes="100vw" 7971 src="//iteaworld.com/cdn/shop/files/chiense_brewing_calculator_2.webp?v=1789452669&width=3840" 7972 alt="" 7973 class="object-cover h-full w-full image-slide_awRaxq" 7974 width="2800" 7975 height="1300" 7976 > 7977 </picture> 7978 </parallax-movement> 7979 </parallax-image> 7980 7981 7982 </div> 7983</div> 7984 7985<div class="image-slideshow-mobile block md:hidden">
7986 <span class="absolute top-0 left-0 bottom-0 right-0 z-10 image-treatment-overlay opacity-0"></span> 7987 <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"> 7988 <parallax-image class="h-full w-full"> 7989 <parallax-movement x-data="xParallax" x-intersect.once.margin.200px="load(true)"> 7990 <picture> 7991 <img 7992 srcset="//iteaworld.com/cdn/shop/files/chiense_brewing_calculator_1.webp?v=1789452669&width=750 750w, 7993 //iteaworld.com/cdn/shop/files/chiense_brewing_calculator_1.webp?v=1789452669&width=900 900w, 7994 //iteaworld.com/cdn/shop/files/chiense_brewing_calculator_1.webp?v=1789452669&width=1100 1100w, 7995 //iteaworld.com/cdn/shop/files/chiense_brewing_calculator_1.webp?v=1789452669&width=1500 1500w, 7996 //iteaworld.com/cdn/shop/files/chiense_brewing_calculator_1.webp?v=1789452669&width=1780 1780w, 7997 //iteaworld.com/cdn/shop/files/chiense_brewing_calculator_1.webp?v=1789452669&width=2000 2000w, 7998 //iteaworld.com/cdn/shop/files/chiense_brewing_calculator_1.webp?v=1789452669&width=3000 3000w, 7999 //iteaworld.com/cdn/shop/files/chiense_brewing_calculator_1.webp?v=1789452669&width=3840 3840w" 8000 8001 8002 loading="lazy" 8003 8004 8005 sizes="100vw" 8006 src="//iteaworld.com/cdn/shop/files/chiense_brewing_calculator_1.webp?v=1789452669&width=3840" 8007 alt="" 8008 class="object-cover h-full w-full image-slide_awRaxq" 8009 width="900" 8010 height="1349" 8011 > 8012 </picture> 8013 </parallax-movement> 8014 </parallax-image> 8015 8016 8017 </div> 8018</div> 8019 8020 </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"> 8021 <div class="table-cell max-w-full md:max-w-[745px] md:min-w-[30rem] lg:w-[65%] 8022 align-middle text-center" 8023 > 8024 <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"> 8025 </div> 8026 </div> 8027 </div> 8028 8029 <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> 8030 8031 </div> 8032 8033 8034<style data-shopify>.button--slide_xwMrQ3.button-solid, 8035 .button--slide_xwMrQ3.button-solid:before {--colors-line-and-border: var(--colors-button);} 8036 .button--slide_xwMrQ3.button-outline { 8037 8038 } 8039 8040.heading-slide_xwMrQ3 { 8041 font-size: 2.10375rem; 8042 } 8043 .sub-heading-slide_xwMrQ3 { 8044 font-size: 0.9rem; 8045 } 8046 .image-slide_xwMrQ3 { 8047 object-position:50.0% 50.0%; 8048 } 8049 .bg-content-slide_xwMrQ3 { 8050 background-color: rgb(var(--colors-background-secondary));} 8051 @media screen and (min-width: 768px) { 8052 .heading-slide_xwMrQ3 { 8053 font-size: 4.2075rem; 8054 } 8055 .sub-heading-slide_xwMrQ3 { 8056 font-size: 1.0rem; 8057 } 8058 .image-slide_xwMrQ3 { 8059 object-position:50.0% 50.0%; 8060 } 8061 #image-paginate--template--27603645268247__fe5dccd3-17fd-4fd3-ada9-a0e11305981c[image-next-active="4"] { 8062 8063 background-image: url(//iteaworld.com/cdn/shop/files/workday_tea_collection_2.jpg?v=1788244574&width=300); 8064 8065 background-size: cover; 8066 background-repeat: no-repeat; 8067 background-position: center; 8068 } 8069 .bg-full-slide_xwMrQ3 { 8070 background: transparent; 8071 } 8072 } 8073 .bg-full-slide_xwMrQ3 { 8074 background-color: rgb(var(--colors-background-secondary));}</style> 8075 <div x-slide-index="4" 8076 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" 8077 x-data="{effect: false}" 8078 8079 8080 > 8081 8082 <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"> 8083 </div> 8084 8085 <div class="h-full relative overflow-hidden"> 8086 8087 8088<div class="image-slideshow-desktop hidden md:block">
8089 <span class="absolute top-0 left-0 bottom-0 right-0 z-10 image-treatment-overlay opacity-0"></span> 8090 <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"> 8091 <parallax-image class="h-full w-full"> 8092 <parallax-movement x-data="xParallax" x-intersect.once.margin.200px="load(true)"> 8093 <picture> 8094 <img 8095 srcset="//iteaworld.com/cdn/shop/files/workday_tea_collection_2.jpg?v=1788244574&width=750 750w, 8096 //iteaworld.com/cdn/shop/files/workday_tea_collection_2.jpg?v=1788244574&width=900 900w, 8097 //iteaworld.com/cdn/shop/files/workday_tea_collection_2.jpg?v=1788244574&width=1100 1100w, 8098 //iteaworld.com/cdn/shop/files/workday_tea_collection_2.jpg?v=1788244574&width=1500 1500w, 8099 //iteaworld.com/cdn/shop/files/workday_tea_collection_2.jpg?v=1788244574&width=1780 1780w, 8100 //iteaworld.com/cdn/shop/files/workday_tea_collection_2.jpg?v=1788244574&width=2000 2000w, 8101 //iteaworld.com/cdn/shop/files/workday_tea_collection_2.jpg?v=1788244574&width=3000 3000w, 8102 //iteaworld.com/cdn/shop/files/workday_tea_collection_2.jpg?v=1788244574&width=3840 3840w" 8103 8104 8105 loading="lazy" 8106 8107 8108 sizes="100vw" 8109 src="//iteaworld.com/cdn/shop/files/workday_tea_collection_2.jpg?v=1788244574&width=3840" 8110 alt="" 8111 class="object-cover h-full w-full image-slide_xwMrQ3" 8112 width="2800" 8113 height="1300" 8114 > 8115 </picture> 8116 </parallax-movement> 8117 </parallax-image> 8118 8119 8120 </div> 8121</div> 8122 8123<div class="image-slideshow-mobile block md:hidden"> 8124 <span class="absolute top-0 left-0 bottom-0 right-0 z-10 image-treatment-overlay opacity-0"></span> 8125 <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"> 8126 <parallax-image class="h-full w-full"> 8127 <parallax-movement x-data="xParallax" x-intersect.once.margin.200px="load(true)"> 8128 <picture> 8129 <img 8130 srcset="//iteaworld.com/cdn/shop/files/workday_tea_collection_1.jpg?v=1788244574&width=750 750w, 8131 //iteaworld.com/cdn/shop/files/workday_tea_collection_1.jpg?v=1788244574&width=900 900w, 8132 //iteaworld.com/cdn/shop/files/workday_tea_collection_1.jpg?v=1788244574&width=1100 1100w, 8133 //iteaworld.com/cdn/shop/files/workday_tea_collection_1.jpg?v=1788244574&width=1500 1500w, 8134 //iteaworld.com/cdn/shop/files/workday_tea_collection_1.jpg?v=1788244574&width=1780 1780w, 8135 //iteaworld.com/cdn/shop/files/workday_tea_collection_1.jpg?v=1788244574&width=2000 2000w, 8136 //iteaworld.com/cdn/shop/files/workday_tea_collection_1.jpg?v=1788244574&width=3000 3000w, 8137 //iteaworld.com/cdn/shop/files/workday_tea_collection_1.jpg?v=1788244574&width=3840 3840w" 8138 8139 8140 loading="lazy" 8141 8142 8143 sizes="100vw" 8144 src="//iteaworld.com/cdn/shop/files/workday_tea_collection_1.jpg?v=1788244574&width=3840" 8145 alt="" 8146 class="object-cover h-full w-full image-slide_xwMrQ3" 8147 width="900" 8148 height="1182" 8149 > 8150 </picture> 8151 </parallax-movement> 8152 </parallax-image> 8153 8154 8155 </div> 8156</div> 8157 8158 </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"> 8159 <div class="table-cell max-w-full md:max-w-[745px] md:min-w-[30rem] lg:w-[65%] 8160 align-middle text-center" 8161 > 8162 <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"> 8163 </div> 8164 </div> 8165 </div> 8166 8167 <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> 8168 8169 </div> 8170 8171</div> 8172 </div> 8173 8174 <div class="splide__arrows"> 8175 <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">
8176 <svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;"> 8177 <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/> 8178 </svg> 8179 8180 </button> 8181 <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"> 8182 <svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;"> 8183 <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/> 8184 </svg> 8185 8186 </button> 8187 </div> 8188 8189</div> 8190</div>
8191<script src="//iteaworld.com/cdn/shop/t/51/assets/video.js?v=177285238053898208851782181913" defer></script>
8191 8192</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 { 8193 font-size: 1.485rem; 8194 } 8195 8196 .gap-column-template--27603645268247__text_column_with_image_DdkyHD { 8197 padding: 8.0px; 8198 } 8199 .container-template--27603645268247__text_column_with_image_DdkyHD { 8200 margin: -8.0px!important; 8201 } 8202 8203 .bg--template--27603645268247__text_column_with_image_DdkyHD { 8204 8205 background: rgb(var(--colors-background-secondary)); 8206 8207 } 8208 .dark .bg--template--27603645268247__text_column_with_image_DdkyHD { 8209 8210 background: rgb(var(--colors-background-secondary)); 8211 8212 } 8213 8214 8215 .dark .text-column-with-image .container-template--27603645268247__text_column_with_image_DdkyHD { 8216 8217 --colors-text: var(--colors-text-secondary); 8218 8219 8220 --colors-heading: var(--colors-heading-secondary); 8221 8222 } 8223 .gap-template--27603645268247__text_column_with_image_DdkyHD { 8224 gap: 16px; 8225 } 8226 @media (min-width: 767px){ 8227 .heading-template--27603645268247__text_column_with_image_DdkyHD { 8228 font-size: 2.475rem; 8229 } 8230 .container-template--27603645268247__text_column_with_image_DdkyHD { 8231 margin: 0px; 8232 } 8233 } 8234 @media (min-width: 1024px){ 8235 .gap-column-template--27603645268247__text_column_with_image_DdkyHD { 8236 8237 padding: 14.0px; 8238 8239 } 8240 .container-template--27603645268247__text_column_with_image_DdkyHD { 8241 8242 margin-top: -14.0px; 8243 8244 } 8245 .gap-template--27603645268247__text_column_with_image_DdkyHD { 8246 8247 gap: 28px; 8248 8249 } 8250 8251 } 8252 �</style> 8253<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"> 8254 <div class="relative x-pgw page-width mx-auto pl-5 pr-5"> 8255 8256 <div class="pb-3 md:pb-8"> 8257 8258 8259 8260<style data-shopify> 8261 .heading-template--27603645268247__text_column_with_image_DdkyHD { 8262 8263 } 8264 .dark .heading-template--27603645268247__text_column_with_image_DdkyHD { 8265 8266 --color-highlight: #020202; 8267 8268 } 8269</style> 8270 8271 8272 8273 8274 8275 8276 <h2 8277 class='heading-template--27603645268247__text_column_with_image_DdkyHD text-center h2 block'> 8278 8279 8280 8281 <span class="highlight relative inline-block hl-font">Start Your Chinese Tea Journey 8282 8283</span> 8284 8285 8286 </h2> 8287 8288 8289 8290 </div> 8291 8292 <div 8293 id="x-text-column-with-image-template--27603645268247__text_column_with_image_DdkyHD" 8294 8295 class="text-column-with-image"x-intersect.once='$el.classList.add("is-ready-to-animate")' 8296 > 8297 <div class="splide__track lg:pt-0.5 lg:pb-0.5 lg:pl-0 lg:pr-0"> 8298 <div 8299 8300 class="flex justify-center flex-wrap container-template--27603645268247__text_column_with_image_DdkyHD" 8301 8302 ><style data-shopify> 8303 .x-slide-animation-duration-1 { 8304 --delay-time: 0ms 8305 } 8306 </style>�<style data-shopify>.heading-column_kRb8YJ { 8307 font-size: 0.99rem; 8308 } 8309 @media (min-width: 767px){ 8310 .heading-column_kRb8YJ { 8311 font-size: 1.2375rem; 8312 } 8313 }</style><div 8314 id="Slide-template--27603645268247__text_column_with_image_DdkyHD-1" 8315 x-slide-index="0" 8316 class=" gap-column-template--27603645268247__text_column_with_image_DdkyHD 8317 8318 md:w-1/2 lg:w-1/3 8319 8320 w-full md:w-1/2 8321 8322 " 8323 > 8324 <div class="flex flex-col md:flex-col h-full bg--template--27603645268247__text_column_with_image_DdkyHD rounded-[10px]" > 8325 <div 8326 x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active')" 8327 class="x-block-twm-item-image overflow-hidden block h-0 relative w-full pb-[75%
8327] rounded-[10px]" 8328 8329 > 8330 8331 <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"> 8332 8333 8334 8335 <img 8336 srcset="//iteaworld.com/cdn/shop/files/iteaworld_chinese_tea_starter_set_18.webp?v=1784717162&width=225 225w, 8337 //iteaworld.com/cdn/shop/files/iteaworld_chinese_tea_starter_set_18.webp?v=1784717162&width=375 375w, 8338 //iteaworld.com/cdn/shop/files/iteaworld_chinese_tea_starter_set_18.webp?v=1784717162&width=450 450w, 8339 //iteaworld.com/cdn/shop/files/iteaworld_chinese_tea_starter_set_18.webp?v=1784717162&width=750 750w, 8340 //iteaworld.com/cdn/shop/files/iteaworld_chinese_tea_starter_set_18.webp?v=1784717162&width=900 900w, 8341 //iteaworld.com/cdn/shop/files/iteaworld_chinese_tea_starter_set_18.webp?v=1784717162&width=1100 1100w, 8342 //iteaworld.com/cdn/shop/files/iteaworld_chinese_tea_starter_set_18.webp?v=1784717162&width=1500 1500w, 8343 //iteaworld.com/cdn/shop/files/iteaworld_chinese_tea_starter_set_18.webp?v=1784717162&width=1780 1780w, 8344 //iteaworld.com/cdn/shop/files/iteaworld_chinese_tea_starter_set_18.webp?v=1784717162&width=2000 2000w, 8345 //iteaworld.com/cdn/shop/files/iteaworld_chinese_tea_starter_set_18.webp?v=1784717162 1600w" 8346 src="//iteaworld.com/cdn/shop/files/iteaworld_chinese_tea_starter_set_18.webp?v=1784717162&width=1780" 8347 alt="" 8348 sizes="(min-width: 1024px) 466px, (min-width: 768px) calc((100vw - 5rem) / 2), calc((100vw) / 1)" 8349 class="animate_transition_image w-full h-full object-cover object-center image-hover absolute top-0 left-0 rounded-[10px]" 8350 loading="lazy" 8351 width="1600" 8352 height="1200" 8353 style="object-position: 50.0% 50.0%" 8354 onload="this?.classList.add('active'); 8355 this.closest('.animate_transition_card__image')?.classList.remove('animate-Xpulse', 'skeleton-image'); 8356 setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);" 8357 > 8358 8359 8360 8361 </a> 8362 8363 </div> 8364 8365 <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"> 8366 8367 8368 <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"> 8369 8370 8371 8372<style data-shopify> 8373 .heading-column_kRb8YJ { 8374 8375 } 8376 .dark .heading-column_kRb8YJ { 8377 8378 --color-highlight: #020202; 8379 8380 } 8381</style> 8382 8383 8384 8385 8386 8387 8388 8389 8390 <span class="highlight relative inline-block hl-font">New to Chinese Tea 8391 8392</span> 8393 8394 8395 8396 8397 8398 8399 </p> 8400 8401 8402 <div class="rte x-block-twm-item-text text-center rtl:text-center"> 8403 <p>Easy, approachable teas to help you begin your Chinese tea journey with ease.</p> 8404 </div> 8405 8406 8407 <div class="x-block-twm-item-button mb-3 text-center rtl:text-center"> 8408 8409 <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"> 8410 8411 8412 8413 8414
8415 <span class="button-text is-focus-button:opacity-0">Start Here</span> 8416 8417 8418 8419 8420 </a> 8421 </div> 8422 8423 </div> 8424 8425 </div> 8426 </div><style data-shopify> 8427 .x-slide-animation-duration-2 { 8428 --delay-time: 100ms 8429 } 8430 </style>�<style data-shopify>.heading-column_GMcm8p { 8431 font-size: 0.99rem; 8432 } 8433 @media (min-width: 767px){ 8434 .heading-column_GMcm8p { 8435 font-size: 1.2375rem; 8436 } 8437 }</style><div 8438 id="Slide-template--27603645268247__text_column_with_image_DdkyHD-2" 8439 x-slide-index="1" 8440 class=" gap-column-template--27603645268247__text_column_with_image_DdkyHD 8441 8442 md:w-1/2 lg:w-1/3 8443 8444 w-full md:w-1/2 8445 8446 " 8447 > 8448 <div class="flex flex-col md:flex-col h-full bg--template--27603645268247__text_column_with_image_DdkyHD rounded-[10px]" > 8449 <div 8450 x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active')" 8451 class="x-block-twm-item-image overflow-hidden block h-0 relative w-full pb-[75%] rounded-[10px]" 8452 8453 > 8454 8455 <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"> 8456 8457 8458 8459 <img 8460 srcset="//iteaworld.com/cdn/shop/files/workday_chinese_tea_collection_4.webp?v=1786070272&width=225 225w, 8461 //iteaworld.com/cdn/shop/files/workday_chinese_tea_collection_4.webp?v=1786070272&width=375 375w, 8462 //iteaworld.com/cdn/shop/files/workday_chinese_tea_collection_4.webp?v=1786070272&width=450 450w, 8463 //iteaworld.com/cdn/shop/files/workday_chinese_tea_collection_4.webp?v=1786070272&width=750 750w, 8464 //iteaworld.com/cdn/shop/files/workday_chinese_tea_collection_4.webp?v=1786070272&width=900 900w, 8465 //iteaworld.com/cdn/shop/files/workday_chinese_tea_collection_4.webp?v=1786070272&width=1100 1100w, 8466 //iteaworld.com/cdn/shop/files/workday_chinese_tea_collection_4.webp?v=1786070272&width=1500 1500w, 8467 //iteaworld.com/cdn/shop/files/workday_chinese_tea_collection_4.webp?v=1786070272&width=1780 1780w, 8468 //iteaworld.com/cdn/shop/files/workday_chinese_tea_collection_4.webp?v=1786070272&width=2000 2000w, 8469 //iteaworld.com/cdn/shop/files/workday_chinese_tea_collection_4.webp?v=1786070272 1600w" 8470 src="//iteaworld.com/cdn/shop/files/workday_chinese_tea_collection_4.webp?v=1786070272&width=1780" 8471 alt="" 8472 sizes="(min-width: 1024px) 466px, (min-width: 768px) calc((100vw - 5rem) / 2), calc((100vw) / 1)" 8473 class="animate_transition_image w-full h-full object-cover object-center image-hover absolute top-0 left-0 rounded-[10px]" 8474 loading="lazy" 8475 width="1600" 8476 height="1200" 8477 style="object-position: 50.0% 50.0%" 8478 onload="this?.classList.add('active'); 8479 this.closest('.animate_transition_card__image')?.classList.remove('animate-Xpulse', 'skeleton-image'); 8480 setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);" 8481 > 8482 8483 8484 8485 </a> 8486 8487 </div> 8488 8489 <div class="grow x-block-twm-content text-[rgba(var(--colors-text))] md:pl-7 md:pr-7 pl-5 pr-5 dark:md:
8489pl-7 dark:md:pr-7 dark:pl-5 dark:pr-5 mt-4 md:pb-3 pb-2"> 8490 8491 8492 <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"> 8493 8494 8495 8496<style data-shopify> 8497 .heading-column_GMcm8p { 8498 8499 } 8500 .dark .heading-column_GMcm8p { 8501 8502 --color-highlight: #020202; 8503 8504 } 8505</style> 8506 8507 8508 8509 8510 8511 8512 8513 8514 <span class="highlight relative inline-block hl-font">Daily Tea Drinkers 8515 8516</span> 8517 8518 8519 8520 8521 8522 8523 </p> 8524 8525 8526 <div class="rte x-block-twm-item-text text-center rtl:text-center"> 8527 <p>Smooth, reliable teas for your everyday tea ritual.</p> 8528 </div> 8529 8530 8531 <div class="x-block-twm-item-button mb-3 text-center rtl:text-center"> 8532 8533 <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"> 8534 8535 8536 8537 8538 8539 <span class="button-text is-focus-button:opacity-0">Explore Teas</span> 8540 8541 8542 8543 8544 </a> 8545 </div> 8546 8547 </div> 8548 8549 </div> 8550 </div><style data-shopify> 8551 .x-slide-animation-duration-3 { 8552 --delay-time: 200ms 8553 } 8554 </style>�<style data-shopify>.heading-column_xgF8ai { 8555 font-size: 0.99rem; 8556 } 8557 @media (min-width: 767px){ 8558 .heading-column_xgF8ai { 8559 font-size: 1.2375rem; 8560 } 8561 }</style><div 8562 id="Slide-template--27603645268247__text_column_with_image_DdkyHD-3" 8563 x-slide-index="2" 8564 class=" gap-column-template--27603645268247__text_column_with_image_DdkyHD 8565 8566 md:w-1/2 lg:w-1/3 8567 8568 w-full md:w-1/2 8569 8570 " 8571 > 8572 <div class="flex flex-col md:flex-col h-full bg--template--27603645268247__text_column_with_image_DdkyHD rounded-[10px]" > 8573 <div 8574 x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active')" 8575 class="x-block-twm-item-image overflow-hidden block h-0 relative w-full pb-[75%] rounded-[10px]" 8576 8577 > 8578 8579 <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"> 8580 8581 8582 8583 <img 8584 srcset="//iteaworld.com/cdn/shop/files/top_grade_chinese_tea.webp?v=1785206627&width=225 225w, 8585 //iteaworld.com/cdn/shop/files/top_grade_chinese_tea.webp?v=1785206627&width=375 375w, 8586 //iteaworld.com/cdn/shop/files/top_grade_chinese_tea.webp?v=1785206627&width=450 450w, 8587 //iteaworld.com/cdn/shop/files/top_grade_chinese_tea.webp?v=1785206627&width=750 750w, 8588 //iteaworld.com/cdn/shop/files/top_grade_chinese_tea.webp?v=1785206627&width=900 900w, 8589 //iteaworld.com/cdn/shop/files/top_grade_chinese_tea.webp?v=1785206627&width=1100 1100w, 8590 //iteaworld.com/cdn/shop/files/top_grade_chinese_tea.webp?v=1785206627&width=1500 1500w, 8591 //iteaworld.com/cdn/shop/files/top_grade_chinese_tea.webp?v=1785206627&width=1780 1780w, 8592 //iteaworld.com/cdn/shop/files/top_grade_chinese_tea.webp?v=1785206627&width=2000 2000w, 8593 //iteaworld.com/cdn/shop/files/top_grade_chinese_tea.webp?v=1785206627 1600w" 8594 src="//iteaworld.com/cdn/shop/files/top_grade_chinese_tea.webp?v=1785206627&width=1780" 8595 alt="" 8596 sizes="(min-width: 1024px) 466px, (min-width: 768px) calc((100vw - 5rem) / 2), calc((100vw) / 1)" 8597 class="animate_transition_image w-full h-full object-cover object-center image-hover absolute top-0 left-0 rounded-[10px]" 8598 loading="lazy" 8599 width="1600" 8600 height="1200" 8601 style="object-position: 50.0% 50.0%" 8602 onload="this?.classList.add('active'); 8603 this.closest('.animate_transition_card__image')?.classList.remove('animate-Xpulse', 'skeleton-image'); 8604 setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);" 8605 > 8606 8607 8608 8609 </a> 8610 8611 </div> 8612 8613 <div class="grow x-block-twm-content text-[rgba(var(--colors-text))] md:pl-7 md:pr-7 pl-5 pr-5 dark:md:
8613pl-7 dark:md:pr-7 dark:pl-5 dark:pr-5 mt-4 md:pb-3 pb-2"> 8614 8615 8616 <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"> 8617 8618 8619 8620<style data-shopify> 8621 .heading-column_xgF8ai { 8622 8623 } 8624 .dark .heading-column_xgF8ai { 8625 8626 --color-highlight: #020202; 8627 8628 } 8629</style> 8630 8631 8632 8633 8634 8635 8636 8637 8638 <span class="highlight relative inline-block hl-font">Top Grade Teas Selection 8639 8640</span> 8641 8642 8643 8644 8645 8646 8647 </p> 8648 8649 8650 <div class="rte x-block-twm-item-text text-center rtl:text-center"> 8651 <p>Top Grade teas from well-known tea origins in China, offering exceptional quality and true regional character.</p> 8652 </div> 8653 8654 8655 <div class="x-block-twm-item-button mb-3 text-center rtl:text-center"> 8656 8657 <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"> 8658 8659 8660 8661 8662 8663 <span class="button-text is-focus-button:opacity-0">Explore Teas</span> 8664 8665 8666 8667 8668 </a> 8669 </div> 8670 8671 </div> 8672 8673 </div> 8674 </div></div> 8675 </div></div> 8676 </div> 8677</div> 8678 8679 </section><section id="shopify-section-template--27603645268247__featured_collection_4enBkg" class="shopify-section section section-featured-collection x-section"> 8680<style data-shopify>.heading-template--27603645268247__featured_collection_4enBkg { 8681 font-size: 1.485rem; 8682 } 8683 #shopify-section-template--27603645268247__featured_collection_4enBkg .collection-title .h4 { 8684 font-size: 0.875rem; 8685 } 8686 @media (min-width: 768px) { 8687 .heading-template--27603645268247__featured_collection_4enBkg { 8688 font-size: 2.475rem; 8689 } 8690 #shopify-section-template--27603645268247__featured_collection_4enBkg .collection-title .h4 { 8691 font-size: 0.63rem; 8692 } 8693 } 8694 @media (min-width: 1024px) { 8695 #shopify-section-template--27603645268247__featured_collection_4enBkg .collection-title .h4 { 8696 font-size: 0.7875rem; 8697 } 8698 } 8699 .collection-title .label-template--27603645268247__featured_collection_4enBkg { 8700 8701 8702 8703 8704 color: #1b1b1b; 8705 8706 } 8707 .collection-title .label-template--27603645268247__featured_collection_4enBkg.active, .collection-title .label-template--27603645268247__featured_collection_4enBkg.active:hover { 8708 8709 background: #739047; 8710 8711 8712 color: #ffffff; 8713 8714 } 8715 .collection-title .label-template--27603645268247__featured_collection_4enBkg:hover { 8716 8717 8718 background: rgba(115, 144, 71, 0.1); 8719 8720 8721 8722 color: rgb(var(--colors-heading)); 8723 8724 } 8725 .dark .collection-title .label-template--27603645268247__featured_collection_4enBkg { 8726 8727 8728 background: transparent; 8729 8730 8731 8732 color: rgb(var(--colors-heading)); 8733 8734 } 8735 .dark .collection-title .label-template--27603645268247__featured_collection_4enBkg.active, .dark .collection-title .label-template--27603645268247__featured_collection_4enBkg.active:hover { 8736 8737 8738 background: rgba(2, 2, 2, 0.1); 8739 8740 8741 8742 color: rgb(var(--colors-heading)); 8743 8744 } 8745 .dark .collection-title .label-template--27603645268247__featured_collection_4enBkg:hover { 8746 8747 8748 background: rgba(2, 2, 2, 0.1); 8749 8750 8751 8752 color: rgb(var(--colors-heading)); 8753 8754 }</style><div class=" x-pgw page-width pr-5 pl-5 m-auto"> 8755 <div class="divider m-auto border-t hidden md:block"> 8756 </div> 8757 </div> 8758 8759<div 8760 class="x-container-featured-collection pt-[28px] md:pt-[28px] pb-[28px] md:pb-[28px]" 8761 x-data="{ 8762 view_all_link: '/collections/oolong-tea',
8763 setViewAllLink(url) { 8764 this.view_all_link = url; 8765 } 8766 }" 8767> 8768 <div class="collection_wrapper"><style data-shopify> 8769.collection-title-container.scrollbar-body::-webkit-scrollbar{ 8770 width: 1px; 8771 height: 2px; 8772} 8773</style> 8774 8775<div class="mb-4 md:mb-2 relative"> 8776 <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)'> 8777 <div class="x-block-header pl-5 pr-5 flex flex-col items-center x-pgw page-width" 8778 ><div class="mb-5 flex-auto lg:mb-2 text-center rtl:text-center"> 8779 8780 8781 8782<style data-shopify> 8783 .heading-template--27603645268247__featured_collection_4enBkg { 8784 8785 } 8786 .dark .heading-template--27603645268247__featured_collection_4enBkg { 8787 8788 --color-highlight: #020202; 8789 8790 } 8791</style> 8792 8793 8794 8795 8796 8797 8798 <h2 8799 class='heading-template--27603645268247__featured_collection_4enBkg h2 block leading-tight p-break-words'> 8800 8801 8802 8803 <span class="highlight relative inline-block hl-font">Teas Our Customers Love Most 8804 8805</span> 8806 8807 8808 </h2> 8809 8810 8811 8812 8813 </div> 8814 8815 8816 <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"> 8817 <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"> 8818 <div 8819 class="collection-title flex justify-center items-center max-w-[75%]" 8820 @click="setTimeout(() => { select(1); setViewAllLink('/collections/oolong-tea'); scrollIntoView($el) }, 0)" 8821 :class="currentTab === 1 || 'opacity-80'" 8822 8823 8824 8825 8826 > 8827 <span 8828 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]" 8829 :class="currentTab === 1 && 'active'" 8830 > 8831 Oolong Tea 8832 </span> 8833 </div> 8834 <div 8835 class="collection-title flex justify-center items-center max-w-[75%] md:border-solid md:border-l pl-2 md:pl-4" 8836 @click="setTimeout(() => { select(2); setViewAllLink('/collections/2026-spring-green-tea'); scrollIntoView($el) }, 0)" 8837 :class="currentTab === 2 || 'opacity-80'" 8838 8839 8840 x-intersect.once='loadData(2)' 8841 8842 > 8843 <span 8844 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]" 8845 :class="currentTab === 2 && 'active'" 8846 > 8847 2026 Spring Green Tea 8848 </span> 8849 </div> 8850 <div 8851 class="collection-title flex justify-center items-center max-w-[75%] md:border-solid md:border-l pl-2 md:pl-4" 8852 @click="setTimeout(() => { select(3); setViewAllLink('/collections/floral-tea'); scrollIntoView($el) }, 0)" 8853 :class="currentTab === 3 || 'opacity-80'" 8854 8855 8856 x-intersect.once='loadData(3)' 8857 8858 > 8859 <span 8860 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]" 8861 :class="currentTab === 3 && 'active'" 8862 > 8863 Scented Tea 8864 </span> 8865 </div> 8866 <div 8867 class="collection-title flex justify-center items-center max-w-[75%] md:border-solid md:border-l pl-2 md:pl-4" 8868 @click="setTimeout(() => { select(4); setViewAllLink('/collections/black-tea'); scrollIntoView($el) }, 0)" 8869 :class="currentTab === 4 || 'opacity-80'" 8870 8871 8872 x-intersect.once='loadData(4)' 8873 8874 >
8875 <span 8876 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]" 8877 :class="currentTab === 4 && 'active'" 8878 > 8879 Black Tea 8880 </span> 8881 </div> 8882 <div 8883 class="collection-title flex justify-center items-center max-w-[75%] md:border-solid md:border-l pl-2 md:pl-4" 8884 @click="setTimeout(() => { select(5); setViewAllLink('/collections/white-tea'); scrollIntoView($el) }, 0)" 8885 :class="currentTab === 5 || 'opacity-80'" 8886 8887 8888 x-intersect.once='loadData(5)' 8889 8890 > 8891 <span 8892 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]" 8893 :class="currentTab === 5 && 'active'" 8894 > 8895 White Tea 8896 </span> 8897 </div></div> 8898 </div> 8899 8900 </div><div class=" x-pgw page-width mx-auto x-pgw page-width-mobile" x-show="loading"> 8901 8902 8903 <div :class="currentTab === 2? '!block': 'hidden'" class="hidden lg:mt-8"> 8904 8905<style data-shopify> 8906 .gap-skeleton-template--27603645268247__featured_collection_4enBkg { 8907 gap: 16px; 8908 } 8909 @media (min-width: 768px) { 8910 .gap-skeleton-template--27603645268247__featured_collection_4enBkg { 8911 gap: 28px; 8912 } 8913 } 8914</style> 8915 8916 <div class="flex flex-wrap ltr"> 8917 <div class="animate-Xpulse mb-5 w-full md:w-1/3 lg:w-1/4 md:pr-7 mb-5 md:mt-0"> 8918 <div class="bg-[#c9c9c9] min-h-[200px] h-full rounded-[10px]"></div> 8919 8920 </div> 8921 8922 <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"> 8923 8924 <div class="animate-Xpulse"> 8925 <div class="bg-[#c9c9c9] relative z-20 overflow-hidden rounded-[10px] before:h-0 before:block z-0 pb-[100.0%]"></div> 8926 <div class="flex flex-col items-center"> 8927 <div class="h-3 w-3/4 bg-[#c9c9c9] mt-4"></div> 8928 <div class="h-3 w-1/2 bg-[#c9c9c9] mt-2.5 mb-2.5"></div> 8929 </div> 8930 </div> 8931 8932 <div class="animate-Xpulse"> 8933 <div class="bg-[#c9c9c9] relative z-20 overflow-hidden rounded-[10px] before:h-0 before:block z-0 pb-[100.0%]"></div> 8934 <div class="flex flex-col items-center"> 8935 <div class="h-3 w-3/4 bg-[#c9c9c9] mt-4"></div> 8936 <div class="h-3 w-1/2 bg-[#c9c9c9] mt-2.5 mb-2.5"></div> 8937 </div> 8938 </div> 8939 8940 <div class="animate-Xpulse"> 8941 <div class="bg-[#c9c9c9] relative z-20 overflow-hidden rounded-[10px] before:h-0 before:block z-0 pb-[100.0%]"></div> 8942 <div class="flex flex-col items-center"> 8943 <div class="h-3 w-3/4 bg-[#c9c9c9] mt-4"></div> 8944 <div class="h-3 w-1/2 bg-[#c9c9c9] mt-2.5 mb-2.5"></div> 8945 </div> 8946 </div> 8947 8948 </div> 8949 8950 </div> 8951 8952 </div> 8953 8954 8955 8956 <div :class="currentTab === 3? '!block': 'hidden'" class="hidden lg:mt-8"> 8957 8958<style data-shopify> 8959 .gap-skeleton-template--27603645268247__featured_collection_4enBkg { 8960 gap: 16px; 8961 } 8962 @media (min-width: 768px) { 8963 .gap-skeleton-template--27603645268247__featured_collection_4enBkg { 8964 gap: 28px; 8965 } 8966 } 8967</style> 8968 8969 <div class="flex flex-wrap ltr"> 8970 <div class="animate-Xpulse mb-5 w-full md:w-1/3 lg:w-1/4 md:pr-7 mb-5 md:mt-0"> 8971 <div class="bg-[#c9c9c9] min-h-[200px] h-full rounded-[10px]"></div> 8972 8973 </div> 8974 8975 <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"> 8976 8977 <div class="animate-Xpulse"> 8978 <div class="bg-[#c9c9c9] relative z-20 overflow-hidden rounded-[10px] before:h-0 before:block z-0 pb-[100.0%]"></div> 8979 <div class="flex flex-col items-center"> 8980 <div class="h-3 w-3/4 bg-[#c9c9c9] mt-4"></div> 8981 <div class="h-3 w-1/2 bg-[#c9c9c9] mt-2.5 mb-2.5"></div> 8982 </div> 8983 </div> 8984 8985 <div class="animate-Xpulse"> 8986 <div class="bg-[#c9c9c9] relative z-20 overflow-hidden rounded-[10px] before:h-0 before:block z-0 pb-[100.0%]"></div> 8987 <div class="flex flex-col items-center"> 8988 <div class="h-3 w-3/4 bg-[#c9c9c9] mt-4"></div> 8989 <div class="h-3 w-1/2 bg-[#c9c9c9] mt-2.5 mb-2.5"></div> 8990 </div> 8991 </div> 8992 8993 <div class="animate-Xpulse"> 8994 <div class="bg-[#c9c9c9] relative z-20 overflow-hidden rounded-[10px] before:h-0 before:block z-0 pb-[100.0%]"></div> 8995 <div class="flex flex-col items-center"> 8996 <div class="h-3 w-3/4 bg-[#c9c9c9] mt-4"></div> 8997 <div class="h-3 w-1/2 bg-[#c9c9c9] mt-2.5 mb-2.5"></div> 8998 </div> 8999 </div> 9000 9001 </div> 9002 9003 </div> 9004 9005 </div> 9006 9007 9008 9009 <div :class="currentTab === 4? '!block': 'hidden'" class="hidden lg:mt-8"> 9010 9011<style data-shopify> 9012 .gap-skeleton-template--27603645268247__featured_collection_4enBkg { 9013 gap: 16px; 9014 } 9015 @media (min-width: 768px) { 9016 .gap-skeleton-template--27603645268247__featured_collection_4enBkg { 9017 gap: 28px; 9018 } 9019 } 9020</style> 9021 9022 <div class="w-full grid grid-cols-2 md:grid-cols-4 lg:grid-cols-3 gap-skeleton-template--27603645268247__featured_collection_4enBkg"> 9023 9024 <div class="animate-Xpulse"> 9025 <div class="bg-[#c9c9c9] relative z-20 overflow-hidden rounded-[10px] before:h-0 before:block z-0 pb-[100.0%]"></div> 9026 <div class="flex flex-col items-center"> 9027 <div class="h-3 w-3/4 bg-[#c9c9c9] mt-4"></div> 9028 <div class="h-3 w-1/2 bg-[#c9c9c9] mt-2.5 mb-2.5"></div> 9029 </div> 9030 </div> 9031 9032 <div class="animate-Xpulse"> 9033 <div class="bg-[#c9c9c9] relative z-20 overflow-hidden rounded-[10px] before:h-0 before:block z-0 pb-[100.0%]"></div> 9034 <div class="flex flex-col items-center"> 9035 <div class="h-3 w-3/4 bg-[#c9c9c9] mt-4"></div> 9036 <div class="h-3 w-1/2 bg-[#c9c9c9] mt-2.5 mb-2.5"></div> 9037 </div> 9038 </div> 9039 9040 <div class="animate-Xpulse"> 9041 <div class="bg-[#c9c9c9] relative z-20 overflow-hidden rounded-[10px] before:h-0 before:block z-0 pb-[100.0%]"></div> 9042 <div class="flex flex-col items-center"> 9043 <div class="h-3 w-3/4 bg-[#c9c9c9] mt-4"></div> 9044 <div class="h-3 w-1/2 bg-[#c9c9c9] mt-2.5 mb-2.5"></div> 9045 </div> 9046 </div> 9047 9048 </div> 9049 9050 </div> 9051 9052 9053 9054 <div :class="currentTab === 5? '!block': 'hidden'" class="hidden lg:mt-8"> 9055 9056<style data-shopify> 9057 .gap-skeleton-template--27603645268247__featured_collection_4enBkg { 9058 gap: 16px; 9059 } 9060 @media (min-width: 768px) { 9061 .gap-skeleton-template--27603645268247__featured_collection_4enBkg { 9062 gap: 28px; 9063 } 9064 } 9065</style> 9066 9067 <div class="w-full grid grid-cols-2 md:grid-cols-4 lg:grid-cols-3 gap-skeleton-template--27603645268247__featured_collection_4enBkg"> 9068 9069 <div class="animate-Xpulse"> 9070 <div class="bg-[#c9c9c9] relative z-20 overflow-hidden rounded-[10px] before:h-0 before:block z-0 pb-[100.0%]"></div> 9071 <div class="flex flex-col items-center"> 9072 <div class="h-3 w-3/4 bg-[#c9c9c9] mt-4"></div> 9073 <div class="h-3 w-1/2 bg-[#c9c9c9] mt-2.5 mb-2.5"></div> 9074 </div> 9075 </div> 9076 9077 <div class="animate-Xpulse"> 9078 <div class="bg-[#c9c9c9] relative z-20 overflow-hidden rounded-[10px] before:h-0 before:block z-0 pb-[100.0%]"></div> 9079 <div class="flex flex-col items-center"> 9080 <div class="h-3 w-3/4 bg-[#c9c9c9] mt-4"></div> 9081 <div class="h-3 w-1/2 bg-[#c9c9c9] mt-2.5 mb-2.5"></div> 9082 </div> 9083 </div> 9084 9085 <div class="animate-Xpulse"> 9086 <div class="bg-[#c9c9c9] relative z-20 overflow-hidden rounded-[10px] before:h-0 before:block z-0 pb-[100.0%]"></div> 9087 <div class="flex flex-col items-center"> 9088 <div class="h-3 w-3/4 bg-[#c9c9c9] mt-4"></div> 9089 <div class="h-3 w-1/2 bg-[#c9c9c9] mt-2.5 mb-2.5"></div> 9090 </div> 9091 </div> 9092 9093 </div> 9094 9095 </div> 9096 9097 9098 </div> 9099 9100 <div> 9101 9102 9103 9104 9105 9106 9107 9108 9109 9110 9111 9112 </div> 9113 <div class="animate-fade-in relative md:mt-4 lg:mt-8" 9114 id="x-fc-template--27603645268247__featured_collection_4enBkg-1" 9115 x-show="currentTab == 1" 9116 > 9117 <style data-shopify> 9118 9119 9120 9121 @media (min-width: 768px) { 9122 .promotion-position-left { 9123 gap: 28px; 9124 } 9125 } 9126 9127 </style> 9128 <div 9129 class=" promotion-position-left rtl:promotion-position-right x-pgw page-width mx-auto pl-5 pr-5" 9130 x-intersect.once.margin.-200px='$store.xCustomerEvent.fire("list_product_viewed", $el, {list: { title: `Oolong Tea`, id: "collection" }}
9130)' 9131 ><style data-shopify>.text-collection_69pQHM {color: #ffffff; 9132 --colors-text: 255, 255, 255; 9133 --colors-heading: 255, 255, 255;} 9134 .sub-heading-collection_69pQHM { 9135 font-size: 0.86625rem; 9136 } 9137 .heading-collection_69pQHM { 9138 font-size: 1.21275rem; 9139 } 9140 9141 @media (min-width: 768px) { 9142 .sub-heading-collection_69pQHM { 9143 font-size: 1.00485rem; 9144 } 9145 .heading-collection_69pQHM { 9146 font-size: 1.7325rem; 9147 } 9148 }.button--collection_69pQHM.button-solid, 9149 .button--collection_69pQHM.button-solid:before {--colors-line-and-border: var(--colors-button);}</style> 9150 <div 9151 x-data="{open: false}" 9152 class="card-title-template--27603645268247__featured_collection_4enBkg-collection_69pQHM relative md:w-2/5 my-4 md:mt-0 rounded-[10px]" 9153 > 9154 9155 <div class="sticky-content relative h-full"> 9156 9157 9158<style data-shopify>.text-color-collection_69pQHM { 9159 color: #ffffff; 9160 --colors-text: 255, 255, 255; 9161 --colors-heading: 255, 255, 255; 9162 }.title-color-collection_69pQHM { 9163 color: ; 9164 --colors-heading: , , ; 9165 }.text-collection_69pQHM { 9166 font-size: 0.7875rem; 9167 } 9168 .sub-heading-collection_69pQHM { 9169 font-size: 0.86625rem; 9170 } 9171 .heading-collection_69pQHM { 9172 font-size: 1.21275rem; 9173 } 9174 @media (min-width: 768px) { 9175 .sub-heading-collection_69pQHM { 9176 font-size: 1.00485rem; 9177 } 9178 .heading-collection_69pQHM { 9179 font-size: 1.7325rem; 9180 } 9181 .text-collection_69pQHM { 9182 font-size: 0.875rem; 9183 } 9184 }.button--collection_69pQHM.button-solid, 9185 .button--collection_69pQHM.button-solid:before {--colors-line-and-border: var(--colors-button);}.button--collection_69pQHM.button-outline {} 9186 9187</style><div 9188 9189 x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active')" 9190 9191 class="group w-full relative overflow-hidden text-center rtl:text-center h-full rounded-[10px]" 9192 > 9193 9194 9195 <div 9196 class="animate_transition_card__image animate-Xpulse skeleton-image w-full h-full top-0 left-0 overflow-hidden md:absolute rounded-[10px]" 9197 > 9198 9199 <img 9200 srcset="//iteaworld.com/cdn/shop/files/iTeaworld_oolong.webp?v=1783413063&width=225 225w, 9201 //iteaworld.com/cdn/shop/files/iTeaworld_oolong.webp?v=1783413063&width=375 375w, 9202 //iteaworld.com/cdn/shop/files/iTeaworld_oolong.webp?v=1783413063&width=450 450w, 9203 //iteaworld.com/cdn/shop/files/iTeaworld_oolong.webp?v=1783413063&width=750 750w, 9204 //iteaworld.com/cdn/shop/files/iTeaworld_oolong.webp?v=1783413063&width=900 900w, 9205 //iteaworld.com/cdn/shop/files/iTeaworld_oolong.webp?v=1783413063&width=1100 1100w, 9206 //iteaworld.com/cdn/shop/files/iTeaworld_oolong.webp?v=1783413063&width=1500 1500w, 9207 //iteaworld.com/cdn/shop/files/iTeaworld_oolong.webp?v=1783413063&width=1780 1780w" 9208 src="//iteaworld.com/cdn/shop/files/iTeaworld_oolong.webp?v=1783413063&width=1780" 9209 9210 loading="eager" fetchpriority="high" decoding="sync" 9211 9212 sizes="(min-width: 1400px) Liquid error (snippets/promotion-image line 125): divided by 0px, (min-width: 768px) calc((100vw - 5rem) / 2), 100vw" 9213 alt="" 9214 width="1600" 9215 height="1000.0" 9216 style="object-position: 50.0% 50.0%;" 9217 class="w-full h-full object-cover z-10 image-hover animate_transition_image rounded-[10px]" 9218 onload="this?.classList.add('active'); 9219 this.closest('.animate_transition_card__image')?.classList.remove('animate-Xpulse', 'skeleton-image'); 9220 setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250); 9221 " 9222 /> 9223 </div> 9224 9225 <span class="absolute top-0 left-0 bottom-0 right-0 pointer-events-none image-treatment-overlay opacity-0 rounded-[10px]"></span> 9226 <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" 9227 > 9228 <div class=" text-color-collection_69pQHM"> 9229 9230 9231 9232<style data-shopify> 9233 .heading-collection_69pQHM { 9234 9235 --color-highlight: #ffffff; 9236 9237 } 9238 .dark .heading-collection_69pQHM { 9239 9240 --color-highlight: #020202; 9241 9242 } 9243</style> 9244 9245 9246 9247 9248 9249 9250 <h3 9251 class='heading-collection_69pQHM h3 promotion-header:mb-0 mb-2 leading-tight h2 p-break-words pointer-events-auto'> 9252 9253 9254
9255 Oolong Flavor Exploration 9256 9257 9258 </h3> 9259 9260 9261 9262 </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"> 9263 9264 9265 9266 9267 <span class="button-text is-focus-button:opacity-0">Explore</span> 9268 9269 9270 9271 9272 </a> 9273 9274 </div> 9275 9276 9277</div> 9278 </div> 9279 9280 </div><div class="md:w-3/5 "><div 9281 id="x-collection-collection_69pQHM" 9282 class="collection" 9283 x-intersect.once='$el.classList.add("is-ready-to-animate")' 9284 > 9285 <style data-shopify> 9286 .gap-mobile-collection_69pQHM-template--27603645268247__featured_collection_4enBkg { 9287 gap: 16px; 9288 } 9289 @media (min-width: 768px) { 9290 .gap-collection_69pQHM-template--27603645268247__featured_collection_4enBkg { 9291 9292 gap: 28px; 9293 9294 } 9295 } 9296 </style> 9297 9298 <div class="splide__track md:pl-0 md:pr-0 lg:pl-0 lg:pr-0"> 9299 <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> 9300 .x-slide-animation-duration-1 { 9301 --delay-time: 0ms 9302 } 9303 </style> 9304 9305 9306 9307<div 9308 9309 x-data="xProductCard('template--27603645268247__featured_collection_4enBkg-1-1', '/products/chinese-oolong-tea-classic-flavor-collection-for-beginner', '10347764252951')" 9310 9311 class="card-product overflow-hidden card md:list-layout:flex relative pb-4 md:pb-5 h-full rounded-[10px]" 9312 x-slide-index="0" 9313> 9314 <div class="md:list-layout:w-2/5 md:list-layout:lg:w-1/4 relative disable-effect md:list-layout:pr-8" 9315 > 9316 <style data-shopify> 9317 9318 </style> 9319 9320 <style data-shopify> 9321 9322 </style> 9323 <a 9324 9325 x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active', 'lazy_active')" 9326 9327 href="/products/chinese-oolong-tea-classic-flavor-collection-for-beginner" 9328 9329 x-data="{ lastWindowWidth: 0 }" 9330 x-intersect.once.margin.200px='$nextTick(() => { $store.xBadges && $store.xBadges.load($el, () => {}, null, true); })' 9331 x-labels-data="[ 9332 9333{ 9334 "variant_id": 55304978825495, 9335 "product_id": 10347764252951, 9336 "available": true, 9337 "title": "Chinese Oolong Tea Starter Set 75g", 9338 "compare_at_price": 0, 9339 "price": 1999, 9340 "price_with_currency": "$19.99 USD", 9341 "sale_amount": "$-19.99", 9342 "collections": "||532285358359||511975915799||529991958807||495480209687||526671020311||526343471383||526630453527||521178841367||456987115799||493393674519||449406664983||525935542551||450205417751||461861486871||531442204951||531755041047||531756548375||498760843543||", 9343 "inventory_management": "shopify", 9344 "qty": 18, 9345 "container": "card", 9346 "can_show_preorder": false, 9347 "diff_day_create": 115.3, 9348 "diff_day_publish": 106.0 9349 9350 ,"metafield_label": { 9351 "custom.flavors":"" 9352 } 9353 9354 } 9355 ]" 9356 9357 aria-label="Chinese Oolong Tea Starter Set 75g" 9358 id="10347764252951-template--27603645268247__featured_collection_4enBkg" 9359 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%]"> 9360 <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"> 9361 <div
9362 id="x-slideshow-card-product-template--27603645268247__featured_collection_4enBkg-1-1-0" 9363 class="block h-full" 9364 @click='$store.xCustomerEvent.fire("product_selected", $el)' 9365 x-customer-event-data="{ 9366 "product": { 9367 "title": "Chinese Oolong Tea Starter Set 75g", 9368 "listName": "Oolong Tea", 9369 "sku": "10347764252951", 9370 "currencyCode": "USD", 9371 "price": 1999, 9372 "vendor": "iTeaworld" 9373 } 9374 }" 9375 ><div 9376 class="absolute inset-0 z-10 pointer-events-auto dbtap-overlay" 9377 @touchstart="onTouchStart($event)" 9378 @touchend.prevent="onTouchEnd($el.closest('.x-splide'))" 9379 @touchmove="onTouchMove($event)" 9380 ></div> 9381<div class="w-full z-0 h-full min-h-full top-0 left-0 absolute" 9382 > 9383 9384 <picture> 9385 <img 9386 srcset=" 9387 //iteaworld.com/cdn/shop/files/iTeaworldchineseoolongstarterset_1.webp?v=1781080460&width=250 250w, 9388 //iteaworld.com/cdn/shop/files/iTeaworldchineseoolongstarterset_1.webp?v=1781080460&width=350 350w, 9389 //iteaworld.com/cdn/shop/files/iTeaworldchineseoolongstarterset_1.webp?v=1781080460&width=450 450w, 9390 //iteaworld.com/cdn/shop/files/iTeaworldchineseoolongstarterset_1.webp?v=1781080460&width=750 750w, 9391 //iteaworld.com/cdn/shop/files/iTeaworldchineseoolongstarterset_1.webp?v=1781080460&width=900 900w, 9392 //iteaworld.com/cdn/shop/files/iTeaworldchineseoolongstarterset_1.webp?v=1781080460&width=1100 1100w, 9393 //iteaworld.com/cdn/shop/files/iTeaworldchineseoolongstarterset_1.webp?v=1781080460&width=1500 1500w,//iteaworld.com/cdn/shop/files/iTeaworldchineseoolongstarterset_1.webp?v=1781080460 1600w" 9394 src="//iteaworld.com/cdn/shop/files/iTeaworldchineseoolongstarterset_1.webp?v=1781080460&width=1500" 9395 sizes="(min-width: 1400px) calc(100vw / 3), (min-width: 1024px) calc((100vw) / 3), (min-width: 768px) calc((100vw) / 2), calc(100vw /2)" 9396 alt="Chinese Oolong Tea Starter Set 75g" 9397 :class="showSecond ? 'first-img' : ''" 9398 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" 9399 loading="lazy" 9400 width="1600" 9401 height="1600" 9402 onload="this?.classList.add('active');this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image'); 9403 setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);" 9404 /> 9405 </picture> 9406 9407 </div><div class="w-full h-full top-0 left-0 absolute lg:block"> 9408 9409 <picture> 9410 <img 9411 srcset="//iteaworld.com/cdn/shop/files/iTeaworldchineseoolongstarterset_6.webp?v=1781080460&width=250 250w, 9412 //iteaworld.com/cdn/shop/files/iTeaworldchineseoolongstarterset_6.webp?v=1781080460&width=350 350w, 9413 //iteaworld.com/cdn/shop/files/iTeaworldchineseoolongstarterset_6.webp?v=1781080460&width=450 450w, 9414 //iteaworld.com/cdn/shop/files/iTeaworldchineseoolongstarterset_6.webp?v=1781080460&width=750 750w, 9415 //iteaworld.com/cdn/shop/files/iTeaworldchineseoolongstarterset_6.webp?v=1781080460&width=900 900w, 9416 //iteaworld.com/cdn/shop/files/iTeaworldchineseoolongstarterset_6.webp?v=1781080460&width=1100 1100w, 9417 //iteaworld.com/cdn/shop/files/iTeaworldchineseoolongstarterset_6.webp?v=1781080460&width=1500 1500w,//iteaworld.com/cdn/shop/files/iTeaworldchineseoolongstarterset_6.webp?v=1781080460 1600w" 9418 src="//iteaworld.com/cdn/shop/files/iTeaworldchineseoolongstarterset_6.webp?v=1781080460&width=1500" 9419 sizes="(min-width: 1400px) calc(100vw / 3), (min-width: 1024px) calc((100vw) / 3), (min-width: 768px) calc((100vw) / 2), calc(100vw /2)" 9420 alt="Chinese Oolong Tea Starter Set 75g" 9421 :class="showSecond ? 'second-img' : ''" 9422 class="motion-reduce min-w-full h-full object-cover group-hover:cursor-pointer image-second-hover opacity-0 lg:group-hover:opacity-100" 9423 loading="lazy" 9424 width="1600" 9425 height="1600" 9426 onload="this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image'); 9427 setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);" 9428 /> 9429 </picture> 9430 9431 </div></div> 9432 </div> 9433 <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" 9434 x-show="$store.xQuickView" x-cloak 9435 > 9436 <div x-data="xProductCart" x-show="$store.xQuickView && $store.xQuickView.show_atc_button" 9437 class="w-full hide-icon lg:px-4"
9438 :class="if($store.xQuickView){ return ($store.xQuickView.btn_atc_bottom ? 'hidden' : '') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:block' : ' lg:hidden') }" 9439 x-cloak 9440 > 9441 9442 <button 9443 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" 9444 :class="errorMessage && 'opacity-60 cursor-not-allowed'" 9445 9446 type="submit" 9447 name="add" 9448 @click.prevent="setTimeout(() => { $store.xQuickView && (showOptions = !showOptions); $store.xQuickView.showChooseOption('template--27603645268247__featured_collection_4enBkg-10347764252951-collection_69pQHM', $el); }, 0)" 9449 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)" 9450 data-id="template--27603645268247__featured_collection_4enBkg-10347764252951-collection_69pQHM" 9451 9452 aria-label="Choose options" 9453 9454 9455 > 9456 <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}"> 9457 9458 <span class="flex items-center justify-center"> 9459 9460 9461 9462 9463 <span class="button-text is-focus-button:opacity-0">Choose options</span> 9464 9465 9466 9467 9468 </span> 9469 </span> 9470 <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> 9471 <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> 9472 <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" 9473 fill="currentcolor" stroke="none"> 9474 <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"/> 9475 </g> 9476 </svg> 9477 9478 </div> 9479 </button> 9480 <button 9481 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" 9482 :class="errorMessage && 'opacity-60 cursor-not-allowed'" 9483 9484 type="submit" 9485 name="add" 9486 @click.prevent="setTimeout(() => { $store.xQuickView && (showOptions = !showOptions); $store.xQuickView.showChooseOption('template--27603645268247__featured_collection_4enBkg-10347764252951-collection_69pQHM', $el); }, 0)" 9487 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)" 9488 data-id="template--27603645268247__featured_collection_4enBkg-10347764252951-collection_69pQHM"aria-label="Add to cart"x-customer-event-data="{ 9489 "product": { 9490 "title": "Chinese Oolong Tea Starter Set 75g", 9491 "listName": "Oolong Tea", 9492 "sku": "10347764252951", 9493 "currencyCode": "USD", 9494 "price": 1999, 9495 "vendor": "iTeaworld" 9496 } 9497 }" 9498 9499 >
9500 <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;"> 9501 <g> 9502 <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"/> 9503 <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"/> 9504 <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"/> 9505 <path d="M1.44977 1.35001H3.34977" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 9506 </g> 9507 </svg></span> 9508 <span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak> 9509 <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> 9510 <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" 9511 fill="currentcolor" stroke="none"> 9512 <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"/> 9513 </g> 9514 </svg> 9515 9516 </span> 9517 </button> 9518 9519 </div> 9520 </div><div 9521 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" 9522 :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'" 9523 x-show="$store.xQuickView && $store.xQuickView.enabled" x-cloak 9524 > 9525 <div> 9526 <button 9527 @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 9528 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')" 9529 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')" 9530 class="button label-btn-quickview button--quickview not-icon leading-normal empty:hidden hidden lg:block z-50 h-full" 9531 :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'" 9532 x-customer-event-data="{ 9533 "product": { 9534 "title": "Chinese Oolong Tea Starter Set 75g", 9535 "listName": "Oolong Tea", 9536 "sku": "10347764252951", 9537 "currencyCode": "USD", 9538 "price": 1999, 9539 "vendor": "iTeaworld" 9540 } 9541 }" 9542 aria-label="Button quickview" 9543 >
9544 <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;"> 9545 <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"/> 9546 <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 9547 </svg> 9548</span> 9549 <span x-show="$store.xQuickView && !$store.xQuickView.show_atc_button" class="flex items-center justify-center"> 9550 9551 9552 <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span> 9553 9554 9555 </span> 9556 </button> 9557 <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);' 9558 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" 9559 aria-label="Button quickview" 9560 x-customer-event-data="{ 9561 "product": { 9562 "title": "Chinese Oolong Tea Starter Set 75g", 9563 "listName": "Oolong Tea", 9564 "sku": "10347764252951", 9565 "currencyCode": "USD", 9566 "price": 1999, 9567 "vendor": "iTeaworld" 9568 } 9569 }" 9570 > 9571 <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;"> 9572 <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"/> 9573 <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 9574 </svg> 9575</span> 9576 </button> 9577 </div> 9578 </div> 9579 </div> 9580 9581 </a> 9582 9583 9584 <div class="md:list-layout:hidden"> 9585 <div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0"> 9586 <div class="no-collage:mb-2 text-center md:list-layout:text-left"> 9587 9588 <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"> 9589 <a href="/products/chinese-oolong-tea-classic-flavor-collection-for-beginner" 9590 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" 9591 @click='$store.xCustomerEvent.fire("product_selected", $el)' 9592 x-customer-event-data="{ 9593 "product": { 9594 "title": "Chinese Oolong Tea Starter Set 75g", 9595 "listName": "Oolong Tea", 9596 "sku": "10347764252951", 9597 "currencyCode": "USD", 9598 "price": 1999, 9599 "vendor": "iTeaworld" 9600 } 9601 }" 9602 > 9603 Chinese Oolong Tea Starter Set 75g 9604 </a> 9605 </h3> 9606 9607 9608 9609 9610 9611 <div class="x-card-highlighted-featured mb-2.5 break-words"> 9612 <div class="rte"><p><span class="metafield-single_line_text_field">Roasty, Floral & Fresh · 3 Classic Oolong Styles</span></p></div> 9613 </div> 9614 9615 9616<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"> 9617 9618 9619 <div class=" price leading-none"> 9620 <div class=""> 9621 <div class="target-price hidden">1999</div> 9622 <div class="target-compare-at-price hidden"></div> 9623 9624<p class="price ">
9625 <span>$19.99 USD</span> 9626 </p><small class="text-[70%] hidden"> 9627 <span class="hidden">Unit price</span> 9628 <span class="up price-item price-item--last"> 9629 <span class="unit-price"> 9630 9631 </span> 9632 <span aria-hidden="true">/</span> 9633 <span class="hidden"> per </span> 9634 <span> 9635 </span> 9636 </span> 9637 </small> 9638 9639 </div> 9640 9641</div> 9642 9643 <div class="leading-none next-price empty:hidden"></div> 9644 </div> 9645 9646 <template x-if="localStorage.getItem('selectedStore')"> 9647 <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])"> 9648 <div 9649 x-data='{ 9650 storeAvailabilites: { 9651 9652 }, 9653 pickupLocation: [ 9654 9655 ] 9656 }' 9657 x-show="$store.xStoreSelector?.selectedStore && pickupLocation.includes($store.xStoreSelector?.getStore())" 9658> 9659 <style data-shopify> 9660 .text-available, .text-unavailable { 9661 font-size: 0.669375rem; 9662 font-family: var(--font-body-family); 9663 } 9664 9665 @media (min-width: 768px) { 9666 .text-available, .text-unavailable { 9667 font-size: 0.74375rem; 9668 } 9669 } 9670 9671 .text-available { 9672 color: #739047; 9673 } 9674 9675 .dark .text-available { 9676 color: #739047; 9677 } 9678 9679 .text-unavailable { 9680 color: #767474; 9681 } 9682 9683 .dark .text-unavailable { 9684 color: #867F7F; 9685 } 9686 </style> 9687 <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-available flex flex-row items-center gap-[3px]"> 9688 <span class="flex h-4 w-4 relative"> 9689<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 9690 <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/> 9691 <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/> 9692</svg> 9693 9694</span><span x-text="'Available for pickup at ' + $store.xStoreSelector?.getStoreText()"> </span> 9695 </div> 9696 <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]"> 9697 <span class="flex h-4 w-4 relative"> 9698<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 9699 <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/> 9700 <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/> 9701</svg> 9702 9703</span><span x-text="'Out of stock at ' + $store.xStoreSelector?.getStoreText()"> </span> 9704 </div> 9705</div> 9706 </div> 9707 </template> 9708 </div> 9709 </div> 9710 </div> 9711 9712 </div><div 9713 id="choose-options-template--27603645268247__featured_collection_4enBkg-10347764252951-collection_69pQHM" 9714 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" 9715 x-show="showOptions" 9716 x-transition:enter="transition-all ease-in-out duration-300" 9717 x-transition:enter-start="opacity-0 transform translate-y-full" 9718 x-transition:enter-end="opacity-100 transform translate-y-0" 9719 x-transition:leave="transition-all ease-in-out duration-300" 9720 x-transition:leave-start="opacity-100 transform translate-y-0" 9721 x-transition:leave-end="opacity-0 transform translate-y-full" 9722 x-cloak 9723 > 9724 <div class="choose-options relative w-full min-h-full h-full"></div> 9725 <div class="icon-loading hidden absolute top-0 left-0 right-0 h-full w-full z-20 bg-[rgba(var(--background-color))]"> 9726 <div 9727 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-[
9727calc(50%-10px)]"> 9728 <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> 9729 <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" 9730 fill="currentcolor" stroke="none"> 9731 <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"/> 9732 </g> 9733 </svg> 9734 9735 </div> 9736 </div> 9737 </div> 9738 <div 9739 id="x-product-template-10347764252951-template--27603645268247__featured_collection_4enBkg-1-1" 9740 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" 9741 > 9742 9743 9744 9745<div 9746 class="x-variants-data x-variants-data-js pt-3 border-t mt-3" 9747 x-data='xVariantSelectCard($el,"template--27603645268247__featured_collection_4enBkg-1-1", "10347764252951", "/products/chinese-oolong-tea-classic-flavor-collection-for-beginner", false, false, false, "")' 9748 9749 data-option1="Default (CN) Warehouse" 9750 9751 x-intersect.margin.200px="if ($el.querySelector('#variant-update-template--27603645268247__featured_collection_4enBkg-1-1').innerHTML.trim() == '') $el.classList.add('hidden');" 9752 > 9753 <div 9754 id="current-variant-template--27603645268247__featured_collection_4enBkg-10347764252951-collection_69pQHM" 9755 class="current-variant hidden" 9756 > 9757 55304978825495 9758 </div> 9759 <div 9760 id="variant-update-template--27603645268247__featured_collection_4enBkg-1-1" 9761 class="variant-update-template--27603645268247__featured_collection_4enBkg-1-1 list-layout:md:text-left rtl:list-layout:md:text-right options-container" 9762 > 9763 9764</div> 9765 </div> 9766
9766<script src="//iteaworld.com/cdn/shop/t/51/assets/variant-select-card.js?v=141088792309509576511782181913" defer></script>
9766 9767 9768 9769 <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> 9770 9771 <div class="card-info x-highlight-icon mt-2.5"> 9772 <div 9773 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" 9774 x-data="{setPosition(el) { 9775 parentEl = el.closest('.x-highlight-icon').getBoundingClientRect(); 9776 el.style.setProperty('--maxwidth-tooltip', parentEl.width - 20 + 'px'); 9777 elRect = el.getBoundingClientRect(); 9778 let spacingLeft = elRect.left - parentEl.left; 9779 if (spacingLeft < 0) { 9780 el.style.setProperty('--left-tooltip', Math.abs(spacingLeft) + 'px'); 9781 } 9782 let spacingRight = parentEl.right - elRect.right; 9783 if (spacingRight < 0) { 9784 el.style.setProperty('--left-tooltip', spacingRight + 'px'); 9785 } 9786 }}" 9787 x-init="$el.innerHTML = $el.innerHTML.trim();" 9788> 9789 � 9790 � 9791 � 9792 �</div> 9793 </div> 9794 9795 9796 <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)" 9797 class="card-info bottom_atc md:list-layout:hidden hide-icon" 9798 :class="if($store.xQuickView.show_atc_button){ return ($store.xQuickView.btn_atc_bottom ? '' : 'hidden') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:hidden' : ' lg:block')}" 9799 x-cloak 9800 > 9801 9802 <button 9803 type="submit" 9804 name="add" 9805 @click.prevent="setTimeout(() => { $store.xQuickView && (showOptions = !showOptions); $store.xQuickView.showChooseOption('template--27603645268247__featured_collection_4enBkg-10347764252951-collection_69pQHM', $el); }, 0)" 9806 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)" 9807 data-id="template--27603645268247__featured_collection_4enBkg-10347764252951-collection_69pQHM" 9808 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" 9809 :class="errorMessage && 'opacity-60 cursor-not-allowed'" 9810 aria-label="Choose options" 9811 > 9812 <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}"> 9813 9814 <span class="flex items-center justify-center"> 9815 9816 9817 9818 9819 <span class="button-text is-focus-button:opacity-0">Choose options</span> 9820 9821 9822 9823 9824 </span> 9825 </span> 9826 <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> 9827 <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> 9828 <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" 9829 fill="currentcolor" stroke="none"> 9830 <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"/> 9831 </g> 9832 </svg> 9833 9834 </div> 9835 </button> 9836 9837 </div></template> 9838 9839 9840 <template x-if="$store.xQuickView"> 9841 <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 && ''"> 9842 9843 <button 9844 type="submit" 9845 name="add" 9846 9847 @click.prevent="setTimeout(() => { $store.xQuickView && (showOptions = !showOptions); $store.xQuickView.showChooseOption('template--27603645268247__featured_collection_4enBkg-10347764252951-collection_69pQHM', $el); }, 0)" 9848 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)" 9849 data-id="template--27603645268247__featured_collection_4enBkg-10347764252951-collection_69pQHM" 9850 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" 9851 :class="errorMessage && 'opacity-60 cursor-not-allowed'"
9852 aria-label="Choose options" 9853 > 9854 <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}"> 9855 9856 <span class="flex items-center justify-center"> 9857 9858 9859 9860 9861 <span class="button-text is-focus-button:opacity-0">Choose options</span> 9862 9863 9864 9865 9866 </span> 9867 </span> 9868 <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> 9869 <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> 9870 <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" 9871 fill="currentcolor" stroke="none"> 9872 <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"/> 9873 </g> 9874 </svg> 9875 9876 </div> 9877 </button> 9878 9879 </div><button 9880 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')" 9881 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')" 9882 @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 9883 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" 9884 aria-label="Button quickview" 9885 x-customer-event-data="{ 9886 "product": { 9887 "title": "Chinese Oolong Tea Starter Set 75g", 9888 "listName": "Oolong Tea", 9889 "sku": "10347764252951", 9890 "currencyCode": "USD", 9891 "price": 1999, 9892 "vendor": "iTeaworld" 9893 } 9894 }" 9895 x-show="$store.xQuickView.enabled" 9896 > 9897 <span class="flex justify-center items-center"> 9898 9899 9900 <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span> 9901 9902 9903 </span> 9904 </button> 9905 </div> 9906 </template> 9907 9908 </div> 9909</div> 9910<style data-shopify> 9911 .x-slide-animation-duration-2 { 9912 --delay-time: 100ms 9913 } 9914 </style> 9915 9916 9917 9918<div 9919 9920 x-data="xProductCard('template--27603645268247__featured_collection_4enBkg-1-2', '/products/roasted-chinese-oolong-collection', '10362355220759')" 9921 9922 class="card-product overflow-hidden card md:list-layout:flex relative pb-4 md:pb-5 h-full rounded-[10px]" 9923 x-slide-index="1" 9924> 9925 <div class="md:list-layout:w-2/5 md:list-layout:lg:w-1/4 relative disable-effect md:list-layout:pr-8" 9926 > 9927 <style data-shopify> 9928 9929 </style> 9930 9931 <style data-shopify> 9932 9933 </style> 9934 <a 9935 9936 x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active', 'lazy_active')" 9937 9938 href="/products/roasted-chinese-oolong-collection" 9939 9940 x-data="{ lastWindowWidth: 0 }" 9941 x-intersect.once.margin.200px='$nextTick(() => { $store.xBadges && $store.xBadges.load($el, () => {}, null, true); })' 9942 x-labels-data="[ 9943 9944{ 9945 "variant_id": 55304907784471, 9946 "product_id": 10362355220759, 9947 "available": true, 9948 "title": "Roasted Chinese Oolong Tea Collection 75g", 9949 "compare_at_price": 0, 9950 "price": 1999, 9951 "price_with_currency": "$19.99 USD", 9952 "sale_amount": "$-19.99", 9953 "collections": "||526632485143||511975915799||529991958807||495480209687||526671020311||526343471383||456987115799||493393674519||527329329431||449406664983||525935542551||450205417751||461861486871||531755041047||531756548375||498760843543||", 9954 "inventory_management": "shopify", 9955 "qty": 15, 9956 "container": "card", 9957 "can_show_preorder": false, 9958 "diff_day_create": 108.38, 9959 "diff_day_publish": 106.0 9960 9961 ,"metafield_label": { 9962 "custom.flavors":"" 9963 } 9964 9965 } 9966 ]" 9967 9968 aria-label="Roasted Chinese Oolong Tea Collection 75g" 9969 id="10362355220759-template--27603645268247__featured_collection_4enBkg" 9970 class="x-labels-data ltr group link-product-variant overflow-hidden block relative z-[15] curs
9970or-pointer before:h-0 before:block no-collage rounded-[10px] pb-[100%]"> 9971 <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"> 9972 <div 9973 id="x-slideshow-card-product-template--27603645268247__featured_collection_4enBkg-1-2-1" 9974 class="block h-full" 9975 @click='$store.xCustomerEvent.fire("product_selected", $el)' 9976 x-customer-event-data="{ 9977 "product": { 9978 "title": "Roasted Chinese Oolong Tea Collection 75g", 9979 "listName": "Oolong Tea", 9980 "sku": "10362355220759", 9981 "currencyCode": "USD", 9982 "price": 1999, 9983 "vendor": "iTeaworld" 9984 } 9985 }" 9986 ><div 9987 class="absolute inset-0 z-10 pointer-events-auto dbtap-overlay" 9988 @touchstart="onTouchStart($event)" 9989 @touchend.prevent="onTouchEnd($el.closest('.x-splide'))" 9990 @touchmove="onTouchMove($event)" 9991 ></div> 9992<div class="w-full z-0 h-full min-h-full top-0 left-0 absolute" 9993 > 9994 9995 <picture> 9996 <img 9997 srcset=" 9998 //iteaworld.com/cdn/shop/files/iTeaworldroastedoolongcollection_1.webp?v=1781088302&width=250 250w, 9999 //iteaworld.com/cdn/shop/files/iTeaworldroastedoolongcollection_1.webp?v=1781088302&width=350 350w, 10000 //iteaworld.com/cdn/shop/files/iTeaworldroastedoolongcollection_1.webp?v=1781088302&width=450 450w, 10001 //iteaworld.com/cdn/shop/files/iTeaworldroastedoolongcollection_1.webp?v=1781088302&width=750 750w, 10002 //iteaworld.com/cdn/shop/files/iTeaworldroastedoolongcollection_1.webp?v=1781088302&width=900 900w, 10003 //iteaworld.com/cdn/shop/files/iTeaworldroastedoolongcollection_1.webp?v=1781088302&width=1100 1100w, 10004 //iteaworld.com/cdn/shop/files/iTeaworldroastedoolongcollection_1.webp?v=1781088302&width=1500 1500w,//iteaworld.com/cdn/shop/files/iTeaworldroastedoolongcollection_1.webp?v=1781088302 1600w" 10005 src="//iteaworld.com/cdn/shop/files/iTeaworldroastedoolongcollection_1.webp?v=1781088302&width=1500" 10006 sizes="(min-width: 1400px) calc(100vw / 3), (min-width: 1024px) calc((100vw) / 3), (min-width: 768px) calc((100vw) / 2), calc(100vw /2)" 10007 alt="Roasted Chinese Oolong Tea Collection 75g" 10008 :class="showSecond ? 'first-img' : ''" 10009 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" 10010 loading="lazy" 10011 width="1600" 10012 height="1600" 10013 onload="this?.classList.add('active');this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image'); 10014 setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);" 10015 /> 10016 </picture> 10017 10018 </div><div class="w-full h-full top-0 left-0 absolute lg:block"> 10019 10020 <picture> 10021 <img 10022 srcset="//iteaworld.com/cdn/shop/files/iTeaworldroastedoolongcollection_5.webp?v=1781088302&width=250 250w, 10023 //iteaworld.com/cdn/shop/files/iTeaworldroastedoolongcollection_5.webp?v=1781088302&width=350 350w, 10024 //iteaworld.com/cdn/shop/files/iTeaworldroastedoolongcollection_5.webp?v=1781088302&width=450 450w, 10025 //iteaworld.com/cdn/shop/files/iTeaworldroastedoolongcollection_5.webp?v=1781088302&width=750 750w, 10026 //iteaworld.com/cdn/shop/files/iTeaworldroastedoolongcollection_5.webp?v=1781088302&width=900 900w, 10027 //iteaworld.com/cdn/shop/files/iTeaworldroastedoolongcollection_5.webp?v=1781088302&width=1100 1100w, 10028 //iteaworld.com/cdn/shop/files/iTeaworldroastedoolongcollection_5.webp?v=1781088302&width=1500 1500w,//iteaworld.com/cdn/shop/files/iTeaworldroastedoolongcollection_5.webp?v=1781088302 1600w" 10029 src="//iteaworld.com/cdn/shop/files/iTeaworldroastedoolongcollection_5.webp?v=1781088302&width=1500" 10030 sizes="(min-width: 1400px) calc(100vw / 3), (min-width: 1024px) calc((100vw) / 3), (min-width: 768px) calc((100vw) / 2), calc(100vw /2)" 10031 alt="Roasted Chinese Oolong Tea Collection 75g" 10032 :class="showSecond ? 'second-img' : ''" 10033 class="motion-reduce min-w-full h-full object-cover group-hover:cursor-pointer image-second-hover opacity-0 lg:group-hover:opacity-100" 10034 loading="lazy" 10035 width="1600" 10036 height="1600" 10037 onload="this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image'); 10038 setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);" 10039 /> 10040 </picture> 10041 10042 </div></div> 10043 </div> 10044 <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" 10045 x-show="$store.xQuickView" x-cloak 10046 > 10047 <div x-data="xProductCart" x-show="$store.xQuickView && $store.xQuickView.show_atc_button" 10048 class="w-full hide-icon lg:px-4"
10049 :class="if($store.xQuickView){ return ($store.xQuickView.btn_atc_bottom ? 'hidden' : '') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:block' : ' lg:hidden') }" 10050 x-cloak 10051 > 10052 10053 <button 10054 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" 10055 :class="errorMessage && 'opacity-60 cursor-not-allowed'" 10056 10057 type="submit" 10058 name="add" 10059 @click.prevent="setTimeout(() => { $store.xQuickView && (showOptions = !showOptions); $store.xQuickView.showChooseOption('template--27603645268247__featured_collection_4enBkg-10362355220759-collection_69pQHM', $el); }, 0)" 10060 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)" 10061 data-id="template--27603645268247__featured_collection_4enBkg-10362355220759-collection_69pQHM" 10062 10063 aria-label="Choose options" 10064 10065 10066 > 10067 <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}"> 10068 10069 <span class="flex items-center justify-center"> 10070 10071 10072 10073 10074 <span class="button-text is-focus-button:opacity-0">Choose options</span> 10075 10076 10077 10078 10079 </span> 10080 </span> 10081 <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> 10082 <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> 10083 <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" 10084 fill="currentcolor" stroke="none"> 10085 <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"/> 10086 </g> 10087 </svg> 10088 10089 </div> 10090 </button> 10091 <button 10092 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" 10093 :class="errorMessage && 'opacity-60 cursor-not-allowed'" 10094 10095 type="submit" 10096 name="add" 10097 @click.prevent="setTimeout(() => { $store.xQuickView && (showOptions = !showOptions); $store.xQuickView.showChooseOption('template--27603645268247__featured_collection_4enBkg-10362355220759-collection_69pQHM', $el); }, 0)" 10098 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)" 10099 data-id="template--27603645268247__featured_collection_4enBkg-10362355220759-collection_69pQHM"aria-label="Add to cart"x-customer-event-data="{ 10100 "product": { 10101 "title": "Roasted Chinese Oolong Tea Collection 75g", 10102 "listName": "Oolong Tea", 10103 "sku": "10362355220759", 10104 "currencyCode": "USD", 10105 "price": 1999, 10106 "vendor": "iTeaworld" 10107 } 10108 }" 10109 10110 >
10111 <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;"> 10112 <g> 10113 <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"/> 10114 <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"/> 10115 <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"/> 10116 <path d="M1.44977 1.35001H3.34977" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 10117 </g> 10118 </svg></span> 10119 <span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak> 10120 <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> 10121 <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" 10122 fill="currentcolor" stroke="none"> 10123 <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"/> 10124 </g> 10125 </svg> 10126 10127 </span> 10128 </button> 10129 10130 </div> 10131 </div><div 10132 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" 10133 :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'" 10134 x-show="$store.xQuickView && $store.xQuickView.enabled" x-cloak 10135 > 10136 <div> 10137 <button 10138 @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 10139 x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/products/roasted-chinese-oolong-collection', $el, 'template--27603645268247__featured_collection_4enBkg-10362355220759-collection_69pQHM')" 10140 x-on:focus="$store.xQuickView && $store.xQuickView.load('/products/roasted-chinese-oolong-collection', $el, 'template--27603645268247__featured_collection_4enBkg-10362355220759-collection_69pQHM')" 10141 class="button label-btn-quickview button--quickview not-icon leading-normal empty:hidden hidden lg:block z-50 h-full" 10142 :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'" 10143 x-customer-event-data="{ 10144 "product": { 10145 "title": "Roasted Chinese Oolong Tea Collection 75g", 10146 "listName": "Oolong Tea", 10147 "sku": "10362355220759", 10148 "currencyCode": "USD", 10149 "price": 1999, 10150 "vendor": "iTeaworld" 10151 } 10152 }" 10153 aria-label="Button quickview" 10154 >
10155 <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;"> 10156 <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"/> 10157 <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 10158 </svg> 10159</span> 10160 <span x-show="$store.xQuickView && !$store.xQuickView.show_atc_button" class="flex items-center justify-center"> 10161 10162 10163 <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span> 10164 10165 10166 </span> 10167 </button> 10168 <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);' 10169 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" 10170 aria-label="Button quickview" 10171 x-customer-event-data="{ 10172 "product": { 10173 "title": "Roasted Chinese Oolong Tea Collection 75g", 10174 "listName": "Oolong Tea", 10175 "sku": "10362355220759", 10176 "currencyCode": "USD", 10177 "price": 1999, 10178 "vendor": "iTeaworld" 10179 } 10180 }" 10181 > 10182 <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;"> 10183 <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"/> 10184 <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 10185 </svg> 10186</span> 10187 </button> 10188 </div> 10189 </div> 10190 </div> 10191 10192 </a> 10193 10194 10195 <div class="md:list-layout:hidden"> 10196 <div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0"> 10197 <div class="no-collage:mb-2 text-center md:list-layout:text-left"> 10198 10199 <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"> 10200 <a href="/products/roasted-chinese-oolong-collection" 10201 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" 10202 @click='$store.xCustomerEvent.fire("product_selected", $el)' 10203 x-customer-event-data="{ 10204 "product": { 10205 "title": "Roasted Chinese Oolong Tea Collection 75g", 10206 "listName": "Oolong Tea", 10207 "sku": "10362355220759", 10208 "currencyCode": "USD", 10209 "price": 1999, 10210 "vendor": "iTeaworld" 10211 } 10212 }" 10213 > 10214 Roasted Chinese Oolong Tea Collection 75g 10215 </a> 10216 </h3> 10217 10218 10219 10220 10221 10222 <div class="x-card-highlighted-featured mb-2.5 break-words"> 10223 <div class="rte"><p><span class="metafield-single_line_text_field">3 Deep-Roasted Oolongs · Rich & Bold</span></p></div> 10224 </div> 10225 10226 10227<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"> 10228 10229 10230 <div class=" price leading-none"> 10231 <div class=""> 10232 <div class="target-price hidden">1999</div> 10233 <div class="target-compare-at-price hidden"></div> 10234 10235<p class="price ">
10236 <span>$19.99 USD</span> 10237 </p><small class="text-[70%] hidden"> 10238 <span class="hidden">Unit price</span> 10239 <span class="up price-item price-item--last"> 10240 <span class="unit-price"> 10241 10242 </span> 10243 <span aria-hidden="true">/</span> 10244 <span class="hidden"> per </span> 10245 <span> 10246 </span> 10247 </span> 10248 </small> 10249 10250 </div> 10251 10252</div> 10253 10254 <div class="leading-none next-price empty:hidden"></div> 10255 </div> 10256 10257 <template x-if="localStorage.getItem('selectedStore')"> 10258 <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', [526632485143, 511975915799, 529991958807, 495480209687, 526671020311, 526343471383, 456987115799, 493393674519, 527329329431, 449406664983, 525935542551, 450205417751, 461861486871, 531755041047, 531756548375, 498760843543])"> 10259 <div 10260 x-data='{ 10261 storeAvailabilites: { 10262 10263 }, 10264 pickupLocation: [ 10265 10266 ] 10267 }' 10268 x-show="$store.xStoreSelector?.selectedStore && pickupLocation.includes($store.xStoreSelector?.getStore())" 10269> 10270 <style data-shopify> 10271 .text-available, .text-unavailable { 10272 font-size: 0.669375rem; 10273 font-family: var(--font-body-family); 10274 } 10275 10276 @media (min-width: 768px) { 10277 .text-available, .text-unavailable { 10278 font-size: 0.74375rem; 10279 } 10280 } 10281 10282 .text-available { 10283 color: #739047; 10284 } 10285 10286 .dark .text-available { 10287 color: #739047; 10288 } 10289 10290 .text-unavailable { 10291 color: #767474; 10292 } 10293 10294 .dark .text-unavailable { 10295 color: #867F7F; 10296 } 10297 </style> 10298 <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-available flex flex-row items-center gap-[3px]"> 10299 <span class="flex h-4 w-4 relative"> 10300<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 10301 <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/> 10302 <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/> 10303</svg> 10304 10305</span><span x-text="'Available for pickup at ' + $store.xStoreSelector?.getStoreText()"> </span> 10306 </div> 10307 <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]"> 10308 <span class="flex h-4 w-4 relative"> 10309<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 10310 <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/> 10311 <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/> 10312</svg> 10313 10314</span><span x-text="'Out of stock at ' + $store.xStoreSelector?.getStoreText()"> </span> 10315 </div> 10316</div> 10317 </div> 10318 </template> 10319 </div> 10320 </div> 10321 </div> 10322 10323 </div><div 10324 id="choose-options-template--27603645268247__featured_collection_4enBkg-10362355220759-collection_69pQHM" 10325 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" 10326 x-show="showOptions" 10327 x-transition:enter="transition-all ease-in-out duration-300" 10328 x-transition:enter-start="opacity-0 transform translate-y-full" 10329 x-transition:enter-end="opacity-100 transform translate-y-0" 10330 x-transition:leave="transition-all ease-in-out duration-300" 10331 x-transition:leave-start="opacity-100 transform translate-y-0" 10332 x-transition:leave-end="opacity-0 transform translate-y-full" 10333 x-cloak 10334 > 10335 <div class="choose-options relative w-full min-h-full h-full"></div> 10336 <div class="icon-loading hidden absolute top-0 left-0 right-0 h-full w-full z-20 bg-[rgba(var(--background-color))]"> 10337 <div 10338 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-[
10338calc(50%-10px)]"> 10339 <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> 10340 <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" 10341 fill="currentcolor" stroke="none"> 10342 <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"/> 10343 </g> 10344 </svg> 10345 10346 </div> 10347 </div> 10348 </div> 10349 <div 10350 id="x-product-template-10362355220759-template--27603645268247__featured_collection_4enBkg-1-2" 10351 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" 10352 > 10353 10354 10355 10356<div 10357 class="x-variants-data x-variants-data-js pt-3 border-t mt-3" 10358 x-data='xVariantSelectCard($el,"template--27603645268247__featured_collection_4enBkg-1-2", "10362355220759", "/products/roasted-chinese-oolong-collection", false, false, false, "")' 10359 10360 data-option1="Default (CN) Warehouse" 10361 10362 x-intersect.margin.200px="if ($el.querySelector('#variant-update-template--27603645268247__featured_collection_4enBkg-1-2').innerHTML.trim() == '') $el.classList.add('hidden');" 10363 > 10364 <div 10365 id="current-variant-template--27603645268247__featured_collection_4enBkg-10362355220759-collection_69pQHM" 10366 class="current-variant hidden" 10367 > 10368 55304907784471 10369 </div> 10370 <div 10371 id="variant-update-template--27603645268247__featured_collection_4enBkg-1-2" 10372 class="variant-update-template--27603645268247__featured_collection_4enBkg-1-2 list-layout:md:text-left rtl:list-layout:md:text-right options-container" 10373 > 10374 10375</div> 10376 </div> 10377
10377<script src="//iteaworld.com/cdn/shop/t/51/assets/variant-select-card.js?v=141088792309509576511782181913" defer></script>
10377 10378 10379 10380 <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> 10381 10382 <div class="card-info x-highlight-icon mt-2.5"> 10383 <div 10384 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" 10385 x-data="{setPosition(el) { 10386 parentEl = el.closest('.x-highlight-icon').getBoundingClientRect(); 10387 el.style.setProperty('--maxwidth-tooltip', parentEl.width - 20 + 'px'); 10388 elRect = el.getBoundingClientRect(); 10389 let spacingLeft = elRect.left - parentEl.left; 10390 if (spacingLeft < 0) { 10391 el.style.setProperty('--left-tooltip', Math.abs(spacingLeft) + 'px'); 10392 } 10393 let spacingRight = parentEl.right - elRect.right; 10394 if (spacingRight < 0) { 10395 el.style.setProperty('--left-tooltip', spacingRight + 'px'); 10396 } 10397 }}" 10398 x-init="$el.innerHTML = $el.innerHTML.trim();" 10399> 10400 � 10401 � 10402 � 10403 �</div> 10404 </div> 10405 10406 10407 <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)" 10408 class="card-info bottom_atc md:list-layout:hidden hide-icon" 10409 :class="if($store.xQuickView.show_atc_button){ return ($store.xQuickView.btn_atc_bottom ? '' : 'hidden') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:hidden' : ' lg:block')}" 10410 x-cloak 10411 > 10412 10413 <button 10414 type="submit" 10415 name="add" 10416 @click.prevent="setTimeout(() => { $store.xQuickView && (showOptions = !showOptions); $store.xQuickView.showChooseOption('template--27603645268247__featured_collection_4enBkg-10362355220759-collection_69pQHM', $el); }, 0)" 10417 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)" 10418 data-id="template--27603645268247__featured_collection_4enBkg-10362355220759-collection_69pQHM" 10419 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" 10420 :class="errorMessage && 'opacity-60 cursor-not-allowed'" 10421 aria-label="Choose options" 10422 > 10423 <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}"> 10424 10425 <span class="flex items-center justify-center"> 10426 10427 10428 10429 10430 <span class="button-text is-focus-button:opacity-0">Choose options</span> 10431 10432 10433 10434 10435 </span> 10436 </span> 10437 <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> 10438 <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> 10439 <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" 10440 fill="currentcolor" stroke="none"> 10441 <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"/> 10442 </g> 10443 </svg> 10444 10445 </div> 10446 </button> 10447 10448 </div></template> 10449 10450 10451 <template x-if="$store.xQuickView"> 10452 <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 && ''"> 10453 10454 <button 10455 type="submit" 10456 name="add" 10457 10458 @click.prevent="setTimeout(() => { $store.xQuickView && (showOptions = !showOptions); $store.xQuickView.showChooseOption('template--27603645268247__featured_collection_4enBkg-10362355220759-collection_69pQHM', $el); }, 0)" 10459 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)" 10460 data-id="template--27603645268247__featured_collection_4enBkg-10362355220759-collection_69pQHM" 10461 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" 10462 :class="errorMessage && 'opacity-60 cursor-not-allowed'"
10463 aria-label="Choose options" 10464 > 10465 <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}"> 10466 10467 <span class="flex items-center justify-center"> 10468 10469 10470 10471 10472 <span class="button-text is-focus-button:opacity-0">Choose options</span> 10473 10474 10475 10476 10477 </span> 10478 </span> 10479 <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> 10480 <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> 10481 <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" 10482 fill="currentcolor" stroke="none"> 10483 <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"/> 10484 </g> 10485 </svg> 10486 10487 </div> 10488 </button> 10489 10490 </div><button 10491 x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/products/roasted-chinese-oolong-collection', $el, 'template--27603645268247__featured_collection_4enBkg-10362355220759-collection_69pQHM')" 10492 x-on:focus="$store.xQuickView && $store.xQuickView.load('/products/roasted-chinese-oolong-collection', $el, 'template--27603645268247__featured_collection_4enBkg-10362355220759-collection_69pQHM')" 10493 @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 10494 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" 10495 aria-label="Button quickview" 10496 x-customer-event-data="{ 10497 "product": { 10498 "title": "Roasted Chinese Oolong Tea Collection 75g", 10499 "listName": "Oolong Tea", 10500 "sku": "10362355220759", 10501 "currencyCode": "USD", 10502 "price": 1999, 10503 "vendor": "iTeaworld" 10504 } 10505 }" 10506 x-show="$store.xQuickView.enabled" 10507 > 10508 <span class="flex justify-center items-center"> 10509 10510 10511 <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span> 10512 10513 10514 </span> 10515 </button> 10516 </div> 10517 </template> 10518 10519 </div> 10520</div> 10521<style data-shopify> 10522 .x-slide-animation-duration-3 { 10523 --delay-time: 200ms 10524 } 10525 </style> 10526 10527 10528 10529<div 10530 10531 x-data="xProductCard('template--27603645268247__featured_collection_4enBkg-1-3', '/products/fresh-chinese-oolong-collection', '10362351354135')" 10532 10533 class="card-product overflow-hidden card md:list-layout:flex relative pb-4 md:pb-5 h-full rounded-[10px]" 10534 x-slide-index="2" 10535> 10536 <div class="md:list-layout:w-2/5 md:list-layout:lg:w-1/4 relative disable-effect md:list-layout:pr-8" 10537 > 10538 <style data-shopify> 10539 10540 </style> 10541 10542 <style data-shopify> 10543 10544 </style> 10545 <a 10546 10547 x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active', 'lazy_active')" 10548 10549 href="/products/fresh-chinese-oolong-collection" 10550 10551 x-data="{ lastWindowWidth: 0 }" 10552 x-intersect.once.margin.200px='$nextTick(() => { $store.xBadges && $store.xBadges.load($el, () => {}, null, true); })' 10553 x-labels-data="[ 10554 10555{ 10556 "variant_id": 55305101148439, 10557 "product_id": 10362351354135, 10558 "available": true, 10559 "title": "Fresh Chinese Oolong Tea Collection 90g", 10560 "compare_at_price": 0, 10561 "price": 2699, 10562 "price_with_currency": "$26.99 USD", 10563 "sale_amount": "$-26.99", 10564 "collections": "||532285358359||511975915799||529991958807||495480209687||526671020311||526343471383||456987115799||493393674519||527329329431||449406664983||525935542551||450205417751||461861486871||531755041047||531756548375||498760843543||", 10565 "inventory_management": "shopify", 10566 "qty": 20, 10567 "container": "card", 10568 "can_show_preorder": false, 10569 "diff_day_create": 108.39, 10570 "diff_day_publish": 106.0 10571 10572 ,"metafield_label": { 10573 "custom.flavors":"" 10574 } 10575 10576 } 10577 ]" 10578 10579 aria-label="Fresh Chinese Oolong Tea Collection 90g" 10580 id="10362351354135-template--27603645268247__featured_collection_4enBkg" 10581 class="x-labels-data ltr group link-product-variant overflow-hidden block relative z-[15] curs
10581or-pointer before:h-0 before:block no-collage rounded-[10px] pb-[100%]"> 10582 <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"> 10583 <div 10584 id="x-slideshow-card-product-template--27603645268247__featured_collection_4enBkg-1-3-2" 10585 class="block h-full" 10586 @click='$store.xCustomerEvent.fire("product_selected", $el)' 10587 x-customer-event-data="{ 10588 "product": { 10589 "title": "Fresh Chinese Oolong Tea Collection 90g", 10590 "listName": "Oolong Tea", 10591 "sku": "10362351354135", 10592 "currencyCode": "USD", 10593 "price": 2699, 10594 "vendor": "iTeaworld" 10595 } 10596 }" 10597 ><div 10598 class="absolute inset-0 z-10 pointer-events-auto dbtap-overlay" 10599 @touchstart="onTouchStart($event)" 10600 @touchend.prevent="onTouchEnd($el.closest('.x-splide'))" 10601 @touchmove="onTouchMove($event)" 10602 ></div> 10603<div class="w-full z-0 h-full min-h-full top-0 left-0 absolute" 10604 > 10605 10606 <picture> 10607 <img 10608 srcset=" 10609 //iteaworld.com/cdn/shop/files/iTeaworldfreshchineseoolongcollection_1.webp?v=1781084072&width=250 250w, 10610 //iteaworld.com/cdn/shop/files/iTeaworldfreshchineseoolongcollection_1.webp?v=1781084072&width=350 350w, 10611 //iteaworld.com/cdn/shop/files/iTeaworldfreshchineseoolongcollection_1.webp?v=1781084072&width=450 450w, 10612 //iteaworld.com/cdn/shop/files/iTeaworldfreshchineseoolongcollection_1.webp?v=1781084072&width=750 750w, 10613 //iteaworld.com/cdn/shop/files/iTeaworldfreshchineseoolongcollection_1.webp?v=1781084072&width=900 900w, 10614 //iteaworld.com/cdn/shop/files/iTeaworldfreshchineseoolongcollection_1.webp?v=1781084072&width=1100 1100w, 10615 //iteaworld.com/cdn/shop/files/iTeaworldfreshchineseoolongcollection_1.webp?v=1781084072&width=1500 1500w,//iteaworld.com/cdn/shop/files/iTeaworldfreshchineseoolongcollection_1.webp?v=1781084072 1600w" 10616 src="//iteaworld.com/cdn/shop/files/iTeaworldfreshchineseoolongcollection_1.webp?v=1781084072&width=1500" 10617 sizes="(min-width: 1400px) calc(100vw / 3), (min-width: 1024px) calc((100vw) / 3), (min-width: 768px) calc((100vw) / 2), calc(100vw /2)" 10618 alt="Fresh Chinese Oolong Tea Collection 90g" 10619 :class="showSecond ? 'first-img' : ''" 10620 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" 10621 loading="lazy" 10622 width="1600" 10623 height="1600" 10624 onload="this?.classList.add('active');this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image'); 10625 setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);" 10626 /> 10627 </picture> 10628 10629 </div><div class="w-full h-full top-0 left-0 absolute lg:block"> 10630 10631 <picture> 10632 <img 10633 srcset="//iteaworld.com/cdn/shop/files/iTeaworldfreshchineseoolongcollection_6.webp?v=1781084072&width=250 250w, 10634 //iteaworld.com/cdn/shop/files/iTeaworldfreshchineseoolongcollection_6.webp?v=1781084072&width=350 350w, 10635 //iteaworld.com/cdn/shop/files/iTeaworldfreshchineseoolongcollection_6.webp?v=1781084072&width=450 450w, 10636 //iteaworld.com/cdn/shop/files/iTeaworldfreshchineseoolongcollection_6.webp?v=1781084072&width=750 750w, 10637 //iteaworld.com/cdn/shop/files/iTeaworldfreshchineseoolongcollection_6.webp?v=1781084072&width=900 900w, 10638 //iteaworld.com/cdn/shop/files/iTeaworldfreshchineseoolongcollection_6.webp?v=1781084072&width=1100 1100w, 10639 //iteaworld.com/cdn/shop/files/iTeaworldfreshchineseoolongcollection_6.webp?v=1781084072&width=1500 1500w,//iteaworld.com/cdn/shop/files/iTeaworldfreshchineseoolongcollection_6.webp?v=1781084072 1600w" 10640 src="//iteaworld.com/cdn/shop/files/iTeaworldfreshchineseoolongcollection_6.webp?v=1781084072&width=1500" 10641 sizes="(min-width: 1400px) calc(100vw / 3), (min-width: 1024px) calc((100vw) / 3), (min-width: 768px) calc((100vw) / 2), calc(100vw /2)" 10642 alt="Fresh Chinese Oolong Tea Collection 90g" 10643 :class="showSecond ? 'second-img' : ''" 10644 class="motion-reduce min-w-full h-full object-cover group-hover:cursor-pointer image-second-hover opacity-0 lg:group-hover:opacity-100" 10645 loading="lazy" 10646 width="1600" 10647 height="1600" 10648 onload="this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image'); 10649 setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);" 10650 /> 10651 </picture> 10652 10653 </div></div> 10654 </div> 10655 <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" 10656 x-show="$store.xQuickView" x-cloak 10657 > 10658 <div x-data="xProductCart" x-show="$store.xQuickView && $store.xQuickView.show_atc_button" 10659 class="w-full hide-icon lg:px-4"
10660 :class="if($store.xQuickView){ return ($store.xQuickView.btn_atc_bottom ? 'hidden' : '') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:block' : ' lg:hidden') }" 10661 x-cloak 10662 > 10663 10664 <button 10665 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" 10666 :class="errorMessage && 'opacity-60 cursor-not-allowed'" 10667 10668 type="submit" 10669 name="add" 10670 @click.prevent="setTimeout(() => { $store.xQuickView && (showOptions = !showOptions); $store.xQuickView.showChooseOption('template--27603645268247__featured_collection_4enBkg-10362351354135-collection_69pQHM', $el); }, 0)" 10671 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)" 10672 data-id="template--27603645268247__featured_collection_4enBkg-10362351354135-collection_69pQHM" 10673 10674 aria-label="Choose options" 10675 10676 10677 > 10678 <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}"> 10679 10680 <span class="flex items-center justify-center"> 10681 10682 10683 10684 10685 <span class="button-text is-focus-button:opacity-0">Choose options</span> 10686 10687 10688 10689 10690 </span> 10691 </span> 10692 <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> 10693 <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> 10694 <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" 10695 fill="currentcolor" stroke="none"> 10696 <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"/> 10697 </g> 10698 </svg> 10699 10700 </div> 10701 </button> 10702 <button 10703 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" 10704 :class="errorMessage && 'opacity-60 cursor-not-allowed'" 10705 10706 type="submit" 10707 name="add" 10708 @click.prevent="setTimeout(() => { $store.xQuickView && (showOptions = !showOptions); $store.xQuickView.showChooseOption('template--27603645268247__featured_collection_4enBkg-10362351354135-collection_69pQHM', $el); }, 0)" 10709 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)" 10710 data-id="template--27603645268247__featured_collection_4enBkg-10362351354135-collection_69pQHM"aria-label="Add to cart"x-customer-event-data="{ 10711 "product": { 10712 "title": "Fresh Chinese Oolong Tea Collection 90g", 10713 "listName": "Oolong Tea", 10714 "sku": "10362351354135", 10715 "currencyCode": "USD", 10716 "price": 2699, 10717 "vendor": "iTeaworld" 10718 } 10719 }" 10720 10721 >
10722 <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;"> 10723 <g> 10724 <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"/> 10725 <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"/> 10726 <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"/> 10727 <path d="M1.44977 1.35001H3.34977" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 10728 </g> 10729 </svg></span> 10730 <span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak> 10731 <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> 10732 <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" 10733 fill="currentcolor" stroke="none"> 10734 <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"/> 10735 </g> 10736 </svg> 10737 10738 </span> 10739 </button> 10740 10741 </div> 10742 </div><div 10743 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" 10744 :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'" 10745 x-show="$store.xQuickView && $store.xQuickView.enabled" x-cloak 10746 > 10747 <div> 10748 <button 10749 @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 10750 x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/products/fresh-chinese-oolong-collection', $el, 'template--27603645268247__featured_collection_4enBkg-10362351354135-collection_69pQHM')" 10751 x-on:focus="$store.xQuickView && $store.xQuickView.load('/products/fresh-chinese-oolong-collection', $el, 'template--27603645268247__featured_collection_4enBkg-10362351354135-collection_69pQHM')" 10752 class="button label-btn-quickview button--quickview not-icon leading-normal empty:hidden hidden lg:block z-50 h-full" 10753 :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'" 10754 x-customer-event-data="{ 10755 "product": { 10756 "title": "Fresh Chinese Oolong Tea Collection 90g", 10757 "listName": "Oolong Tea", 10758 "sku": "10362351354135", 10759 "currencyCode": "USD", 10760 "price": 2699, 10761 "vendor": "iTeaworld" 10762 } 10763 }" 10764 aria-label="Button quickview" 10765 >
10766 <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;"> 10767 <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"/> 10768 <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 10769 </svg> 10770</span> 10771 <span x-show="$store.xQuickView && !$store.xQuickView.show_atc_button" class="flex items-center justify-center"> 10772 10773 10774 <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span> 10775 10776 10777 </span> 10778 </button> 10779 <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);' 10780 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" 10781 aria-label="Button quickview" 10782 x-customer-event-data="{ 10783 "product": { 10784 "title": "Fresh Chinese Oolong Tea Collection 90g", 10785 "listName": "Oolong Tea", 10786 "sku": "10362351354135", 10787 "currencyCode": "USD", 10788 "price": 2699, 10789 "vendor": "iTeaworld" 10790 } 10791 }" 10792 > 10793 <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;"> 10794 <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"/> 10795 <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 10796 </svg> 10797</span> 10798 </button> 10799 </div> 10800 </div> 10801 </div> 10802 10803 </a> 10804 10805 10806 <div class="md:list-layout:hidden"> 10807 <div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0"> 10808 <div class="no-collage:mb-2 text-center md:list-layout:text-left"> 10809 10810 <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"> 10811 <a href="/products/fresh-chinese-oolong-collection" 10812 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" 10813 @click='$store.xCustomerEvent.fire("product_selected", $el)' 10814 x-customer-event-data="{ 10815 "product": { 10816 "title": "Fresh Chinese Oolong Tea Collection 90g", 10817 "listName": "Oolong Tea", 10818 "sku": "10362351354135", 10819 "currencyCode": "USD", 10820 "price": 2699, 10821 "vendor": "iTeaworld" 10822 } 10823 }" 10824 > 10825 Fresh Chinese Oolong Tea Collection 90g 10826 </a> 10827 </h3> 10828 10829 10830 10831 10832 10833 <div class="x-card-highlighted-featured mb-2.5 break-words"> 10834 <div class="rte"><p><span class="metafield-single_line_text_field">3 Lightly Roasted Oolongs · Fresh & Fragrant</span></p></div> 10835 </div> 10836 10837 10838<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"> 10839 10840 10841 <div class=" price leading-none"> 10842 <div class=""> 10843 <div class="target-price hidden">2699</div> 10844 <div class="target-compare-at-price hidden"></div> 10845 10846<p class="price ">
10847 <span>$26.99 USD</span> 10848 </p><small class="text-[70%] hidden"> 10849 <span class="hidden">Unit price</span> 10850 <span class="up price-item price-item--last"> 10851 <span class="unit-price"> 10852 10853 </span> 10854 <span aria-hidden="true">/</span> 10855 <span class="hidden"> per </span> 10856 <span> 10857 </span> 10858 </span> 10859 </small> 10860 10861 </div> 10862 10863</div> 10864 10865 <div class="leading-none next-price empty:hidden"></div> 10866 </div> 10867 10868 <template x-if="localStorage.getItem('selectedStore')"> 10869 <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])"> 10870 <div 10871 x-data='{ 10872 storeAvailabilites: { 10873 10874 }, 10875 pickupLocation: [ 10876 10877 ] 10878 }' 10879 x-show="$store.xStoreSelector?.selectedStore && pickupLocation.includes($store.xStoreSelector?.getStore())" 10880> 10881 <style data-shopify> 10882 .text-available, .text-unavailable { 10883 font-size: 0.669375rem; 10884 font-family: var(--font-body-family); 10885 } 10886 10887 @media (min-width: 768px) { 10888 .text-available, .text-unavailable { 10889 font-size: 0.74375rem; 10890 } 10891 } 10892 10893 .text-available { 10894 color: #739047; 10895 } 10896 10897 .dark .text-available { 10898 color: #739047; 10899 } 10900 10901 .text-unavailable { 10902 color: #767474; 10903 } 10904 10905 .dark .text-unavailable { 10906 color: #867F7F; 10907 } 10908 </style> 10909 <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-available flex flex-row items-center gap-[3px]"> 10910 <span class="flex h-4 w-4 relative"> 10911<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 10912 <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/> 10913 <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/> 10914</svg> 10915 10916</span><span x-text="'Available for pickup at ' + $store.xStoreSelector?.getStoreText()"> </span> 10917 </div> 10918 <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]"> 10919 <span class="flex h-4 w-4 relative"> 10920<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 10921 <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/> 10922 <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/> 10923</svg> 10924 10925</span><span x-text="'Out of stock at ' + $store.xStoreSelector?.getStoreText()"> </span> 10926 </div> 10927</div> 10928 </div> 10929 </template> 10930 </div> 10931 </div> 10932 </div> 10933 10934 </div><div 10935 id="choose-options-template--27603645268247__featured_collection_4enBkg-10362351354135-collection_69pQHM" 10936 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" 10937 x-show="showOptions" 10938 x-transition:enter="transition-all ease-in-out duration-300" 10939 x-transition:enter-start="opacity-0 transform translate-y-full" 10940 x-transition:enter-end="opacity-100 transform translate-y-0" 10941 x-transition:leave="transition-all ease-in-out duration-300" 10942 x-transition:leave-start="opacity-100 transform translate-y-0" 10943 x-transition:leave-end="opacity-0 transform translate-y-full" 10944 x-cloak 10945 > 10946 <div class="choose-options relative w-full min-h-full h-full"></div> 10947 <div class="icon-loading hidden absolute top-0 left-0 right-0 h-full w-full z-20 bg-[rgba(var(--background-color))]"> 10948 <div 10949 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-[
10949calc(50%-10px)]"> 10950 <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> 10951 <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" 10952 fill="currentcolor" stroke="none"> 10953 <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"/> 10954 </g> 10955 </svg> 10956 10957 </div> 10958 </div> 10959 </div> 10960 <div 10961 id="x-product-template-10362351354135-template--27603645268247__featured_collection_4enBkg-1-3" 10962 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" 10963 > 10964 10965 10966 10967<div 10968 class="x-variants-data x-variants-data-js pt-3 border-t mt-3" 10969 x-data='xVariantSelectCard($el,"template--27603645268247__featured_collection_4enBkg-1-3", "10362351354135", "/products/fresh-chinese-oolong-collection", false, false, false, "")' 10970 10971 data-option1="Default (CN) Warehouse" 10972 10973 x-intersect.margin.200px="if ($el.querySelector('#variant-update-template--27603645268247__featured_collection_4enBkg-1-3').innerHTML.trim() == '') $el.classList.add('hidden');" 10974 > 10975 <div 10976 id="current-variant-template--27603645268247__featured_collection_4enBkg-10362351354135-collection_69pQHM" 10977 class="current-variant hidden" 10978 > 10979 55305101148439 10980 </div> 10981 <div 10982 id="variant-update-template--27603645268247__featured_collection_4enBkg-1-3" 10983 class="variant-update-template--27603645268247__featured_collection_4enBkg-1-3 list-layout:md:text-left rtl:list-layout:md:text-right options-container" 10984 > 10985 10986</div> 10987 </div> 10988
10988<script src="//iteaworld.com/cdn/shop/t/51/assets/variant-select-card.js?v=141088792309509576511782181913" defer></script>
10988 10989 10990 10991 <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> 10992 10993 <div class="card-info x-highlight-icon mt-2.5"> 10994 <div 10995 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" 10996 x-data="{setPosition(el) { 10997 parentEl = el.closest('.x-highlight-icon').getBoundingClientRect(); 10998 el.style.setProperty('--maxwidth-tooltip', parentEl.width - 20 + 'px'); 10999 elRect = el.getBoundingClientRect(); 11000 let spacingLeft = elRect.left - parentEl.left; 11001 if (spacingLeft < 0) { 11002 el.style.setProperty('--left-tooltip', Math.abs(spacingLeft) + 'px'); 11003 } 11004 let spacingRight = parentEl.right - elRect.right; 11005 if (spacingRight < 0) { 11006 el.style.setProperty('--left-tooltip', spacingRight + 'px'); 11007 } 11008 }}" 11009 x-init="$el.innerHTML = $el.innerHTML.trim();" 11010> 11011 � 11012 � 11013 � 11014 �</div> 11015 </div> 11016 11017 11018 <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)" 11019 class="card-info bottom_atc md:list-layout:hidden hide-icon" 11020 :class="if($store.xQuickView.show_atc_button){ return ($store.xQuickView.btn_atc_bottom ? '' : 'hidden') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:hidden' : ' lg:block')}" 11021 x-cloak 11022 > 11023 11024 <button 11025 type="submit" 11026 name="add" 11027 @click.prevent="setTimeout(() => { $store.xQuickView && (showOptions = !showOptions); $store.xQuickView.showChooseOption('template--27603645268247__featured_collection_4enBkg-10362351354135-collection_69pQHM', $el); }, 0)" 11028 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)" 11029 data-id="template--27603645268247__featured_collection_4enBkg-10362351354135-collection_69pQHM" 11030 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" 11031 :class="errorMessage && 'opacity-60 cursor-not-allowed'" 11032 aria-label="Choose options" 11033 > 11034 <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}"> 11035 11036 <span class="flex items-center justify-center"> 11037 11038 11039 11040 11041 <span class="button-text is-focus-button:opacity-0">Choose options</span> 11042 11043 11044 11045 11046 </span> 11047 </span> 11048 <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> 11049 <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> 11050 <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" 11051 fill="currentcolor" stroke="none"> 11052 <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"/> 11053 </g> 11054 </svg> 11055 11056 </div> 11057 </button> 11058 11059 </div></template> 11060 11061 11062 <template x-if="$store.xQuickView"> 11063 <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 && ''"> 11064 11065 <button 11066 type="submit" 11067 name="add" 11068 11069 @click.prevent="setTimeout(() => { $store.xQuickView && (showOptions = !showOptions); $store.xQuickView.showChooseOption('template--27603645268247__featured_collection_4enBkg-10362351354135-collection_69pQHM', $el); }, 0)" 11070 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)" 11071 data-id="template--27603645268247__featured_collection_4enBkg-10362351354135-collection_69pQHM" 11072 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" 11073 :class="errorMessage && 'opacity-60 cursor-not-allowed'"
11074 aria-label="Choose options" 11075 > 11076 <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}"> 11077 11078 <span class="flex items-center justify-center"> 11079 11080 11081 11082 11083 <span class="button-text is-focus-button:opacity-0">Choose options</span> 11084 11085 11086 11087 11088 </span> 11089 </span> 11090 <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> 11091 <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> 11092 <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" 11093 fill="currentcolor" stroke="none"> 11094 <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"/> 11095 </g> 11096 </svg> 11097 11098 </div> 11099 </button> 11100 11101 </div><button 11102 x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/products/fresh-chinese-oolong-collection', $el, 'template--27603645268247__featured_collection_4enBkg-10362351354135-collection_69pQHM')" 11103 x-on:focus="$store.xQuickView && $store.xQuickView.load('/products/fresh-chinese-oolong-collection', $el, 'template--27603645268247__featured_collection_4enBkg-10362351354135-collection_69pQHM')" 11104 @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 11105 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" 11106 aria-label="Button quickview" 11107 x-customer-event-data="{ 11108 "product": { 11109 "title": "Fresh Chinese Oolong Tea Collection 90g", 11110 "listName": "Oolong Tea", 11111 "sku": "10362351354135", 11112 "currencyCode": "USD", 11113 "price": 2699, 11114 "vendor": "iTeaworld" 11115 } 11116 }" 11117 x-show="$store.xQuickView.enabled" 11118 > 11119 <span class="flex justify-center items-center"> 11120 11121 11122 <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span> 11123 11124 11125 </span> 11126 </button> 11127 </div> 11128 </template> 11129 11130 </div> 11131</div> 11132</div> 11133 </div></div> 11134 </div> 11135 </div> 11136 </div> 11137 </div> 11138 </div> 11139</div>
11140<script src="//iteaworld.com/cdn/shop/t/51/assets/preview-color-swatches.js?v=144173175652728470521782181913" defer></script>
11140 11141</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"> 11142 11143 <a 11144 x-cloak 11145 x-show="view_all_link" 11146 class="nav-link font-medium effect-inline relative flex items-center hover-text-link empty:hidden cursor-pointer gap-1" 11147 :href="view_all_link" 11148 :class="'opacity-70 hover:cursor-not-allowed' && view_all_link" 11149 > 11150 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;"> 11151 <g> 11152 <path d="M4.5 0.642578L7.5 4.49972L4.5 8.35686" stroke="currentcolor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/> 11153 <path d="M0.5 0.642578L3.5 4.49972L0.5 8.35686" stroke="currentcolor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/> 11154 </g> 11155 </svg> 11156</span> 11157 </a> 11158 11159 </div></div>
11160<script src="//iteaworld.com/cdn/shop/t/51/assets/featured-collection.js?v=166203110154732063391782181913" defer></script>
11160 11161 11162 11163<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{ 11164 11165 --background-color: 255,255,255; 11166 background: #ffffff; 11167 11168 } 11169 .dark #shopify-section-template--27603645268247__rich_text_3LqFtd{background: #FFFFFF; 11170 --background-color: 255,255,255;} 11171 .section--template--27603645268247__rich_text_3LqFtd { 11172 11173 11174 } 11175 .dark .section--template--27603645268247__rich_text_3LqFtd { 11176 11177 --colors-text: 255, 255, 255; 11178 11179 11180 --colors-heading: 2, 2, 2; 11181 11182 }</style> 11183 11184<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]"> 11185 <div class="md:flex justify-center"> 11186 <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 { 11187 font-size: 1.485rem; 11188 } 11189 @media (min-width: 767px){ 11190 .heading-heading_fLttLr { 11191 font-size: 2.475rem; 11192 } 11193 }</style><div class="heading-heading_fLttLr x-rich-text-header p-break-words" > 11194 11195 11196 11197<style data-shopify> 11198 .heading-heading_fLttLr { 11199 11200 } 11201 .dark .heading-heading_fLttLr { 11202 11203 --color-highlight: #020202; 11204 11205 } 11206</style> 11207 11208 11209 11210 11211 11212 11213 <h2 11214 class='heading-heading_fLttLr h2 block pt-2 pb-2 leading-tight anm-fade-element' x-intersect.once="$el.classList.add('is-visible')"> 11215 11216 11217 11218 New Arrivals 11219 11220 11221 </h2> 11222 11223 11224 11225 </div> 11226 11227 </div> 11228 </div> 11229</div> 11230 11231</section><section id="shopify-section-template--27603645268247__featured_collection_RWA7fD" class="shopify-section section section-featured-collection x-section"> 11232<style data-shopify>.heading-template--27603645268247__featured_collection_RWA7fD { 11233 font-size: 1.485rem; 11234 } 11235 #shopify-section-template--27603645268247__featured_collection_RWA7fD .collection-title .h4 { 11236 font-size: 0.875rem; 11237 } 11238 @media (min-width: 768px) { 11239 .heading-template--27603645268247__featured_collection_RWA7fD { 11240 font-size: 2.475rem; 11241 } 11242 #shopify-section-template--27603645268247__featured_collection_RWA7fD .collection-title .h4 { 11243 font-size: 0.84rem; 11244 } 11245 } 11246 @media (min-width: 1024px) { 11247 #shopify-section-template--27603645268247__featured_collection_RWA7fD .collection-title .h4 { 11248 font-size: 1.05rem; 11249 } 11250 } 11251 .collection-title .label-template--27603645268247__featured_collection_RWA7fD { 11252 11253 11254 background: transparent; 11255 11256 11257 11258 color: rgb(var(--colors-heading)); 11259 11260 } 11261 .collection-title .label-template--27603645268247__featured_collection_RWA7fD.active, .collection-title .label-template--27603645268247__featured_collection_RWA7fD.active:hover { 11262 11263 11264 background: rgba(115, 144, 71, 0.1); 11265 11266 11267 11268 color: rgb(var(--colors-heading)); 11269 11270 } 11271 .collection-title .label-template--27603645268247__featured_collection_RWA7fD:hover { 11272 11273 11274 background: rgba(115, 144, 71, 0.1); 11275 11276 11277 11278 color: rgb(var(--colors-heading)); 11279 11280 } 11281 .dark .collection-title .label-template--27603645268247__featured_collection_RWA7fD { 11282 11283 11284 background: transparent; 11285 11286 11287 11288 color: rgb(var(--colors-heading)); 11289 11290 } 11291 .dark .collection-title .label-template--27603645268247__featured_collection_RWA7fD.active, .dark .collection-title .label-template--27603645268247__featured_collection_RWA7fD.active:hover { 11292 11293 11294 background: rgba(2, 2, 2, 0.1); 11295 11296 11297 11298 color: rgb(var(--colors-heading)); 11299 11300 } 11301 .dark .collection-title .label-template--27603645268247__featured_collection_RWA7fD:hover { 11302 11303 11304 background: rgba(2, 2, 2, 0.1); 11305 11306 11307 11308 color: rgb(var(--colors-heading)); 11309 11310 }</style> 11311 11312<div 11313 class="x-container-featured-collection pt-[28px] md:pt-[28px] pb-[28px] md:pb-[28px]" 11314 x-data="{ 11315 view_all_link: '/collections/new-tea-arrivals',
11316 setViewAllLink(url) { 11317 this.view_all_link = url; 11318 } 11319 }" 11320> 11321 <div class="collection_wrapper"><style data-shopify> 11322.collection-title-container.scrollbar-body::-webkit-scrollbar{ 11323 width: 1px; 11324 height: 2px; 11325} 11326</style> 11327 11328<div class="mb-4 md:mb-2 relative"> 11329 <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)'> 11330 <div class="x-block-header pl-5 pr-5 flex flex-col items-centerjustify-end x-pgw page-width" 11331 > 11332 11333 </div><div class=" x-pgw page-width mx-auto x-pgw page-width-mobile" x-show="loading"> 11334 11335 </div> 11336 11337 <div> 11338 11339 11340 11341 </div> 11342 <div class="animate-fade-in relative md:mt-4 lg:mt-8" 11343 id="x-fc-template--27603645268247__featured_collection_RWA7fD-1" 11344 11345 > 11346 <style data-shopify> 11347 11348 @media (max-width: 767px) { 11349 .preload-slide-mobile--collection_y8UqjFtemplate--27603645268247__featured_collection_RWA7fD { 11350 margin-right: 16px; 11351 11352 width: calc(((100% + 16px) / 2) - 16px); 11353 } 11354 } 11355 11356 11357 11358 </style> 11359 <div 11360 class=" carousel-mobile x-pgw page-width mx-auto pl-5 pr-5" 11361 x-intersect.once.margin.-200px='$store.xCustomerEvent.fire("list_product_viewed", $el, {list: { title: `New Arrivals`, id: "collection" }}
11361)' 11362 ><div ><div 11363 id="x-collection-collection_y8UqjF" 11364 class="collection overflow-hidden x-splide visible splide" 11365 x-data-slider="template--27603645268247__featured_collection_RWA7fD" 11366 x-intersect.once.margin.200px='$store.xSplide.load($el, { 11367 "speed": 1000, 11368 "pagination": false, 11369 "mediaQuery": "min", 11370 "updateOnMove": "true", 11371 "pauseOnHover": true, 11372 "pauseOnFocus": false, 11373 "progressBar": 4, 11374 11375 11376 "breakpoints": { 11377 300: {"gap": "16px", 11378 "perPage": 2, 11379 "perMove": 2 11380 }, 11381 768: { 11382 "drag": true, 11383 "destroy": true, 11384 "gap": "28px", 11385 "perPage": 4, 11386 "perMove": 4 11387 11388 }, 11389 1024: { 11390 "perPage": 4, 11391 "perMove": 4 11392 } 11393 }, 11394 "classes": { 11395 "arrows" : "block" 11396 }, 11397 "events": [ 11398 { 11399 "event": "ready", 11400 "callback": () => { 11401 document.dispatchEvent(new CustomEvent("eurus:template--27603645268247__featured_collection_RWA7fD:splide-ready")); 11402 } 11403 } 11404 ] 11405 })'x-intersect.once='$el.classList.add("is-ready-to-animate")' 11406 > 11407 <style data-shopify> 11408 .gap-mobile-collection_y8UqjF-template--27603645268247__featured_collection_RWA7fD { 11409 gap: 16px; 11410 } 11411 @media (min-width: 768px) { 11412 .gap-collection_y8UqjF-template--27603645268247__featured_collection_RWA7fD { 11413 11414 gap: 28px; 11415 11416 } 11417 } 11418 </style> 11419 11420 <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"> 11421 <button 11422 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" 11423 aria-label="previous slide" 11424 > 11425 <svg style="fill: none" width="100%" height="100%" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg"> 11426 11427 <path d="M72.0001 95L27 49.9999L72.0001 5" stroke="currentColor" stroke-width="6.5" stroke-linecap="round" stroke-linejoin="round"/> 11428 11429 </svg> 11430 11431 </button> 11432 <button 11433 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" 11434 aria-label="next slide" 11435 > 11436 <svg style="fill: none" width="100%" height="100%" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg"> 11437 11438 <path d="M26.9999 5L72 50.0001L26.9999 95" stroke="currentColor" stroke-width="6.5" stroke-linecap="round" stroke-linejoin="round"/> 11439 11440 </svg> 11441 11442 </button> 11443 </div> 11444 11445 <div class="splide__track lg:pl-0 lg:pr-0"> 11446 <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> 11447 .x-slide-animation-duration-1 { 11448 --delay-time: 0ms 11449 } 11450 </style> 11451 11452 11453 11454<div 11455
11456 x-data="xProductCard('template--27603645268247__featured_collection_RWA7fD-1-1', '/products/workday-chinese-tea-collection', '10428460892439')" 11457 11458 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]" 11459 x-slide-index="0" 11460> 11461 <div class="md:list-layout:w-2/5 md:list-layout:lg:w-1/4 relative disable-effect md:list-layout:pr-8" 11462 > 11463 <style data-shopify> 11464 11465 </style> 11466 11467 <style data-shopify> 11468 11469 </style> 11470 <a 11471 11472 x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active', 'lazy_active')" 11473 11474 href="/products/workday-chinese-tea-collection" 11475 11476 x-data="{ lastWindowWidth: 0 }" 11477 x-intersect.once.margin.200px='$nextTick(() => { $store.xBadges && $store.xBadges.load($el, () => {}, null, true); })' 11478 x-labels-data="[ 11479 11480{ 11481 "variant_id": 55297745289495, 11482 "product_id": 10428460892439, 11483 "available": true, 11484 "title": "Workday Chinese Tea Collection", 11485 "compare_at_price": 0, 11486 "price": 2999, 11487 "price_with_currency": "$29.99 USD", 11488 "sale_amount": "$-29.99", 11489 "collections": "||511975915799||529991958807||493393674519||525935542551||450205417751||461861486871||531755041047||531757367575||498760843543||526631928087||529341022487||", 11490 "inventory_management": "shopify", 11491 "qty": 22, 11492 "container": "card", 11493 "can_show_preorder": false, 11494 "diff_day_create": 66.07, 11495 "diff_day_publish": 51.04 11496 11497 ,"metafield_label": { 11498 "custom.flavors":"" 11499 } 11500 11501 } 11502 ]" 11503 11504 aria-label="Workday Chinese Tea Collection" 11505 id="10428460892439-template--27603645268247__featured_collection_RWA7fD" 11506 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%]"> 11507 <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"> 11508 <div
11509 id="x-slideshow-card-product-template--27603645268247__featured_collection_RWA7fD-1-1-0" 11510 class="block h-full" 11511 @click='$store.xCustomerEvent.fire("product_selected", $el)' 11512 x-customer-event-data="{ 11513 "product": { 11514 "title": "Workday Chinese Tea Collection", 11515 "listName": "New Arrivals", 11516 "sku": "10428460892439", 11517 "currencyCode": "USD", 11518 "price": 2999, 11519 "vendor": "iTeaworld" 11520 } 11521 }" 11522 ><div 11523 class="absolute inset-0 z-10 pointer-events-auto dbtap-overlay" 11524 @touchstart="onTouchStart($event)" 11525 @touchend.prevent="onTouchEnd($el.closest('.x-splide'))" 11526 @touchmove="onTouchMove($event)" 11527 ></div> 11528<div class="w-full z-0 h-full min-h-full top-0 left-0 absolute" 11529 > 11530 11531 <picture> 11532 <img 11533 srcset=" 11534 //iteaworld.com/cdn/shop/files/workday_chinese_tea_collection_1.webp?v=1786070272&width=250 250w, 11535 //iteaworld.com/cdn/shop/files/workday_chinese_tea_collection_1.webp?v=1786070272&width=350 350w, 11536 //iteaworld.com/cdn/shop/files/workday_chinese_tea_collection_1.webp?v=1786070272&width=450 450w, 11537 //iteaworld.com/cdn/shop/files/workday_chinese_tea_collection_1.webp?v=1786070272&width=750 750w, 11538 //iteaworld.com/cdn/shop/files/workday_chinese_tea_collection_1.webp?v=1786070272&width=900 900w, 11539 //iteaworld.com/cdn/shop/files/workday_chinese_tea_collection_1.webp?v=1786070272&width=1100 1100w, 11540 //iteaworld.com/cdn/shop/files/workday_chinese_tea_collection_1.webp?v=1786070272&width=1500 1500w,//iteaworld.com/cdn/shop/files/workday_chinese_tea_collection_1.webp?v=1786070272 1600w" 11541 src="//iteaworld.com/cdn/shop/files/workday_chinese_tea_collection_1.webp?v=1786070272&width=1500" 11542 sizes="(min-width: 1400px) calc(100vw / 4), (min-width: 1024px) calc((100vw) / 4), (min-width: 768px) calc((100vw) / 2), calc(100vw /2)" 11543 alt="Workday Chinese Tea Collection" 11544 :class="showSecond ? 'first-img' : ''" 11545 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" 11546 loading="lazy" 11547 width="1600" 11548 height="1600" 11549 onload="this?.classList.add('active');this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image'); 11550 setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);" 11551 /> 11552 </picture> 11553 11554 </div><div class="w-full h-full top-0 left-0 absolute lg:block"> 11555 11556 <picture> 11557 <img 11558 srcset="//iteaworld.com/cdn/shop/files/iTeaworldworkdaychineseteacollection_21.webp?v=1785751392&width=250 250w, 11559 //iteaworld.com/cdn/shop/files/iTeaworldworkdaychineseteacollection_21.webp?v=1785751392&width=350 350w, 11560 //iteaworld.com/cdn/shop/files/iTeaworldworkdaychineseteacollection_21.webp?v=1785751392&width=450 450w, 11561 //iteaworld.com/cdn/shop/files/iTeaworldworkdaychineseteacollection_21.webp?v=1785751392&width=750 750w, 11562 //iteaworld.com/cdn/shop/files/iTeaworldworkdaychineseteacollection_21.webp?v=1785751392&width=900 900w, 11563 //iteaworld.com/cdn/shop/files/iTeaworldworkdaychineseteacollection_21.webp?v=1785751392&width=1100 1100w, 11564 //iteaworld.com/cdn/shop/files/iTeaworldworkdaychineseteacollection_21.webp?v=1785751392&width=1500 1500w,//iteaworld.com/cdn/shop/files/iTeaworldworkdaychineseteacollection_21.webp?v=1785751392 1600w" 11565 src="//iteaworld.com/cdn/shop/files/iTeaworldworkdaychineseteacollection_21.webp?v=1785751392&width=1500" 11566 sizes="(min-width: 1400px) calc(100vw / 4), (min-width: 1024px) calc((100vw) / 4), (min-width: 768px) calc((100vw) / 2), calc(100vw /2)" 11567 alt="Workday Chinese Tea Collection" 11568 :class="showSecond ? 'second-img' : ''" 11569 class="motion-reduce min-w-full h-full object-cover group-hover:cursor-pointer image-second-hover opacity-0 lg:group-hover:opacity-100" 11570 loading="lazy" 11571 width="1600" 11572 height="1600" 11573 onload="this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image'); 11574 setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);" 11575 /> 11576 </picture> 11577 11578 </div></div> 11579 </div> 11580 <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" 11581 x-show="$store.xQuickView" x-cloak 11582 > 11583 <div x-data="xProductCart" x-show="$store.xQuickView && $store.xQuickView.show_atc_button" 11584 class="w-full hide-icon lg:px-4"
11585 :class="if($store.xQuickView){ return ($store.xQuickView.btn_atc_bottom ? 'hidden' : '') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:block' : ' lg:hidden') }" 11586 x-cloak 11587 > 11588 11589 <button 11590 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" 11591 :class="errorMessage && 'opacity-60 cursor-not-allowed'" 11592 11593 type="submit" 11594 name="add" 11595 @click.prevent="setTimeout(() => { $store.xQuickView && (showOptions = !showOptions); $store.xQuickView.showChooseOption('template--27603645268247__featured_collection_RWA7fD-10428460892439-collection_y8UqjF', $el); }, 0)" 11596 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)" 11597 data-id="template--27603645268247__featured_collection_RWA7fD-10428460892439-collection_y8UqjF" 11598 11599 aria-label="Choose options" 11600 11601 11602 > 11603 <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}"> 11604 11605 <span class="flex items-center justify-center"> 11606 11607 11608 11609 11610 <span class="button-text is-focus-button:opacity-0">Choose options</span> 11611 11612 11613 11614 11615 </span> 11616 </span> 11617 <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> 11618 <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> 11619 <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" 11620 fill="currentcolor" stroke="none"> 11621 <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"/> 11622 </g> 11623 </svg> 11624 11625 </div> 11626 </button> 11627 <button 11628 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" 11629 :class="errorMessage && 'opacity-60 cursor-not-allowed'" 11630 11631 type="submit" 11632 name="add" 11633 @click.prevent="setTimeout(() => { $store.xQuickView && (showOptions = !showOptions); $store.xQuickView.showChooseOption('template--27603645268247__featured_collection_RWA7fD-10428460892439-collection_y8UqjF', $el); }, 0)" 11634 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)" 11635 data-id="template--27603645268247__featured_collection_RWA7fD-10428460892439-collection_y8UqjF"aria-label="Add to cart"x-customer-event-data="{ 11636 "product": { 11637 "title": "Workday Chinese Tea Collection", 11638 "listName": "New Arrivals", 11639 "sku": "10428460892439", 11640 "currencyCode": "USD", 11641 "price": 2999, 11642 "vendor": "iTeaworld" 11643 } 11644 }" 11645 11646 >
11647 <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;"> 11648 <g> 11649 <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"/> 11650 <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"/> 11651 <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"/> 11652 <path d="M1.44977 1.35001H3.34977" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 11653 </g> 11654 </svg></span> 11655 <span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak> 11656 <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> 11657 <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" 11658 fill="currentcolor" stroke="none"> 11659 <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"/> 11660 </g> 11661 </svg> 11662 11663 </span> 11664 </button> 11665 11666 </div> 11667 </div><div 11668 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" 11669 :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'" 11670 x-show="$store.xQuickView && $store.xQuickView.enabled" x-cloak 11671 > 11672 <div> 11673 <button 11674 @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 11675 x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/products/workday-chinese-tea-collection', $el, 'template--27603645268247__featured_collection_RWA7fD-10428460892439-collection_y8UqjF')" 11676 x-on:focus="$store.xQuickView && $store.xQuickView.load('/products/workday-chinese-tea-collection', $el, 'template--27603645268247__featured_collection_RWA7fD-10428460892439-collection_y8UqjF')" 11677 class="button label-btn-quickview button--quickview not-icon leading-normal empty:hidden hidden lg:block z-50 h-full" 11678 :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'" 11679 x-customer-event-data="{ 11680 "product": { 11681 "title": "Workday Chinese Tea Collection", 11682 "listName": "New Arrivals", 11683 "sku": "10428460892439", 11684 "currencyCode": "USD", 11685 "price": 2999, 11686 "vendor": "iTeaworld" 11687 } 11688 }" 11689 aria-label="Button quickview" 11690 >
11691 <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;"> 11692 <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"/> 11693 <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 11694 </svg> 11695</span> 11696 <span x-show="$store.xQuickView && !$store.xQuickView.show_atc_button" class="flex items-center justify-center"> 11697 11698 11699 <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span> 11700 11701 11702 </span> 11703 </button> 11704 <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);' 11705 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" 11706 aria-label="Button quickview" 11707 x-customer-event-data="{ 11708 "product": { 11709 "title": "Workday Chinese Tea Collection", 11710 "listName": "New Arrivals", 11711 "sku": "10428460892439", 11712 "currencyCode": "USD", 11713 "price": 2999, 11714 "vendor": "iTeaworld" 11715 } 11716 }" 11717 > 11718 <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;"> 11719 <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"/> 11720 <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 11721 </svg> 11722</span> 11723 </button> 11724 </div> 11725 </div> 11726 </div> 11727 11728 </a> 11729 11730 11731 <div class="md:list-layout:hidden"> 11732 <div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0"> 11733 <div class="no-collage:mb-2 text-center md:list-layout:text-left"> 11734 11735 <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"> 11736 <a href="/products/workday-chinese-tea-collection" 11737 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" 11738 @click='$store.xCustomerEvent.fire("product_selected", $el)' 11739 x-customer-event-data="{ 11740 "product": { 11741 "title": "Workday Chinese Tea Collection", 11742 "listName": "New Arrivals", 11743 "sku": "10428460892439", 11744 "currencyCode": "USD", 11745 "price": 2999, 11746 "vendor": "iTeaworld" 11747 } 11748 }" 11749 > 11750 Workday Chinese Tea Collection 11751 </a> 11752 </h3> 11753 11754<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"> 11755 11756 11757 <div class=" price leading-none"> 11758 <div class=""> 11759 <div class="target-price hidden">2999</div> 11760 <div class="target-compare-at-price hidden"></div> 11761 11762<p class="price ">
11763 <span>$29.99 USD</span> 11764 </p><small class="text-[70%] hidden"> 11765 <span class="hidden">Unit price</span> 11766 <span class="up price-item price-item--last"> 11767 <span class="unit-price"> 11768 11769 </span> 11770 <span aria-hidden="true">/</span> 11771 <span class="hidden"> per </span> 11772 <span> 11773 </span> 11774 </span> 11775 </small> 11776 11777 </div> 11778 11779</div> 11780 11781 <div class="leading-none next-price empty:hidden"></div> 11782 </div> 11783 11784 <template x-if="localStorage.getItem('selectedStore')"> 11785 <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])"> 11786 <div 11787 x-data='{ 11788 storeAvailabilites: { 11789 11790 }, 11791 pickupLocation: [ 11792 11793 ] 11794 }' 11795 x-show="$store.xStoreSelector?.selectedStore && pickupLocation.includes($store.xStoreSelector?.getStore())" 11796> 11797 <style data-shopify> 11798 .text-available, .text-unavailable { 11799 font-size: 0.669375rem; 11800 font-family: var(--font-body-family); 11801 } 11802 11803 @media (min-width: 768px) { 11804 .text-available, .text-unavailable { 11805 font-size: 0.74375rem; 11806 } 11807 } 11808 11809 .text-available { 11810 color: #739047; 11811 } 11812 11813 .dark .text-available { 11814 color: #739047; 11815 } 11816 11817 .text-unavailable { 11818 color: #767474; 11819 } 11820 11821 .dark .text-unavailable { 11822 color: #867F7F; 11823 } 11824 </style> 11825 <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-available flex flex-row items-center gap-[3px]"> 11826 <span class="flex h-4 w-4 relative"> 11827<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 11828 <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/> 11829 <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/> 11830</svg> 11831 11832</span><span x-text="'Available for pickup at ' + $store.xStoreSelector?.getStoreText()"> </span> 11833 </div> 11834 <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]"> 11835 <span class="flex h-4 w-4 relative"> 11836<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 11837 <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/> 11838 <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/> 11839</svg> 11840 11841</span><span x-text="'Out of stock at ' + $store.xStoreSelector?.getStoreText()"> </span> 11842 </div> 11843</div> 11844 </div> 11845 </template> 11846 </div> 11847 </div> 11848 </div> 11849 11850 </div><div 11851 id="choose-options-template--27603645268247__featured_collection_RWA7fD-10428460892439-collection_y8UqjF" 11852 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" 11853 x-show="showOptions" 11854 x-transition:enter="transition-all ease-in-out duration-300" 11855 x-transition:enter-start="opacity-0 transform translate-y-full" 11856 x-transition:enter-end="opacity-100 transform translate-y-0" 11857 x-transition:leave="transition-all ease-in-out duration-300" 11858 x-transition:leave-start="opacity-100 transform translate-y-0" 11859 x-transition:leave-end="opacity-0 transform translate-y-full" 11860 x-cloak 11861 > 11862 <div class="choose-options relative w-full min-h-full h-full"></div> 11863 <div class="icon-loading hidden absolute top-0 left-0 right-0 h-full w-full z-20 bg-[rgba(var(--background-color))]"> 11864 <div 11865 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-[
11865calc(50%-10px)]"> 11866 <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> 11867 <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" 11868 fill="currentcolor" stroke="none"> 11869 <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"/> 11870 </g> 11871 </svg> 11872 11873 </div> 11874 </div> 11875 </div> 11876 <div 11877 id="x-product-template-10428460892439-template--27603645268247__featured_collection_RWA7fD-1-1" 11878 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" 11879 > 11880 11881 11882 11883<div 11884 class="x-variants-data x-variants-data-js pt-3 border-t mt-3" 11885 x-data='xVariantSelectCard($el,"template--27603645268247__featured_collection_RWA7fD-1-1", "10428460892439", "/products/workday-chinese-tea-collection", false, false, false, "")' 11886 11887 data-option1="Default (CN) Warehouse" 11888 11889 x-intersect.margin.200px="if ($el.querySelector('#variant-update-template--27603645268247__featured_collection_RWA7fD-1-1').innerHTML.trim() == '') $el.classList.add('hidden');" 11890 > 11891 <div 11892 id="current-variant-template--27603645268247__featured_collection_RWA7fD-10428460892439-collection_y8UqjF" 11893 class="current-variant hidden" 11894 > 11895 55297745289495 11896 </div> 11897 <div 11898 id="variant-update-template--27603645268247__featured_collection_RWA7fD-1-1" 11899 class="variant-update-template--27603645268247__featured_collection_RWA7fD-1-1 list-layout:md:text-left rtl:list-layout:md:text-right options-container" 11900 > 11901 11902</div> 11903 </div> 11904
11904<script src="//iteaworld.com/cdn/shop/t/51/assets/variant-select-card.js?v=141088792309509576511782181913" defer></script>
11904 11905 11906 11907 <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> 11908 11909 <div class="card-info x-highlight-icon mt-2.5"> 11910 <div 11911 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" 11912 x-data="{setPosition(el) { 11913 parentEl = el.closest('.x-highlight-icon').getBoundingClientRect(); 11914 el.style.setProperty('--maxwidth-tooltip', parentEl.width - 20 + 'px'); 11915 elRect = el.getBoundingClientRect(); 11916 let spacingLeft = elRect.left - parentEl.left; 11917 if (spacingLeft < 0) { 11918 el.style.setProperty('--left-tooltip', Math.abs(spacingLeft) + 'px'); 11919 } 11920 let spacingRight = parentEl.right - elRect.right; 11921 if (spacingRight < 0) { 11922 el.style.setProperty('--left-tooltip', spacingRight + 'px'); 11923 } 11924 }}" 11925 x-init="$el.innerHTML = $el.innerHTML.trim();" 11926> 11927 � 11928 � 11929 � 11930 �</div> 11931 </div> 11932 11933 11934 <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)" 11935 class="card-info bottom_atc md:list-layout:hidden hide-icon" 11936 :class="if($store.xQuickView.show_atc_button){ return ($store.xQuickView.btn_atc_bottom ? '' : 'hidden') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:hidden' : ' lg:block')}" 11937 x-cloak 11938 > 11939 11940 <button 11941 type="submit" 11942 name="add" 11943 @click.prevent="setTimeout(() => { $store.xQuickView && (showOptions = !showOptions); $store.xQuickView.showChooseOption('template--27603645268247__featured_collection_RWA7fD-10428460892439-collection_y8UqjF', $el); }, 0)" 11944 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)" 11945 data-id="template--27603645268247__featured_collection_RWA7fD-10428460892439-collection_y8UqjF" 11946 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" 11947 :class="errorMessage && 'opacity-60 cursor-not-allowed'" 11948 aria-label="Choose options" 11949 > 11950 <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}"> 11951 11952 <span class="flex items-center justify-center"> 11953 11954 11955 11956 11957 <span class="button-text is-focus-button:opacity-0">Choose options</span> 11958 11959 11960 11961 11962 </span> 11963 </span> 11964 <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> 11965 <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> 11966 <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" 11967 fill="currentcolor" stroke="none"> 11968 <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"/> 11969 </g> 11970 </svg> 11971 11972 </div> 11973 </button> 11974 11975 </div></template> 11976 11977 11978 <template x-if="$store.xQuickView"> 11979 <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 && ''"> 11980 11981 <button 11982 type="submit" 11983 name="add" 11984 11985 @click.prevent="setTimeout(() => { $store.xQuickView && (showOptions = !showOptions); $store.xQuickView.showChooseOption('template--27603645268247__featured_collection_RWA7fD-10428460892439-collection_y8UqjF', $el); }, 0)" 11986 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)" 11987 data-id="template--27603645268247__featured_collection_RWA7fD-10428460892439-collection_y8UqjF" 11988 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" 11989 :class="errorMessage && 'opacity-60 cursor-not-allowed'"
11990 aria-label="Choose options" 11991 > 11992 <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}"> 11993 11994 <span class="flex items-center justify-center"> 11995 11996 11997 11998 11999 <span class="button-text is-focus-button:opacity-0">Choose options</span> 12000 12001 12002 12003 12004 </span> 12005 </span> 12006 <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> 12007 <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> 12008 <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" 12009 fill="currentcolor" stroke="none"> 12010 <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"/> 12011 </g> 12012 </svg> 12013 12014 </div> 12015 </button> 12016 12017 </div><button 12018 x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/products/workday-chinese-tea-collection', $el, 'template--27603645268247__featured_collection_RWA7fD-10428460892439-collection_y8UqjF')" 12019 x-on:focus="$store.xQuickView && $store.xQuickView.load('/products/workday-chinese-tea-collection', $el, 'template--27603645268247__featured_collection_RWA7fD-10428460892439-collection_y8UqjF')" 12020 @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 12021 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" 12022 aria-label="Button quickview" 12023 x-customer-event-data="{ 12024 "product": { 12025 "title": "Workday Chinese Tea Collection", 12026 "listName": "New Arrivals", 12027 "sku": "10428460892439", 12028 "currencyCode": "USD", 12029 "price": 2999, 12030 "vendor": "iTeaworld" 12031 } 12032 }" 12033 x-show="$store.xQuickView.enabled" 12034 > 12035 <span class="flex justify-center items-center"> 12036 12037 12038 <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span> 12039 12040 12041 </span> 12042 </button> 12043 </div> 12044 </template> 12045 12046 </div> 12047</div> 12048<style data-shopify> 12049 .x-slide-animation-duration-2 { 12050 --delay-time: 100ms 12051 } 12052 </style> 12053 12054 12055 12056<div 12057 12058 x-data="xProductCard('template--27603645268247__featured_collection_RWA7fD-1-2', '/products/tea-club-subscription-floral-fruit-wellness-box', '10150336037143')" 12059 12060 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]" 12061 x-slide-index="1" 12062> 12063 <div class="md:list-layout:w-2/5 md:list-layout:lg:w-1/4 relative disable-effect md:list-layout:pr-8" 12064 > 12065 <style data-shopify> 12066 12067 </style> 12068 12069 <style data-shopify> 12070 12071 </style> 12072 <a 12073 12074 x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active', 'lazy_active')" 12075 12076 href="/products/tea-club-subscription-floral-fruit-wellness-box" 12077 12078 x-data="{ lastWindowWidth: 0 }" 12079 x-intersect.once.margin.200px='$nextTick(() => { $store.xBadges && $store.xBadges.load($el, () => {}, null, true); })' 12080 x-labels-data="[ 12081 12082{ 12083 "variant_id": 51800961253655, 12084 "product_id": 10150336037143, 12085 "available": true, 12086 "title": "Tea Club Subscription - Seasonal Wellness Box", 12087 "compare_at_price": 0, 12088 "price": 7999, 12089 "price_with_currency": "$79.99 USD", 12090 "sale_amount": "$-79.99", 12091 "collections": "||511975915799||529991958807||521179136279||493393674519||483191390487||520355807511||521246441751||523728814359||450205417751||461861486871||498760843543||", 12092 "inventory_management": "shopify", 12093 "qty": 12, 12094 "container": "card", 12095 "can_show_preorder": false, 12096 "diff_day_create": 253.06, 12097 "diff_day_publish": 99.24 12098 12099 ,"metafield_label": { 12100 "custom.flavors":"" 12101 } 12102 12103 } 12104 ]" 12105 12106 aria-label="Tea Club Subscription - Seasonal Wellness Box" 12107 id="10150336037143-template--27603645268247__featured_collection_RWA7fD" 12108 class="x-labels-data ltr group link-product-variant overflow-hidden block relative z-[15] curs
12108or-pointer before:h-0 before:block no-collage rounded-[10px] pb-[100%]"> 12109 <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"> 12110 <div 12111 id="x-slideshow-card-product-template--27603645268247__featured_collection_RWA7fD-1-2-1" 12112 class="block h-full" 12113 @click='$store.xCustomerEvent.fire("product_selected", $el)' 12114 x-customer-event-data="{ 12115 "product": { 12116 "title": "Tea Club Subscription - Seasonal Wellness Box", 12117 "listName": "New Arrivals", 12118 "sku": "10150336037143", 12119 "currencyCode": "USD", 12120 "price": 7999, 12121 "vendor": "iTeaworld" 12122 } 12123 }" 12124 ><div 12125 class="absolute inset-0 z-10 pointer-events-auto dbtap-overlay" 12126 @touchstart="onTouchStart($event)" 12127 @touchend.prevent="onTouchEnd($el.closest('.x-splide'))" 12128 @touchmove="onTouchMove($event)" 12129 ></div> 12130<div class="w-full z-0 h-full min-h-full top-0 left-0 absolute" 12131 > 12132 12133 <picture> 12134 <img 12135 srcset=" 12136 //iteaworld.com/cdn/shop/files/tea_collection_for_autumn.webp?v=1786074356&width=250 250w, 12137 //iteaworld.com/cdn/shop/files/tea_collection_for_autumn.webp?v=1786074356&width=350 350w, 12138 //iteaworld.com/cdn/shop/files/tea_collection_for_autumn.webp?v=1786074356&width=450 450w, 12139 //iteaworld.com/cdn/shop/files/tea_collection_for_autumn.webp?v=1786074356&width=750 750w, 12140 //iteaworld.com/cdn/shop/files/tea_collection_for_autumn.webp?v=1786074356&width=900 900w, 12141 //iteaworld.com/cdn/shop/files/tea_collection_for_autumn.webp?v=1786074356&width=1100 1100w, 12142 //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" 12143 src="//iteaworld.com/cdn/shop/files/tea_collection_for_autumn.webp?v=1786074356&width=1500" 12144 sizes="(min-width: 1400px) calc(100vw / 4), (min-width: 1024px) calc((100vw) / 4), (min-width: 768px) calc((100vw) / 2), calc(100vw /2)" 12145 alt="Tea Club Subscription - Seasonal Wellness Box" 12146 :class="showSecond ? 'first-img' : ''" 12147 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" 12148 loading="lazy" 12149 width="1600" 12150 height="1600" 12151 onload="this?.classList.add('active');this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image'); 12152 setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);" 12153 /> 12154 </picture> 12155 12156 </div><div class="w-full h-full top-0 left-0 absolute lg:block"> 12157 12158 <picture> 12159 <img 12160 srcset="//iteaworld.com/cdn/shop/files/iTeaworld_tea_collecetion_for_autumn_22.webp?v=1786073344&width=250 250w, 12161 //iteaworld.com/cdn/shop/files/iTeaworld_tea_collecetion_for_autumn_22.webp?v=1786073344&width=350 350w, 12162 //iteaworld.com/cdn/shop/files/iTeaworld_tea_collecetion_for_autumn_22.webp?v=1786073344&width=450 450w, 12163 //iteaworld.com/cdn/shop/files/iTeaworld_tea_collecetion_for_autumn_22.webp?v=1786073344&width=750 750w, 12164 //iteaworld.com/cdn/shop/files/iTeaworld_tea_collecetion_for_autumn_22.webp?v=1786073344&width=900 900w, 12165 //iteaworld.com/cdn/shop/files/iTeaworld_tea_collecetion_for_autumn_22.webp?v=1786073344&width=1100 1100w, 12166 //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" 12167 src="//iteaworld.com/cdn/shop/files/iTeaworld_tea_collecetion_for_autumn_22.webp?v=1786073344&width=1500" 12168 sizes="(min-width: 1400px) calc(100vw / 4), (min-width: 1024px) calc((100vw) / 4), (min-width: 768px) calc((100vw) / 2), calc(100vw /2)" 12169 alt="Tea Club Subscription - Seasonal Wellness Box" 12170 :class="showSecond ? 'second-img' : ''" 12171 class="motion-reduce min-w-full h-full object-cover group-hover:cursor-pointer image-second-hover opacity-0 lg:group-hover:opacity-100" 12172 loading="lazy" 12173 width="1600" 12174 height="1600" 12175 onload="this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image'); 12176 setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);" 12177 /> 12178 </picture> 12179 12180 </div></div> 12181 </div> 12182 <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" 12183 x-show="$store.xQuickView" x-cloak 12184 > 12185 <div x-data="xProductCart" x-show="$store.xQuickView && $store.xQuickView.show_atc_button" 12186 class="w-full hide-icon lg:px-4"
12187 :class="if($store.xQuickView){ return ($store.xQuickView.btn_atc_bottom ? 'hidden' : '') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:block' : ' lg:hidden') }" 12188 x-cloak 12189 > 12190 12191<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"> 12192 12193 12194 <button 12195 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" 12196 12197 type="submit" 12198 name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--27603645268247__featured_collection_RWA7fD-10150336037143-collection_y8UqjF" 12199 12200 12201 :class="errorMessage && 'opacity-60 cursor-not-allowed'"aria-label="Add to cart" 12202 > 12203 <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}"> 12204 12205 12206 <span class="flex items-center justify-center"> 12207 12208 12209 12210 12211 <span class="button-text is-focus-button:opacity-0">Add to cart</span> 12212 12213 12214 12215 12216 </span> 12217 </span> 12218 <div 12219 class="flex gap-x-2 items-center justify-center" 12220 role="alert" 12221 x-cloak 12222 x-show="errorMessage" 12223 > 12224 Sold out 12225 </div> 12226 <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> 12227 <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> 12228 <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" 12229 fill="currentcolor" stroke="none"> 12230 <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"/> 12231 </g> 12232 </svg> 12233 12234 </div> 12235 </button> 12236 <button 12237 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" 12238 12239 type="submit" 12240 name="add"@click.prevent="errorMessage == false && addToCart($event)" 12241 12242 data-id="template--27603645268247__featured_collection_RWA7fD-10150336037143-collection_y8UqjF" 12243 :class="errorMessage && 'opacity-60 cursor-not-allowed'"aria-label="Add to cart"x-customer-event-data="{ 12244 "product": { 12245 "title": "Tea Club Subscription - Seasonal Wellness Box", 12246 "listName": "New Arrivals", 12247 "sku": "10150336037143", 12248 "currencyCode": "USD", 12249 "price": 7999, 12250 "vendor": "iTeaworld" 12251 } 12252 }" 12253 12254 >
12255 <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;"> 12256 <g> 12257 <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"/> 12258 <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"/> 12259 <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"/> 12260 <path d="M1.44977 1.35001H3.34977" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 12261 </g> 12262 </svg></span> 12263 <span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak> 12264 <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> 12265 <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" 12266 fill="currentcolor" stroke="none"> 12267 <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"/> 12268 </g> 12269 </svg> 12270 12271 </span> 12272 </button><input type="hidden" name="product-id" value="10150336037143" /><input type="hidden" name="section-id" value="template--27603645268247__featured_collection_RWA7fD" /></form> 12273 </div> 12274 </div><div 12275 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" 12276 :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'" 12277 x-show="$store.xQuickView && $store.xQuickView.enabled" x-cloak 12278 > 12279 <div> 12280 <button 12281 @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 12282 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')" 12283 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')" 12284 class="button label-btn-quickview button--quickview not-icon leading-normal empty:hidden hidden lg:block z-50 h-full" 12285 :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'" 12286 x-customer-event-data="{ 12287 "product": { 12288 "title": "Tea Club Subscription - Seasonal Wellness Box", 12289 "listName": "New Arrivals", 12290 "sku": "10150336037143", 12291 "currencyCode": "USD", 12292 "price": 7999, 12293 "vendor": "iTeaworld" 12294 } 12295 }" 12296 aria-label="Button quickview" 12297 >
12298 <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;"> 12299 <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"/> 12300 <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 12301 </svg> 12302</span> 12303 <span x-show="$store.xQuickView && !$store.xQuickView.show_atc_button" class="flex items-center justify-center"> 12304 12305 12306 <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span> 12307 12308 12309 </span> 12310 </button> 12311 <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);' 12312 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" 12313 aria-label="Button quickview" 12314 x-customer-event-data="{ 12315 "product": { 12316 "title": "Tea Club Subscription - Seasonal Wellness Box", 12317 "listName": "New Arrivals", 12318 "sku": "10150336037143", 12319 "currencyCode": "USD", 12320 "price": 7999, 12321 "vendor": "iTeaworld" 12322 } 12323 }" 12324 > 12325 <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;"> 12326 <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"/> 12327 <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 12328 </svg> 12329</span> 12330 </button> 12331 </div> 12332 </div> 12333 </div> 12334 12335 </a> 12336 12337 12338 <div class="md:list-layout:hidden"> 12339 <div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0"> 12340 <div class="no-collage:mb-2 text-center md:list-layout:text-left"> 12341 12342 <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"> 12343 <a href="/products/tea-club-subscription-floral-fruit-wellness-box" 12344 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" 12345 @click='$store.xCustomerEvent.fire("product_selected", $el)' 12346 x-customer-event-data="{ 12347 "product": { 12348 "title": "Tea Club Subscription - Seasonal Wellness Box", 12349 "listName": "New Arrivals", 12350 "sku": "10150336037143", 12351 "currencyCode": "USD", 12352 "price": 7999, 12353 "vendor": "iTeaworld" 12354 } 12355 }" 12356 > 12357 Tea Club Subscription - Seasonal Wellness Box 12358 </a> 12359 </h3> 12360 12361<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"> 12362 12363 12364 <div class=" price leading-none"> 12365 <div class=""> 12366 <div class="target-price hidden">7999</div> 12367 <div class="target-compare-at-price hidden"></div> 12368 12369<p class="price ">
12370 <span>$79.99 USD</span> 12371 </p><small class="text-[70%] hidden"> 12372 <span class="hidden">Unit price</span> 12373 <span class="up price-item price-item--last"> 12374 <span class="unit-price"> 12375 12376 </span> 12377 <span aria-hidden="true">/</span> 12378 <span class="hidden"> per </span> 12379 <span> 12380 </span> 12381 </span> 12382 </small> 12383 12384 </div> 12385 12386</div> 12387 12388 <div class="leading-none next-price empty:hidden"></div> 12389 </div> 12390 12391 <template x-if="localStorage.getItem('selectedStore')"> 12392 <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])"> 12393 <div 12394 x-data='{ 12395 storeAvailabilites: { 12396 12397 }, 12398 pickupLocation: [ 12399 12400 ] 12401 }' 12402 x-show="$store.xStoreSelector?.selectedStore && pickupLocation.includes($store.xStoreSelector?.getStore())" 12403> 12404 <style data-shopify> 12405 .text-available, .text-unavailable { 12406 font-size: 0.669375rem; 12407 font-family: var(--font-body-family); 12408 } 12409 12410 @media (min-width: 768px) { 12411 .text-available, .text-unavailable { 12412 font-size: 0.74375rem; 12413 } 12414 } 12415 12416 .text-available { 12417 color: #739047; 12418 } 12419 12420 .dark .text-available { 12421 color: #739047; 12422 } 12423 12424 .text-unavailable { 12425 color: #767474; 12426 } 12427 12428 .dark .text-unavailable { 12429 color: #867F7F; 12430 } 12431 </style> 12432 <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-available flex flex-row items-center gap-[3px]"> 12433 <span class="flex h-4 w-4 relative"> 12434<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 12435 <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/> 12436 <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/> 12437</svg> 12438 12439</span><span x-text="'Available for pickup at ' + $store.xStoreSelector?.getStoreText()"> </span> 12440 </div> 12441 <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]"> 12442 <span class="flex h-4 w-4 relative"> 12443<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 12444 <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/> 12445 <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/> 12446</svg> 12447 12448</span><span x-text="'Out of stock at ' + $store.xStoreSelector?.getStoreText()"> </span> 12449 </div> 12450</div> 12451 </div> 12452 </template> 12453 </div> 12454 </div> 12455 </div> 12456 12457 </div> 12458 <div 12459 id="x-product-template-10150336037143-template--27603645268247__featured_collection_RWA7fD-1-2" 12460 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" 12461 > 12462 12463 12464 12465 12466 <div @init-run="document.addEventListener('eurus:cart:items-changed', () => { 12467 Alpine.store('xUpdateVariantQuanity').updateQuantity('template--27603645268247__featured_collection_RWA7fD', '/products/tea-club-subscription-floral-fruit-wellness-box'); 12468 });"></div> 12469 <div 12470 id="current-variant-template--27603645268247__featured_collection_RWA7fD-10150336037143-collection_y8UqjF" 12471 class="current-variant hidden" 12472 > 12473 51800961253655 12474 </div> 12475 12476 12477 <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> 12478 12479 <div class="card-info x-highlight-icon mt-2.5"> 12480 <div 12481 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" 12482 x-data="{setPosition(el) { 12483 parentEl = el.closest('.x-highlight-icon').getBoundingClientRect(); 12484 el.style.setProperty('--maxwidth-tooltip', parentEl.width - 20 + 'px'); 12485 elRect = el.getBoundingClientRect(); 12486 let spacingLeft = elRect.left - parentEl.left; 12487 if (spacingLeft < 0) { 12488 el.style.setProperty('--left-tooltip', Math.abs(spacingLeft) + 'px'); 12489 } 12490 let spacingRight = parentEl.right - elRect.right; 12491 if (spacingRight < 0) { 12492 el.style.setProperty('--left-tooltip', spacingRight + 'px'); 12493 } 12494 }}" 12495 x-init="$el.innerHTML = $el.innerHTML.trim();" 12496> 12497 � 12498 � 12499 � 12500 �</div> 12501 </div> 12502 12503 12504 <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)" 12505 class="card-info bottom_atc md:list-layout:hidden hide-icon" 12506 :class="if($store.xQuickView.show_atc_button){ return ($store.xQuickView.btn_atc_bottom ? '' : 'hidden') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:hidden' : ' lg:block')}" 12507 x-cloak 12508 > 12509 12510<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"> 12511 12512 12513 <button 12514 type="submit" 12515 name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--27603645268247__featured_collection_RWA7fD-10150336037143-collection_y8UqjF" 12516 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" 12517 12518 12519 :class="errorMessage && 'opacity-60 cursor-not-allowed'"aria-label="Add to cart">
12520 <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}"> 12521 <span class="flex items-center justify-center"> 12522 12523 12524 12525 12526 <span class="button-text is-focus-button:opacity-0">Add to cart</span> 12527 12528 12529 12530 12531 </span></span> 12532 <div 12533 class="flex gap-x-2 items-center justify-center" 12534 role="alert" 12535 x-cloak 12536 x-show="errorMessage" 12537 > 12538 Sold out 12539 </div> 12540 <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> 12541 <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> 12542 <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" 12543 fill="currentcolor" stroke="none"> 12544 <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"/> 12545 </g> 12546 </svg> 12547 12548 </div> 12549 </button><input type="hidden" name="product-id" value="10150336037143" /><input type="hidden" name="section-id" value="template--27603645268247__featured_collection_RWA7fD" /></form> 12550 </div></template> 12551 12552 12553 <template x-if="$store.xQuickView"> 12554 <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 && ''"> 12555 12556<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"> 12557 12558 12559 <button 12560 type="submit" 12561 name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--27603645268247__featured_collection_RWA7fD-10150336037143-collection_y8UqjF" 12562 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" 12563 12564 12565 :class="errorMessage && 'opacity-60 cursor-not-allowed'" 12566 12567 aria-label="Add to cart" 12568 12569 > 12570 <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}"> 12571 <span class="flex items-center justify-center"> 12572 12573 12574 12575 12576 <span class="button-text is-focus-button:opacity-0">Add to cart</span> 12577 12578 12579 12580 12581 </span></span> 12582 <div 12583 class="flex gap-x-2 items-center justify-center" 12584 role="alert" 12585 x-cloak 12586 x-show="errorMessage" 12587 > 12588 Sold out 12589 </div> 12590 <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-[
12590calc(50%-10px)]" x-show="loading" x-cloak> 12591 <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> 12592 <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" 12593 fill="currentcolor" stroke="none"> 12594 <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"/> 12595 </g> 12596 </svg> 12597 12598 </div> 12599 </button> 12600 <button 12601 type="submit" 12602 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" 12603 12604 12605 data-id="template--27603645268247__featured_collection_RWA7fD-10150336037143-collection_y8UqjF" 12606 :class="errorMessage && 'opacity-60 cursor-not-allowed'"aria-label="Add to cart"x-customer-event-data="{ 12607 "product": { 12608 "title": "Tea Club Subscription - Seasonal Wellness Box", 12609 "listName": "New Arrivals", 12610 "sku": "10150336037143", 12611 "currencyCode": "USD", 12612 "price": 7999, 12613 "vendor": "iTeaworld" 12614 } 12615 }" 12616 > 12617 <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;"> 12618 <g> 12619 <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"/> 12620 <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"/> 12621 <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"/> 12622 <path d="M1.44977 1.35001H3.34977" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 12623 </g> 12624 </svg></span> 12625 <span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak> 12626 <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> 12627 <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" 12628 fill="currentcolor" stroke="none"> 12629 <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"/> 12630 </g> 12631 </svg> 12632 12633 </span> 12634 </button><input type="hidden" name="product-id" value="10150336037143" /><input type="hidden" name="section-id" value="template--27603645268247__featured_collection_RWA7fD" /></form> 12635 </div><button 12636 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')" 12637 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')" 12638 @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 12639 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" 12640 aria-label="Button quickview" 12641 x-customer-event-data="{ 12642 "product": { 12643 "title": "Tea Club Subscription - Seasonal Wellness Box", 12644 "listName": "New Arrivals", 12645 "sku": "10150336037143", 12646 "currencyCode": "USD", 12647 "price": 7999, 12648 "vendor": "iTeaworld" 12649 } 12650 }" 12651 x-show="$store.xQuickView.enabled" 12652 >
12653 <span class="flex justify-center items-center"> 12654 12655 12656 <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span> 12657 12658 12659 </span> 12660 </button> 12661 </div> 12662 </template> 12663 12664 </div> 12665</div> 12666<style data-shopify> 12667 .x-slide-animation-duration-3 { 12668 --delay-time: 200ms 12669 } 12670 </style> 12671 12672 12673 12674<div 12675 12676 x-data="xProductCard('template--27603645268247__featured_collection_RWA7fD-1-3', '/products/chinese-sweet-tea-herbal-tea', '10467022504215')" 12677 12678 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]" 12679 x-slide-index="2" 12680> 12681 <div class="md:list-layout:w-2/5 md:list-layout:lg:w-1/4 relative disable-effect md:list-layout:pr-8" 12682 > 12683 <style data-shopify> 12684 12685 </style> 12686 12687 <style data-shopify> 12688 12689 </style> 12690 <a 12691 12692 x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active', 'lazy_active')" 12693 12694 href="/products/chinese-sweet-tea-herbal-tea" 12695 12696 x-data="{ lastWindowWidth: 0 }" 12697 x-intersect.once.margin.200px='$nextTick(() => { $store.xBadges && $store.xBadges.load($el, () => {}, null, true); })' 12698 x-labels-data="[ 12699 12700{ 12701 "variant_id": 54598111002903, 12702 "product_id": 10467022504215, 12703 "available": true, 12704 "title": "Chinese Sweet Tea Herbal Tea 100g", 12705 "compare_at_price": 0, 12706 "price": 2999, 12707 "price_with_currency": "$29.99 USD", 12708 "sale_amount": "$-29.99", 12709 "collections": "||532285358359||511975915799||529991958807||486097027351||493393674519||531296977175||483191390487||525935542551||498760843543||526631928087||529341022487||", 12710 "inventory_management": "shopify", 12711 "qty": 5, 12712 "container": "card", 12713 "can_show_preorder": false, 12714 "diff_day_create": 52.02, 12715 "diff_day_publish": 51.19 12716 12717 ,"metafield_label": { 12718 "custom.flavors":"" 12719 } 12720 12721 } 12722 ]" 12723 12724 aria-label="Chinese Sweet Tea Herbal Tea 100g" 12725 id="10467022504215-template--27603645268247__featured_collection_RWA7fD" 12726 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%]"> 12727 <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"> 12728 <div
12729 id="x-slideshow-card-product-template--27603645268247__featured_collection_RWA7fD-1-3-2" 12730 class="block h-full" 12731 @click='$store.xCustomerEvent.fire("product_selected", $el)' 12732 x-customer-event-data="{ 12733 "product": { 12734 "title": "Chinese Sweet Tea Herbal Tea 100g", 12735 "listName": "New Arrivals", 12736 "sku": "10467022504215", 12737 "currencyCode": "USD", 12738 "price": 2999, 12739 "vendor": "iTeaworld" 12740 } 12741 }" 12742 ><div 12743 class="absolute inset-0 z-10 pointer-events-auto dbtap-overlay" 12744 @touchstart="onTouchStart($event)" 12745 @touchend.prevent="onTouchEnd($el.closest('.x-splide'))" 12746 @touchmove="onTouchMove($event)" 12747 ></div> 12748<div class="w-full z-0 h-full min-h-full top-0 left-0 absolute" 12749 > 12750 12751 <picture> 12752 <img 12753 srcset=" 12754 //iteaworld.com/cdn/shop/files/Chinesesweettea_1.webp?v=1785826084&width=250 250w, 12755 //iteaworld.com/cdn/shop/files/Chinesesweettea_1.webp?v=1785826084&width=350 350w, 12756 //iteaworld.com/cdn/shop/files/Chinesesweettea_1.webp?v=1785826084&width=450 450w, 12757 //iteaworld.com/cdn/shop/files/Chinesesweettea_1.webp?v=1785826084&width=750 750w, 12758 //iteaworld.com/cdn/shop/files/Chinesesweettea_1.webp?v=1785826084&width=900 900w, 12759 //iteaworld.com/cdn/shop/files/Chinesesweettea_1.webp?v=1785826084&width=1100 1100w, 12760 //iteaworld.com/cdn/shop/files/Chinesesweettea_1.webp?v=1785826084&width=1500 1500w,//iteaworld.com/cdn/shop/files/Chinesesweettea_1.webp?v=1785826084 1600w" 12761 src="//iteaworld.com/cdn/shop/files/Chinesesweettea_1.webp?v=1785826084&width=1500" 12762 sizes="(min-width: 1400px) calc(100vw / 4), (min-width: 1024px) calc((100vw) / 4), (min-width: 768px) calc((100vw) / 2), calc(100vw /2)" 12763 alt="Chinese Sweet Tea Herbal Tea 100g" 12764 :class="showSecond ? 'first-img' : ''" 12765 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" 12766 loading="lazy" 12767 width="1600" 12768 height="1600" 12769 onload="this?.classList.add('active');this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image'); 12770 setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);" 12771 /> 12772 </picture> 12773 12774 </div><div class="w-full h-full top-0 left-0 absolute lg:block"> 12775 12776 <picture> 12777 <img 12778 srcset="//iteaworld.com/cdn/shop/files/Chinesesweettea_2.webp?v=1785826084&width=250 250w, 12779 //iteaworld.com/cdn/shop/files/Chinesesweettea_2.webp?v=1785826084&width=350 350w, 12780 //iteaworld.com/cdn/shop/files/Chinesesweettea_2.webp?v=1785826084&width=450 450w, 12781 //iteaworld.com/cdn/shop/files/Chinesesweettea_2.webp?v=1785826084&width=750 750w, 12782 //iteaworld.com/cdn/shop/files/Chinesesweettea_2.webp?v=1785826084&width=900 900w, 12783 //iteaworld.com/cdn/shop/files/Chinesesweettea_2.webp?v=1785826084&width=1100 1100w, 12784 //iteaworld.com/cdn/shop/files/Chinesesweettea_2.webp?v=1785826084&width=1500 1500w,//iteaworld.com/cdn/shop/files/Chinesesweettea_2.webp?v=1785826084 1600w" 12785 src="//iteaworld.com/cdn/shop/files/Chinesesweettea_2.webp?v=1785826084&width=1500" 12786 sizes="(min-width: 1400px) calc(100vw / 4), (min-width: 1024px) calc((100vw) / 4), (min-width: 768px) calc((100vw) / 2), calc(100vw /2)" 12787 alt="Chinese Sweet Tea Herbal Tea 100g" 12788 :class="showSecond ? 'second-img' : ''" 12789 class="motion-reduce min-w-full h-full object-cover group-hover:cursor-pointer image-second-hover opacity-0 lg:group-hover:opacity-100" 12790 loading="lazy" 12791 width="1600" 12792 height="1600" 12793 onload="this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image'); 12794 setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);" 12795 /> 12796 </picture> 12797 12798 </div></div> 12799 </div> 12800 <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" 12801 x-show="$store.xQuickView" x-cloak 12802 > 12803 <div x-data="xProductCart" x-show="$store.xQuickView && $store.xQuickView.show_atc_button" 12804 class="w-full hide-icon lg:px-4"
12805 :class="if($store.xQuickView){ return ($store.xQuickView.btn_atc_bottom ? 'hidden' : '') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:block' : ' lg:hidden') }" 12806 x-cloak 12807 > 12808 12809<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"> 12810 12811 12812 <button 12813 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" 12814 12815 type="submit" 12816 name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--27603645268247__featured_collection_RWA7fD-10467022504215-collection_y8UqjF" 12817 12818 12819 :class="errorMessage && 'opacity-60 cursor-not-allowed'"aria-label="Add to cart" 12820 > 12821 <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}"> 12822 12823 12824 <span class="flex items-center justify-center"> 12825 12826 12827 12828 12829 <span class="button-text is-focus-button:opacity-0">Add to cart</span> 12830 12831 12832 12833 12834 </span> 12835 </span> 12836 <div 12837 class="flex gap-x-2 items-center justify-center" 12838 role="alert" 12839 x-cloak 12840 x-show="errorMessage" 12841 > 12842 Sold out 12843 </div> 12844 <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> 12845 <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> 12846 <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" 12847 fill="currentcolor" stroke="none"> 12848 <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"/> 12849 </g> 12850 </svg> 12851 12852 </div> 12853 </button> 12854 <button 12855 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" 12856 12857 type="submit" 12858 name="add"@click.prevent="errorMessage == false && addToCart($event)" 12859 12860 data-id="template--27603645268247__featured_collection_RWA7fD-10467022504215-collection_y8UqjF" 12861 :class="errorMessage && 'opacity-60 cursor-not-allowed'"aria-label="Add to cart"x-customer-event-data="{ 12862 "product": { 12863 "title": "Chinese Sweet Tea Herbal Tea 100g", 12864 "listName": "New Arrivals", 12865 "sku": "10467022504215", 12866 "currencyCode": "USD", 12867 "price": 2999, 12868 "vendor": "iTeaworld" 12869 } 12870 }" 12871 12872 >
12873 <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;"> 12874 <g> 12875 <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"/> 12876 <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"/> 12877 <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"/> 12878 <path d="M1.44977 1.35001H3.34977" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 12879 </g> 12880 </svg></span> 12881 <span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak> 12882 <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> 12883 <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" 12884 fill="currentcolor" stroke="none"> 12885 <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"/> 12886 </g> 12887 </svg> 12888 12889 </span> 12890 </button><input type="hidden" name="product-id" value="10467022504215" /><input type="hidden" name="section-id" value="template--27603645268247__featured_collection_RWA7fD" /></form> 12891 </div> 12892 </div><div 12893 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" 12894 :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'" 12895 x-show="$store.xQuickView && $store.xQuickView.enabled" x-cloak 12896 > 12897 <div> 12898 <button 12899 @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 12900 x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/products/chinese-sweet-tea-herbal-tea', $el, 'template--27603645268247__featured_collection_RWA7fD-10467022504215-collection_y8UqjF')" 12901 x-on:focus="$store.xQuickView && $store.xQuickView.load('/products/chinese-sweet-tea-herbal-tea', $el, 'template--27603645268247__featured_collection_RWA7fD-10467022504215-collection_y8UqjF')" 12902 class="button label-btn-quickview button--quickview not-icon leading-normal empty:hidden hidden lg:block z-50 h-full" 12903 :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'" 12904 x-customer-event-data="{ 12905 "product": { 12906 "title": "Chinese Sweet Tea Herbal Tea 100g", 12907 "listName": "New Arrivals", 12908 "sku": "10467022504215", 12909 "currencyCode": "USD", 12910 "price": 2999, 12911 "vendor": "iTeaworld" 12912 } 12913 }" 12914 aria-label="Button quickview" 12915 >
12916 <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;"> 12917 <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"/> 12918 <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 12919 </svg> 12920</span> 12921 <span x-show="$store.xQuickView && !$store.xQuickView.show_atc_button" class="flex items-center justify-center"> 12922 12923 12924 <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span> 12925 12926 12927 </span> 12928 </button> 12929 <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);' 12930 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" 12931 aria-label="Button quickview" 12932 x-customer-event-data="{ 12933 "product": { 12934 "title": "Chinese Sweet Tea Herbal Tea 100g", 12935 "listName": "New Arrivals", 12936 "sku": "10467022504215", 12937 "currencyCode": "USD", 12938 "price": 2999, 12939 "vendor": "iTeaworld" 12940 } 12941 }" 12942 > 12943 <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;"> 12944 <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"/> 12945 <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 12946 </svg> 12947</span> 12948 </button> 12949 </div> 12950 </div> 12951 </div> 12952 12953 </a> 12954 12955 12956 <div class="md:list-layout:hidden"> 12957 <div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0"> 12958 <div class="no-collage:mb-2 text-center md:list-layout:text-left"> 12959 12960 <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"> 12961 <a href="/products/chinese-sweet-tea-herbal-tea" 12962 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" 12963 @click='$store.xCustomerEvent.fire("product_selected", $el)' 12964 x-customer-event-data="{ 12965 "product": { 12966 "title": "Chinese Sweet Tea Herbal Tea 100g", 12967 "listName": "New Arrivals", 12968 "sku": "10467022504215", 12969 "currencyCode": "USD", 12970 "price": 2999, 12971 "vendor": "iTeaworld" 12972 } 12973 }" 12974 > 12975 Chinese Sweet Tea Herbal Tea 100g 12976 </a> 12977 </h3> 12978 12979<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"> 12980 12981 12982 <div class=" price leading-none"> 12983 <div class=""> 12984 <div class="target-price hidden">2999</div> 12985 <div class="target-compare-at-price hidden"></div> 12986 12987<p class="price ">
12988 <span>$29.99 USD</span> 12989 </p><small class="text-[70%] hidden"> 12990 <span class="hidden">Unit price</span> 12991 <span class="up price-item price-item--last"> 12992 <span class="unit-price"> 12993 12994 </span> 12995 <span aria-hidden="true">/</span> 12996 <span class="hidden"> per </span> 12997 <span> 12998 </span> 12999 </span> 13000 </small> 13001 13002 </div> 13003 13004</div> 13005 13006 <div class="leading-none next-price empty:hidden"></div> 13007 </div> 13008 13009 <template x-if="localStorage.getItem('selectedStore')"> 13010 <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])"> 13011 <div 13012 x-data='{ 13013 storeAvailabilites: { 13014 13015 }, 13016 pickupLocation: [ 13017 13018 ] 13019 }' 13020 x-show="$store.xStoreSelector?.selectedStore && pickupLocation.includes($store.xStoreSelector?.getStore())" 13021> 13022 <style data-shopify> 13023 .text-available, .text-unavailable { 13024 font-size: 0.669375rem; 13025 font-family: var(--font-body-family); 13026 } 13027 13028 @media (min-width: 768px) { 13029 .text-available, .text-unavailable { 13030 font-size: 0.74375rem; 13031 } 13032 } 13033 13034 .text-available { 13035 color: #739047; 13036 } 13037 13038 .dark .text-available { 13039 color: #739047; 13040 } 13041 13042 .text-unavailable { 13043 color: #767474; 13044 } 13045 13046 .dark .text-unavailable { 13047 color: #867F7F; 13048 } 13049 </style> 13050 <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-available flex flex-row items-center gap-[3px]"> 13051 <span class="flex h-4 w-4 relative"> 13052<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 13053 <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/> 13054 <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/> 13055</svg> 13056 13057</span><span x-text="'Available for pickup at ' + $store.xStoreSelector?.getStoreText()"> </span> 13058 </div> 13059 <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]"> 13060 <span class="flex h-4 w-4 relative"> 13061<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 13062 <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/> 13063 <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/> 13064</svg> 13065 13066</span><span x-text="'Out of stock at ' + $store.xStoreSelector?.getStoreText()"> </span> 13067 </div> 13068</div> 13069 </div> 13070 </template> 13071 </div> 13072 </div> 13073 </div> 13074 13075 </div> 13076 <div 13077 id="x-product-template-10467022504215-template--27603645268247__featured_collection_RWA7fD-1-3" 13078 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" 13079 > 13080 13081 13082 13083 13084 <div @init-run="document.addEventListener('eurus:cart:items-changed', () => { 13085 Alpine.store('xUpdateVariantQuanity').updateQuantity('template--27603645268247__featured_collection_RWA7fD', '/products/chinese-sweet-tea-herbal-tea'); 13086 });"></div> 13087 <div 13088 id="current-variant-template--27603645268247__featured_collection_RWA7fD-10467022504215-collection_y8UqjF" 13089 class="current-variant hidden" 13090 > 13091 54598111002903 13092 </div> 13093 13094 13095 <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> 13096 13097 <div class="card-info x-highlight-icon mt-2.5"> 13098 <div 13099 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" 13100 x-data="{setPosition(el) { 13101 parentEl = el.closest('.x-highlight-icon').getBoundingClientRect(); 13102 el.style.setProperty('--maxwidth-tooltip', parentEl.width - 20 + 'px'); 13103 elRect = el.getBoundingClientRect(); 13104 let spacingLeft = elRect.left - parentEl.left; 13105 if (spacingLeft < 0) { 13106 el.style.setProperty('--left-tooltip', Math.abs(spacingLeft) + 'px'); 13107 } 13108 let spacingRight = parentEl.right - elRect.right; 13109 if (spacingRight < 0) { 13110 el.style.setProperty('--left-tooltip', spacingRight + 'px'); 13111 } 13112 }}" 13113 x-init="$el.innerHTML = $el.innerHTML.trim();" 13114> 13115 � 13116 � 13117 � 13118 �</div> 13119 </div> 13120 13121 13122 <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)" 13123 class="card-info bottom_atc md:list-layout:hidden hide-icon" 13124 :class="if($store.xQuickView.show_atc_button){ return ($store.xQuickView.btn_atc_bottom ? '' : 'hidden') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:hidden' : ' lg:block')}" 13125 x-cloak 13126 > 13127 13128<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"> 13129 13130 13131 <button 13132 type="submit" 13133 name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--27603645268247__featured_collection_RWA7fD-10467022504215-collection_y8UqjF" 13134 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" 13135 13136 13137 :class="errorMessage && 'opacity-60 cursor-not-allowed'"aria-label="Add to cart">
13138 <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}"> 13139 <span class="flex items-center justify-center"> 13140 13141 13142 13143 13144 <span class="button-text is-focus-button:opacity-0">Add to cart</span> 13145 13146 13147 13148 13149 </span></span> 13150 <div 13151 class="flex gap-x-2 items-center justify-center" 13152 role="alert" 13153 x-cloak 13154 x-show="errorMessage" 13155 > 13156 Sold out 13157 </div> 13158 <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> 13159 <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> 13160 <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" 13161 fill="currentcolor" stroke="none"> 13162 <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"/> 13163 </g> 13164 </svg> 13165 13166 </div> 13167 </button><input type="hidden" name="product-id" value="10467022504215" /><input type="hidden" name="section-id" value="template--27603645268247__featured_collection_RWA7fD" /></form> 13168 </div></template> 13169 13170 13171 <template x-if="$store.xQuickView"> 13172 <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 && ''"> 13173 13174<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"> 13175 13176 13177 <button 13178 type="submit" 13179 name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--27603645268247__featured_collection_RWA7fD-10467022504215-collection_y8UqjF" 13180 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" 13181 13182 13183 :class="errorMessage && 'opacity-60 cursor-not-allowed'" 13184 13185 aria-label="Add to cart" 13186 13187 > 13188 <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}"> 13189 <span class="flex items-center justify-center"> 13190 13191 13192 13193 13194 <span class="button-text is-focus-button:opacity-0">Add to cart</span> 13195 13196 13197 13198 13199 </span></span> 13200 <div 13201 class="flex gap-x-2 items-center justify-center" 13202 role="alert" 13203 x-cloak 13204 x-show="errorMessage" 13205 > 13206 Sold out 13207 </div> 13208 <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-[
13208calc(50%-10px)]" x-show="loading" x-cloak> 13209 <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> 13210 <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" 13211 fill="currentcolor" stroke="none"> 13212 <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"/> 13213 </g> 13214 </svg> 13215 13216 </div> 13217 </button> 13218 <button 13219 type="submit" 13220 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" 13221 13222 13223 data-id="template--27603645268247__featured_collection_RWA7fD-10467022504215-collection_y8UqjF" 13224 :class="errorMessage && 'opacity-60 cursor-not-allowed'"aria-label="Add to cart"x-customer-event-data="{ 13225 "product": { 13226 "title": "Chinese Sweet Tea Herbal Tea 100g", 13227 "listName": "New Arrivals", 13228 "sku": "10467022504215", 13229 "currencyCode": "USD", 13230 "price": 2999, 13231 "vendor": "iTeaworld" 13232 } 13233 }" 13234 > 13235 <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;"> 13236 <g> 13237 <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"/> 13238 <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"/> 13239 <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"/> 13240 <path d="M1.44977 1.35001H3.34977" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 13241 </g> 13242 </svg></span> 13243 <span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak> 13244 <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> 13245 <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" 13246 fill="currentcolor" stroke="none"> 13247 <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"/> 13248 </g> 13249 </svg> 13250 13251 </span> 13252 </button><input type="hidden" name="product-id" value="10467022504215" /><input type="hidden" name="section-id" value="template--27603645268247__featured_collection_RWA7fD" /></form> 13253 </div><button 13254 x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/products/chinese-sweet-tea-herbal-tea', $el, 'template--27603645268247__featured_collection_RWA7fD-10467022504215-collection_y8UqjF')" 13255 x-on:focus="$store.xQuickView && $store.xQuickView.load('/products/chinese-sweet-tea-herbal-tea', $el, 'template--27603645268247__featured_collection_RWA7fD-10467022504215-collection_y8UqjF')" 13256 @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 13257 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" 13258 aria-label="Button quickview" 13259 x-customer-event-data="{ 13260 "product": { 13261 "title": "Chinese Sweet Tea Herbal Tea 100g", 13262 "listName": "New Arrivals", 13263 "sku": "10467022504215", 13264 "currencyCode": "USD", 13265 "price": 2999, 13266 "vendor": "iTeaworld" 13267 } 13268 }" 13269 x-show="$store.xQuickView.enabled" 13270 >
13271 <span class="flex justify-center items-center"> 13272 13273 13274 <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span> 13275 13276 13277 </span> 13278 </button> 13279 </div> 13280 </template> 13281 13282 </div> 13283</div> 13284<style data-shopify> 13285 .x-slide-animation-duration-4 { 13286 --delay-time: 300ms 13287 } 13288 </style> 13289 13290 13291 13292<div 13293 13294 x-data="xProductCard('template--27603645268247__featured_collection_RWA7fD-1-4', '/products/gardenia-oolong-tea', '10466938519831')" 13295 13296 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]" 13297 x-slide-index="3" 13298> 13299 <div class="md:list-layout:w-2/5 md:list-layout:lg:w-1/4 relative disable-effect md:list-layout:pr-8" 13300 > 13301 <style data-shopify> 13302 13303 </style> 13304 13305 <style data-shopify> 13306 13307 </style> 13308 <a 13309 13310 x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active', 'lazy_active')" 13311 13312 href="/products/gardenia-oolong-tea" 13313 13314 x-data="{ lastWindowWidth: 0 }" 13315 x-intersect.once.margin.200px='$nextTick(() => { $store.xBadges && $store.xBadges.load($el, () => {}, null, true); })' 13316 x-labels-data="[ 13317 13318{ 13319 "variant_id": 54597766709527, 13320 "product_id": 10466938519831, 13321 "available": true, 13322 "title": "Premium Gardenia Oolong (Tieguanyin) - Triple-Scented | 100g", 13323 "compare_at_price": 0, 13324 "price": 2999, 13325 "price_with_currency": "$29.99 USD", 13326 "sale_amount": "$-29.99", 13327 "collections": "||532285358359||511975915799||529991958807||493393674519||449406664983||531296977175||483191390487||525935542551||498760843543||", 13328 "inventory_management": "shopify", 13329 "qty": 6, 13330 "container": "card", 13331 "can_show_preorder": false, 13332 "diff_day_create": 52.06, 13333 "diff_day_publish": 48.31 13334 13335 ,"metafield_label": { 13336 "custom.flavors":"" 13337 } 13338 13339 } 13340 ]" 13341 13342 aria-label="Premium Gardenia Oolong (Tieguanyin) - Triple-Scented | 100g" 13343 id="10466938519831-template--27603645268247__featured_collection_RWA7fD" 13344 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%]"> 13345 <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"> 13346 <div
13347 id="x-slideshow-card-product-template--27603645268247__featured_collection_RWA7fD-1-4-3" 13348 class="block h-full" 13349 @click='$store.xCustomerEvent.fire("product_selected", $el)' 13350 x-customer-event-data="{ 13351 "product": { 13352 "title": "Premium Gardenia Oolong (Tieguanyin) - Triple-Scented | 100g", 13353 "listName": "New Arrivals", 13354 "sku": "10466938519831", 13355 "currencyCode": "USD", 13356 "price": 2999, 13357 "vendor": "iTeaworld" 13358 } 13359 }" 13360 ><div 13361 class="absolute inset-0 z-10 pointer-events-auto dbtap-overlay" 13362 @touchstart="onTouchStart($event)" 13363 @touchend.prevent="onTouchEnd($el.closest('.x-splide'))" 13364 @touchmove="onTouchMove($event)" 13365 ></div> 13366<div class="w-full z-0 h-full min-h-full top-0 left-0 absolute" 13367 > 13368 13369 <picture> 13370 <img 13371 srcset=" 13372 //iteaworld.com/cdn/shop/files/iTeaworldGardeniaOolong_Tieguanyin_Tea_1.webp?v=1785997084&width=250 250w, 13373 //iteaworld.com/cdn/shop/files/iTeaworldGardeniaOolong_Tieguanyin_Tea_1.webp?v=1785997084&width=350 350w, 13374 //iteaworld.com/cdn/shop/files/iTeaworldGardeniaOolong_Tieguanyin_Tea_1.webp?v=1785997084&width=450 450w, 13375 //iteaworld.com/cdn/shop/files/iTeaworldGardeniaOolong_Tieguanyin_Tea_1.webp?v=1785997084&width=750 750w, 13376 //iteaworld.com/cdn/shop/files/iTeaworldGardeniaOolong_Tieguanyin_Tea_1.webp?v=1785997084&width=900 900w, 13377 //iteaworld.com/cdn/shop/files/iTeaworldGardeniaOolong_Tieguanyin_Tea_1.webp?v=1785997084&width=1100 1100w, 13378 //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" 13379 src="//iteaworld.com/cdn/shop/files/iTeaworldGardeniaOolong_Tieguanyin_Tea_1.webp?v=1785997084&width=1500" 13380 sizes="(min-width: 1400px) calc(100vw / 4), (min-width: 1024px) calc((100vw) / 4), (min-width: 768px) calc((100vw) / 2), calc(100vw /2)" 13381 alt="Premium Gardenia Oolong (Tieguanyin) - Triple-Scented | 100g" 13382 :class="showSecond ? 'first-img' : ''" 13383 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" 13384 loading="lazy" 13385 width="1600" 13386 height="1600" 13387 onload="this?.classList.add('active');this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image'); 13388 setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);" 13389 /> 13390 </picture> 13391 13392 </div><div class="w-full h-full top-0 left-0 absolute lg:block"> 13393 13394 <picture> 13395 <img 13396 srcset="//iteaworld.com/cdn/shop/files/iTeaworldGardeniaOolong_Tieguanyin_Tea_5.webp?v=1785997084&width=250 250w, 13397 //iteaworld.com/cdn/shop/files/iTeaworldGardeniaOolong_Tieguanyin_Tea_5.webp?v=1785997084&width=350 350w, 13398 //iteaworld.com/cdn/shop/files/iTeaworldGardeniaOolong_Tieguanyin_Tea_5.webp?v=1785997084&width=450 450w, 13399 //iteaworld.com/cdn/shop/files/iTeaworldGardeniaOolong_Tieguanyin_Tea_5.webp?v=1785997084&width=750 750w, 13400 //iteaworld.com/cdn/shop/files/iTeaworldGardeniaOolong_Tieguanyin_Tea_5.webp?v=1785997084&width=900 900w, 13401 //iteaworld.com/cdn/shop/files/iTeaworldGardeniaOolong_Tieguanyin_Tea_5.webp?v=1785997084&width=1100 1100w, 13402 //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" 13403 src="//iteaworld.com/cdn/shop/files/iTeaworldGardeniaOolong_Tieguanyin_Tea_5.webp?v=1785997084&width=1500" 13404 sizes="(min-width: 1400px) calc(100vw / 4), (min-width: 1024px) calc((100vw) / 4), (min-width: 768px) calc((100vw) / 2), calc(100vw /2)" 13405 alt="Premium Gardenia Oolong (Tieguanyin) - Triple-Scented | 100g" 13406 :class="showSecond ? 'second-img' : ''" 13407 class="motion-reduce min-w-full h-full object-cover group-hover:cursor-pointer image-second-hover opacity-0 lg:group-hover:opacity-100" 13408 loading="lazy" 13409 width="1600" 13410 height="1600" 13411 onload="this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image'); 13412 setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);" 13413 /> 13414 </picture> 13415 13416 </div></div> 13417 </div> 13418 <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" 13419 x-show="$store.xQuickView" x-cloak 13420 > 13421 <div x-data="xProductCart" x-show="$store.xQuickView && $store.xQuickView.show_atc_button" 13422 class="w-full hide-icon lg:px-4"
13423 :class="if($store.xQuickView){ return ($store.xQuickView.btn_atc_bottom ? 'hidden' : '') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:block' : ' lg:hidden') }" 13424 x-cloak 13425 > 13426 13427<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"> 13428 13429 13430 <button 13431 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" 13432 13433 type="submit" 13434 name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--27603645268247__featured_collection_RWA7fD-10466938519831-collection_y8UqjF" 13435 13436 13437 :class="errorMessage && 'opacity-60 cursor-not-allowed'"aria-label="Add to cart" 13438 > 13439 <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}"> 13440 13441 13442 <span class="flex items-center justify-center"> 13443 13444 13445 13446 13447 <span class="button-text is-focus-button:opacity-0">Add to cart</span> 13448 13449 13450 13451 13452 </span> 13453 </span> 13454 <div 13455 class="flex gap-x-2 items-center justify-center" 13456 role="alert" 13457 x-cloak 13458 x-show="errorMessage" 13459 > 13460 Sold out 13461 </div> 13462 <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> 13463 <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> 13464 <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" 13465 fill="currentcolor" stroke="none"> 13466 <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"/> 13467 </g> 13468 </svg> 13469 13470 </div> 13471 </button> 13472 <button 13473 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" 13474 13475 type="submit" 13476 name="add"@click.prevent="errorMessage == false && addToCart($event)" 13477 13478 data-id="template--27603645268247__featured_collection_RWA7fD-10466938519831-collection_y8UqjF" 13479 :class="errorMessage && 'opacity-60 cursor-not-allowed'"aria-label="Add to cart"x-customer-event-data="{ 13480 "product": { 13481 "title": "Premium Gardenia Oolong (Tieguanyin) - Triple-Scented | 100g", 13482 "listName": "New Arrivals", 13483 "sku": "10466938519831", 13484 "currencyCode": "USD", 13485 "price": 2999, 13486 "vendor": "iTeaworld" 13487 } 13488 }" 13489 13490 >
13491 <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;"> 13492 <g> 13493 <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"/> 13494 <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"/> 13495 <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"/> 13496 <path d="M1.44977 1.35001H3.34977" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 13497 </g> 13498 </svg></span> 13499 <span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak> 13500 <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> 13501 <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" 13502 fill="currentcolor" stroke="none"> 13503 <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"/> 13504 </g> 13505 </svg> 13506 13507 </span> 13508 </button><input type="hidden" name="product-id" value="10466938519831" /><input type="hidden" name="section-id" value="template--27603645268247__featured_collection_RWA7fD" /></form> 13509 </div> 13510 </div><div 13511 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" 13512 :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'" 13513 x-show="$store.xQuickView && $store.xQuickView.enabled" x-cloak 13514 > 13515 <div> 13516 <button 13517 @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 13518 x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/products/gardenia-oolong-tea', $el, 'template--27603645268247__featured_collection_RWA7fD-10466938519831-collection_y8UqjF')" 13519 x-on:focus="$store.xQuickView && $store.xQuickView.load('/products/gardenia-oolong-tea', $el, 'template--27603645268247__featured_collection_RWA7fD-10466938519831-collection_y8UqjF')" 13520 class="button label-btn-quickview button--quickview not-icon leading-normal empty:hidden hidden lg:block z-50 h-full" 13521 :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'" 13522 x-customer-event-data="{ 13523 "product": { 13524 "title": "Premium Gardenia Oolong (Tieguanyin) - Triple-Scented | 100g", 13525 "listName": "New Arrivals", 13526 "sku": "10466938519831", 13527 "currencyCode": "USD", 13528 "price": 2999, 13529 "vendor": "iTeaworld" 13530 } 13531 }" 13532 aria-label="Button quickview" 13533 >
13534 <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;"> 13535 <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"/> 13536 <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 13537 </svg> 13538</span> 13539 <span x-show="$store.xQuickView && !$store.xQuickView.show_atc_button" class="flex items-center justify-center"> 13540 13541 13542 <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span> 13543 13544 13545 </span> 13546 </button> 13547 <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);' 13548 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" 13549 aria-label="Button quickview" 13550 x-customer-event-data="{ 13551 "product": { 13552 "title": "Premium Gardenia Oolong (Tieguanyin) - Triple-Scented | 100g", 13553 "listName": "New Arrivals", 13554 "sku": "10466938519831", 13555 "currencyCode": "USD", 13556 "price": 2999, 13557 "vendor": "iTeaworld" 13558 } 13559 }" 13560 > 13561 <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;"> 13562 <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"/> 13563 <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 13564 </svg> 13565</span> 13566 </button> 13567 </div> 13568 </div> 13569 </div> 13570 13571 </a> 13572 13573 13574 <div class="md:list-layout:hidden"> 13575 <div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0"> 13576 <div class="no-collage:mb-2 text-center md:list-layout:text-left"> 13577 13578 <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"> 13579 <a href="/products/gardenia-oolong-tea" 13580 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" 13581 @click='$store.xCustomerEvent.fire("product_selected", $el)' 13582 x-customer-event-data="{ 13583 "product": { 13584 "title": "Premium Gardenia Oolong (Tieguanyin) - Triple-Scented | 100g", 13585 "listName": "New Arrivals", 13586 "sku": "10466938519831", 13587 "currencyCode": "USD", 13588 "price": 2999, 13589 "vendor": "iTeaworld" 13590 } 13591 }" 13592 > 13593 Premium Gardenia Oolong (Tieguanyin) - Triple-Scented | 100g 13594 </a> 13595 </h3> 13596 13597<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"> 13598 13599 13600 <div class=" price leading-none"> 13601 <div class=""> 13602 <div class="target-price hidden">2999</div> 13603 <div class="target-compare-at-price hidden"></div> 13604 13605<p class="price ">
13606 <span>$29.99 USD</span> 13607 </p><small class="text-[70%] hidden"> 13608 <span class="hidden">Unit price</span> 13609 <span class="up price-item price-item--last"> 13610 <span class="unit-price"> 13611 13612 </span> 13613 <span aria-hidden="true">/</span> 13614 <span class="hidden"> per </span> 13615 <span> 13616 </span> 13617 </span> 13618 </small> 13619 13620 </div> 13621 13622</div> 13623 13624 <div class="leading-none next-price empty:hidden"></div> 13625 </div> 13626 13627 <template x-if="localStorage.getItem('selectedStore')"> 13628 <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])"> 13629 <div 13630 x-data='{ 13631 storeAvailabilites: { 13632 13633 }, 13634 pickupLocation: [ 13635 13636 ] 13637 }' 13638 x-show="$store.xStoreSelector?.selectedStore && pickupLocation.includes($store.xStoreSelector?.getStore())" 13639> 13640 <style data-shopify> 13641 .text-available, .text-unavailable { 13642 font-size: 0.669375rem; 13643 font-family: var(--font-body-family); 13644 } 13645 13646 @media (min-width: 768px) { 13647 .text-available, .text-unavailable { 13648 font-size: 0.74375rem; 13649 } 13650 } 13651 13652 .text-available { 13653 color: #739047; 13654 } 13655 13656 .dark .text-available { 13657 color: #739047; 13658 } 13659 13660 .text-unavailable { 13661 color: #767474; 13662 } 13663 13664 .dark .text-unavailable { 13665 color: #867F7F; 13666 } 13667 </style> 13668 <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-available flex flex-row items-center gap-[3px]"> 13669 <span class="flex h-4 w-4 relative"> 13670<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 13671 <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/> 13672 <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/> 13673</svg> 13674 13675</span><span x-text="'Available for pickup at ' + $store.xStoreSelector?.getStoreText()"> </span> 13676 </div> 13677 <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]"> 13678 <span class="flex h-4 w-4 relative"> 13679<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 13680 <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/> 13681 <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/> 13682</svg> 13683 13684</span><span x-text="'Out of stock at ' + $store.xStoreSelector?.getStoreText()"> </span> 13685 </div> 13686</div> 13687 </div> 13688 </template> 13689 </div> 13690 </div> 13691 </div> 13692 13693 </div> 13694 <div 13695 id="x-product-template-10466938519831-template--27603645268247__featured_collection_RWA7fD-1-4" 13696 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" 13697 > 13698 13699 13700 13701 13702 <div @init-run="document.addEventListener('eurus:cart:items-changed', () => { 13703 Alpine.store('xUpdateVariantQuanity').updateQuantity('template--27603645268247__featured_collection_RWA7fD', '/products/gardenia-oolong-tea'); 13704 });"></div> 13705 <div 13706 id="current-variant-template--27603645268247__featured_collection_RWA7fD-10466938519831-collection_y8UqjF" 13707 class="current-variant hidden" 13708 > 13709 54597766709527 13710 </div> 13711 13712 13713 <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> 13714 13715 <div class="card-info x-highlight-icon mt-2.5"> 13716 <div 13717 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" 13718 x-data="{setPosition(el) { 13719 parentEl = el.closest('.x-highlight-icon').getBoundingClientRect(); 13720 el.style.setProperty('--maxwidth-tooltip', parentEl.width - 20 + 'px'); 13721 elRect = el.getBoundingClientRect(); 13722 let spacingLeft = elRect.left - parentEl.left; 13723 if (spacingLeft < 0) { 13724 el.style.setProperty('--left-tooltip', Math.abs(spacingLeft) + 'px'); 13725 } 13726 let spacingRight = parentEl.right - elRect.right; 13727 if (spacingRight < 0) { 13728 el.style.setProperty('--left-tooltip', spacingRight + 'px'); 13729 } 13730 }}" 13731 x-init="$el.innerHTML = $el.innerHTML.trim();" 13732> 13733 � 13734 � 13735 � 13736 �</div> 13737 </div> 13738 13739 13740 <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)" 13741 class="card-info bottom_atc md:list-layout:hidden hide-icon" 13742 :class="if($store.xQuickView.show_atc_button){ return ($store.xQuickView.btn_atc_bottom ? '' : 'hidden') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:hidden' : ' lg:block')}" 13743 x-cloak 13744 > 13745 13746<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"> 13747 13748 13749 <button 13750 type="submit" 13751 name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--27603645268247__featured_collection_RWA7fD-10466938519831-collection_y8UqjF" 13752 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" 13753 13754 13755 :class="errorMessage && 'opacity-60 cursor-not-allowed'"aria-label="Add to cart">
13756 <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}"> 13757 <span class="flex items-center justify-center"> 13758 13759 13760 13761 13762 <span class="button-text is-focus-button:opacity-0">Add to cart</span> 13763 13764 13765 13766 13767 </span></span> 13768 <div 13769 class="flex gap-x-2 items-center justify-center" 13770 role="alert" 13771 x-cloak 13772 x-show="errorMessage" 13773 > 13774 Sold out 13775 </div> 13776 <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> 13777 <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> 13778 <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" 13779 fill="currentcolor" stroke="none"> 13780 <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"/> 13781 </g> 13782 </svg> 13783 13784 </div> 13785 </button><input type="hidden" name="product-id" value="10466938519831" /><input type="hidden" name="section-id" value="template--27603645268247__featured_collection_RWA7fD" /></form> 13786 </div></template> 13787 13788 13789 <template x-if="$store.xQuickView"> 13790 <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 && ''"> 13791 13792<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"> 13793 13794 13795 <button 13796 type="submit" 13797 name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--27603645268247__featured_collection_RWA7fD-10466938519831-collection_y8UqjF" 13798 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" 13799 13800 13801 :class="errorMessage && 'opacity-60 cursor-not-allowed'" 13802 13803 aria-label="Add to cart" 13804 13805 > 13806 <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}"> 13807 <span class="flex items-center justify-center"> 13808 13809 13810 13811 13812 <span class="button-text is-focus-button:opacity-0">Add to cart</span> 13813 13814 13815 13816 13817 </span></span> 13818 <div 13819 class="flex gap-x-2 items-center justify-center" 13820 role="alert" 13821 x-cloak 13822 x-show="errorMessage" 13823 > 13824 Sold out 13825 </div> 13826 <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-[
13826calc(50%-10px)]" x-show="loading" x-cloak> 13827 <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> 13828 <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" 13829 fill="currentcolor" stroke="none"> 13830 <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"/> 13831 </g> 13832 </svg> 13833 13834 </div> 13835 </button> 13836 <button 13837 type="submit" 13838 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" 13839 13840 13841 data-id="template--27603645268247__featured_collection_RWA7fD-10466938519831-collection_y8UqjF" 13842 :class="errorMessage && 'opacity-60 cursor-not-allowed'"aria-label="Add to cart"x-customer-event-data="{ 13843 "product": { 13844 "title": "Premium Gardenia Oolong (Tieguanyin) - Triple-Scented | 100g", 13845 "listName": "New Arrivals", 13846 "sku": "10466938519831", 13847 "currencyCode": "USD", 13848 "price": 2999, 13849 "vendor": "iTeaworld" 13850 } 13851 }" 13852 > 13853 <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;"> 13854 <g> 13855 <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"/> 13856 <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"/> 13857 <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"/> 13858 <path d="M1.44977 1.35001H3.34977" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 13859 </g> 13860 </svg></span> 13861 <span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak> 13862 <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> 13863 <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" 13864 fill="currentcolor" stroke="none"> 13865 <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"/> 13866 </g> 13867 </svg> 13868 13869 </span> 13870 </button><input type="hidden" name="product-id" value="10466938519831" /><input type="hidden" name="section-id" value="template--27603645268247__featured_collection_RWA7fD" /></form> 13871 </div><button 13872 x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/products/gardenia-oolong-tea', $el, 'template--27603645268247__featured_collection_RWA7fD-10466938519831-collection_y8UqjF')" 13873 x-on:focus="$store.xQuickView && $store.xQuickView.load('/products/gardenia-oolong-tea', $el, 'template--27603645268247__featured_collection_RWA7fD-10466938519831-collection_y8UqjF')" 13874 @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 13875 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" 13876 aria-label="Button quickview" 13877 x-customer-event-data="{ 13878 "product": { 13879 "title": "Premium Gardenia Oolong (Tieguanyin) - Triple-Scented | 100g", 13880 "listName": "New Arrivals", 13881 "sku": "10466938519831", 13882 "currencyCode": "USD", 13883 "price": 2999, 13884 "vendor": "iTeaworld" 13885 } 13886 }" 13887 x-show="$store.xQuickView.enabled" 13888 >
13889 <span class="flex justify-center items-center"> 13890 13891 13892 <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span> 13893 13894 13895 </span> 13896 </button> 13897 </div> 13898 </template> 13899 13900 </div> 13901</div> 13902</div> 13903 </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"> 13904 <div class="splide-progress inline-block grow rounded-md"> 13905 <style data-shopify>.splide-progress-bar-template--27603645268247__featured_collection_RWA7fD-collection_y8UqjF { 13906 width: 50.0%; 13907 } 13908 @media (min-width: 768px) { 13909 .splide-progress-bar-template--27603645268247__featured_collection_RWA7fD-collection_y8UqjF { 13910 width: 100.0%; 13911 } 13912 }</style><div class="splide-progress-bar-template--27603645268247__featured_collection_RWA7fD-collection_y8UqjF splide-progress-bar rounded-md"></div> 13913 </div> 13914 </div></div> 13915 </div> 13916 </div> 13917 </div> 13918 </div> 13919 </div> 13920</div>
13921<script src="//iteaworld.com/cdn/shop/t/51/assets/preview-color-swatches.js?v=144173175652728470521782181913" defer></script>
13921 13922</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"> 13923 13924 <a 13925 x-cloak 13926 x-show="view_all_link" 13927 class="nav-link font-medium effect-inline relative flex items-center hover-text-link empty:hidden cursor-pointer gap-1" 13928 :href="view_all_link" 13929 :class="'opacity-70 hover:cursor-not-allowed' && view_all_link" 13930 > 13931 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;"> 13932 <g> 13933 <path d="M4.5 0.642578L7.5 4.49972L4.5 8.35686" stroke="currentcolor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/> 13934 <path d="M0.5 0.642578L3.5 4.49972L0.5 8.35686" stroke="currentcolor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/> 13935 </g> 13936 </svg> 13937</span> 13938 </a> 13939 13940 </div></div>
13941<script src="//iteaworld.com/cdn/shop/t/51/assets/featured-collection.js?v=166203110154732063391782181913" defer></script>
13941 13942 13943 13944</section><section id="shopify-section-template--27603645268247__featured_collection_p7xGPi" class="shopify-section section section-featured-collection x-section"> 13945<style data-shopify>.heading-template--27603645268247__featured_collection_p7xGPi { 13946 font-size: 1.485rem; 13947 } 13948 #shopify-section-template--27603645268247__featured_collection_p7xGPi .collection-title .h4 { 13949 font-size: 0.875rem; 13950 } 13951 @media (min-width: 768px) { 13952 .heading-template--27603645268247__featured_collection_p7xGPi { 13953 font-size: 2.475rem; 13954 } 13955 #shopify-section-template--27603645268247__featured_collection_p7xGPi .collection-title .h4 { 13956 font-size: 0.84rem; 13957 } 13958 } 13959 @media (min-width: 1024px) { 13960 #shopify-section-template--27603645268247__featured_collection_p7xGPi .collection-title .h4 { 13961 font-size: 1.05rem; 13962 } 13963 } 13964 .collection-title .label-template--27603645268247__featured_collection_p7xGPi { 13965 13966 13967 background: transparent; 13968 13969 13970 13971 color: rgb(var(--colors-heading)); 13972 13973 } 13974 .collection-title .label-template--27603645268247__featured_collection_p7xGPi.active, .collection-title .label-template--27603645268247__featured_collection_p7xGPi.active:hover { 13975 13976 13977 background: rgba(115, 144, 71, 0.1); 13978 13979 13980 13981 color: rgb(var(--colors-heading)); 13982 13983 } 13984 .collection-title .label-template--27603645268247__featured_collection_p7xGPi:hover { 13985 13986 13987 background: rgba(115, 144, 71, 0.1); 13988 13989 13990 13991 color: rgb(var(--colors-heading)); 13992 13993 } 13994 .dark .collection-title .label-template--27603645268247__featured_collection_p7xGPi { 13995 13996 13997 background: transparent; 13998 13999 14000 14001 color: rgb(var(--colors-heading)); 14002 14003 } 14004 .dark .collection-title .label-template--27603645268247__featured_collection_p7xGPi.active, .dark .collection-title .label-template--27603645268247__featured_collection_p7xGPi.active:hover { 14005 14006 14007 background: rgba(2, 2, 2, 0.1); 14008 14009 14010 14011 color: rgb(var(--colors-heading)); 14012 14013 } 14014 .dark .collection-title .label-template--27603645268247__featured_collection_p7xGPi:hover { 14015 14016 14017 background: rgba(2, 2, 2, 0.1); 14018 14019 14020 14021 color: rgb(var(--colors-heading)); 14022 14023 }</style> 14024 14025<div 14026 class="x-container-featured-collection pt-[28px] md:pt-[28px] pb-[28px] md:pb-[28px]" 14027 x-data="{ 14028 view_all_link: '/collections/best-seller', 14029 setViewAllLink(url) { 14030 this.view_all_link = url; 14031 } 14032 }" 14033> 14034 <div class="collection_wrapper"><style data-shopify> 14035.collection-title-container.scrollbar-body::-webkit-scrollbar{ 14036 width: 1px; 14037 height: 2px; 14038} 14039</style> 14040 14041<div class="mb-4 md:mb-2 relative"> 14042 <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)'> 14043 <div class="x-block-header pl-5 pr-5 flex flex-col items-center x-pgw page-width" 14044 ><div class="mb-5 flex-auto lg:mb-2 text-center rtl:text-center"> 14045 14046 14047 14048<style data-shopify> 14049 .heading-template--27603645268247__featured_collection_p7xGPi { 14050 14051 } 14052 .dark .heading-template--27603645268247__featured_collection_p7xGPi { 14053 14054 --color-highlight: #020202; 14055 14056 } 14057</style> 14058 14059 14060 14061 14062 14063 14064 <h2 14065 class='heading-template--27603645268247__featured_collection_p7xGPi h2 block leading-tight p-break-words'> 14066 14067 14068 14069 Best Seller 14070 14071 14072 </h2> 14073 14074 14075 14076 14077 </div> 14078 14079 14080 </div><div class=" x-pgw page-width mx-auto x-pgw page-width-mobile" x-show="loading"> 14081 14082 </div> 14083 14084 <div> 14085 14086 14087 14088 </div> 14089 <div class="animate-fade-in relative md:mt-4 lg:mt-8" 14090 id="x-fc-template--27603645268247__featured_collection_p7xGPi-1" 14091 14092 > 14093 <style data-shopify> 14094 14095 @media (max-width: 767px) { 14096 .preload-slide-mobile--collection_TLnHCxtemplate--27603645268247__featured_collection_p7xGPi { 14097 margin-right: 16px; 14098 14099 width: calc(((100% + 16px) / 2) - 16px); 14100 } 14101 } 14102 14103 14104 14105 </style> 14106 <div 14107 class=" carousel-mobile x-pgw page-width mx-auto pl-5 pr-5" 14108 x-intersect.once.margin.-200px='$store.xCustomerEvent.fire("list_product_viewed", $el, {list: { title: `Best Seller`, id: "collection" }}
14108)' 14109 ><div ><div 14110 id="x-collection-collection_TLnHCx" 14111 class="collection overflow-hidden x-splide visible splide" 14112 x-data-slider="template--27603645268247__featured_collection_p7xGPi" 14113 x-intersect.once.margin.200px='$store.xSplide.load($el, { 14114 "speed": 1000, 14115 "pagination": false, 14116 "mediaQuery": "min", 14117 "updateOnMove": "true", 14118 "pauseOnHover": true, 14119 "pauseOnFocus": false, 14120 "progressBar": 4, 14121 14122 14123 "breakpoints": { 14124 300: {"gap": "16px", 14125 "perPage": 2, 14126 "perMove": 2 14127 }, 14128 768: { 14129 "drag": true, 14130 "destroy": true, 14131 "gap": "28px", 14132 "perPage": 4, 14133 "perMove": 4 14134 14135 }, 14136 1024: { 14137 "perPage": 4, 14138 "perMove": 4 14139 } 14140 }, 14141 "classes": { 14142 "arrows" : "block" 14143 }, 14144 "events": [ 14145 { 14146 "event": "ready", 14147 "callback": () => { 14148 document.dispatchEvent(new CustomEvent("eurus:template--27603645268247__featured_collection_p7xGPi:splide-ready")); 14149 } 14150 } 14151 ] 14152 })'x-intersect.once='$el.classList.add("is-ready-to-animate")' 14153 > 14154 <style data-shopify> 14155 .gap-mobile-collection_TLnHCx-template--27603645268247__featured_collection_p7xGPi { 14156 gap: 16px; 14157 } 14158 @media (min-width: 768px) { 14159 .gap-collection_TLnHCx-template--27603645268247__featured_collection_p7xGPi { 14160 14161 gap: 28px; 14162 14163 } 14164 } 14165 </style> 14166 14167 <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"> 14168 <button 14169 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" 14170 aria-label="previous slide" 14171 > 14172 <svg style="fill: none" width="100%" height="100%" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg"> 14173 14174 <path d="M72.0001 95L27 49.9999L72.0001 5" stroke="currentColor" stroke-width="6.5" stroke-linecap="round" stroke-linejoin="round"/> 14175 14176 </svg> 14177 14178 </button> 14179 <button 14180 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" 14181 aria-label="next slide" 14182 > 14183 <svg style="fill: none" width="100%" height="100%" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg"> 14184 14185 <path d="M26.9999 5L72 50.0001L26.9999 95" stroke="currentColor" stroke-width="6.5" stroke-linecap="round" stroke-linejoin="round"/> 14186 14187 </svg> 14188 14189 </button> 14190 </div> 14191 14192 <div class="splide__track lg:pl-0 lg:pr-0"> 14193 <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> 14194 .x-slide-animation-duration-1 { 14195 --delay-time: 0ms 14196 } 14197 </style> 14198 14199 14200 14201<div 14202
14203 x-data="xProductCard('template--27603645268247__featured_collection_p7xGPi-1-1', '/products/6-jasmine-tea-sampler-freshly-scented-with-2025-blossoms', '10051060793623')" 14204 14205 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]" 14206 x-slide-index="0" 14207> 14208 <div class="md:list-layout:w-2/5 md:list-layout:lg:w-1/4 relative disable-effect md:list-layout:pr-8" 14209 > 14210 <style data-shopify> 14211 14212 </style> 14213 14214 <style data-shopify> 14215 14216 </style> 14217 <a 14218 14219 x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active', 'lazy_active')" 14220 14221 href="/products/6-jasmine-tea-sampler-freshly-scented-with-2025-blossoms" 14222 14223 x-data="{ lastWindowWidth: 0 }" 14224 x-intersect.once.margin.200px='$nextTick(() => { $store.xBadges && $store.xBadges.load($el, () => {}, null, true); })' 14225 x-labels-data="[ 14226 14227{ 14228 "variant_id": 55304906080535, 14229 "product_id": 10051060793623, 14230 "available": true, 14231 "title": "Chinese Jasmine Tea Flavor Collection 90g", 14232 "compare_at_price": 0, 14233 "price": 1999, 14234 "price_with_currency": "$19.99 USD", 14235 "sale_amount": "$-19.99", 14236 "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||", 14237 "inventory_management": "shopify", 14238 "qty": 44, 14239 "container": "card", 14240 "can_show_preorder": false, 14241 "diff_day_create": 366.09, 14242 "diff_day_publish": 361.03 14243 14244 ,"metafield_label": { 14245 "custom.flavors":"" 14246 } 14247 14248 } 14249 ]" 14250 14251 aria-label="Chinese Jasmine Tea Flavor Collection 90g" 14252 id="10051060793623-template--27603645268247__featured_collection_p7xGPi" 14253 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%]"> 14254 <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"> 14255 <div
14256 id="x-slideshow-card-product-template--27603645268247__featured_collection_p7xGPi-1-1-0" 14257 class="block h-full" 14258 @click='$store.xCustomerEvent.fire("product_selected", $el)' 14259 x-customer-event-data="{ 14260 "product": { 14261 "title": "Chinese Jasmine Tea Flavor Collection 90g", 14262 "listName": "Best Seller", 14263 "sku": "10051060793623", 14264 "currencyCode": "USD", 14265 "price": 1999, 14266 "vendor": "iTeaworld" 14267 } 14268 }" 14269 ><div 14270 class="absolute inset-0 z-10 pointer-events-auto dbtap-overlay" 14271 @touchstart="onTouchStart($event)" 14272 @touchend.prevent="onTouchEnd($el.closest('.x-splide'))" 14273 @touchmove="onTouchMove($event)" 14274 ></div> 14275<div class="w-full z-0 h-full min-h-full top-0 left-0 absolute" 14276 > 14277 14278 <picture> 14279 <img 14280 srcset=" 14281 //iteaworld.com/cdn/shop/files/01_14_8dff11a5-d0f4-488a-9070-35af06ed32c6.webp?v=1770813722&width=250 250w, 14282 //iteaworld.com/cdn/shop/files/01_14_8dff11a5-d0f4-488a-9070-35af06ed32c6.webp?v=1770813722&width=350 350w, 14283 //iteaworld.com/cdn/shop/files/01_14_8dff11a5-d0f4-488a-9070-35af06ed32c6.webp?v=1770813722&width=450 450w, 14284 //iteaworld.com/cdn/shop/files/01_14_8dff11a5-d0f4-488a-9070-35af06ed32c6.webp?v=1770813722&width=750 750w, 14285 //iteaworld.com/cdn/shop/files/01_14_8dff11a5-d0f4-488a-9070-35af06ed32c6.webp?v=1770813722&width=900 900w, 14286 //iteaworld.com/cdn/shop/files/01_14_8dff11a5-d0f4-488a-9070-35af06ed32c6.webp?v=1770813722&width=1100 1100w, 14287 //iteaworld.com/cdn/shop/files/01_14_8dff11a5-d0f4-488a-9070-35af06ed32c6.webp?v=1770813722&width=1500 1500w,//iteaworld.com/cdn/shop/files/01_14_8dff11a5-d0f4-488a-9070-35af06ed32c6.webp?v=1770813722
142871600w" 14288 src="//iteaworld.com/cdn/shop/files/01_14_8dff11a5-d0f4-488a-9070-35af06ed32c6.webp?v=1770813722&width=1500" 14289 sizes="(min-width: 1400px) calc(100vw / 4), (min-width: 1024px) calc((100vw) / 4), (min-width: 768px) calc((100vw) / 2), calc(100vw /2)" 14290 alt="Chinese Jasmine Tea Flavor Collection 90g" 14291 :class="showSecond ? 'first-img' : ''" 14292 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" 14293 loading="lazy" 14294 width="1600" 14295 height="1600" 14296 onload="this?.classList.add('active');this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image'); 14297 setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);" 14298 /> 14299 </picture> 14300 14301 </div><div class="w-full h-full top-0 left-0 absolute lg:block"> 14302 14303 <picture> 14304 <img 14305 srcset="//iteaworld.com/cdn/shop/files/iTeaworld_jasmine_sampler.webp?v=1774436614&width=250 250w, 14306 //iteaworld.com/cdn/shop/files/iTeaworld_jasmine_sampler.webp?v=1774436614&width=350 350w, 14307 //iteaworld.com/cdn/shop/files/iTeaworld_jasmine_sampler.webp?v=1774436614&width=450 450w, 14308 //iteaworld.com/cdn/shop/files/iTeaworld_jasmine_sampler.webp?v=1774436614&width=750 750w, 14309 //iteaworld.com/cdn/shop/files/iTeaworld_jasmine_sampler.webp?v=1774436614&width=900 900w, 14310 //iteaworld.com/cdn/shop/files/iTeaworld_jasmine_sampler.webp?v=1774436614&width=1100 1100w, 14311 //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" 14312 src="//iteaworld.com/cdn/shop/files/iTeaworld_jasmine_sampler.webp?v=1774436614&width=1500" 14313 sizes="(min-width: 1400px) calc(100vw / 4), (min-width: 1024px) calc((100vw) / 4), (min-width: 768px) calc((100vw) / 2), calc(100vw /2)" 14314 alt="Chinese Jasmine Tea Flavor Collection 90g" 14315 :class="showSecond ? 'second-img' : ''" 14316 class="motion-reduce min-w-full h-full object-cover group-hover:cursor-pointer image-second-hover opacity-0 lg:group-hover:opacity-100" 14317 loading="lazy" 14318 width="1200" 14319 height="1200" 14320 onload="this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image'); 14321 setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);" 14322 /> 14323 </picture> 14324 14325 </div></div> 14326 </div> 14327 <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" 14328 x-show="$store.xQuickView" x-cloak 14329 > 14330 <div x-data="xProductCart" x-show="$store.xQuickView && $store.xQuickView.show_atc_button" 14331 class="w-full hide-icon lg:px-4" 14332 :class="if($store.xQuickView){ return ($store.xQuickView.btn_atc_bottom ? 'hidden' : '') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:block' : ' lg:hidden') }" 14333 x-cloak 14334 > 14335 14336 <button 14337 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" 14338 :class="errorMessage && 'opacity-60 cursor-not-allowed'" 14339 14340 type="submit" 14341 name="add" 14342 @click.prevent="setTimeout(() => { $store.xQuickView && (showOptions = !showOptions); $store.xQuickView.showChooseOption('template--27603645268247__featured_collection_p7xGPi-10051060793623-collection_TLnHCx', $el); }, 0)" 14343 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)" 14344 data-id="template--27603645268247__featured_collection_p7xGPi-10051060793623-collection_TLnHCx" 14345
14346 aria-label="Choose options" 14347 14348 14349 > 14350 <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}"> 14351 14352 <span class="flex items-center justify-center"> 14353 14354 14355 14356 14357 <span class="button-text is-focus-button:opacity-0">Choose options</span> 14358 14359 14360 14361 14362 </span> 14363 </span> 14364 <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> 14365 <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> 14366 <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" 14367 fill="currentcolor" stroke="none"> 14368 <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"/> 14369 </g> 14370 </svg> 14371 14372 </div> 14373 </button> 14374 <button 14375 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" 14376 :class="errorMessage && 'opacity-60 cursor-not-allowed'" 14377 14378 type="submit" 14379 name="add" 14380 @click.prevent="setTimeout(() => { $store.xQuickView && (showOptions = !showOptions); $store.xQuickView.showChooseOption('template--27603645268247__featured_collection_p7xGPi-10051060793623-collection_TLnHCx', $el); }, 0)" 14381 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)" 14382 data-id="template--27603645268247__featured_collection_p7xGPi-10051060793623-collection_TLnHCx"aria-label="Add to cart"x-customer-event-data="{ 14383 "product": { 14384 "title": "Chinese Jasmine Tea Flavor Collection 90g", 14385 "listName": "Best Seller", 14386 "sku": "10051060793623", 14387 "currencyCode": "USD", 14388 "price": 1999, 14389 "vendor": "iTeaworld" 14390 } 14391 }" 14392 14393 > 14394 <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;"> 14395 <g> 14396 <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"/> 14397 <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"/> 14398 <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"/> 14399 <path d="M1.44977 1.35001H3.34977" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 14400 </g> 14401 </svg></span>
14402 <span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak> 14403 <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> 14404 <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" 14405 fill="currentcolor" stroke="none"> 14406 <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"/> 14407 </g> 14408 </svg> 14409 14410 </span> 14411 </button> 14412 14413 </div> 14414 </div><div 14415 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" 14416 :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'" 14417 x-show="$store.xQuickView && $store.xQuickView.enabled" x-cloak 14418 > 14419 <div> 14420 <button 14421 @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 14422 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')" 14423 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')" 14424 class="button label-btn-quickview button--quickview not-icon leading-normal empty:hidden hidden lg:block z-50 h-full" 14425 :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'" 14426 x-customer-event-data="{ 14427 "product": { 14428 "title": "Chinese Jasmine Tea Flavor Collection 90g", 14429 "listName": "Best Seller", 14430 "sku": "10051060793623", 14431 "currencyCode": "USD", 14432 "price": 1999, 14433 "vendor": "iTeaworld" 14434 } 14435 }" 14436 aria-label="Button quickview" 14437 > 14438 <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;"> 14439 <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"/> 14440 <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 14441 </svg> 14442</span> 14443 <span x-show="$store.xQuickView && !$store.xQuickView.show_atc_button" class="flex items-center justify-center"> 14444 14445 14446 <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span> 14447 14448 14449 </span> 14450 </button> 14451 <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);' 14452 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" 14453 aria-label="Button quickview" 14454 x-customer-event-data="{ 14455 "product": { 14456 "title": "Chinese Jasmine Tea Flavor Collection 90g", 14457 "listName": "Best Seller", 14458 "sku": "10051060793623", 14459 "currencyCode": "USD", 14460 "price": 1999, 14461 "vendor": "iTeaworld" 14462 } 14463 }" 14464 >
14465 <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;"> 14466 <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"/> 14467 <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 14468 </svg> 14469</span> 14470 </button> 14471 </div> 14472 </div> 14473 </div> 14474 14475 </a> 14476 14477 14478 <div class="md:list-layout:hidden"> 14479 <div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0"> 14480 <div class="no-collage:mb-2 text-center md:list-layout:text-left"> 14481 14482 <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"> 14483 <a href="/products/6-jasmine-tea-sampler-freshly-scented-with-2025-blossoms" 14484 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" 14485 @click='$store.xCustomerEvent.fire("product_selected", $el)' 14486 x-customer-event-data="{ 14487 "product": { 14488 "title": "Chinese Jasmine Tea Flavor Collection 90g", 14489 "listName": "Best Seller", 14490 "sku": "10051060793623", 14491 "currencyCode": "USD", 14492 "price": 1999, 14493 "vendor": "iTeaworld" 14494 } 14495 }" 14496 > 14497 Chinese Jasmine Tea Flavor Collection 90g 14498 </a> 14499 </h3> 14500 14501<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"> 14502 14503 14504 <div class=" price leading-none"> 14505 <div class=""> 14506 <div class="target-price hidden">1999</div> 14507 <div class="target-compare-at-price hidden"></div> 14508 14509<p class="price "> 14510 <span>$19.99 USD</span> 14511 </p><small class="text-[70%] hidden"> 14512 <span class="hidden">Unit price</span> 14513 <span class="up price-item price-item--last"> 14514 <span class="unit-price"> 14515 14516 </span> 14517 <span aria-hidden="true">/</span> 14518 <span class="hidden"> per </span> 14519 <span> 14520 </span> 14521 </span> 14522 </small> 14523 14524 </div> 14525 14526</div> 14527 14528 <div class="leading-none next-price empty:hidden"></div> 14529 </div> 14530 14531 <template x-if="localStorage.getItem('selectedStore')"> 14532 <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])"> 14533 <div 14534 x-data='{ 14535 storeAvailabilites: { 14536 14537 }, 14538 pickupLocation: [ 14539 14540 ] 14541 }' 14542 x-show="$store.xStoreSelector?.selectedStore && pickupLocation.includes($store.xStoreSelector?.getStore())" 14543> 14544 <style data-shopify> 14545 .text-available, .text-unavailable { 14546 font-size: 0.669375rem; 14547 font-family: var(--font-body-family); 14548 } 14549 14550 @media (min-width: 768px) { 14551 .text-available, .text-unavailable { 14552 font-size: 0.74375rem; 14553 } 14554 } 14555 14556 .text-available { 14557 color: #739047; 14558 } 14559 14560 .dark .text-available { 14561 color: #739047; 14562 } 14563 14564 .text-unavailable { 14565 color: #767474; 14566 } 14567 14568 .dark .text-unavailable { 14569 color: #867F7F; 14570 } 14571 </style> 14572 <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-available flex flex-row items-center gap-[3px]"> 14573 <span class="flex h-4 w-4 relative">
14574<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 14575 <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/> 14576 <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/> 14577</svg> 14578 14579</span><span x-text="'Available for pickup at ' + $store.xStoreSelector?.getStoreText()"> </span> 14580 </div> 14581 <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]"> 14582 <span class="flex h-4 w-4 relative"> 14583<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 14584 <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/> 14585 <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/> 14586</svg> 14587 14588</span><span x-text="'Out of stock at ' + $store.xStoreSelector?.getStoreText()"> </span> 14589 </div> 14590</div> 14591 </div> 14592 </template> 14593 </div> 14594 </div> 14595 </div> 14596 14597 </div><div 14598 id="choose-options-template--27603645268247__featured_collection_p7xGPi-10051060793623-collection_TLnHCx" 14599 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" 14600 x-show="showOptions" 14601 x-transition:enter="transition-all ease-in-out duration-300" 14602 x-transition:enter-start="opacity-0 transform translate-y-full" 14603 x-transition:enter-end="opacity-100 transform translate-y-0" 14604 x-transition:leave="transition-all ease-in-out duration-300" 14605 x-transition:leave-start="opacity-100 transform translate-y-0" 14606 x-transition:leave-end="opacity-0 transform translate-y-full" 14607 x-cloak 14608 > 14609 <div class="choose-options relative w-full min-h-full h-full"></div> 14610 <div class="icon-loading hidden absolute top-0 left-0 right-0 h-full w-full z-20 bg-[rgba(var(--background-color))]"> 14611 <div 14612 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)]"> 14613 <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> 14614 <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" 14615 fill="currentcolor" stroke="none"> 14616 <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"/> 14617 </g> 14618 </svg> 14619 14620 </div> 14621 </div> 14622 </div> 14623 <div 14624 id="x-product-template-10051060793623-template--27603645268247__featured_collection_p7xGPi-1-1" 14625 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" 14626 > 14627 14628 14629 14630<div 14631 class="x-variants-data x-variants-data-js pt-3 border-t mt-3" 14632 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, "")' 14633 14634 data-option1="Default (CN) Warehouse" 14635 14636 x-intersect.margin.200px="if ($el.querySelector('#variant-update-template--27603645268247__featured_collection_p7xGPi-1-1').innerHTML.trim() == '') $el.classList.add('hidden');" 14637 > 14638 <div 14639 id="current-variant-template--27603645268247__featured_collection_p7xGPi-10051060793623-collection_TLnHCx" 14640 class="current-variant hidden" 14641 > 14642 55304906080535 14643 </div> 14644 <div 14645 id="variant-update-template--27603645268247__featured_collection_p7xGPi-1-1" 14646 class="variant-update-template--27603645268247__featured_collection_p7xGPi-1-1 list-layout:md:text-left rtl:list-layout:md:text-right options-container" 14647 > 14648 14649</div> 14650 </div> 14651
14651<script src="//iteaworld.com/cdn/shop/t/51/assets/variant-select-card.js?v=141088792309509576511782181913" defer></script>
14651 14652 14653 14654 <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> 14655 14656 <div class="card-info x-highlight-icon mt-2.5"> 14657 <div 14658 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" 14659 x-data="{setPosition(el) { 14660 parentEl = el.closest('.x-highlight-icon').getBoundingClientRect(); 14661 el.style.setProperty('--maxwidth-tooltip', parentEl.width - 20 + 'px'); 14662 elRect = el.getBoundingClientRect(); 14663 let spacingLeft = elRect.left - parentEl.left; 14664 if (spacingLeft < 0) { 14665 el.style.setProperty('--left-tooltip', Math.abs(spacingLeft) + 'px'); 14666 } 14667 let spacingRight = parentEl.right - elRect.right; 14668 if (spacingRight < 0) { 14669 el.style.setProperty('--left-tooltip', spacingRight + 'px'); 14670 } 14671 }}" 14672 x-init="$el.innerHTML = $el.innerHTML.trim();" 14673> 14674 � 14675 � 14676 � 14677 �</div> 14678 </div> 14679 14680 14681 <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)" 14682 class="card-info bottom_atc md:list-layout:hidden hide-icon" 14683 :class="if($store.xQuickView.show_atc_button){ return ($store.xQuickView.btn_atc_bottom ? '' : 'hidden') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:hidden' : ' lg:block')}" 14684 x-cloak 14685 > 14686 14687 <button 14688 type="submit" 14689 name="add" 14690 @click.prevent="setTimeout(() => { $store.xQuickView && (showOptions = !showOptions); $store.xQuickView.showChooseOption('template--27603645268247__featured_collection_p7xGPi-10051060793623-collection_TLnHCx', $el); }, 0)" 14691 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)" 14692 data-id="template--27603645268247__featured_collection_p7xGPi-10051060793623-collection_TLnHCx" 14693 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" 14694 :class="errorMessage && 'opacity-60 cursor-not-allowed'" 14695 aria-label="Choose options" 14696 > 14697 <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}"> 14698 14699 <span class="flex items-center justify-center"> 14700 14701 14702 14703 14704 <span class="button-text is-focus-button:opacity-0">Choose options</span> 14705 14706 14707 14708 14709 </span> 14710 </span> 14711 <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> 14712 <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> 14713 <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" 14714 fill="currentcolor" stroke="none"> 14715 <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"/> 14716 </g> 14717 </svg> 14718 14719 </div> 14720 </button> 14721 14722 </div></template> 14723 14724 14725 <template x-if="$store.xQuickView"> 14726 <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 && ''"> 14727 14728 <button 14729 type="submit" 14730 name="add" 14731 14732 @click.prevent="setTimeout(() => { $store.xQuickView && (showOptions = !showOptions); $store.xQuickView.showChooseOption('template--27603645268247__featured_collection_p7xGPi-10051060793623-collection_TLnHCx', $el); }, 0)" 14733 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)" 14734 data-id="template--27603645268247__featured_collection_p7xGPi-10051060793623-collection_TLnHCx" 14735 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" 14736 :class="errorMessage && 'opacity-60 cursor-not-allowed'"
14737 aria-label="Choose options" 14738 > 14739 <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}"> 14740 14741 <span class="flex items-center justify-center"> 14742 14743 14744 14745 14746 <span class="button-text is-focus-button:opacity-0">Choose options</span> 14747 14748 14749 14750 14751 </span> 14752 </span> 14753 <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> 14754 <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> 14755 <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" 14756 fill="currentcolor" stroke="none"> 14757 <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"/> 14758 </g> 14759 </svg> 14760 14761 </div> 14762 </button> 14763 14764 </div><button 14765 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')" 14766 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')" 14767 @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 14768 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" 14769 aria-label="Button quickview" 14770 x-customer-event-data="{ 14771 "product": { 14772 "title": "Chinese Jasmine Tea Flavor Collection 90g", 14773 "listName": "Best Seller", 14774 "sku": "10051060793623", 14775 "currencyCode": "USD", 14776 "price": 1999, 14777 "vendor": "iTeaworld" 14778 } 14779 }" 14780 x-show="$store.xQuickView.enabled" 14781 > 14782 <span class="flex justify-center items-center"> 14783 14784 14785 <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span> 14786 14787 14788 </span> 14789 </button> 14790 </div> 14791 </template> 14792 14793 </div> 14794</div> 14795<style data-shopify> 14796 .x-slide-animation-duration-2 { 14797 --delay-time: 100ms 14798 } 14799 </style> 14800 14801 14802 14803<div 14804 14805 x-data="xProductCard('template--27603645268247__featured_collection_p7xGPi-1-2', '/products/oolong-teas-collection-top-10-classic-for-beginners', '9935480520983')" 14806 14807 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]" 14808 x-slide-index="1" 14809> 14810 <div class="md:list-layout:w-2/5 md:list-layout:lg:w-1/4 relative disable-effect md:list-layout:pr-8" 14811 > 14812 <style data-shopify> 14813 14814 </style> 14815 14816 <style data-shopify> 14817 14818 </style> 14819 <a 14820 14821 x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active', 'lazy_active')" 14822 14823 href="/products/oolong-teas-collection-top-10-classic-for-beginners" 14824 14825 x-data="{ lastWindowWidth: 0 }" 14826 x-intersect.once.margin.200px='$nextTick(() => { $store.xBadges && $store.xBadges.load($el, () => {}, null, true); })' 14827 x-labels-data="[ 14828 14829{ 14830 "variant_id": 55304877277463, 14831 "product_id": 9935480520983, 14832 "available": true, 14833 "title": "
14833Oolong Tea Flavor Exploration Collection 100g", 14834 "compare_at_price": 0, 14835 "price": 1999, 14836 "price_with_currency": "$19.99 USD", 14837 "sale_amount": "$-19.99", 14838 "collections": "||509664297239||532285358359||511975915799||529991958807||495482339607||495480209687||495516516631||526343471383||521178841367||456987115799||527444934935||509993124119||449406664983||462607909143||511051956503||525935542551||450205417751||461861486871||531755041047||531756548375||498760843543||", 14839 "inventory_management": "shopify", 14840 "qty": 15, 14841 "container": "card", 14842 "can_show_preorder": false, 14843 "diff_day_create": 505.12, 14844 "diff_day_publish": 500.18 14845 14846 ,"metafield_label": { 14847 "custom.flavors":"" 14848 } 14849 14850 } 14851 ]" 14852 14853 aria-label="Oolong Tea Flavor Exploration Collection 100g" 14854 id="9935480520983-template--27603645268247__featured_collection_p7xGPi" 14855 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%]"> 14856 <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"> 14857 <div
14858 id="x-slideshow-card-product-template--27603645268247__featured_collection_p7xGPi-1-2-1" 14859 class="block h-full" 14860 @click='$store.xCustomerEvent.fire("product_selected", $el)' 14861 x-customer-event-data="{ 14862 "product": { 14863 "title": "Oolong Tea Flavor Exploration Collection 100g", 14864 "listName": "Best Seller", 14865 "sku": "9935480520983", 14866 "currencyCode": "USD", 14867 "price": 1999, 14868 "vendor": "iTeaworld" 14869 } 14870 }" 14871 ><div 14872 class="absolute inset-0 z-10 pointer-events-auto dbtap-overlay" 14873 @touchstart="onTouchStart($event)" 14874 @touchend.prevent="onTouchEnd($el.closest('.x-splide'))" 14875 @touchmove="onTouchMove($event)" 14876 ></div> 14877<div class="w-full z-0 h-full min-h-full top-0 left-0 absolute" 14878 > 14879 14880 <picture> 14881 <img 14882 srcset=" 14883 //iteaworld.com/cdn/shop/files/iTeaworld-10-varieties-oolong-tea-sanpler.webp?v=1770812784&width=250 250w, 14884 //iteaworld.com/cdn/shop/files/iTeaworld-10-varieties-oolong-tea-sanpler.webp?v=1770812784&width=350 350w, 14885 //iteaworld.com/cdn/shop/files/iTeaworld-10-varieties-oolong-tea-sanpler.webp?v=1770812784&width=450 450w, 14886 //iteaworld.com/cdn/shop/files/iTeaworld-10-varieties-oolong-tea-sanpler.webp?v=1770812784&width=750 750w, 14887 //iteaworld.com/cdn/shop/files/iTeaworld-10-varieties-oolong-tea-sanpler.webp?v=1770812784&width=900 900w, 14888 //iteaworld.com/cdn/shop/files/iTeaworld-10-varieties-oolong-tea-sanpler.webp?v=1770812784&width=1100 1100w, 14889 //iteaworld.com/cdn/shop/files/iTeaworld-10-varieties-oolong-tea-sanpler.webp?v=1770812784&width=1500 1500w,//iteaworld.com/cdn/shop/files/iTeaworld-10-varieties-oolong-tea-sanpler.webp?v=1770812784 1600w" 14890 src="//iteaworld.com/cdn/shop/files/iTeaworld-10-varieties-oolong-tea-sanpler.webp?v=1770812784&width=1500" 14891 sizes="(min-width: 1400px) calc(100vw / 4), (min-width: 1024px) calc((100vw) / 4), (min-width: 768px) calc((100vw) / 2), calc(100vw /2)"
14892 alt="Oolong Tea Flavor Exploration Collection 100g" 14893 :class="showSecond ? 'first-img' : ''" 14894 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" 14895 loading="lazy" 14896 width="1600" 14897 height="1600" 14898 onload="this?.classList.add('active');this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image'); 14899 setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);" 14900 /> 14901 </picture> 14902 14903 </div><div class="w-full h-full top-0 left-0 absolute lg:block"> 14904 14905 <picture> 14906 <img 14907 srcset="//iteaworld.com/cdn/shop/files/Top_10_Classic_Oolong_Teas_Collection_5.webp?v=1770812784&width=250 250w, 14908 //iteaworld.com/cdn/shop/files/Top_10_Classic_Oolong_Teas_Collection_5.webp?v=1770812784&width=350 350w, 14909 //iteaworld.com/cdn/shop/files/Top_10_Classic_Oolong_Teas_Collection_5.webp?v=1770812784&width=450 450w, 14910 //iteaworld.com/cdn/shop/files/Top_10_Classic_Oolong_Teas_Collection_5.webp?v=1770812784&width=750 750w, 14911 //iteaworld.com/cdn/shop/files/Top_10_Classic_Oolong_Teas_Collection_5.webp?v=1770812784&width=900 900w, 14912 //iteaworld.com/cdn/shop/files/Top_10_Classic_Oolong_Teas_Collection_5.webp?v=1770812784&width=1100 1100w, 14913 //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" 14914 src="//iteaworld.com/cdn/shop/files/Top_10_Classic_Oolong_Teas_Collection_5.webp?v=1770812784&width=1500" 14915 sizes="(min-width: 1400px) calc(100vw / 4), (min-width: 1024px) calc((100vw) / 4), (min-width: 768px) calc((100vw) / 2), calc(100vw /2)"
14916 alt="Oolong Tea Flavor Exploration Collection 100g" 14917 :class="showSecond ? 'second-img' : ''" 14918 class="motion-reduce min-w-full h-full object-cover group-hover:cursor-pointer image-second-hover opacity-0 lg:group-hover:opacity-100" 14919 loading="lazy" 14920 width="1890" 14921 height="1890" 14922 onload="this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image'); 14923 setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);" 14924 /> 14925 </picture> 14926 14927 </div></div> 14928 </div> 14929 <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" 14930 x-show="$store.xQuickView" x-cloak 14931 > 14932 <div x-data="xProductCart" x-show="$store.xQuickView && $store.xQuickView.show_atc_button" 14933 class="w-full hide-icon lg:px-4" 14934 :class="if($store.xQuickView){ return ($store.xQuickView.btn_atc_bottom ? 'hidden' : '') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:block' : ' lg:hidden') }" 14935 x-cloak 14936 > 14937 14938 <button 14939 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" 14940 :class="errorMessage && 'opacity-60 cursor-not-allowed'" 14941 14942 type="submit" 14943 name="add" 14944 @click.prevent="setTimeout(() => { $store.xQuickView && (showOptions = !showOptions); $store.xQuickView.showChooseOption('template--27603645268247__featured_collection_p7xGPi-9935480520983-collection_TLnHCx', $el); }, 0)" 14945 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)" 14946 data-id="template--27603645268247__featured_collection_p7xGPi-9935480520983-collection_TLnHCx" 14947 14948 aria-label="Choose options" 14949 14950 14951 > 14952 <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}"> 14953 14954 <span class="flex items-center justify-center"> 14955 14956 14957 14958 14959 <span class="button-text is-focus-button:opacity-0">Choose options</span> 14960 14961 14962 14963 14964 </span> 14965 </span> 14966 <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> 14967 <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> 14968 <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" 14969 fill="currentcolor" stroke="none"> 14970 <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"/> 14971 </g> 14972 </svg> 14973 14974 </div> 14975 </button> 14976 <button 14977 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" 14978 :class="errorMessage && 'opacity-60 cursor-not-allowed'" 14979 14980 type="submit" 14981 name="add" 14982 @click.prevent="setTimeout(() => { $store.xQuickView && (showOptions = !showOptions); $store.xQuickView.showChooseOption('template--27603645268247__featured_collection_p7xGPi-9935480520983-collection_TLnHCx', $el); }, 0)" 14983 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)" 14984 data-id="template--27603645268247__featured_collection_p7xGPi-9935480520983-collection_TLnHCx"aria-label="Add to cart"x-customer-event-data="{ 14985 "product": { 14986 "title": "
14986Oolong Tea Flavor Exploration Collection 100g", 14987 "listName": "Best Seller", 14988 "sku": "9935480520983", 14989 "currencyCode": "USD", 14990 "price": 1999, 14991 "vendor": "iTeaworld" 14992 } 14993 }" 14994 14995 > 14996 <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;"> 14997 <g> 14998 <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"/> 14999 <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"/> 15000 <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"/> 15001 <path d="M1.44977 1.35001H3.34977" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 15002 </g> 15003 </svg></span> 15004 <span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak> 15005 <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> 15006 <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" 15007 fill="currentcolor" stroke="none"> 15008 <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"/> 15009 </g> 15010 </svg> 15011 15012 </span> 15013 </button> 15014 15015 </div> 15016 </div><div 15017 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" 15018 :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'" 15019 x-show="$store.xQuickView && $store.xQuickView.enabled" x-cloak 15020 > 15021 <div> 15022 <button 15023 @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 15024 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')" 15025 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')" 15026 class="button label-btn-quickview button--quickview not-icon leading-normal empty:hidden hidden lg:block z-50 h-full" 15027 :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'" 15028 x-customer-event-data="{ 15029 "product": { 15030 "title": "
15030Oolong Tea Flavor Exploration Collection 100g", 15031 "listName": "Best Seller", 15032 "sku": "9935480520983", 15033 "currencyCode": "USD", 15034 "price": 1999, 15035 "vendor": "iTeaworld" 15036 } 15037 }" 15038 aria-label="Button quickview" 15039 > 15040 <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;"> 15041 <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"/> 15042 <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 15043 </svg> 15044</span> 15045 <span x-show="$store.xQuickView && !$store.xQuickView.show_atc_button" class="flex items-center justify-center"> 15046 15047 15048 <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span> 15049 15050 15051 </span> 15052 </button> 15053 <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);' 15054 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" 15055 aria-label="Button quickview" 15056 x-customer-event-data="{ 15057 "product": { 15058 "title": "
15058Oolong Tea Flavor Exploration Collection 100g", 15059 "listName": "Best Seller", 15060 "sku": "9935480520983", 15061 "currencyCode": "USD", 15062 "price": 1999, 15063 "vendor": "iTeaworld" 15064 } 15065 }" 15066 > 15067 <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;"> 15068 <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"/> 15069 <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 15070 </svg> 15071</span> 15072 </button> 15073 </div> 15074 </div> 15075 </div> 15076 15077 </a> 15078 15079 15080 <div class="md:list-layout:hidden"> 15081 <div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0"> 15082 <div class="no-collage:mb-2 text-center md:list-layout:text-left"> 15083 15084 <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"> 15085 <a href="/products/oolong-teas-collection-top-10-classic-for-beginners" 15086 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" 15087 @click='$store.xCustomerEvent.fire("product_selected", $el)' 15088 x-customer-event-data="{ 15089 "product": { 15090 "title": "
15090Oolong Tea Flavor Exploration Collection 100g", 15091 "listName": "Best Seller", 15092 "sku": "9935480520983", 15093 "currencyCode": "USD", 15094 "price": 1999, 15095 "vendor": "iTeaworld" 15096 } 15097 }" 15098 > 15099 Oolong Tea Flavor Exploration Collection 100g 15100 </a> 15101 </h3> 15102 15103<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"> 15104 15105 15106 <div class=" price leading-none"> 15107 <div class=""> 15108 <div class="target-price hidden">1999</div> 15109 <div class="target-compare-at-price hidden"></div> 15110 15111<p class="price "> 15112 <span>$19.99 USD</span> 15113 </p><small class="text-[70%] hidden"> 15114 <span class="hidden">Unit price</span> 15115 <span class="up price-item price-item--last"> 15116 <span class="unit-price"> 15117 15118 </span> 15119 <span aria-hidden="true">/</span> 15120 <span class="hidden"> per </span> 15121 <span> 15122 </span> 15123 </span> 15124 </small> 15125 15126 </div> 15127 15128</div> 15129 15130 <div class="leading-none next-price empty:hidden"></div> 15131 </div> 15132 15133 <template x-if="localStorage.getItem('selectedStore')"> 15134 <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])"> 15135 <div 15136 x-data='{ 15137 storeAvailabilites: { 15138 15139 }, 15140 pickupLocation: [ 15141 15142 ] 15143 }' 15144 x-show="$store.xStoreSelector?.selectedStore && pickupLocation.includes($store.xStoreSelector?.getStore())" 15145> 15146 <style data-shopify> 15147 .text-available, .text-unavailable { 15148 font-size: 0.669375rem; 15149 font-family: var(--font-body-family); 15150 } 15151 15152 @media (min-width: 768px) { 15153 .text-available, .text-unavailable { 15154 font-size: 0.74375rem; 15155 } 15156 } 15157 15158 .text-available { 15159 color: #739047; 15160 } 15161 15162 .dark .text-available { 15163 color: #739047; 15164 } 15165 15166 .text-unavailable { 15167 color: #767474; 15168 } 15169 15170 .dark .text-unavailable { 15171 color: #867F7F; 15172 } 15173 </style> 15174 <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-available flex flex-row items-center gap-[3px]"> 15175 <span class="flex h-4 w-4 relative"> 15176<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 15177 <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/> 15178 <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/> 15179</svg> 15180 15181</span><span x-text="'Available for pickup at ' + $store.xStoreSelector?.getStoreText()"> </span> 15182 </div> 15183 <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]"> 15184 <span class="flex h-4 w-4 relative"> 15185<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 15186 <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/> 15187 <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/> 15188</svg> 15189 15190</span><span x-text="'Out of stock at ' + $store.xStoreSelector?.getStoreText()"> </span> 15191 </div> 15192</div> 15193 </div> 15194 </template> 15195 </div> 15196 </div> 15197 </div> 15198 15199 </div><div 15200 id="choose-options-template--27603645268247__featured_collection_p7xGPi-9935480520983-collection_TLnHCx" 15201 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" 15202 x-show="showOptions" 15203 x-transition:enter="transition-all ease-in-out duration-300" 15204 x-transition:enter-start="opacity-0 transform translate-y-full" 15205 x-transition:enter-end="opacity-100 transform translate-y-0" 15206 x-transition:leave="transition-all ease-in-out duration-300" 15207 x-transition:leave-start="opacity-100 transform translate-y-0" 15208 x-transition:leave-end="opacity-0 transform translate-y-full" 15209 x-cloak 15210 > 15211 <div class="choose-options relative w-full min-h-full h-full"></div> 15212 <div class="icon-loading hidden absolute top-0 left-0 right-0 h-full w-full z-20 bg-[rgba(var(--background-color))]"> 15213 <div 15214 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-[
15214calc(50%-10px)]"> 15215 <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> 15216 <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" 15217 fill="currentcolor" stroke="none"> 15218 <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"/> 15219 </g> 15220 </svg> 15221 15222 </div> 15223 </div> 15224 </div> 15225 <div 15226 id="x-product-template-9935480520983-template--27603645268247__featured_collection_p7xGPi-1-2" 15227 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" 15228 > 15229 15230 15231 15232<div 15233 class="x-variants-data x-variants-data-js pt-3 border-t mt-3" 15234 x-data='xVariantSelectCard($el,"template--27603645268247__featured_collection_p7xGPi-1-2", "9935480520983", "/products/oolong-teas-collection-top-10-classic-for-beginners", false, false, false, "")' 15235 15236 data-option1="Default (CN) Warehouse" 15237 15238 x-intersect.margin.200px="if ($el.querySelector('#variant-update-template--27603645268247__featured_collection_p7xGPi-1-2').innerHTML.trim() == '') $el.classList.add('hidden');" 15239 > 15240 <div 15241 id="current-variant-template--27603645268247__featured_collection_p7xGPi-9935480520983-collection_TLnHCx" 15242 class="current-variant hidden" 15243 > 15244 55304877277463 15245 </div> 15246 <div 15247 id="variant-update-template--27603645268247__featured_collection_p7xGPi-1-2" 15248 class="variant-update-template--27603645268247__featured_collection_p7xGPi-1-2 list-layout:md:text-left rtl:list-layout:md:text-right options-container" 15249 > 15250 15251</div> 15252 </div> 15253
15253<script src="//iteaworld.com/cdn/shop/t/51/assets/variant-select-card.js?v=141088792309509576511782181913" defer></script>
15253 15254 15255 15256 <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> 15257 15258 <div class="card-info x-highlight-icon mt-2.5"> 15259 <div 15260 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" 15261 x-data="{setPosition(el) { 15262 parentEl = el.closest('.x-highlight-icon').getBoundingClientRect(); 15263 el.style.setProperty('--maxwidth-tooltip', parentEl.width - 20 + 'px'); 15264 elRect = el.getBoundingClientRect(); 15265 let spacingLeft = elRect.left - parentEl.left; 15266 if (spacingLeft < 0) { 15267 el.style.setProperty('--left-tooltip', Math.abs(spacingLeft) + 'px'); 15268 } 15269 let spacingRight = parentEl.right - elRect.right; 15270 if (spacingRight < 0) { 15271 el.style.setProperty('--left-tooltip', spacingRight + 'px'); 15272 } 15273 }}" 15274 x-init="$el.innerHTML = $el.innerHTML.trim();" 15275> 15276 � 15277 � 15278 � 15279 �</div> 15280 </div> 15281 15282 15283 <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)" 15284 class="card-info bottom_atc md:list-layout:hidden hide-icon" 15285 :class="if($store.xQuickView.show_atc_button){ return ($store.xQuickView.btn_atc_bottom ? '' : 'hidden') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:hidden' : ' lg:block')}" 15286 x-cloak 15287 > 15288 15289 <button 15290 type="submit" 15291 name="add" 15292 @click.prevent="setTimeout(() => { $store.xQuickView && (showOptions = !showOptions); $store.xQuickView.showChooseOption('template--27603645268247__featured_collection_p7xGPi-9935480520983-collection_TLnHCx', $el); }, 0)" 15293 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)" 15294 data-id="template--27603645268247__featured_collection_p7xGPi-9935480520983-collection_TLnHCx" 15295 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" 15296 :class="errorMessage && 'opacity-60 cursor-not-allowed'" 15297 aria-label="Choose options" 15298 > 15299 <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}"> 15300 15301 <span class="flex items-center justify-center"> 15302 15303 15304 15305 15306 <span class="button-text is-focus-button:opacity-0">Choose options</span> 15307 15308 15309 15310 15311 </span> 15312 </span> 15313 <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> 15314 <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> 15315 <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" 15316 fill="currentcolor" stroke="none"> 15317 <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"/> 15318 </g> 15319 </svg> 15320 15321 </div> 15322 </button> 15323 15324 </div></template> 15325 15326 15327 <template x-if="$store.xQuickView"> 15328 <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 && ''"> 15329 15330 <button 15331 type="submit" 15332 name="add" 15333 15334 @click.prevent="setTimeout(() => { $store.xQuickView && (showOptions = !showOptions); $store.xQuickView.showChooseOption('template--27603645268247__featured_collection_p7xGPi-9935480520983-collection_TLnHCx', $el); }, 0)" 15335 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)" 15336 data-id="template--27603645268247__featured_collection_p7xGPi-9935480520983-collection_TLnHCx" 15337 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" 15338 :class="errorMessage && 'opacity-60 cursor-not-allowed'"
15339 aria-label="Choose options" 15340 > 15341 <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}"> 15342 15343 <span class="flex items-center justify-center"> 15344 15345 15346 15347 15348 <span class="button-text is-focus-button:opacity-0">Choose options</span> 15349 15350 15351 15352 15353 </span> 15354 </span> 15355 <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> 15356 <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> 15357 <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" 15358 fill="currentcolor" stroke="none"> 15359 <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"/> 15360 </g> 15361 </svg> 15362 15363 </div> 15364 </button> 15365 15366 </div><button 15367 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')" 15368 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')" 15369 @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 15370 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" 15371 aria-label="Button quickview" 15372 x-customer-event-data="{ 15373 "product": { 15374 "title": "
15374Oolong Tea Flavor Exploration Collection 100g", 15375 "listName": "Best Seller", 15376 "sku": "9935480520983", 15377 "currencyCode": "USD", 15378 "price": 1999, 15379 "vendor": "iTeaworld" 15380 } 15381 }" 15382 x-show="$store.xQuickView.enabled" 15383 > 15384 <span class="flex justify-center items-center"> 15385 15386 15387 <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span> 15388 15389 15390 </span> 15391 </button> 15392 </div> 15393 </template> 15394 15395 </div> 15396</div> 15397<style data-shopify> 15398 .x-slide-animation-duration-3 { 15399 --delay-time: 200ms 15400 } 15401 </style> 15402 15403 15404 15405<div 15406 15407 x-data="xProductCard('template--27603645268247__featured_collection_p7xGPi-1-3', '/products/herbal-tea-vine-tea', '9666539651351')" 15408 15409 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]" 15410 x-slide-index="2" 15411> 15412 <div class="md:list-layout:w-2/5 md:list-layout:lg:w-1/4 relative disable-effect md:list-layout:pr-8" 15413 > 15414 <style data-shopify> 15415 15416 </style> 15417 15418 <style data-shopify> 15419 15420 </style> 15421 <a 15422 15423 x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active', 'lazy_active')" 15424 15425 href="/products/herbal-tea-vine-tea" 15426 15427 x-data="{ lastWindowWidth: 0 }" 15428 x-intersect.once.margin.200px='$nextTick(() => { $store.xBadges && $store.xBadges.load($el, () => {}, null, true); })' 15429 x-labels-data="[ 15430 15431{ 15432 "variant_id": 49623380427031, 15433 "product_id": 9666539651351, 15434 "available": true, 15435 "title": "Caffeine-Free Herbal Tea â Vine Tea", 15436 "compare_at_price": 0, 15437 "price": 2499, 15438 "price_with_currency": "$24.99 USD", 15439 "sale_amount": "$-24.99", 15440 "collections": "||532285358359||511975915799||529991958807||456139243799||495480209687||526632714519||521179136279||518891110679||511928795415||486097027351||495506391319||532159365399||531296977175||483191390487||516657643799||531755041047||531757367575||498760843543||", 15441 "inventory_management": "shopify", 15442 "qty": 16, 15443 "container": "card", 15444 "can_show_preorder": false, 15445 "diff_day_create": 744.14, 15446 "diff_day_publish": 744.1 15447 15448 ,"metafield_label": { 15449 "custom.flavors":"" 15450 } 15451 15452 } 15453 ]" 15454 15455 aria-label="Caffeine-Free Herbal Tea â Vine Tea" 15456 id="9666539651351-template--27603645268247__featured_collection_p7xGPi" 15457 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%]"> 15458 <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"> 15459 <div
15460 id="x-slideshow-card-product-template--27603645268247__featured_collection_p7xGPi-1-3-2" 15461 class="block h-full" 15462 @click='$store.xCustomerEvent.fire("product_selected", $el)' 15463 x-customer-event-data="{ 15464 "product": { 15465 "title": "Caffeine-Free Herbal Tea â Vine Tea", 15466 "listName": "Best Seller", 15467 "sku": "9666539651351", 15468 "currencyCode": "USD", 15469 "price": 990, 15470 "vendor": "iTeaworld" 15471 } 15472 }" 15473 ><div 15474 class="absolute inset-0 z-10 pointer-events-auto dbtap-overlay" 15475 @touchstart="onTouchStart($event)" 15476 @touchend.prevent="onTouchEnd($el.closest('.x-splide'))" 15477 @touchmove="onTouchMove($event)" 15478 ></div> 15479<div class="w-full z-0 h-full min-h-full top-0 left-0 absolute" 15480 > 15481 15482 <picture> 15483 <img 15484 srcset=" 15485 //iteaworld.com/cdn/shop/files/meicha_2.webp?v=1786345456&width=250 250w, 15486 //iteaworld.com/cdn/shop/files/meicha_2.webp?v=1786345456&width=350 350w, 15487 //iteaworld.com/cdn/shop/files/meicha_2.webp?v=1786345456&width=450 450w, 15488 //iteaworld.com/cdn/shop/files/meicha_2.webp?v=1786345456&width=750 750w, 15489 //iteaworld.com/cdn/shop/files/meicha_2.webp?v=1786345456&width=900 900w, 15490 //iteaworld.com/cdn/shop/files/meicha_2.webp?v=1786345456&width=1100 1100w, 15491 //iteaworld.com/cdn/shop/files/meicha_2.webp?v=1786345456&width=1500 1500w,//iteaworld.com/cdn/shop/files/meicha_2.webp?v=1786345456 1600w" 15492 src="//iteaworld.com/cdn/shop/files/meicha_2.webp?v=1786345456&width=1500" 15493 sizes="(min-width: 1400px) calc(100vw / 4), (min-width: 1024px) calc((100vw) / 4), (min-width: 768px) calc((100vw) / 2), calc(100vw /2)" 15494 alt="Caffeine-Free Herbal Tea â Vine Tea" 15495 :class="showSecond ? 'first-img' : ''" 15496 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" 15497 loading="lazy" 15498 width="1600" 15499 height="1600" 15500 onload="this?.classList.add('active');this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image'); 15501 setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);" 15502 /> 15503 </picture> 15504 15505 </div><div class="w-full h-full top-0 left-0 absolute lg:block"> 15506 15507 <picture> 15508 <img 15509 srcset="//iteaworld.com/cdn/shop/files/04_b1e2b4fa-11f0-47de-b0e1-6e1f
155090d85baff.jpg?v=1755504432&width=250 250w, 15510 //iteaworld.com/cdn/shop/files/04_b1e2b4fa-11f0-47de-b0e1-6e1f0d85baff.jpg?v=1755504432&width=350 350w, 15511 //iteaworld.com/cdn/shop/files/04_b1e2b4fa-11f0-47de-b0e1-6e1f0d85baff.jpg?v=1755504432&width=450 450w, 15512 //iteaworld.com/cdn/shop/files/04_b1e2b4fa-11f0-47de-b0e1-6e1f0d85baff.jpg?v=1755504432&width=750 750w, 15513 //iteaworld.com/cdn/shop/files/04_b1e2b4fa-11f0-47de-b0e1-6e1f0d85baff.jpg?v=1755504432&width=900 900w, 15514 //iteaworld.com/cdn/shop/files/04_b1e2b4fa-11f0-47de-b0e1-6e1f0d85baff.jpg?v=1755504432&width=1100 1100w, 15515 //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" 15516 src="//iteaworld.com/cdn/shop/files/04_b1e2b4fa-11f0-47de-b0e1-6e1f0d85baff.jpg?v=1755504432&width=1500" 15517 sizes="(min-width: 1400px) calc(100vw / 4), (min-width: 1024px) calc((100vw) / 4), (min-width: 768px) calc((100vw) / 2), calc(100vw /2)" 15518 alt="Caffeine-Free Herbal Tea â Vine Tea" 15519 :class="showSecond ? 'second-img' : ''" 15520 class="motion-reduce min-w-full h-full object-cover group-hover:cursor-pointer image-second-hover opacity-0 lg:group-hover:opacity-100" 15521 loading="lazy" 15522 width="1600" 15523 height="1600" 15524 onload="this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image'); 15525 setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);" 15526 /> 15527 </picture> 15528 15529 </div></div> 15530 </div> 15531 <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" 15532 x-show="$store.xQuickView" x-cloak 15533 > 15534 <div x-data="xProductCart" x-show="$store.xQuickView && $store.xQuickView.show_atc_button" 15535 class="w-full hide-icon lg:px-4" 15536 :class="if($store.xQuickView){ return ($store.xQuickView.btn_atc_bottom ? 'hidden' : '') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:block' : ' lg:hidden') }" 15537 x-cloak 15538 > 15539 15540 <button 15541 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" 15542 :class="errorMessage && 'opacity-60 cursor-not-allowed'" 15543 15544 type="submit" 15545 name="add" 15546 @click.prevent="setTimeout(() => { $store.xQuickView && (showOptions = !showOptions); $store.xQuickView.showChooseOption('template--27603645268247__featured_collection_p7xGPi-9666539651351-collection_TLnHCx', $el); }, 0)" 15547 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)" 15548 data-id="template--27603645268247__featured_collection_p7xGPi-9666539651351-collection_TLnHCx" 15549 15550 aria-label="Choose options" 15551 15552 15553 >
15554 <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}"> 15555 15556 <span class="flex items-center justify-center"> 15557 15558 15559 15560 15561 <span class="button-text is-focus-button:opacity-0">Choose options</span> 15562 15563 15564 15565 15566 </span> 15567 </span> 15568 <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> 15569 <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> 15570 <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" 15571 fill="currentcolor" stroke="none"> 15572 <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"/> 15573 </g> 15574 </svg> 15575 15576 </div> 15577 </button> 15578 <button 15579 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" 15580 :class="errorMessage && 'opacity-60 cursor-not-allowed'" 15581 15582 type="submit" 15583 name="add" 15584 @click.prevent="setTimeout(() => { $store.xQuickView && (showOptions = !showOptions); $store.xQuickView.showChooseOption('template--27603645268247__featured_collection_p7xGPi-9666539651351-collection_TLnHCx', $el); }, 0)" 15585 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)" 15586 data-id="template--27603645268247__featured_collection_p7xGPi-9666539651351-collection_TLnHCx"aria-label="Add to cart"x-customer-event-data="{ 15587 "product": { 15588 "title": "Caffeine-Free Herbal Tea â Vine Tea", 15589 "listName": "Best Seller", 15590 "sku": "9666539651351", 15591 "currencyCode": "USD", 15592 "price": 990, 15593 "vendor": "iTeaworld" 15594 } 15595 }" 15596 15597 > 15598 <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;"> 15599 <g> 15600 <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"/> 15601 <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"/> 15602 <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"/> 15603 <path d="M1.44977 1.35001H3.34977" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 15604 </g> 15605 </svg></span> 15606 <span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak> 15607 <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> 15608 <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" 15609 fill="currentcolor" stroke="none"> 15610 <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"/> 15611 </g> 15612 </svg> 15613 15614 </span> 15615 </button> 15616 15617 </div> 15618 </div><div 15619 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" 15620 :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'" 15621 x-show="$store.xQuickView && $store.xQuickView.enabled" x-cloak 15622 > 15623 <div> 15624 <button 15625 @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 15626 x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/products/herbal-tea-vine-tea', $el, 'template--27603645268247__featured_collection_p7xGPi-9666539651351-collection_TLnHCx')" 15627 x-on:focus="$store.xQuickView && $store.xQuickView.load('/products/herbal-tea-vine-tea', $el, 'template--27603645268247__featured_collection_p7xGPi-9666539651351-collection_TLnHCx')" 15628 class="button label-btn-quickview button--quickview not-icon leading-normal empty:hidden hidden lg:block z-50 h-full" 15629 :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'" 15630 x-customer-event-data="{ 15631 "product": { 15632 "title": "Caffeine-Free Herbal Tea â Vine Tea", 15633 "listName": "Best Seller", 15634 "sku": "9666539651351", 15635 "currencyCode": "USD", 15636 "price": 990, 15637 "vendor": "iTeaworld" 15638 } 15639 }" 15640 aria-label="Button quickview" 15641 >
15642 <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;"> 15643 <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"/> 15644 <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 15645 </svg> 15646</span> 15647 <span x-show="$store.xQuickView && !$store.xQuickView.show_atc_button" class="flex items-center justify-center"> 15648 15649 15650 <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span> 15651 15652 15653 </span> 15654 </button> 15655 <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);' 15656 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" 15657 aria-label="Button quickview" 15658 x-customer-event-data="{ 15659 "product": { 15660 "title": "Caffeine-Free Herbal Tea â Vine Tea", 15661 "listName": "Best Seller", 15662 "sku": "9666539651351", 15663 "currencyCode": "USD", 15664 "price": 990, 15665 "vendor": "iTeaworld" 15666 } 15667 }" 15668 > 15669 <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;"> 15670 <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"/> 15671 <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 15672 </svg> 15673</span> 15674 </button> 15675 </div> 15676 </div> 15677 </div> 15678 15679 </a> 15680 15681 15682 <div class="md:list-layout:hidden"> 15683 <div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0"> 15684 <div class="no-collage:mb-2 text-center md:list-layout:text-left"> 15685 15686 <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"> 15687 <a href="/products/herbal-tea-vine-tea" 15688 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" 15689 @click='$store.xCustomerEvent.fire("product_selected", $el)' 15690 x-customer-event-data="{ 15691 "product": { 15692 "title": "Caffeine-Free Herbal Tea â Vine Tea", 15693 "listName": "Best Seller", 15694 "sku": "9666539651351", 15695 "currencyCode": "USD", 15696 "price": 990, 15697 "vendor": "iTeaworld" 15698 } 15699 }" 15700 > 15701 Caffeine-Free Herbal Tea â Vine Tea 15702 </a> 15703 </h3> 15704 15705<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"> 15706 15707 15708 <div class=" price leading-none"> 15709 <div class=""> 15710 <div class="target-price hidden">990</div> 15711 <div class="target-compare-at-price hidden"></div> 15712 15713<p class="price ">
15714 <span>From $9.90 USD</span> 15715 </p><small class="text-[70%] hidden"> 15716 <span class="hidden">Unit price</span> 15717 <span class="up price-item price-item--last"> 15718 <span class="unit-price"> 15719 15720 </span> 15721 <span aria-hidden="true">/</span> 15722 <span class="hidden"> per </span> 15723 <span> 15724 </span> 15725 </span> 15726 </small> 15727 15728 </div> 15729 15730</div> 15731 15732 <div class="leading-none next-price empty:hidden"></div> 15733 </div> 15734 15735 <template x-if="localStorage.getItem('selectedStore')"> 15736 <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])"> 15737 <div 15738 x-data='{ 15739 storeAvailabilites: { 15740 15741 }, 15742 pickupLocation: [ 15743 15744 ] 15745 }' 15746 x-show="$store.xStoreSelector?.selectedStore && pickupLocation.includes($store.xStoreSelector?.getStore())" 15747> 15748 <style data-shopify> 15749 .text-available, .text-unavailable { 15750 font-size: 0.669375rem; 15751 font-family: var(--font-body-family); 15752 } 15753 15754 @media (min-width: 768px) { 15755 .text-available, .text-unavailable { 15756 font-size: 0.74375rem; 15757 } 15758 } 15759 15760 .text-available { 15761 color: #739047; 15762 } 15763 15764 .dark .text-available { 15765 color: #739047; 15766 } 15767 15768 .text-unavailable { 15769 color: #767474; 15770 } 15771 15772 .dark .text-unavailable { 15773 color: #867F7F; 15774 } 15775 </style> 15776 <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-available flex flex-row items-center gap-[3px]"> 15777 <span class="flex h-4 w-4 relative"> 15778<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 15779 <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/> 15780 <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/> 15781</svg> 15782 15783</span><span x-text="'Available for pickup at ' + $store.xStoreSelector?.getStoreText()"> </span> 15784 </div> 15785 <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]"> 15786 <span class="flex h-4 w-4 relative"> 15787<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 15788 <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/> 15789 <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/> 15790</svg> 15791 15792</span><span x-text="'Out of stock at ' + $store.xStoreSelector?.getStoreText()"> </span> 15793 </div> 15794</div> 15795 </div> 15796 </template> 15797 </div> 15798 </div> 15799 </div> 15800 15801 </div><div 15802 id="choose-options-template--27603645268247__featured_collection_p7xGPi-9666539651351-collection_TLnHCx" 15803 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" 15804 x-show="showOptions" 15805 x-transition:enter="transition-all ease-in-out duration-300" 15806 x-transition:enter-start="opacity-0 transform translate-y-full" 15807 x-transition:enter-end="opacity-100 transform translate-y-0" 15808 x-transition:leave="transition-all ease-in-out duration-300" 15809 x-transition:leave-start="opacity-100 transform translate-y-0" 15810 x-transition:leave-end="opacity-0 transform translate-y-full" 15811 x-cloak 15812 > 15813 <div class="choose-options relative w-full min-h-full h-full"></div> 15814 <div class="icon-loading hidden absolute top-0 left-0 right-0 h-full w-full z-20 bg-[rgba(var(--background-color))]"> 15815 <div 15816 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-[
15816calc(50%-10px)]"> 15817 <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> 15818 <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" 15819 fill="currentcolor" stroke="none"> 15820 <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"/> 15821 </g> 15822 </svg> 15823 15824 </div> 15825 </div> 15826 </div> 15827 <div 15828 id="x-product-template-9666539651351-template--27603645268247__featured_collection_p7xGPi-1-3" 15829 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" 15830 > 15831 15832 15833 15834<div 15835 class="x-variants-data x-variants-data-js pt-3 border-t mt-3" 15836 x-data='xVariantSelectCard($el,"template--27603645268247__featured_collection_p7xGPi-1-3", "9666539651351", "/products/herbal-tea-vine-tea", false, false, false, "")' 15837 15838 data-option1="2.11 OZ (60g)" 15839 15840 data-option2="Default (CN) Warehouse" 15841 15842 x-intersect.margin.200px="if ($el.querySelector('#variant-update-template--27603645268247__featured_collection_p7xGPi-1-3').innerHTML.trim() == '') $el.classList.add('hidden');" 15843 > 15844 <div 15845 id="current-variant-template--27603645268247__featured_collection_p7xGPi-9666539651351-collection_TLnHCx" 15846 class="current-variant hidden" 15847 > 15848 49623380427031 15849 </div> 15850 <div 15851 id="variant-update-template--27603645268247__featured_collection_p7xGPi-1-3" 15852 class="variant-update-template--27603645268247__featured_collection_p7xGPi-1-3 list-layout:md:text-left rtl:list-layout:md:text-right options-container" 15853 > 15854 15855 15856 15857</div> 15858 </div> 15859
15859<script src="//iteaworld.com/cdn/shop/t/51/assets/variant-select-card.js?v=141088792309509576511782181913" defer></script>
15859 15860 15861 15862 <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> 15863 15864 <div class="card-info x-highlight-icon mt-2.5"> 15865 <div 15866 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" 15867 x-data="{setPosition(el) { 15868 parentEl = el.closest('.x-highlight-icon').getBoundingClientRect(); 15869 el.style.setProperty('--maxwidth-tooltip', parentEl.width - 20 + 'px'); 15870 elRect = el.getBoundingClientRect(); 15871 let spacingLeft = elRect.left - parentEl.left; 15872 if (spacingLeft < 0) { 15873 el.style.setProperty('--left-tooltip', Math.abs(spacingLeft) + 'px'); 15874 } 15875 let spacingRight = parentEl.right - elRect.right; 15876 if (spacingRight < 0) { 15877 el.style.setProperty('--left-tooltip', spacingRight + 'px'); 15878 } 15879 }}" 15880 x-init="$el.innerHTML = $el.innerHTML.trim();" 15881> 15882 � 15883 � 15884 � 15885 �</div> 15886 </div> 15887 15888 15889 <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)" 15890 class="card-info bottom_atc md:list-layout:hidden hide-icon" 15891 :class="if($store.xQuickView.show_atc_button){ return ($store.xQuickView.btn_atc_bottom ? '' : 'hidden') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:hidden' : ' lg:block')}" 15892 x-cloak 15893 > 15894 15895 <button 15896 type="submit" 15897 name="add" 15898 @click.prevent="setTimeout(() => { $store.xQuickView && (showOptions = !showOptions); $store.xQuickView.showChooseOption('template--27603645268247__featured_collection_p7xGPi-9666539651351-collection_TLnHCx', $el); }, 0)" 15899 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)" 15900 data-id="template--27603645268247__featured_collection_p7xGPi-9666539651351-collection_TLnHCx" 15901 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" 15902 :class="errorMessage && 'opacity-60 cursor-not-allowed'" 15903 aria-label="Choose options" 15904 > 15905 <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}"> 15906 15907 <span class="flex items-center justify-center"> 15908 15909 15910 15911 15912 <span class="button-text is-focus-button:opacity-0">Choose options</span> 15913 15914 15915 15916 15917 </span> 15918 </span> 15919 <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> 15920 <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> 15921 <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" 15922 fill="currentcolor" stroke="none"> 15923 <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"/> 15924 </g> 15925 </svg> 15926 15927 </div> 15928 </button> 15929 15930 </div></template> 15931 15932 15933 <template x-if="$store.xQuickView"> 15934 <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 && ''"> 15935 15936 <button 15937 type="submit" 15938 name="add" 15939 15940 @click.prevent="setTimeout(() => { $store.xQuickView && (showOptions = !showOptions); $store.xQuickView.showChooseOption('template--27603645268247__featured_collection_p7xGPi-9666539651351-collection_TLnHCx', $el); }, 0)" 15941 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)" 15942 data-id="template--27603645268247__featured_collection_p7xGPi-9666539651351-collection_TLnHCx" 15943 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" 15944 :class="errorMessage && 'opacity-60 cursor-not-allowed'"
15945 aria-label="Choose options" 15946 > 15947 <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}"> 15948 15949 <span class="flex items-center justify-center"> 15950 15951 15952 15953 15954 <span class="button-text is-focus-button:opacity-0">Choose options</span> 15955 15956 15957 15958 15959 </span> 15960 </span> 15961 <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> 15962 <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> 15963 <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" 15964 fill="currentcolor" stroke="none"> 15965 <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"/> 15966 </g> 15967 </svg> 15968 15969 </div> 15970 </button> 15971 15972 </div><button 15973 x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/products/herbal-tea-vine-tea', $el, 'template--27603645268247__featured_collection_p7xGPi-9666539651351-collection_TLnHCx')" 15974 x-on:focus="$store.xQuickView && $store.xQuickView.load('/products/herbal-tea-vine-tea', $el, 'template--27603645268247__featured_collection_p7xGPi-9666539651351-collection_TLnHCx')" 15975 @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 15976 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" 15977 aria-label="Button quickview" 15978 x-customer-event-data="{ 15979 "product": { 15980 "title": "Caffeine-Free Herbal Tea â Vine Tea", 15981 "listName": "Best Seller", 15982 "sku": "9666539651351", 15983 "currencyCode": "USD", 15984 "price": 990, 15985 "vendor": "iTeaworld" 15986 } 15987 }" 15988 x-show="$store.xQuickView.enabled" 15989 > 15990 <span class="flex justify-center items-center"> 15991 15992 15993 <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span> 15994 15995 15996 </span> 15997 </button> 15998 </div> 15999 </template> 16000 16001 </div> 16002</div> 16003<style data-shopify> 16004 .x-slide-animation-duration-4 { 16005 --delay-time: 300ms 16006 } 16007 </style> 16008 16009 16010 16011<div 16012 16013 x-data="xProductCard('template--27603645268247__featured_collection_p7xGPi-1-4', '/products/da-hong-pao', '8398719648023')" 16014 16015 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]" 16016 x-slide-index="3" 16017> 16018 <div class="md:list-layout:w-2/5 md:list-layout:lg:w-1/4 relative disable-effect md:list-layout:pr-8" 16019 > 16020 <style data-shopify> 16021 16022 </style> 16023 16024 <style data-shopify> 16025 16026 </style> 16027 <a 16028 16029 x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active', 'lazy_active')" 16030 16031 href="/products/da-hong-pao" 16032 16033 x-data="{ lastWindowWidth: 0 }" 16034 x-intersect.once.margin.200px='$nextTick(() => { $store.xBadges && $store.xBadges.load($el, () => {}, null, true); })' 16035 x-labels-data="[ 16036 16037{ 16038 "variant_id": 55297771503895, 16039 "product_id": 8398719648023, 16040 "available": true, 16041 "title": "Da Hong Pao Oolong Tea 80g", 16042 "compare_at_price": 0, 16043 "price": 1999, 16044 "price_with_currency": "$19.99 USD", 16045 "sale_amount": "$-19.99", 16046 "collections": "||532285358359||526343635223||526632485143||511975915799||529991958807||495480209687||456987115799||509327376663||449406664983||532159365399||527444803863||525935542551||531755041047||531756548375||498760843543||526631928087||", 16047 "inventory_management": "shopify", 16048 "qty": 13, 16049 "container": "card", 16050 "can_show_preorder": false, 16051 "diff_day_create": 1188.85, 16052 "diff_day_publish": 104.1 16053 16054 ,"metafield_label": { 16055 "custom.flavors":"" 16056 } 16057 16058 } 16059 ]" 16060 16061 aria-label="Da Hong Pao Oolong Tea 80g" 16062 id="8398719648023-template--27603645268247__featured_collection_p7xGPi" 16063 class="x-labels-data ltr group link-product-variant overflow-hidden block relative z-[15] curs
16063or-pointer before:h-0 before:block no-collage rounded-[10px] pb-[100%]"> 16064 <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"> 16065 <div 16066 id="x-slideshow-card-product-template--27603645268247__featured_collection_p7xGPi-1-4-3" 16067 class="block h-full" 16068 @click='$store.xCustomerEvent.fire("product_selected", $el)' 16069 x-customer-event-data="{ 16070 "product": { 16071 "title": "Da Hong Pao Oolong Tea 80g", 16072 "listName": "Best Seller", 16073 "sku": "8398719648023", 16074 "currencyCode": "USD", 16075 "price": 1999, 16076 "vendor": "iTeaworld" 16077 } 16078 }" 16079 ><div 16080 class="absolute inset-0 z-10 pointer-events-auto dbtap-overlay" 16081 @touchstart="onTouchStart($event)" 16082 @touchend.prevent="onTouchEnd($el.closest('.x-splide'))" 16083 @touchmove="onTouchMove($event)" 16084 ></div> 16085<div class="w-full z-0 h-full min-h-full top-0 left-0 absolute" 16086 > 16087 16088 <picture> 16089 <img 16090 srcset=" 16091 //iteaworld.com/cdn/shop/files/iTeaworld_da_hong_pao_daliy_use_2.webp?v=1781254467&width=250 250w, 16092 //iteaworld.com/cdn/shop/files/iTeaworld_da_hong_pao_daliy_use_2.webp?v=1781254467&width=350 350w, 16093 //iteaworld.com/cdn/shop/files/iTeaworld_da_hong_pao_daliy_use_2.webp?v=1781254467&width=450 450w, 16094 //iteaworld.com/cdn/shop/files/iTeaworld_da_hong_pao_daliy_use_2.webp?v=1781254467&width=750 750w, 16095 //iteaworld.com/cdn/shop/files/iTeaworld_da_hong_pao_daliy_use_2.webp?v=1781254467&width=900 900w, 16096 //iteaworld.com/cdn/shop/files/iTeaworld_da_hong_pao_daliy_use_2.webp?v=1781254467&width=1100 1100w, 16097 //iteaworld.com/cdn/shop/files/iTeaworld_da_hong_pao_daliy_use_2.webp?v=1781254467&width=1500 1500w,//iteaworld.com/cdn/shop/files/iTeaworld_da_hong_pao_daliy_use_2.webp?v=1781254467 1600w" 16098 src="//iteaworld.com/cdn/shop/files/iTeaworld_da_hong_pao_daliy_use_2.webp?v=1781254467&width=1500" 16099 sizes="(min-width: 1400px) calc(100vw / 4), (min-width: 1024px) calc((100vw) / 4), (min-width: 768px) calc((100vw) / 2), calc(100vw /2)" 16100 alt="Da Hong Pao Oolong Tea 80g" 16101 :class="showSecond ? 'first-img' : ''" 16102 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" 16103 loading="lazy" 16104 width="1600" 16105 height="1600" 16106 onload="this?.classList.add('active');this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image'); 16107 setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);" 16108 /> 16109 </picture> 16110 16111 </div><div class="w-full h-full top-0 left-0 absolute lg:block"> 16112 16113 <picture> 16114 <img 16115 srcset="//iteaworld.com/cdn/shop/files/iTeaworld_da_hong_pao_daliy_use_5.webp?v=1781254466&width=250 250w, 16116 //iteaworld.com/cdn/shop/files/iTeaworld_da_hong_pao_daliy_use_5.webp?v=1781254466&width=350 350w, 16117 //iteaworld.com/cdn/shop/files/iTeaworld_da_hong_pao_daliy_use_5.webp?v=1781254466&width=450 450w, 16118 //iteaworld.com/cdn/shop/files/iTeaworld_da_hong_pao_daliy_use_5.webp?v=1781254466&width=750 750w, 16119 //iteaworld.com/cdn/shop/files/iTeaworld_da_hong_pao_daliy_use_5.webp?v=1781254466&width=900 900w, 16120 //iteaworld.com/cdn/shop/files/iTeaworld_da_hong_pao_daliy_use_5.webp?v=1781254466&width=1100 1100w, 16121 //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" 16122 src="//iteaworld.com/cdn/shop/files/iTeaworld_da_hong_pao_daliy_use_5.webp?v=1781254466&width=1500" 16123 sizes="(min-width: 1400px) calc(100vw / 4), (min-width: 1024px) calc((100vw) / 4), (min-width: 768px) calc((100vw) / 2), calc(100vw /2)" 16124 alt="Da Hong Pao Oolong Tea 80g" 16125 :class="showSecond ? 'second-img' : ''" 16126 class="motion-reduce min-w-full h-full object-cover group-hover:cursor-pointer image-second-hover opacity-0 lg:group-hover:opacity-100" 16127 loading="lazy" 16128 width="1600" 16129 height="1600" 16130 onload="this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image'); 16131 setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);" 16132 /> 16133 </picture> 16134 16135 </div></div> 16136 </div> 16137 <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" 16138 x-show="$store.xQuickView" x-cloak 16139 > 16140 <div x-data="xProductCart" x-show="$store.xQuickView && $store.xQuickView.show_atc_button" 16141 class="w-full hide-icon lg:px-4"
16142 :class="if($store.xQuickView){ return ($store.xQuickView.btn_atc_bottom ? 'hidden' : '') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:block' : ' lg:hidden') }" 16143 x-cloak 16144 > 16145 16146 <button 16147 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" 16148 :class="errorMessage && 'opacity-60 cursor-not-allowed'" 16149 16150 type="submit" 16151 name="add" 16152 @click.prevent="setTimeout(() => { $store.xQuickView && (showOptions = !showOptions); $store.xQuickView.showChooseOption('template--27603645268247__featured_collection_p7xGPi-8398719648023-collection_TLnHCx', $el); }, 0)" 16153 x-on:mouseover="setTimeout(() => { $store.xQuickView && $store.xQuickView.loadChooseOptions('/products/da-hong-pao', $el, 'template--27603645268247__featured_collection_p7xGPi-8398719648023-collection_TLnHCx', 604); }, 0)" 16154 data-id="template--27603645268247__featured_collection_p7xGPi-8398719648023-collection_TLnHCx" 16155 16156 aria-label="Choose options" 16157 16158 16159 > 16160 <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}"> 16161 16162 <span class="flex items-center justify-center"> 16163 16164 16165 16166 16167 <span class="button-text is-focus-button:opacity-0">Choose options</span> 16168 16169 16170 16171 16172 </span> 16173 </span> 16174 <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> 16175 <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> 16176 <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" 16177 fill="currentcolor" stroke="none"> 16178 <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"/> 16179 </g> 16180 </svg> 16181 16182 </div> 16183 </button> 16184 <button 16185 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" 16186 :class="errorMessage && 'opacity-60 cursor-not-allowed'" 16187 16188 type="submit" 16189 name="add" 16190 @click.prevent="setTimeout(() => { $store.xQuickView && (showOptions = !showOptions); $store.xQuickView.showChooseOption('template--27603645268247__featured_collection_p7xGPi-8398719648023-collection_TLnHCx', $el); }, 0)" 16191 x-on:mouseover="setTimeout(() => { $store.xQuickView && $store.xQuickView.loadChooseOptions('/products/da-hong-pao', $el, 'template--27603645268247__featured_collection_p7xGPi-8398719648023-collection_TLnHCx', 604); }, 0)" 16192 data-id="template--27603645268247__featured_collection_p7xGPi-8398719648023-collection_TLnHCx"aria-label="Add to cart"x-customer-event-data="{ 16193 "product": { 16194 "title": "Da Hong Pao Oolong Tea 80g", 16195 "listName": "Best Seller", 16196 "sku": "8398719648023", 16197 "currencyCode": "USD", 16198 "price": 1999, 16199 "vendor": "iTeaworld" 16200 } 16201 }" 16202 16203 >
16204 <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;"> 16205 <g> 16206 <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"/> 16207 <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"/> 16208 <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"/> 16209 <path d="M1.44977 1.35001H3.34977" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 16210 </g> 16211 </svg></span> 16212 <span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak> 16213 <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> 16214 <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" 16215 fill="currentcolor" stroke="none"> 16216 <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"/> 16217 </g> 16218 </svg> 16219 16220 </span> 16221 </button> 16222 16223 </div> 16224 </div><div 16225 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" 16226 :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'" 16227 x-show="$store.xQuickView && $store.xQuickView.enabled" x-cloak 16228 > 16229 <div> 16230 <button 16231 @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 16232 x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/products/da-hong-pao', $el, 'template--27603645268247__featured_collection_p7xGPi-8398719648023-collection_TLnHCx')" 16233 x-on:focus="$store.xQuickView && $store.xQuickView.load('/products/da-hong-pao', $el, 'template--27603645268247__featured_collection_p7xGPi-8398719648023-collection_TLnHCx')" 16234 class="button label-btn-quickview button--quickview not-icon leading-normal empty:hidden hidden lg:block z-50 h-full" 16235 :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'" 16236 x-customer-event-data="{ 16237 "product": { 16238 "title": "Da Hong Pao Oolong Tea 80g", 16239 "listName": "Best Seller", 16240 "sku": "8398719648023", 16241 "currencyCode": "USD", 16242 "price": 1999, 16243 "vendor": "iTeaworld" 16244 } 16245 }" 16246 aria-label="Button quickview" 16247 > 16248 <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
16248ox="0 0 16 16" fill="none" style="fill:none;"> 16249 <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"/> 16250 <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 16251 </svg> 16252</span> 16253 <span x-show="$store.xQuickView && !$store.xQuickView.show_atc_button" class="flex items-center justify-center"> 16254 16255 16256 <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span> 16257 16258 16259 </span> 16260 </button> 16261 <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);' 16262 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" 16263 aria-label="Button quickview" 16264 x-customer-event-data="{ 16265 "product": { 16266 "title": "Da Hong Pao Oolong Tea 80g", 16267 "listName": "Best Seller", 16268 "sku": "8398719648023", 16269 "currencyCode": "USD", 16270 "price": 1999, 16271 "vendor": "iTeaworld" 16272 } 16273 }" 16274 > 16275 <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;"> 16276 <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"/> 16277 <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 16278 </svg> 16279</span> 16280 </button> 16281 </div> 16282 </div> 16283 </div> 16284 16285 </a> 16286 16287 16288 <div class="md:list-layout:hidden"> 16289 <div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0"> 16290 <div class="no-collage:mb-2 text-center md:list-layout:text-left"> 16291 16292 <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"> 16293 <a href="/products/da-hong-pao" 16294 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" 16295 @click='$store.xCustomerEvent.fire("product_selected", $el)' 16296 x-customer-event-data="{ 16297 "product": { 16298 "title": "Da Hong Pao Oolong Tea 80g", 16299 "listName": "Best Seller", 16300 "sku": "8398719648023", 16301 "currencyCode": "USD", 16302 "price": 1999, 16303 "vendor": "iTeaworld" 16304 } 16305 }" 16306 > 16307 Da Hong Pao Oolong Tea 80g 16308 </a> 16309 </h3> 16310 16311<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"> 16312 16313 16314 <div class=" price leading-none"> 16315 <div class=""> 16316 <div class="target-price hidden">1999</div> 16317 <div class="target-compare-at-price hidden"></div> 16318 16319<p class="price ">
16320 <span>$19.99 USD</span> 16321 </p><small class="text-[70%] hidden"> 16322 <span class="hidden">Unit price</span> 16323 <span class="up price-item price-item--last"> 16324 <span class="unit-price"> 16325 16326 </span> 16327 <span aria-hidden="true">/</span> 16328 <span class="hidden"> per </span> 16329 <span> 16330 </span> 16331 </span> 16332 </small> 16333 16334 </div> 16335 16336</div> 16337 16338 <div class="leading-none next-price empty:hidden"></div> 16339 </div> 16340 16341 <template x-if="localStorage.getItem('selectedStore')"> 16342 <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])"> 16343 <div 16344 x-data='{ 16345 storeAvailabilites: { 16346 16347 }, 16348 pickupLocation: [ 16349 16350 ] 16351 }' 16352 x-show="$store.xStoreSelector?.selectedStore && pickupLocation.includes($store.xStoreSelector?.getStore())" 16353> 16354 <style data-shopify> 16355 .text-available, .text-unavailable { 16356 font-size: 0.669375rem; 16357 font-family: var(--font-body-family); 16358 } 16359 16360 @media (min-width: 768px) { 16361 .text-available, .text-unavailable { 16362 font-size: 0.74375rem; 16363 } 16364 } 16365 16366 .text-available { 16367 color: #739047; 16368 } 16369 16370 .dark .text-available { 16371 color: #739047; 16372 } 16373 16374 .text-unavailable { 16375 color: #767474; 16376 } 16377 16378 .dark .text-unavailable { 16379 color: #867F7F; 16380 } 16381 </style> 16382 <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-available flex flex-row items-center gap-[3px]"> 16383 <span class="flex h-4 w-4 relative"> 16384<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 16385 <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/> 16386 <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/> 16387</svg> 16388 16389</span><span x-text="'Available for pickup at ' + $store.xStoreSelector?.getStoreText()"> </span> 16390 </div> 16391 <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]"> 16392 <span class="flex h-4 w-4 relative"> 16393<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 16394 <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/> 16395 <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/> 16396</svg> 16397 16398</span><span x-text="'Out of stock at ' + $store.xStoreSelector?.getStoreText()"> </span> 16399 </div> 16400</div> 16401 </div> 16402 </template> 16403 </div> 16404 </div> 16405 </div> 16406 16407 </div><div 16408 id="choose-options-template--27603645268247__featured_collection_p7xGPi-8398719648023-collection_TLnHCx" 16409 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" 16410 x-show="showOptions" 16411 x-transition:enter="transition-all ease-in-out duration-300" 16412 x-transition:enter-start="opacity-0 transform translate-y-full" 16413 x-transition:enter-end="opacity-100 transform translate-y-0" 16414 x-transition:leave="transition-all ease-in-out duration-300" 16415 x-transition:leave-start="opacity-100 transform translate-y-0" 16416 x-transition:leave-end="opacity-0 transform translate-y-full" 16417 x-cloak 16418 > 16419 <div class="choose-options relative w-full min-h-full h-full"></div> 16420 <div class="icon-loading hidden absolute top-0 left-0 right-0 h-full w-full z-20 bg-[rgba(var(--background-color))]"> 16421 <div 16422 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-[
16422calc(50%-10px)]"> 16423 <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> 16424 <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" 16425 fill="currentcolor" stroke="none"> 16426 <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"/> 16427 </g> 16428 </svg> 16429 16430 </div> 16431 </div> 16432 </div> 16433 <div 16434 id="x-product-template-8398719648023-template--27603645268247__featured_collection_p7xGPi-1-4" 16435 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" 16436 > 16437 16438 16439 16440<div 16441 class="x-variants-data x-variants-data-js pt-3 border-t mt-3" 16442 x-data='xVariantSelectCard($el,"template--27603645268247__featured_collection_p7xGPi-1-4", "8398719648023", "/products/da-hong-pao", false, false, false, "")' 16443 16444 data-option1="Default (CN) Warehouse" 16445 16446 x-intersect.margin.200px="if ($el.querySelector('#variant-update-template--27603645268247__featured_collection_p7xGPi-1-4').innerHTML.trim() == '') $el.classList.add('hidden');" 16447 > 16448 <div 16449 id="current-variant-template--27603645268247__featured_collection_p7xGPi-8398719648023-collection_TLnHCx" 16450 class="current-variant hidden" 16451 > 16452 55297771503895 16453 </div> 16454 <div 16455 id="variant-update-template--27603645268247__featured_collection_p7xGPi-1-4" 16456 class="variant-update-template--27603645268247__featured_collection_p7xGPi-1-4 list-layout:md:text-left rtl:list-layout:md:text-right options-container" 16457 > 16458 16459</div> 16460 </div> 16461
16461<script src="//iteaworld.com/cdn/shop/t/51/assets/variant-select-card.js?v=141088792309509576511782181913" defer></script>
16461 16462 16463 16464 <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> 16465 16466 <div class="card-info x-highlight-icon mt-2.5"> 16467 <div 16468 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" 16469 x-data="{setPosition(el) { 16470 parentEl = el.closest('.x-highlight-icon').getBoundingClientRect(); 16471 el.style.setProperty('--maxwidth-tooltip', parentEl.width - 20 + 'px'); 16472 elRect = el.getBoundingClientRect(); 16473 let spacingLeft = elRect.left - parentEl.left; 16474 if (spacingLeft < 0) { 16475 el.style.setProperty('--left-tooltip', Math.abs(spacingLeft) + 'px'); 16476 } 16477 let spacingRight = parentEl.right - elRect.right; 16478 if (spacingRight < 0) { 16479 el.style.setProperty('--left-tooltip', spacingRight + 'px'); 16480 } 16481 }}" 16482 x-init="$el.innerHTML = $el.innerHTML.trim();" 16483> 16484 � 16485 � 16486 � 16487 �</div> 16488 </div> 16489 16490 16491 <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)" 16492 class="card-info bottom_atc md:list-layout:hidden hide-icon" 16493 :class="if($store.xQuickView.show_atc_button){ return ($store.xQuickView.btn_atc_bottom ? '' : 'hidden') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:hidden' : ' lg:block')}" 16494 x-cloak 16495 > 16496 16497 <button 16498 type="submit" 16499 name="add" 16500 @click.prevent="setTimeout(() => { $store.xQuickView && (showOptions = !showOptions); $store.xQuickView.showChooseOption('template--27603645268247__featured_collection_p7xGPi-8398719648023-collection_TLnHCx', $el); }, 0)" 16501 x-on:mouseover="setTimeout(() => { $store.xQuickView && $store.xQuickView.loadChooseOptions('/products/da-hong-pao', $el, 'template--27603645268247__featured_collection_p7xGPi-8398719648023-collection_TLnHCx', 604); }, 0)" 16502 data-id="template--27603645268247__featured_collection_p7xGPi-8398719648023-collection_TLnHCx" 16503 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" 16504 :class="errorMessage && 'opacity-60 cursor-not-allowed'" 16505 aria-label="Choose options" 16506 > 16507 <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}"> 16508 16509 <span class="flex items-center justify-center"> 16510 16511 16512 16513 16514 <span class="button-text is-focus-button:opacity-0">Choose options</span> 16515 16516 16517 16518 16519 </span> 16520 </span> 16521 <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> 16522 <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> 16523 <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" 16524 fill="currentcolor" stroke="none"> 16525 <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"/> 16526 </g> 16527 </svg> 16528 16529 </div> 16530 </button> 16531 16532 </div></template> 16533 16534 16535 <template x-if="$store.xQuickView"> 16536 <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 && ''"> 16537 16538 <button 16539 type="submit" 16540 name="add" 16541 16542 @click.prevent="setTimeout(() => { $store.xQuickView && (showOptions = !showOptions); $store.xQuickView.showChooseOption('template--27603645268247__featured_collection_p7xGPi-8398719648023-collection_TLnHCx', $el); }, 0)" 16543 x-on:mouseover="setTimeout(() => { $store.xQuickView && $store.xQuickView.loadChooseOptions('/products/da-hong-pao', $el, 'template--27603645268247__featured_collection_p7xGPi-8398719648023-collection_TLnHCx', 604); }, 0)" 16544 data-id="template--27603645268247__featured_collection_p7xGPi-8398719648023-collection_TLnHCx" 16545 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" 16546 :class="errorMessage && 'opacity-60 cursor-not-allowed'"
16547 aria-label="Choose options" 16548 > 16549 <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}"> 16550 16551 <span class="flex items-center justify-center"> 16552 16553 16554 16555 16556 <span class="button-text is-focus-button:opacity-0">Choose options</span> 16557 16558 16559 16560 16561 </span> 16562 </span> 16563 <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> 16564 <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> 16565 <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" 16566 fill="currentcolor" stroke="none"> 16567 <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"/> 16568 </g> 16569 </svg> 16570 16571 </div> 16572 </button> 16573 16574 </div><button 16575 x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/products/da-hong-pao', $el, 'template--27603645268247__featured_collection_p7xGPi-8398719648023-collection_TLnHCx')" 16576 x-on:focus="$store.xQuickView && $store.xQuickView.load('/products/da-hong-pao', $el, 'template--27603645268247__featured_collection_p7xGPi-8398719648023-collection_TLnHCx')" 16577 @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 16578 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" 16579 aria-label="Button quickview" 16580 x-customer-event-data="{ 16581 "product": { 16582 "title": "Da Hong Pao Oolong Tea 80g", 16583 "listName": "Best Seller", 16584 "sku": "8398719648023", 16585 "currencyCode": "USD", 16586 "price": 1999, 16587 "vendor": "iTeaworld" 16588 } 16589 }" 16590 x-show="$store.xQuickView.enabled" 16591 > 16592 <span class="flex justify-center items-center"> 16593 16594 16595 <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span> 16596 16597 16598 </span> 16599 </button> 16600 </div> 16601 </template> 16602 16603 </div> 16604</div> 16605</div> 16606 </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"> 16607 <div class="splide-progress inline-block grow rounded-md"> 16608 <style data-shopify>.splide-progress-bar-template--27603645268247__featured_collection_p7xGPi-collection_TLnHCx { 16609 width: 50.0%; 16610 } 16611 @media (min-width: 768px) { 16612 .splide-progress-bar-template--27603645268247__featured_collection_p7xGPi-collection_TLnHCx { 16613 width: 100.0%; 16614 } 16615 }</style><div class="splide-progress-bar-template--27603645268247__featured_collection_p7xGPi-collection_TLnHCx splide-progress-bar rounded-md"></div> 16616 </div> 16617 </div></div> 16618 </div> 16619 </div> 16620 </div> 16621 </div> 16622 </div> 16623</div>
16624<script src="//iteaworld.com/cdn/shop/t/51/assets/preview-color-swatches.js?v=144173175652728470521782181913" defer></script>
16624 16625</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"> 16626 16627 <a 16628 x-cloak 16629 x-show="view_all_link" 16630 class="nav-link font-medium effect-inline relative flex items-center hover-text-link empty:hidden cursor-pointer gap-1" 16631 :href="view_all_link" 16632 :class="'opacity-70 hover:cursor-not-allowed' && view_all_link" 16633 > 16634 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;"> 16635 <g> 16636 <path d="M4.5 0.642578L7.5 4.49972L4.5 8.35686" stroke="currentcolor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/> 16637 <path d="M0.5 0.642578L3.5 4.49972L0.5 8.35686" stroke="currentcolor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/> 16638 </g> 16639 </svg> 16640</span> 16641 </a> 16642 16643 </div></div>
16644<script src="//iteaworld.com/cdn/shop/t/51/assets/featured-collection.js?v=166203110154732063391782181913" defer></script>
16644 16645 16646 16647</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{ 16648 16649 --background-color: 255,255,255; 16650 background: #ffffff; 16651 16652 } 16653 .dark #shopify-section-template--27603645268247__rich_text_qqr8X3{background: #FFFFFF; 16654 --background-color: 255,255,255;} 16655 .section--template--27603645268247__rich_text_qqr8X3 { 16656 16657 16658 } 16659 .dark .section--template--27603645268247__rich_text_qqr8X3 { 16660 16661 --colors-text: 255, 255, 255; 16662 16663 16664 --colors-heading: 2, 2, 2; 16665 16666 }</style> 16667 16668<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]"> 16669 <div class="md:flex justify-center"> 16670 <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 { 16671 font-size: 1.485rem; 16672 } 16673 @media (min-width: 767px){ 16674 .heading-heading_wYJRA6 { 16675 font-size: 2.475rem; 16676 } 16677 }</style><div class="heading-heading_wYJRA6 x-rich-text-header p-break-words" > 16678 16679 16680 16681<style data-shopify> 16682 .heading-heading_wYJRA6 { 16683 16684 } 16685 .dark .heading-heading_wYJRA6 { 16686 16687 --color-highlight: #020202; 16688 16689 } 16690</style> 16691 16692 16693 16694 16695 16696 16697 <h2 16698 class='heading-heading_wYJRA6 h2 block pt-2 pb-2 leading-tight anm-fade-element' x-intersect.once="$el.classList.add('is-visible')"> 16699 16700 16701 16702 <span class="highlight relative inline-block hl-font">Loved by Tea Lovers 16703 16704</span> 16705 16706 16707 </h2> 16708 16709 16710 16711 </div> 16712 16713 </div> 16714 </div> 16715</div> 16716 16717</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> 16718<link rel="stylesheet" type="text/css" media="nope!" onload="this.media='all'" href="https://cdn.shopify.com/extensions/01a0cdf8-b2d2-7ccd-a251-5cf8c66ad2ca/judgeme-762/assets/carousels.css"> 16719<noscript><link rel="stylesheet" type="text/css" media="all" href="https://cdn.shopify.com/extensions/01a0cdf8-b2d2-7ccd-a251-5cf8c66ad2ca/judgeme-762/assets/carousels.css"></noscript> 16720<!-- END app snippet --> 16721 16722 16723 16724 <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" 16725 data-widget="cards-carousel" data-entry-point="carousel_lightbox.js" data-entry-key="carousel-lightbox/main.js" data-has-revamp="1" 16726 style="--max-width: 1600px; --text-color: #000000; --card-color: #f9f9f9; --header-color: #000000; --border-radius: 16px; 16727 --text-size: 14px; --arrows-color: #000000; --clamp: 4; --image-ratio: 1; --jm-arrows-mobile: ;"> 16728 <!-- BEGIN app snippet: carousel_header --> 16729 16730<div class="jdgm-header"> 16731 <h2 class="jdgm-title"></h2> 16732 16733 16734 16735 16736 16737 <div class="jdgm-header-info"> 16738 <div class="jdgm-average-rating"> 16739 <div class="jdgm-stars" role="img" aria-label="4.58 out of 5 stars"></div> 16740 <span class="jdgm-rating-text">4.58 <span class="jdgm-rating-star">â </span> (<span class="jdgm-reviews-count">952</span>)</span> 16741 </div> 16742 <div class="jdgm-verified-badge-header jdgm-hidden"> 16743 <svg class="jdgm-verified-checkmark" viewBox="0 0 20 20"> 16744 <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"/> 16745 </svg>
16746 <span class="jdgm-verified-text">Verified</span> 16747 </div> 16748 </div> 16749 16750</div> 16751<!-- END app snippet --> 16752 <div class="jdgm-content"> 16753 <!-- BEGIN app snippet: side_left_arrow --> 16754<button class="jdgm-arrow" aria-label="Previous slide" onclick="window.jdgmPreviousCard('AM2wxeEZrcUFPMUxIO__judge_me_reviews_cards_carousel_QkwQm3')"> 16755 <svg viewBox="0 0 20 34"> 16756 16757 <path d="M16 6L6 17L16 28" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/> 16758 16759 </svg> 16760</button> 16761 16762<!-- END app snippet --> 16763 <div class="jdgm-cards-wrapper"><div class="jdgm-videos-container"> 16764 16765 </div></div> 16766 <!-- BEGIN app snippet: side_right_arrow --> 16767<button class="jdgm-arrow" aria-label="Next slide" onclick="window.jdgmNextCard('AM2wxeEZrcUFPMUxIO__judge_me_reviews_cards_carousel_QkwQm3')"> 16768 <svg viewBox="0 0 20 34"> 16769 16770 <path d="M4 6L14 17L4 28" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/> 16771 16772 </svg> 16773</button> 16774 16775<!-- END app snippet --> 16776 </div> 16777 <!-- BEGIN app snippet: bottom_arrows --> 16778<!-- END app snippet --> 16779 </div> 16780 16781
16781<script> 16782 if (window.jdgm && jdgm.docReady) { jdgm.docReady(function() { jdgm.loadScript('video_carousel.js'); }); } 16783 </script>
16783 16784<!-- END app snippet --> 16785<!-- BEGIN app snippet: init_carousel --> 16786 16787 16788 16789
16789<script> 16790 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"; 16791 </script>
16791 16792 16793
16794<script> 16795 (function() { 16796 // INF-1976 16797 if (window.jdgm && window.jdgm._blocked) return; 16798 const shared = { 16799 reviews_selection: "featured_reviews", 16800 carousel_type: "cards" 16801 }; 16802 16803 const settings = { 16804 ...shared, 16805 quote_marks_size: "", 16806 stars_size: "", 16807 stars_color: "", 16808 verified_badge_style: "", 16809 product_name_text_size: "", 16810 transition_speed: "5", 16811 show_sample_reviews: "false", 16812 min_reviews: shared.carousel_type === 'videos' ? 3 : 1, 16813 design_mode: "false", 16814 collection_id: "", 16815 product_id: "", 16816 product_ids: "[]", 16817 show_reviewer_name: "true", 16818 carousel_style: "", 16819 autoplay_media: "null", 16820 primary_lang: 'en',cart_eligible_template: false, 16821 shop_aggregates: { reviewCount: 952 }, 16822 16823 show_product_name: "true", 16824 show_review_media: "true", 16825 no_image_fallback: "product_image", 16826 reviews_shown: "4", 16827 16828 }; 16829 const averageRating = 4.58;const params = { 16830 ...shared, 16831 star_rating: '5_star', 16832 custom_tags: "", 16833 tag_filter: "", 16834 16835 max_reviews: '30', 16836 url: 'https://iteaworld.com', 16837 shop_domain: 'd89fb3-3.myshopify.com', 16838 platform: 'shopify', 16839 primary_language: document.documentElement.lang, 16840 display_order: "media_first", 16841 }; 16842 const blockId = "AM2wxeEZrcUFPMUxIO__judge_me_reviews_cards_carousel_QkwQm3"; 16843 function loadSpecificScript() { 16844 const scriptSrc = shared.carousel_type === 'videos' || shared.carousel_type === 'cards' ? 'https://cdn.shopify.com/extensions/01a0cdf8-b2d2-7ccd-a251-5cf8c66ad2ca/judgeme-762/assets/media_carousel.js' : 'https://cdn.shopify.com/extensions/01a0cdf8-b2d2-7ccd-a251-5cf8c66ad2ca/judgeme-762/assets/testimonials_carousel.js'; 16845 if (document.querySelector(`script[src="${scriptSrc}"]`)) { initializeCarousel(); return; } 16846 const script = document.createElement('script'); 16847 script.src = scriptSrc; 16848 script.onload = function() { setTimeout(initializeCarousel, 50); }; 16849 script.onerror = function() { console.error('Error loading script:'); setTimeout(initializeCarousel, 100); }; 16850 document.head.appendChild(script); 16851 } 16852 16853 function initializeCarousel() { 16854 if (!window.jdgmCarouselUtils || !window.jdgmCarouselMode) { setTimeout(initializeCarousel, 50); return; } 16855 const buildFunction = shared.carousel_type === 'videos' || shared.carousel_type === 'cards' ? window.jdgmBuildMediaCards : window.jdgmBuildTestimonialCards; 16856 if (buildFunction) { 16857 const start = function() { window.jdgmCarouselUtils.initCarousel(blockId, settings, averageRating, params, buildFunction); }; 16858 start(); 16859 } else { 16860 setTimeout(initializeCarousel, 100); 16861 } 16862 } 16863 loadSpecificScript(); 16864 })(); 16865</script>
16865 16866<!-- END app snippet --> 16867 16868</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-09-23T07:51:12Z'> <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="187" 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 ">187</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> </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="187"></span> </div> <div class="jdgm-verified-by"> <span class="jdgm-verified-by__text"></span> <span class="jdgm-verified-by__image"></span> </div> </div> </div> 16869 16870 16871</div>�</div> 16872 16873 16874</section><section id="shopify-section-template--27603645268247__image_with_text_8hzNFa" class="shopify-section section section-image-with-text x-section"> 16875<style data-shopify>.iwt--template--27603645268247__image_with_text_8hzNFa { 16876 16877 background: rgb(var(--colors-background-secondary)); 16878 --background-color: var(--colors-background-secondary); 16879 16880 } 16881 .dark .iwt--template--27603645268247__image_with_text_8hzNFa { 16882 16883 background: rgb(var(--colors-background-secondary)); 16884 --background-color: var(--colors-background-secondary); 16885 16886 }.mobile-template--27603645268247__image_with_text_8hzNFa-natural { 16887 padding-bottom: 75.0%; 16888 }.border-radius-template--27603645268247__image_with_text_8hzNFa { 16889 16890 16891 border-radius: 10px; 16892 16893 16894 } 16895 @media screen and (min-width: 768px) {.desktop-template--27603645268247__image_with_text_8hzNFa-natural { 16896 padding-bottom: 75.0%; 16897 }} 16898 .border--template--27603645268247__image_with_text_8hzNFa, .border--template--27603645268247__image_with_text_8hzNFa:before { 16899 16900 --colors-line-and-border: var(--colors-line-and-border-base) 16901 16902 } 16903 .dark .border--template--27603645268247__image_with_text_8hzNFa, .dark .border--template--27603645268247__image_with_text_8hzNFa:before { 16904 16905 --colors-line-and-border: var(--colors-line-and-border-base) 16906 16907 } 16908 .icon--template--27603645268247__image_with_text_8hzNFa { 16909 width: 31.5px; 16910 height: 31.5px; 16911 min-width: 31.5px; 16912 min-height: 31.5px; 16913 16914 color: #898989; 16915 16916 } 16917 @media (min-width: 1024px){ 16918 .icon--template--27603645268247__image_with_text_8hzNFa { 16919 width: 45px; 16920 height: 45px; 16921 min-width: 45px; 16922 min-height: 45px; 16923 } 16924 } 16925 .dark .icon--template--27603645268247__image_with_text_8hzNFa { 16926 16927 color: rgb(var(--colors-text)); 16928 16929 } 16930 16931 .dark .color-text--template--27603645268247__image_with_text_8hzNFa { 16932 16933 --colors-text: var(--colors-text-secondary); 16934 16935 } 16936 .columns-header-color--template--27603645268247__image_with_text_8hzNFa { 16937 16938 --colors-heading: var(--colors-heading-secondary); 16939 16940 } 16941 .dark .columns-header-color--template--27603645268247__image_with_text_8hzNFa { 16942 16943 --colors-heading: var(--colors-heading-secondary); 16944 16945 }</style><div class="ltr pt-[0px] md:pt-[60px] pb-[0px] md:pb-[0px] x-pgw page-width pr-5 pl-5"> 16946 <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" 16947 > 16948 16949 <div class="iwt-image border-radius-template--27603645268247__image_with_text_8hzNFa md:w-1/2 promotion w-full flex"> 16950 <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"> 16951 <div class="flex w-full h-full relative md:promotion:relative"> 16952 16953 16954 16955 16956 <div class="border-radius-template--27603645268247__image_with_text_8hzNFa w-full overflow-hidden h-full"> 16957 <parallax-image class="block h-full w-full"> 16958 <parallax-movement x-data="xParallax" x-intersect.once.margin.200px="load(true)"> 16959 <img 16960 class="h-full w-full object-cover border-radius-template--27603645268247__image_with_text_8hzNFa animate_transition_slide__image animate-Xpulse skeleton-image" 16961 srcset="//iteaworld.com/cdn/shop/files/autumn_serenity_2.webp?v=1786333163&width=450 450w, 16962 //iteaworld.com/cdn/shop/files/autumn_serenity_2.webp?v=1786333163&width=750 750w, 16963 //iteaworld.com/cdn/shop/files/autumn_serenity_2.webp?v=1786333163&width=900 900w, 16964 //iteaworld.com/cdn/shop/files/autumn_serenity_2.webp?v=1786333163&width=1100 1100w, 16965 //iteaworld.com/cdn/shop/files/autumn_serenity_2.webp?v=1786333163&width=1500 1500w, 16966 //iteaworld.com/cdn/shop/files/autumn_serenity_2.webp?v=1786333163 1600w" 16967 src="//iteaworld.com/cdn/shop/files/autumn_serenity_2.webp?v=1786333163&width=1500" 16968 alt="" 16969 16970 16971 loading="lazy" 16972 16973 16974 onload="this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image'); this.closest('.animate_transition_slide__image')?.classList.add('active');" 16975 sizes="(min-width: 1024px) 700px, (min-width: 768px) 50vw, 100vw" 16976 width="1600" 16977 height="1200" 16978 style="object-position: 50.0% 50.0%" 16979 > 16980 </parallax-movement> 16981 </parallax-image> 16982 </div> 16983 16984 16985 16986 16987 </div> 16988 </div> 16989 </div> 16990 <div class="md:w-1/2 w-full flex justify-center md:justify-start iwt-content-no-overlap items-center rtl:md:justify-end" 16991 > 16992 <div class="iwt-content md:flex-1 w-full lg:pl-24 lg:pr-24"><style data-shopify>.heading-size--heading_XEfea6 { 16993 font-size: 1.485rem; 16994 } 16995 .color-text-heading_XEfea6 { 16996 16997 16998 --colors-text: 27, 27, 27; 16999 17000 } 17001 .dark .color-text-heading_XEfea6 { 17002 17003 --colors-heading: var(--colors-heading-secondary); 17004 17005 17006 --colors-text: var(--colors-text-secondary); 17007 17008 } 17009 @media (min-width: 768px) { 17010 .heading-size--heading_XEfea6 { 17011 font-size: 2.475rem; 17012 } 17013 }</style> 17014 <div class="x-block-text color-text-heading_XEfea6 text-[rgb(var(--colors-text))] w-full mt-4 text-start rtl:text-right" > 17015 17016 17017 <div class="mt-2 mb-1.5 md:mt-2.5 md:mb-3"> 17018 17019 17020 17021<style data-shopify> 17022 .heading-heading_XEfea6 { 17023 17024 } 17025 .dark .heading-heading_XEfea6 { 17026 17027 --color-highlight: #020202; 17028 17029 } 17030</style> 17031 17032 17033 17034 17035 17036 17037 <h2 17038 class='heading-heading_XEfea6 h2 block heading-size--heading_XEfea6'> 17039 17040 17041
17042 <span class="highlight relative inline-block hl-font">Tea Subscription 17043 17044</span> 17045 17046 17047 </h2> 17048 17049 17050 17051 </div> 17052 17053 17054 17055 17056 <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> 17057 17058 </div> 17059 17060 17061 <style data-shopify> 17062 .button-button_nP7UQF, .button-button_nP7UQF *:before { 17063 17064 17065 17066 17067 17068 17069 17070 } 17071 .dark .button-button_nP7UQF, .dark .button-button_nP7UQF *:before { 17072 17073 --colors-button: 255, 255, 255; 17074 17075 17076 --colors-button-text: 0, 0, 0; 17077 17078 17079 --colors-button-hover: rgb(255, 255, 255); 17080 17081 17082 --colors-button-text-hover: 36, 36, 36; 17083 17084 17085 --colors-secondary-button: 0, 0, 0; 17086 --colors-line-secondary-button: 0, 0, 0; 17087 17088 17089 --background-secondary-button: 255, 255, 255; 17090 --colors-line-secondary-button: 255, 255, 255; 17091 17092 17093 --colors-text-link: 255, 255, 255; 17094 17095 } 17096 </style> 17097 <div class="button-button_nP7UQF mb-9 md:mb-4 flex justify-start rtl:justify-right mt-4 md:mt-8" 17098 17099 > 17100 17101 <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"> 17102 17103 17104 17105 17106 <span class="button-text is-focus-button:opacity-0">LEARN MORE</span> 17107 17108 17109 17110 17111 </a> 17112 17113 </div> 17114 17115 17116 17117 </div> 17118 </div> 17119 </div> 17120</div> 17121 17122</section><section id="shopify-section-template--27603645268247__image_with_text_rd9Hpy" class="shopify-section section section-image-with-text x-section"> 17123<style data-shopify>.iwt--template--27603645268247__image_with_text_rd9Hpy { 17124 17125 background: rgb(var(--colors-background-secondary)); 17126 --background-color: var(--colors-background-secondary); 17127 17128 } 17129 .dark .iwt--template--27603645268247__image_with_text_rd9Hpy { 17130 17131 background: rgb(var(--colors-background-secondary)); 17132 --background-color: var(--colors-background-secondary); 17133 17134 }.mobile-template--27603645268247__image_with_text_rd9Hpy-natural { 17135 padding-bottom: 75.0%; 17136 }.border-radius-template--27603645268247__image_with_text_rd9Hpy { 17137 17138 17139 border-radius: 10px; 17140 17141 17142 } 17143 @media screen and (min-width: 768px) {.desktop-template--27603645268247__image_with_text_rd9Hpy-natural { 17144 padding-bottom: 75.0%; 17145 }} 17146 .border--template--27603645268247__image_with_text_rd9Hpy, .border--template--27603645268247__image_with_text_rd9Hpy:before { 17147 17148 --colors-line-and-border: var(--colors-line-and-border-base) 17149 17150 } 17151 .dark .border--template--27603645268247__image_with_text_rd9Hpy, .dark .border--template--27603645268247__image_with_text_rd9Hpy:before { 17152 17153 --colors-line-and-border: var(--colors-line-and-border-base) 17154 17155 } 17156 .icon--template--27603645268247__image_with_text_rd9Hpy { 17157 width: 31.5px; 17158 height: 31.5px; 17159 min-width: 31.5px; 17160 min-height: 31.5px; 17161 17162 color: #898989; 17163 17164 } 17165 @media (min-width: 1024px){ 17166 .icon--template--27603645268247__image_with_text_rd9Hpy { 17167 width: 45px; 17168 height: 45px; 17169 min-width: 45px; 17170 min-height: 45px; 17171 } 17172 } 17173 .dark .icon--template--27603645268247__image_with_text_rd9Hpy { 17174 17175 color: rgb(var(--colors-text)); 17176 17177 } 17178 17179 .dark .color-text--template--27603645268247__image_with_text_rd9Hpy { 17180 17181 --colors-text: var(--colors-text-secondary); 17182 17183 } 17184 .columns-header-color--template--27603645268247__image_with_text_rd9Hpy { 17185 17186 --colors-heading: var(--colors-heading-secondary); 17187 17188 } 17189 .dark .columns-header-color--template--27603645268247__image_with_text_rd9Hpy { 17190 17191 --colors-heading: var(--colors-heading-secondary); 17192 17193 }</style><div class="ltr pt-[0px] md:pt-[0px] pb-[0px] md:pb-[0px] x-pgw page-width pr-5 pl-5"> 17194 <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" 17195 > 17196 17197 <div class="iwt-image border-radius-template--27603645268247__image_with_text_rd9Hpy md:w-1/2 promotion w-full flex"> 17198 <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"> 17199 <div class="flex w-full h-full relative md:promotion:relative"> 17200 17201 17202 17203 17204 <div class="border-radius-template--27603645268247__image_with_text_rd9Hpy w-full overflow-hidden h-full"> 17205 <parallax-image class="block h-full w-full"> 17206 <parallax-movement x-data="xParallax" x-intersect.once.margin.200px="load(true)"> 17207 <img 17208 class="h-full w-full object-cover border-radius-template--27603645268247__image_with_text_rd9Hpy animate_transition_slide__image animate-Xpulse skeleton-image" 17209 srcset="//iteaworld.com/cdn/shop/files/iTeaworld_blog.webp?v=1782120027&width=450 450w, 17210 //iteaworld.com/cdn/shop/files/iTeaworld_blog.webp?v=1782120027&width=750 750w, 17211 //iteaworld.com/cdn/shop/files/iTeaworld_blog.webp?v=1782120027&width=900 900w, 17212 //iteaworld.com/cdn/shop/files/iTeaworld_blog.webp?v=1782120027&width=1100 1100w, 17213 //iteaworld.com/cdn/shop/files/iTeaworld_blog.webp?v=1782120027&width=1500 1500w, 17214 //iteaworld.com/cdn/shop/files/iTeaworld_blog.webp?v=1782120027 1600w" 17215 src="//iteaworld.com/cdn/shop/files/iTeaworld_blog.webp?v=1782120027&width=1500" 17216 alt="" 17217 17218 17219 loading="lazy" 17220 17221 17222 onload="this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image'); this.closest('.animate_transition_slide__image')?.classList.add('active');" 17223 sizes="(min-width: 1024px) 700px, (min-width: 768px) 50vw, 100vw" 17224 width="1600" 17225 height="1200" 17226 style="object-position: 50.0% 50.0%" 17227 > 17228 </parallax-movement> 17229 </parallax-image> 17230 </div> 17231 17232 17233 17234 17235 </div> 17236 </div> 17237 </div> 17238 <div class="md:w-1/2 w-full flex justify-center md:justify-start iwt-content-no-overlap items-center md:justify-end" 17239 > 17240 <div class="iwt-content md:flex-1 w-full lg:pl-24 lg:pr-24"><style data-shopify>.heading-size--heading_kBxQzc { 17241 font-size: 1.485rem; 17242 } 17243 .color-text-heading_kBxQzc { 17244 17245 17246 --colors-text: 27, 27, 27; 17247 17248 } 17249 .dark .color-text-heading_kBxQzc { 17250 17251 --colors-heading: var(--colors-heading-secondary); 17252 17253 17254 --colors-text: var(--colors-text-secondary); 17255 17256 } 17257 @media (min-width: 768px) { 17258 .heading-size--heading_kBxQzc { 17259 font-size: 2.475rem; 17260 } 17261 }</style> 17262 <div class="x-block-text color-text-heading_kBxQzc text-[rgb(var(--colors-text))] w-full mt-4 text-start rtl:text-right" > 17263 17264 17265 <div class="mt-2 mb-1.5 md:mt-2.5 md:mb-3"> 17266 17267 17268 17269<style data-shopify> 17270 .heading-heading_kBxQzc { 17271 17272 } 17273 .dark .heading-heading_kBxQzc { 17274 17275 --color-highlight: #020202; 17276 17277 } 17278</style> 17279 17280 17281 17282 17283 17284 17285 <h2 17286 class='heading-heading_kBxQzc h2 block heading-size--heading_kBxQzc'> 17287 17288 17289
17290 <span class="highlight relative inline-block hl-font">Tea Blog 17291 17292</span> 17293 17294 17295 </h2> 17296 17297 17298 17299 </div> 17300 17301 17302 17303 17304 <div class="rte"><p>Learn how to choose, brew, and taste Chinese tea with beginner-friendly guides and expert tips.</p></div> 17305 17306 </div> 17307 17308 17309 <style data-shopify> 17310 .button-button_b84bDJ, .button-button_b84bDJ *:before { 17311 17312 17313 17314 17315 17316 17317 17318 } 17319 .dark .button-button_b84bDJ, .dark .button-button_b84bDJ *:before { 17320 17321 --colors-button: 255, 255, 255; 17322 17323 17324 --colors-button-text: 0, 0, 0; 17325 17326 17327 --colors-button-hover: rgb(255, 255, 255); 17328 17329 17330 --colors-button-text-hover: 36, 36, 36; 17331 17332 17333 --colors-secondary-button: 0, 0, 0; 17334 --colors-line-secondary-button: 0, 0, 0; 17335 17336 17337 --background-secondary-button: 255, 255, 255; 17338 --colors-line-secondary-button: 255, 255, 255; 17339 17340 17341 --colors-text-link: 255, 255, 255; 17342 17343 } 17344 </style> 17345 <div class="button-button_b84bDJ mb-9 md:mb-4 flex justify-start rtl:justify-right mt-4 md:mt-8" 17346 17347 > 17348 17349 <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"> 17350 17351 17352 17353 17354 <span class="button-text is-focus-button:opacity-0">LEARN MORE</span> 17355 17356 17357 17358 17359 </a> 17360 17361 </div> 17362 17363 17364 17365 </div> 17366 </div> 17367 </div> 17368</div> 17369 17370</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 { 17371 font-size: 1.485rem; 17372 } 17373 17374 .bg--template--27603645268247__text_column_with_image_W8X7D7 { 17375 17376 background: rgb(var(--colors-background-secondary)); 17377 17378 } 17379 .dark .bg--template--27603645268247__text_column_with_image_W8X7D7 { 17380 17381 background: rgb(var(--colors-background-secondary)); 17382 17383 } 17384 17385 17386 .dark .text-column-with-image .container-template--27603645268247__text_column_with_image_W8X7D7 { 17387 17388 --colors-text: var(--colors-text-secondary); 17389 17390 17391 --colors-heading: var(--colors-heading-secondary); 17392 17393 } 17394 .gap-template--27603645268247__text_column_with_image_W8X7D7 { 17395 gap: 16px; 17396 } 17397 @media (min-width: 767px){ 17398 .heading-template--27603645268247__text_column_with_image_W8X7D7 { 17399 font-size: 2.475rem; 17400 } 17401 .container-template--27603645268247__text_column_with_image_W8X7D7 { 17402 margin: 0px; 17403 } 17404 } 17405 @media (min-width: 1024px){ 17406 .gap-column-template--27603645268247__text_column_with_image_W8X7D7 { 17407 17408 padding: 14.0px; 17409 17410 } 17411 .container-template--27603645268247__text_column_with_image_W8X7D7 { 17412 17413 margin-top: -14.0px; 17414 17415 } 17416 .gap-template--27603645268247__text_column_with_image_W8X7D7 { 17417 17418 gap: 28px; 17419 17420 } 17421 17422 } 17423 17424 @media (max-width: 1023px) { 17425 .preload-slide--template--27603645268247__text_column_with_image_W8X7D7 { 17426 margin-right: 16px; 17427 width: calc(((100% + 16px) / 2) - 16px); 17428 } 17429 } 17430 @media (max-width: 767px) { 17431 .preload-slide--template--27603645268247__text_column_with_image_W8X7D7 { 17432 margin-right: 16px; 17433 width: calc(((100% + 16px) / 1) - 16px); 17434 } 17435 } 17436 �</style> 17437<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"> 17438 <div class="relative x-pgw page-width mx-auto pl-5 pr-5"> 17439 17440 <div class="pb-3 md:pb-8"> 17441 17442 17443 17444<style data-shopify> 17445 .heading-template--27603645268247__text_column_with_image_W8X7D7 { 17446 17447 } 17448 .dark .heading-template--27603645268247__text_column_with_image_W8X7D7 { 17449 17450 --color-highlight: #020202; 17451 17452 } 17453</style> 17454 17455 17456 17457 17458 17459 17460 <h2 17461 class='heading-template--27603645268247__text_column_with_image_W8X7D7 text-center h2 block'> 17462 17463 17464
17465 <span class="highlight relative inline-block hl-font">Brewing the Culture with Finest Chinese Tea 17466 17467</span> 17468 17469 17470 </h2> 17471 17472 17473 17474 </div> 17475 17476 <div 17477 id="x-text-column-with-image-template--27603645268247__text_column_with_image_W8X7D7" 17478 x-data-slider="template--27603645268247__text_column_with_image_W8X7D7" 17479 class="text-column-with-image x-splide splide visible overflow-hidden" 17480 x-intersect.once.margin.200px='$store.xSplide.load($el, { 17481 "speed": 1000, 17482 "pagination": false, 17483 "mediaQuery": "min", 17484 "updateOnMove": "true", 17485 "pauseOnHover": true, 17486 "pauseOnFocus": false, 17487 "progressBar": 3, 17488 17489 17490 17491 "breakpoints": { 17492 300: { 17493 17494 "gap": "16px", 17495 "perPage": 1 17496 }, 17497 768: { 17498 "perPage": 2 17499 }, 17500 1024: { 17501 "destroy": true, 17502 "perPage": 3, 17503 "gap": "28px", 17504 "drag": true 17505 } 17506 }, 17507 "classes": { 17508 "arrows" : "splide__arrows block", 17509 }, 17510 "events": [ 17511 { 17512 "event": "ready", 17513 "callback": () => { 17514 document.dispatchEvent(new CustomEvent("eurus:template--27603645268247__text_column_with_image_W8X7D7:splide-ready")); 17515 } 17516 } 17517 ] 17518 })' 17519 x-intersect.once='$el.classList.add("is-ready-to-animate")' 17520 > 17521 <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"> 17522 <div 17523 17524 class="splide__list flex lg:flex lg:flex-wrap lg:justify-center lg:gap-0 lg:w-auto 17525 container-template--27603645268247__text_column_with_image_W8X7D7" 17526 17527 ><style data-shopify> 17528 .x-slide-animation-duration-1 { 17529 --delay-time: 0ms 17530 } 17531 </style>�<style data-shopify>.heading-column_L7r4W7 { 17532 font-size: 0.99rem; 17533 } 17534 @media (min-width: 767px){ 17535 .heading-column_L7r4W7 { 17536 font-size: 1.2375rem; 17537 } 17538 }</style><div 17539 id="Slide-template--27603645268247__text_column_with_image_W8X7D7-1" 17540 x-slide-index="0" 17541 class=" gap-column-template--27603645268247__text_column_with_image_W8X7D7 17542 splide__slide x-splide-slide preload-slide--template--27603645268247__text_column_with_image_W8X7D7 17543 md:w-1/2 lg:w-1/3 17544 " 17545 > 17546 <div class="flex flex-col md:flex-col h-full bg--template--27603645268247__text_column_with_image_W8X7D7 rounded-[10px]" > 17547 <div 17548 x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active')" 17549 class="x-block-twm-item-image overflow-hidden block h-0 relative w-full pb-[75%] rounded-[10px]" 17550 17551 > 17552 17553 <div class="w-full h-full z-0 overflow-hidden absolute top-0 left-0 animate_transition_card__image animate-Xpulse skeleton-image"> 17554 17555 17556 17557 <img 17558 srcset="//iteaworld.com/cdn/shop/files/tea_garden.webp?v=1782120027&width=225 225w, 17559 //iteaworld.com/cdn/shop/files/tea_garden.webp?v=1782120027&width=375 375w, 17560 //iteaworld.com/cdn/shop/files/tea_garden.webp?v=1782120027&width=450 450w, 17561 //iteaworld.com/cdn/shop/files/tea_garden.webp?v=1782120027&width=750 750w, 17562 //iteaworld.com/cdn/shop/files/tea_garden.webp?v=1782120027&width=900 900w, 17563 //iteaworld.com/cdn/shop/files/tea_garden.webp?v=1782120027&width=1100 1100w, 17564 //iteaworld.com/cdn/shop/files/tea_garden.webp?v=1782120027&width=1500 1500w, 17565 //iteaworld.com/cdn/shop/files/tea_garden.webp?v=1782120027&width=1780 1780w, 17566 //iteaworld.com/cdn/shop/files/tea_garden.webp?v=1782120027&width=2000 2000w, 17567 //iteaworld.com/cdn/shop/files/tea_garden.webp?v=1782120027 1600w" 17568 src="//iteaworld.com/cdn/shop/files/tea_garden.webp?v=1782120027&width=1780" 17569 alt="" 17570 sizes="(min-width: 1024px) 466px, (min-width: 768px) calc((100vw - 5rem) / 2), calc((100vw) / 1)" 17571 class="animate_transition_image w-full h-full object-cover object-center image-hover absolute top-0 left-0 rounded-[10px]" 17572 loading="lazy" 17573 width="1600" 17574 height="1200" 17575 style="object-position: 50.0% 50.0%" 17576 onload="this?.classList.add('active'); 17577 this.closest('.animate_transition_card__image')?.classList.remove('animate-Xpulse', 'skeleton-image'); 17578 setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);" 17579 > 17580 17581 17582 17583 </div> 17584 17585 </div> 17586 17587 <div class="grow x-block-twm-content text-[rgba(var(--colors-text))] md:pl-7 md:pr-7 pl-5 pr-5 dark:md:
17587pl-7 dark:md:pr-7 dark:pl-5 dark:pr-5 mt-4 md:pb-3 pb-2"> 17588 17589 17590 <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"> 17591 17592 17593 17594<style data-shopify> 17595 .heading-column_L7r4W7 { 17596 17597 } 17598 .dark .heading-column_L7r4W7 { 17599 17600 --color-highlight: #020202; 17601 17602 } 17603</style> 17604 17605 17606 17607 17608 17609 17610 17611 17612 Authentic Origins 17613 17614 17615 17616 17617 17618 17619 </p> 17620 17621 17622 <div class="rte x-block-twm-item-text text-center rtl:text-center"> 17623 <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> 17624 </div> 17625 17626 17627 <div class="x-block-twm-item-button mb-3 text-center rtl:text-center"> 17628 17629 <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"> 17630 17631 17632 17633 17634 17635 <div class="relative block-text-button overflow-hidden "> 17636 <span class="button-text btn-text-link-effect-1 relative top-0 is-focus-button:opacity-0">Learn More</span> 17637 <span class="button-text btn-text-link-effect-2 absolute top-full left-0 is-focus-button:opacity-0">Learn More</span> 17638 </div> 17639 17640 17641 17642 17643 </a> 17644 </div> 17645 17646 </div> 17647 17648 </div> 17649 </div><style data-shopify> 17650 .x-slide-animation-duration-2 { 17651 --delay-time: 100ms 17652 } 17653 </style>�<style data-shopify>.heading-column_beDTAz { 17654 font-size: 0.99rem; 17655 } 17656 @media (min-width: 767px){ 17657 .heading-column_beDTAz { 17658 font-size: 1.2375rem; 17659 } 17660 }</style><div 17661 id="Slide-template--27603645268247__text_column_with_image_W8X7D7-2" 17662 x-slide-index="1" 17663 class=" gap-column-template--27603645268247__text_column_with_image_W8X7D7 17664 splide__slide x-splide-slide preload-slide--template--27603645268247__text_column_with_image_W8X7D7 17665 md:w-1/2 lg:w-1/3 17666 " 17667 > 17668 <div class="flex flex-col md:flex-col h-full bg--template--27603645268247__text_column_with_image_W8X7D7 rounded-[10px]" > 17669 <div 17670 x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active')" 17671 class="x-block-twm-item-image overflow-hidden block h-0 relative w-full pb-[75%] rounded-[10px]" 17672 17673 > 17674 17675 <div class="w-full h-full z-0 overflow-hidden absolute top-0 left-0 animate_transition_card__image animate-Xpulse skeleton-image"> 17676 17677 17678 17679 <img 17680 srcset="//iteaworld.com/cdn/shop/files/iTeaworld_Eco-friendly_packaging.webp?v=1782120027&width=225 225w, 17681 //iteaworld.com/cdn/shop/files/iTeaworld_Eco-friendly_packaging.webp?v=1782120027&width=375 375w, 17682 //iteaworld.com/cdn/shop/files/iTeaworld_Eco-friendly_packaging.webp?v=1782120027&width=450 450w, 17683 //iteaworld.com/cdn/shop/files/iTeaworld_Eco-friendly_packaging.webp?v=1782120027&width=750 750w, 17684 //iteaworld.com/cdn/shop/files/iTeaworld_Eco-friendly_packaging.webp?v=1782120027&width=900 900w, 17685 //iteaworld.com/cdn/shop/files/iTeaworld_Eco-friendly_packaging.webp?v=1782120027&width=1100 1100w, 17686 //iteaworld.com/cdn/shop/files/iTeaworld_Eco-friendly_packaging.webp?v=1782120027&width=1500 1500w, 17687 //iteaworld.com/cdn/shop/files/iTeaworld_Eco-friendly_packaging.webp?v=1782120027&width=1780 1780w, 17688 //iteaworld.com/cdn/shop/files/iTeaworld_Eco-friendly_packaging.webp?v=1782120027&width=2000 2000w, 17689 //iteaworld.com/cdn/shop/files/iTeaworld_Eco-friendly_packaging.webp?v=1782120027 1600w" 17690 src="//iteaworld.com/cdn/shop/files/iTeaworld_Eco-friendly_packaging.webp?v=1782120027&width=1780" 17691 alt="" 17692 sizes="(min-width: 1024px) 466px, (min-width: 768px) calc((100vw - 5rem) / 2), calc((100vw) / 1)" 17693 class="animate_transition_image w-full h-full object-cover object-center image-hover absolute top-0 left-0 rounded-[10px]" 17694 loading="lazy" 17695 width="1600" 17696 height="1200" 17697 style="object-position: 50.0% 50.0%" 17698 onload="this?.classList.add('active'); 17699 this.closest('.animate_transition_card__image')?.classList.remove('animate-Xpulse', 'skeleton-image'); 17700 setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);" 17701 > 17702 17703 17704 17705 </div> 17706 17707 </div> 17708 17709 <div class="grow x-block-twm-content text-[rgba(var(--colors-text))] md:pl-7 md:pr-7 pl-5 pr-5 dark:md:
17709pl-7 dark:md:pr-7 dark:pl-5 dark:pr-5 mt-4 md:pb-3 pb-2"> 17710 17711 17712 <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"> 17713 17714 17715 17716<style data-shopify> 17717 .heading-column_beDTAz { 17718 17719 } 17720 .dark .heading-column_beDTAz { 17721 17722 --color-highlight: #020202; 17723 17724 } 17725</style> 17726 17727 17728 17729 17730 17731 17732 17733 17734 Sustainability 17735 17736 17737 17738 17739 17740 17741 </p> 17742 17743 17744 <div class="rte x-block-twm-item-text text-center rtl:text-center"> 17745 <p>We use thoughtfully designed packaging that protects tea freshness while reducing environmental impact whenever possible.</p> 17746 </div> 17747 17748 17749 <div class="x-block-twm-item-button mb-3 text-center rtl:text-center"> 17750 17751 <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"> 17752 17753 17754 17755 17756 17757 <div class="relative block-text-button overflow-hidden "> 17758 <span class="button-text btn-text-link-effect-1 relative top-0 is-focus-button:opacity-0">Learn More</span> 17759 <span class="button-text btn-text-link-effect-2 absolute top-full left-0 is-focus-button:opacity-0">Learn More</span> 17760 </div> 17761 17762 17763 17764 17765 </a> 17766 </div> 17767 17768 </div> 17769 17770 </div> 17771 </div><style data-shopify> 17772 .x-slide-animation-duration-3 { 17773 --delay-time: 200ms 17774 } 17775 </style>�<style data-shopify>.heading-column_GCtGW9 { 17776 font-size: 0.99rem; 17777 } 17778 @media (min-width: 767px){ 17779 .heading-column_GCtGW9 { 17780 font-size: 1.2375rem; 17781 } 17782 }</style><div 17783 id="Slide-template--27603645268247__text_column_with_image_W8X7D7-3" 17784 x-slide-index="2" 17785 class=" gap-column-template--27603645268247__text_column_with_image_W8X7D7 17786 splide__slide x-splide-slide preload-slide--template--27603645268247__text_column_with_image_W8X7D7 17787 md:w-1/2 lg:w-1/3 17788 " 17789 > 17790 <div class="flex flex-col md:flex-col h-full bg--template--27603645268247__text_column_with_image_W8X7D7 rounded-[10px]" > 17791 <div 17792 x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active')" 17793 class="x-block-twm-item-image overflow-hidden block h-0 relative w-full pb-[75%] rounded-[10px]" 17794 17795 > 17796 17797 <div class="w-full h-full z-0 overflow-hidden absolute top-0 left-0 animate_transition_card__image animate-Xpulse skeleton-image"> 17798 17799 17800 17801 <img 17802 srcset="//iteaworld.com/cdn/shop/files/iTeaworld_tea_sample.webp?v=1782120027&width=225 225w, 17803 //iteaworld.com/cdn/shop/files/iTeaworld_tea_sample.webp?v=1782120027&width=375 375w, 17804 //iteaworld.com/cdn/shop/files/iTeaworld_tea_sample.webp?v=1782120027&width=450 450w, 17805 //iteaworld.com/cdn/shop/files/iTeaworld_tea_sample.webp?v=1782120027&width=750 750w, 17806 //iteaworld.com/cdn/shop/files/iTeaworld_tea_sample.webp?v=1782120027&width=900 900w, 17807 //iteaworld.com/cdn/shop/files/iTeaworld_tea_sample.webp?v=1782120027&width=1100 1100w, 17808 //iteaworld.com/cdn/shop/files/iTeaworld_tea_sample.webp?v=1782120027&width=1500 1500w, 17809 //iteaworld.com/cdn/shop/files/iTeaworld_tea_sample.webp?v=1782120027&width=1780 1780w, 17810 //iteaworld.com/cdn/shop/files/iTeaworld_tea_sample.webp?v=1782120027&width=2000 2000w, 17811 //iteaworld.com/cdn/shop/files/iTeaworld_tea_sample.webp?v=1782120027 1600w" 17812 src="//iteaworld.com/cdn/shop/files/iTeaworld_tea_sample.webp?v=1782120027&width=1780" 17813 alt="" 17814 sizes="(min-width: 1024px) 466px, (min-width: 768px) calc((100vw - 5rem) / 2), calc((100vw) / 1)" 17815 class="animate_transition_image w-full h-full object-cover object-center image-hover absolute top-0 left-0 rounded-[10px]" 17816 loading="lazy" 17817 width="1600" 17818 height="1200" 17819 style="object-position: 50.0% 50.0%" 17820 onload="this?.classList.add('active'); 17821 this.closest('.animate_transition_card__image')?.classList.remove('animate-Xpulse', 'skeleton-image'); 17822 setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);" 17823 > 17824 17825 17826 17827 </div> 17828 17829 </div> 17830 17831 <div class="grow x-block-twm-content text-[rgba(var(--colors-text))] md:pl-7 md:pr-7 pl-5 pr-5 dark:md:
17831pl-7 dark:md:pr-7 dark:pl-5 dark:pr-5 mt-4 md:pb-3 pb-2"> 17832 17833 17834 <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"> 17835 17836 17837 17838<style data-shopify> 17839 .heading-column_GCtGW9 { 17840 17841 } 17842 .dark .heading-column_GCtGW9 { 17843 17844 --color-highlight: #020202; 17845 17846 } 17847</style> 17848 17849 17850 17851 17852 17853 17854 17855 17856 Free Tea Sample 17857 17858 17859 17860 17861 17862 17863 </p> 17864 17865 17866 <div class="rte x-block-twm-item-text text-center rtl:text-center"> 17867 <p>Select complimentary tea samples with every tea order and explore new teas before committing to a full-size purchase.</p> 17868 </div> 17869 17870 17871 <div class="x-block-twm-item-button mb-3 text-center rtl:text-center"> 17872 17873 <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"> 17874 17875 17876 17877 17878 17879 <div class="relative block-text-button overflow-hidden "> 17880 <span class="button-text btn-text-link-effect-1 relative top-0 is-focus-button:opacity-0">Learn More</span> 17881 <span class="button-text btn-text-link-effect-2 absolute top-full left-0 is-focus-button:opacity-0">Learn More</span> 17882 </div> 17883 17884 17885 17886 17887 </a> 17888 </div> 17889 17890 </div> 17891 17892 </div> 17893 </div></div> 17894 </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"> 17895 <button 17896 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" 17897 aria-label="previous slide" 17898 > 17899 <svg style="fill: none" width="100%" height="100%" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg"> 17900 17901 <path d="M72.0001 95L27 49.9999L72.0001 5" stroke="currentColor" stroke-width="6.5" stroke-linecap="round" stroke-linejoin="round"/> 17902 17903 </svg> 17904 17905 </button> 17906 <button 17907 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" 17908 aria-label="next slide" 17909 > 17910 <svg style="fill: none" width="100%" height="100%" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg"> 17911 17912 <path d="M26.9999 5L72 50.0001L26.9999 95" stroke="currentColor" stroke-width="6.5" stroke-linecap="round" stroke-linejoin="round"/> 17913 17914 </svg> 17915 17916 </button> 17917 </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"> 17918 <div class="splide-progress inline-block grow rounded-md"> 17919 <style data-shopify>.splide-progress-bar-template--27603645268247__text_column_with_image_W8X7D7 { 17920 width: 33.33333333333333%; 17921 } 17922 @media (min-width: 768px) { 17923 .splide-progress-bar-template--27603645268247__text_column_with_image_W8X7D7 { 17924 width: 100.0%; 17925 } 17926 }</style><div class="splide-progress-bar-template--27603645268247__text_column_with_image_W8X7D7 splide-progress-bar rounded-md"></div> 17927 </div> 17928 </div></div> 17929 </div> 17930</div> 17931 17932 </section><section id="shopify-section-template--27603645268247__1758278288fed59b65" class="shopify-section section x-section section-apps"><div class="x-pgw page-width"></div> 17933 17934 17935</section> 17936 </main> 17937 17938 17939 <!-- BEGIN sections: footer-group-puff --> 17940<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 { 17941 font-size: 1.485rem; 17942 } 17943 .size-icon-sections--27603634585879__multicolumn_Hg6qCn { 17944 width: 28.0px; 17945 height: 28.0px; 17946 } 17947 17948 .color-icon--sections--27603634585879__multicolumn_Hg6qCn { 17949 17950 color: #739047; 17951 17952 } 17953 .dark .color-icon--sections--27603634585879__multicolumn_Hg6qCn { 17954 17955 color: #739047; 17956 17957 } 17958 .bg-sections--27603634585879__multicolumn_Hg6qCn { 17959 17960 background: rgb(var(--colors-background-secondary)); 17961 17962 } 17963 .dark .bg-sections--27603634585879__multicolumn_Hg6qCn { 17964 17965 background: rgb(var(--colors-background-secondary)); 17966 17967 } 17968 17969
17970 17971 .dark .color-text--sections--27603634585879__multicolumn_Hg6qCn { 17972 17973 --colors-text: 255,255,255; 17974 17975 } 17976 .dark .color--sections--27603634585879__multicolumn_Hg6qCn { 17977 17978 --colors-line-and-border: 0, 0, 0; 17979 17980 17981 --colors-heading: 255,255,255; 17982 17983 } 17984 17985 @media (max-width: 1023px) { 17986 .line-slider-mobile--sections--27603634585879__multicolumn_Hg6qCn:after { 17987 right: -8.0px; 17988 } 17989 .preload-slide-mobile--sections--27603634585879__multicolumn_Hg6qCn { 17990 margin-right: 16px; 17991 17992 width: calc(((100% + 16px) / 2) - 16px); 17993 } 17994 } 17995 @media (max-width: 767px) { 17996 .preload-slide-mobile--sections--27603634585879__multicolumn_Hg6qCn { 17997 width: calc(((100% + 16px) / 2) - 16px); 17998 } 17999 } 18000 18001 @media (min-width: 1024px){ 18002 .heading-sections--27603634585879__multicolumn_Hg6qCn { 18003 font-size: 2.475rem; 18004 } 18005 .size-icon-sections--27603634585879__multicolumn_Hg6qCn { 18006 width: 40px; 18007 height: 40px; 18008 } 18009 18010 .spacing-desktop-sections--27603634585879__multicolumn_Hg6qCn { 18011 padding: 14.0px; 18012 } 18013 .spacing-desktop-sections--27603634585879__multicolumn_Hg6qCn-splide { 18014 margin: -14.0px!important; 18015 } 18016 18017 18018 } 18019 @media (max-width: 1023px) { 18020 .spacing--sections--27603634585879__multicolumn_Hg6qCn { 18021 18022 padding-left: 8.0px; 18023 padding-right: 8.0px; 18024 18025 padding-top: 8.0px; 18026 padding-bottom: 8.0px; 18027 } 18028 18029 } 18030 @media (max-width: 767px) { 18031 18032 .spacing--sections--27603634585879__multicolumn_Hg6qCn-splide { 18033 margin: -8.0px!important; 18034 } 18035 18036 }</style> 18037 18038 18039 <div class=" pb-[20px] pt-[20px] md:pb-[28px] md:pt-[28px] section--sections--27603634585879__multicolumn_Hg6qCn"> 18040 18041 <div class="pb-5 md:pb-8 x-pgw page-width mx-auto"> 18042 18043 18044 18045<style data-shopify> 18046 .heading-sections--27603634585879__multicolumn_Hg6qCn { 18047 18048 } 18049 .dark .heading-sections--27603634585879__multicolumn_Hg6qCn { 18050 18051 --color-highlight: #020202; 18052 18053 } 18054</style> 18055 18056 18057 18058 18059 18060 18061 <h2 18062 class='heading-sections--27603634585879__multicolumn_Hg6qCn x-block-header text-center h2 block empty:hidden leading-tight p-break-words'> 18063 18064 18065 18066 <span class="highlight relative inline-block hl-font">Shop with Confidence at iTeaworld 18067 18068</span> 18069 18070 18071 </h2> 18072 18073 18074 18075 </div> 18076 18077 <div class="x-block-columns text-column-with-icon color--sections--27603634585879__multicolumn_Hg6qCn mx-auto x-pgw page-width"> 18078 <div 18079 id="x-text-with-icon-sections--27603634585879__multicolumn_Hg6qCn" 18080 class="x-splide splide visible overflow-hidden" 18081 x-intersect.once.margin.200px='$store.xSplide.load($el, { 18082 "speed": 1000, 18083 "pagination": false, 18084 "mediaQuery": "min", 18085 "updateOnMove": "true", 18086 "pauseOnHover": true, 18087 "pauseOnFocus": false, 18088 18089 "rewind": true, 18090 "autoplay": true, 18091 "interval": 5000, 18092 18093 "progressBar": 4, 18094 "breakpoints": { 18095 300: { 18096 18097 "gap": "16px", 18098 "focus": "right", 18099 "perPage": 2, 18100 "perMove": 2 18101 }, 18102 768: { 18103 "perPage": 2, 18104 "perMove": 2 18105 }, 18106 1024: { 18107 "destroy": true, 18108 18109 "perPage": 4, 18110 "perMove": 4, 18111 "gap": "28px", 18112 "padding": 0, 18113 "drag": true 18114 } 18115 }, 18116 "classes": { 18117 "arrows" : "hidden", 18118 } 18119 })'x-intersect.once='$el.classList.add("is-ready-to-animate")' 18120 > 18121 <div class="splide__track lg:pt-0.5 lg:pb-0.5"> 18122 <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" 18123 ><style data-shopify> 18124 .x-slide-animation-duration-1 { 18125 --delay-time: 0ms 18126 } 18127 </style> 18128<style data-shopify>.heading-column_aVcVQA { 18129 font-size: 1.089rem; 18130 } 18131 @media (min-width: 767px) { 18132 .heading-column_aVcVQA { 18133 font-size: 1.36125rem; 18134 } 18135 }</style><div 18136 x-slide-index="0" 18137 id="Slide-sections--27603634585879__multicolumn_Hg6qCn-1" 18138 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" 18139 > 18140 <div class="h-full py-0 md:py-7 justify-center md:pl-7 md:pr-7 pl-5 pr-5 rounded-md" > 18141 18142 18143 <div class="pt-2 text-center items-center mb-2">
18144 <span class="inline-block relative size-icon-sections--27603634585879__multicolumn_Hg6qCn color-icon--sections--27603634585879__multicolumn_Hg6qCn"> 18145 18146 18147 18148 <svg style="fill: none" width="100%" height="100%" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg"> 18149 18150 <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"/> 18151 <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"/> 18152 18153 18154 </svg> 18155 18156 18157 18158 18159 </span> 18160 </div> 18161 18162 18163 <div class="pt-2"> 18164 18165 <p class="h3 empty:hidden p-break-words heading-column_aVcVQA text-center leading-tight"> 18166 18167 <a class="hover:text-[rgba(var(--colors-text-link))]" href="/pages/brand-history"> 18168 18169 18170 18171<style data-shopify> 18172 .heading-column_aVcVQA { 18173 18174 } 18175 .dark .heading-column_aVcVQA { 18176 18177 --color-highlight: #020202; 18178 18179 } 18180</style> 18181 18182 18183 18184 18185 18186 18187 18188 18189 <span class="highlight relative inline-block hl-font">Authentic & Carefully Selected 18190 18191</span> 18192 18193 18194 18195 18196 18197 18198 </a> 18199 18200 </p> 18201 18202 18203 <div class="color-text--sections--27603634585879__multicolumn_Hg6qCn rte text-center p-break-words text-[rgb(var(--colors-text))]"> 18204 <p>Carefully hand-picked from authentic Chinese tea leaves for premium flavor and quality</p> 18205 </div> 18206 18207 </div> 18208 </div> 18209 </div><style data-shopify> 18210 .x-slide-animation-duration-2 { 18211 --delay-time: 100ms 18212 } 18213 </style> 18214<style data-shopify>.heading-column_Kmmjnk { 18215 font-size: 1.089rem; 18216 } 18217 @media (min-width: 767px) { 18218 .heading-column_Kmmjnk { 18219 font-size: 1.36125rem; 18220 } 18221 }</style><div 18222 x-slide-index="1" 18223 id="Slide-sections--27603634585879__multicolumn_Hg6qCn-2" 18224 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" 18225 > 18226 <div class="h-full py-0 md:py-7 justify-center md:pl-7 md:pr-7 pl-5 pr-5 rounded-md" > 18227 18228 18229 <div class="pt-2 text-center items-center mb-2"> 18230 <span class="inline-block relative size-icon-sections--27603634585879__multicolumn_Hg6qCn color-icon--sections--27603634585879__multicolumn_Hg6qCn animate-Xpulse skeleton-image"> 18231 18232 18233 <img 18234 src="//iteaworld.com/cdn/shop/files/icon-1__1__1.png?v=1768532717&width=40" 18235 alt="" 18236 loading="lazy" 18237 onload="this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');" 18238 width="178" 18239 height="178" 18240 style="object-position: 50.0% 50.0%" 18241 class="object-cover absolute top-0 left-0 w-full h-full" 18242 > 18243 18244 18245 </span> 18246 </div> 18247 18248 18249 <div class="pt-2"> 18250 18251 <p class="h3 empty:hidden p-break-words heading-column_Kmmjnk text-center leading-tight"> 18252 18253 <a class="hover:text-[rgba(var(--colors-text-link))]" href="/policies/refund-policy"> 18254 18255 18256 18257<style data-shopify> 18258 .heading-column_Kmmjnk { 18259 18260 } 18261 .dark .heading-column_Kmmjnk { 18262 18263 --color-highlight: #020202; 18264 18265 } 18266</style> 18267 18268 18269 18270 18271 18272 18273 18274
18275 <span class="highlight relative inline-block hl-font">30-Day Return & Satisfaction Policy 18276 18277</span> 18278 18279 18280 18281 18282 18283 18284 </a> 18285 18286 </p> 18287 18288 18289 <div class="color-text--sections--27603634585879__multicolumn_Hg6qCn rte text-center p-break-words text-[rgb(var(--colors-text))]"> 18290 <p>Not satisfied? Get a refund within 15 days for taste concerns, or return unopened products within 30 days.</p> 18291 </div> 18292 18293 </div> 18294 </div> 18295 </div><style data-shopify> 18296 .x-slide-animation-duration-3 { 18297 --delay-time: 200ms 18298 } 18299 </style> 18300<style data-shopify>.heading-column_r7n9zX { 18301 font-size: 1.089rem; 18302 } 18303 @media (min-width: 767px) { 18304 .heading-column_r7n9zX { 18305 font-size: 1.36125rem; 18306 } 18307 }</style><div 18308 x-slide-index="2" 18309 id="Slide-sections--27603634585879__multicolumn_Hg6qCn-3" 18310 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" 18311 > 18312 <div class="h-full py-0 md:py-7 justify-center md:pl-7 md:pr-7 pl-5 pr-5 rounded-md" > 18313 18314 18315 <div class="pt-2 text-center items-center mb-2"> 18316 <span class="inline-block relative size-icon-sections--27603634585879__multicolumn_Hg6qCn color-icon--sections--27603634585879__multicolumn_Hg6qCn animate-Xpulse skeleton-image"> 18317 18318 18319 <img 18320 src="//iteaworld.com/cdn/shop/files/icon-2__1.png?v=1768532839&width=40" 18321 alt="" 18322 loading="lazy" 18323 onload="this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');" 18324 width="178" 18325 height="178" 18326 style="object-position: 50.0% 50.0%" 18327 class="object-cover absolute top-0 left-0 w-full h-full" 18328 > 18329 18330 18331 </span> 18332 </div> 18333 18334 18335 <div class="pt-2"> 18336 18337 <p class="h3 empty:hidden p-break-words heading-column_r7n9zX text-center leading-tight"> 18338 18339 <a class="hover:text-[rgba(var(--colors-text-link))]" href="/collections/tea-samples"> 18340 18341 18342 18343<style data-shopify> 18344 .heading-column_r7n9zX { 18345 18346 } 18347 .dark .heading-column_r7n9zX { 18348 18349 --color-highlight: #020202; 18350 18351 } 18352</style> 18353 18354 18355 18356 18357 18358 18359 18360 18361 <span class="highlight relative inline-block hl-font">Free tea samples with tea order 18362 18363</span> 18364 18365 18366 18367 18368 18369 18370 </a> 18371 18372 </p> 18373 18374 18375 <div class="color-text--sections--27603634585879__multicolumn_Hg6qCn rte text-center p-break-words text-[rgb(var(--colors-text))]"> 18376 <p>Buy 1 get 1 sample. Buy 2 get 2. Buy 3+ get 3 free sample</p> 18377 </div> 18378 18379 </div> 18380 </div> 18381 </div><style data-shopify> 18382 .x-slide-animation-duration-4 { 18383 --delay-time: 300ms 18384 } 18385 </style> 18386<style data-shopify>.heading-column_wHRjr8 { 18387 font-size: 1.089rem; 18388 } 18389 @media (min-width: 767px) { 18390 .heading-column_wHRjr8 { 18391 font-size: 1.36125rem; 18392 } 18393 }</style><div 18394 x-slide-index="3" 18395 id="Slide-sections--27603634585879__multicolumn_Hg6qCn-4" 18396 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" 18397 > 18398 <div class="h-full py-0 md:py-7 justify-center md:pl-7 md:pr-7 pl-5 pr-5 rounded-md" > 18399 18400 18401 <div class="pt-2 text-center items-center mb-2">
18402 <span class="inline-block relative size-icon-sections--27603634585879__multicolumn_Hg6qCn color-icon--sections--27603634585879__multicolumn_Hg6qCn"> 18403 18404 18405 18406 <svg style="fill: none" width="100%" height="100%" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg"> 18407 18408 <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"/> 18409 <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"/> 18410 <path d="M36.5 36.5H36.545" stroke="currentColor" stroke-width="6.5" stroke-linecap="round" stroke-linejoin="round"/> 18411 <path d="M63.5 36.5H63.545" stroke="currentColor" stroke-width="6.5" stroke-linecap="round" stroke-linejoin="round"/> 18412 18413 </svg> 18414 18415 18416 18417 18418 </span> 18419 </div> 18420 18421 18422 <div class="pt-2"> 18423 18424 <p class="h3 empty:hidden p-break-words heading-column_wHRjr8 text-center leading-tight"> 18425 18426 <a class="hover:text-[rgba(var(--colors-text-link))]" href="/pages/rewards-program" target="_blank"> 18427 18428 18429 18430<style data-shopify> 18431 .heading-column_wHRjr8 { 18432 18433 } 18434 .dark .heading-column_wHRjr8 { 18435 18436 --color-highlight: #020202; 18437 18438 } 18439</style> 18440 18441 18442 18443 18444 18445 18446 18447 18448 <span class="highlight relative inline-block hl-font">Steep & Earn 18449 18450</span> 18451 18452 18453 18454 18455 18456 18457 </a> 18458 18459 </p> 18460 18461 18462 <div class="color-text--sections--27603634585879__multicolumn_Hg6qCn rte text-center p-break-words text-[rgb(var(--colors-text))]"> 18463 <p>Earn points with every order and redeem them for discounts and exclusive gifts</p> 18464 </div> 18465 18466 </div> 18467 </div> 18468 </div></div> 18469 </div><div class="x-pgw page-width lg:hidden flex items-center gap-5 mt-2.5 w-full ml-auto mr-auto"> 18470 <div class="splide-progress inline-block grow rounded-md"> 18471 <style data-shopify>.splide-progress-bar-sections--27603634585879__multicolumn_Hg6qCn { 18472 width: 50.0%; 18473 } 18474 @media (min-width: 768px) { 18475 .splide-progress-bar-sections--27603634585879__multicolumn_Hg6qCn { 18476 width: 100.0%; 18477 } 18478 }</style><div class="splide-progress-bar-sections--27603634585879__multicolumn_Hg6qCn splide-progress-bar rounded-md"></div> 18479 </div> 18480 </div></div> 18481 </div> 18482 </div> 18483 18484 18485</section><div id="shopify-section-sections--27603634585879__footer" class="shopify-section shopify-section-group-footer-group-puff section-footer"> 18486<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"> 18487 <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"> 18488 <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"> 18489 <div @click="open = ! open" class="relative pr-5 rtl:pr-0 rtl:pl-5 cursor-pointer md:cursor-default duration-200 transition"> 18490 <p class="h6 text-[115%]">Subscribe & Enjoy 10% Off Your First Order*</p>
18491 <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;"> 18492 <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/> 18493 </svg> 18494</span> 18495 </div> 18496 <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"> 18497 <div class="mt-4 flex"> 18498 <div class="relative w-full"> 18499 <input 18500 id="NewsletterForm--sections--27603634585879__footer" 18501 type="email" 18502 name="contact[email]" 18503 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" 18504 aria-required="true" 18505 autocorrect="off" 18506 autocapitalize="off" 18507 autocomplete="email" 18508 18509 placeholder="Email" 18510 required> 18511 <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"> 18512 Email 18513 </label> 18514 </div> 18515 <div> 18516 <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"> 18517 <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"> 18518 <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" /> 18519 </svg> 18520</span> 18521 </button> 18522 </div></div></form> 18523 <div class="rte"><p><strong>Be the first to discover new teas and exclusive experiences.</strong></p></div> 18524 18525<div class="mt-4"> 18526<div id="selector-social" class=" flex flex-col items-center md:items-start mx-auto"> 18527 18528 <ul class="social-list flex flex-wrap py-2.5 gap-2 justify-center md:justify-start" role="list"> 18529<li> 18530 <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"> 18531 <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"/> 18532 </svg> 18533</a> 18534 </li><li> 18535 <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">
18536 <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"/> 18537 </svg> 18538</a> 18539 </li><li> 18540 <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"> 18541 <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"/> 18542 </svg> 18543</a> 18544 </li><li> 18545 <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"> 18546 <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"/> 18547 </svg> 18548</a> 18549 </li><li> 18550 <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" 18551 viewBox="0 0 197.8 197.8" style="enable-background:new 0 0 197.8 197.8;" xml:space="preserve"> 18552 <g> 18553 <g> 18554 <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" /> 18555 </g> 18556 </g> 18557 </svg> 18558</a> 18559 </li><li> 18560 <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"> 18561 <g clip-path="url(#clip0_166010_110135)"> 18562 <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
185621 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"/> 18563 </g> 18564 <defs> 18565 <clipPath id="clip0_166010_110135"> 18566 <rect width="20" height="20" fill="currentColor"/> 18567 </clipPath> 18568 </defs> 18569 </svg> 18570</a> 18571 </li> 18572 </ul> 18573 </div></div></div> 18574 <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"> 18575 <div class="mt-4 flex"> 18576 <div class="relative w-full"> 18577 <input 18578 id="NewsletterForm--sections--27603634585879__footer" 18579 type="email" 18580 name="contact[email]" 18581 class="w-full h-full pl-2.5 pr-4 pt-5 input border-b-2 border-current roun
18581ded-none border-b-solid focus:outline-none focus:border-current bg-transparent placeholder:opacity-0" 18582 aria-required="true" 18583 autocorrect="off" 18584 autocapitalize="off" 18585 autocomplete="email" 18586 18587 placeholder="Email" 18588 required> 18589 <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"> 18590 Email 18591 </label> 18592 </div> 18593 <div> 18594 <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"> 18595 <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"> 18596 <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" /> 18597 </svg> 18598</span> 18599 </button> 18600 </div></div></form> 18601 <div class="rte"><p><strong>Be the first to discover new teas and exclusive experiences.</strong></p></div> 18602 18603<div class="mt-4"> 18604<div id="selector-social" class=" flex flex-col items-center md:items-start mx-auto"> 18605 18606 <ul class="social-list flex flex-wrap py-2.5 gap-2 justify-center md:justify-start" role="list"> 18607<li> 18608 <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"> 18609 <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"/> 18610 </svg> 18611</a> 18612 </li><li> 18613 <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"> 18614 <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,
186140s-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"/> 18615 </svg> 18616</a> 18617 </li><li> 18618 <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"> 18619 <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"/> 18620 </svg> 18621</a> 18622 </li><li> 18623 <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"> 18624 <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"/> 18625 </svg> 18626</a> 18627 </li><li> 18628 <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" 18629 viewBox="0 0 197.8 197.8" style="enable-background:new 0 0 197.8 197.8;" xml:space="preserve"> 18630 <g> 18631 <g> 18632 <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" /> 18633 </g> 18634 </g> 18635 </svg> 18636</a> 18637 </li><li> 18638 <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"> 18639 <g clip-path="url(#clip0_166010_110135)"> 18640 <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
186401 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"/> 18641 </g> 18642 <defs> 18643 <clipPath id="clip0_166010_110135"> 18644 <rect width="20" height="20" fill="currentColor"/> 18645 </clipPath> 18646 </defs> 18647 </svg> 18648</a> 18649 </li> 18650 </ul> 18651 </div></div></div> 18652 </div> 18653 </div> 18654 <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
18654or-pointer md:cursor-default duration-200 transition"> 18655 <p class="h6 text-[115%]">About iTeaworld</p> 18656 <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;"> 18657 <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/> 18658 </svg> 18659</span> 18660 </div><ul class="mt-6 hidden md:block"><li class="mb-1 first:pt-0 pt-2"> 18661 <a href="/pages/brand-history" class="hover-text-link nav-link relative block lg:inline-block"> 18662 About Us 18663 </a> 18664 </li><li class="mb-1 first:pt-0 pt-2"> 18665 <a href="/pages/sustainability" class="hover-text-link nav-link relative block lg:inline-block"> 18666 Sustainability 18667 </a> 18668 </li><li class="mb-1 first:pt-0 pt-2"> 18669 <a href="https://iteaworld.com/apps/17TRACK" class="hover-text-link nav-link relative block lg:inline-block"> 18670 Track Your Order 18671 </a> 18672 </li><li class="mb-1 first:pt-0 pt-2"> 18673 <a href="/pages/contact" class="hover-text-link nav-link relative block lg:inline-block"> 18674 Contact Us 18675 </a> 18676 </li><li class="mb-1 first:pt-0 pt-2"> 18677 <a href="/pages/faqs" class="hover-text-link nav-link relative block lg:inline-block"> 18678 FAQs 18679 </a> 18680 </li></ul><ul class="md:hidden" x-show="open" x-collapse x-cloak><li class="mb-1 mt-6 first:pt-0 pt-2"> 18681 <a href="/pages/brand-history" class="hover-text-link nav-link relative block lg:inline-block"> 18682 About Us 18683 </a> 18684 </li><li class="mb-1 first:pt-0 pt-2"> 18685 <a href="/pages/sustainability" class="hover-text-link nav-link relative block lg:inline-block"> 18686 Sustainability 18687 </a> 18688 </li><li class="mb-1 first:pt-0 pt-2"> 18689 <a href="https://iteaworld.com/apps/17TRACK" class="hover-text-link nav-link relative block lg:inline-block"> 18690 Track Your Order 18691 </a> 18692 </li><li class="mb-1 first:pt-0 pt-2"> 18693 <a href="/pages/contact" class="hover-text-link nav-link relative block lg:inline-block"> 18694 Contact Us 18695 </a> 18696 </li><li class="mb-1 first:pt-0 pt-2"> 18697 <a href="/pages/faqs" class="hover-text-link nav-link relative block lg:inline-block"> 18698 FAQs 18699 </a> 18700 </li></ul></div></div> 18701 <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"> 18702 <p class="h6 text-[115%]">Tea Club</p> 18703 <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;"> 18704 <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/> 18705 </svg> 18706</span> 18707 </div><ul class="mt-6 hidden md:block"><li class="mb-1 first:pt-0 pt-2"> 18708 <a href="https://iteaworld.com/pages/rewards-program" class="hover-text-link nav-link relative block lg:inline-block"> 18709 Rewards Program 18710 </a> 18711 </li><li class="mb-1 first:pt-0 pt-2"> 18712 <a href="https://iteaworld.com/pages/tea-club-subscription-floral-fruit-wellness-box" class="hover-text-link nav-link relative block lg:inline-block"> 18713 Tea Subscription Box 18714 </a> 18715 </li><li class="mb-1 first:pt-0 pt-2"> 18716 <a href="https://app.partnerboost.com/brand/85618/recruitment/iteaworld" class="hover-text-link nav-link relative block lg:inline-block"> 18717 Affiliate 18718 </a> 18719 </li></ul><ul class="md:hidden" x-show="open" x-collapse x-cloak><li class="mb-1 mt-6 first:pt-0 pt-2"> 18720 <a href="https://iteaworld.com/pages/rewards-program" class="hover-text-link nav-link relative block lg:inline-block"> 18721 Rewards Program 18722 </a> 18723 </li><li class="mb-1 first:pt-0 pt-2"> 18724 <a href="https://iteaworld.com/pages/tea-club-subscription-floral-fruit-wellness-box" class="hover-text-link nav-link relative block lg:inline-block"> 18725 Tea Subscription Box 18726 </a> 18727 </li><li class="mb-1 first:pt-0 pt-2"> 18728 <a href="https://app.partnerboost.com/brand/85618/recruitment/iteaworld" class="hover-text-link nav-link relative block lg:inline-block"> 18729 Affiliate 18730 </a> 18731 </li></ul></div></div> 18732 <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
18732or-pointer md:cursor-default duration-200 transition"> 18733 <p class="h6 text-[115%]">iTeaworld Policy</p> 18734 <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;"> 18735 <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/> 18736 </svg> 18737</span> 18738 </div><ul class="mt-6 hidden md:block"><li class="mb-1 first:pt-0 pt-2"> 18739 <a href="/policies/privacy-policy" class="hover-text-link nav-link relative block lg:inline-block"> 18740 Privacy Policy 18741 </a> 18742 </li><li class="mb-1 first:pt-0 pt-2"> 18743 <a href="/policies/refund-policy" class="hover-text-link nav-link relative block lg:inline-block"> 18744 Refund Policy 18745 </a> 18746 </li><li class="mb-1 first:pt-0 pt-2"> 18747 <a href="/policies/shipping-policy" class="hover-text-link nav-link relative block lg:inline-block"> 18748 Shipping Policy 18749 </a> 18750 </li><li class="mb-1 first:pt-0 pt-2"> 18751 <a href="/policies/terms-of-service" class="hover-text-link nav-link relative block lg:inline-block"> 18752 Terms of Service 18753 </a> 18754 </li></ul><ul class="md:hidden" x-show="open" x-collapse x-cloak><li class="mb-1 mt-6 first:pt-0 pt-2"> 18755 <a href="/policies/privacy-policy" class="hover-text-link nav-link relative block lg:inline-block"> 18756 Privacy Policy 18757 </a> 18758 </li><li class="mb-1 first:pt-0 pt-2"> 18759 <a href="/policies/refund-policy" class="hover-text-link nav-link relative block lg:inline-block"> 18760 Refund Policy 18761 </a> 18762 </li><li class="mb-1 first:pt-0 pt-2"> 18763 <a href="/policies/shipping-policy" class="hover-text-link nav-link relative block lg:inline-block"> 18764 Shipping Policy 18765 </a> 18766 </li><li class="mb-1 first:pt-0 pt-2"> 18767 <a href="/policies/terms-of-service" class="hover-text-link nav-link relative block lg:inline-block"> 18768 Terms of Service 18769 </a> 18770 </li></ul></div></div> 18771 <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" > 18772 <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"> 18773 <p class="h6 text-[115%]">Need help</p> 18774 <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;"> 18775 <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/> 18776 </svg> 18777</span> 18778 </div><div class="mt-6 hidden md:block"> 18779 18780 <div class="mb-4 flex items-center gap-x-4"> 18781 18782 18783 <span class="inline-block h-6 w-6 lg:h-9 lg:w-9 min-w-[24px] lg:min-w-[36px]"> 18784 18785 18786 <svg style="fill: none" width="100%" height="100%" viewB
18786ox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg"> 18787 18788 <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"/> 18789 <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"/> 18790 <path d="M50 72.5H50.045" stroke="currentColor" stroke-width="6.5" stroke-linecap="round" stroke-linejoin="round"/> 18791 18792 </svg> 18793 18794 18795 18796 </span> 18797 18798 18799 18800 <div> 18801 <p class="empty:hidden p-break-words">Send us an email</p> 18802 18803 <a href="mailto:[email protected]" target="_blank" 18804 class="font-semibold p-break-words empty:hidden text-[rgb(var(--colors-text-link))] hover-text-link nav-link relative" 18805 > 18806 [email protected] 18807 </a> 18808 18809 </div> 18810 18811 </div> 18812 18813 18814 <div class="mb-4 flex items-center gap-x-4"> 18815 18816 18817 <div> 18818 <p class="empty:hidden"></p> 18819 18820 <p class="font-semibold p-break-words empty:hidden text-[rgb(var(--colors-text-link))]"> 18821 18822 </p> 18823 18824 </div> 18825 18826 </div> 18827 18828 18829 <div class="mb-4 flex items-center gap-x-4"> 18830 18831 18832 <span class="inline-block h-6 w-6 lg:h-9 lg:w-9 min-w-[24px] lg:min-w-[36px]"> 18833 18834 18835 <svg style="fill: none" width="100%" height="100%" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg"> 18836 18837 <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"/> 18838 <path d="M50 23V50L68 59" stroke="currentColor" stroke-width="6.5" stroke-linecap="round" stroke-linejoin="round"/> 18839 18840 </svg> 18841 18842 18843 18844 </span> 18845 18846 18847 18848 <div> 18849 <p class="empty:hidden">Working Time (GMT+8:00)</p> 18850 18851 <p class="font-semibold p-break-words empty:hidden text-[rgb(var(--colors-text-link))]"> 18852 Mon - Fri, 10am - 6pm 18853 </p> 18854 18855 </div> 18856 18857 </div> 18858 18859 </div> 18860 <div class="mt-6 md:hidden" x-show="open" x-collapse x-cloak> 18861 18862 <div class="mb-4 flex items-center gap-x-4"> 18863 18864
18865 <span class="inline-block h-6 w-6 lg:h-9 lg:w-9 min-w-[24px] lg:min-w-[36px]"> 18866 18867 18868 <svg style="fill: none" width="100%" height="100%" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg"> 18869 18870 <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"/> 18871 <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"/> 18872 <path d="M50 72.5H50.045" stroke="currentColor" stroke-width="6.5" stroke-linecap="round" stroke-linejoin="round"/> 18873 18874 </svg> 18875 18876 18877 18878 </span> 18879 18880 18881 18882 <div> 18883 <p class="empty:hidden p-break-words">Send us an email</p> 18884 18885 <a href="mailto:[email protected]" target="_blank" 18886 class="font-semibold p-break-words empty:hidden text-[rgb(var(--colors-text-link))] hover-text-link nav-link relative" 18887 > 18888 [email protected] 18889 </a> 18890 18891 </div> 18892 18893 </div> 18894 18895 18896 <div class="mb-4 flex items-center gap-x-4"> 18897 18898 18899 <div> 18900 <p class="empty:hidden"></p> 18901 18902 <p class="font-semibold p-break-words empty:hidden text-[rgb(var(--colors-text-link))]"> 18903 18904 </p> 18905 18906 </div> 18907 18908 </div> 18909 18910 18911 <div class="mb-4 flex items-center gap-x-4"> 18912 18913 18914 <span class="inline-block h-6 w-6 lg:h-9 lg:w-9 min-w-[24px] lg:min-w-[36px]"> 18915 18916 18917 <svg style="fill: none" width="100%" height="100%" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg"> 18918 18919 <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"/> 18920 <path d="M50 23V50L68 59" stroke="currentColor" stroke-width="6.5" stroke-linecap="round" stroke-linejoin="round"/> 18921 18922 </svg> 18923 18924 18925 18926 </span> 18927 18928 18929 18930 <div> 18931 <p class="empty:hidden">Working Time (GMT+8:00)</p> 18932 18933 <p class="font-semibold p-break-words empty:hidden text-[rgb(var(--colors-text-link))]"> 18934 Mon - Fri, 10am - 6pm 18935 </p> 18936 18937 </div> 18938 18939 </div> 18940 18941 </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" 18942 > 18943 18944 18945
18945<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 18945
18945
18946<script type="module"> 18947 await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.shop-follow-button.en.esm.js"); 18948 18949 18950</script>
18950 18951 18952<shop-follow-button ux-mode="windoid" return-uri="https://iteaworld.com/account/redirect" proxy="true"></shop-follow-button> 18953 18954 18955 </div><div class="additional-footer ltr mx-5" 18956 > 18957 <div class="flex flex-col"><div class="mb-3 md:mb-2 lg:mb-2"> 18958 18959<div id="selector-social" class=" flex flex-col items-center md:items-start md:flex md:items-center mx-auto"> 18960 18961 18962 18963<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 18964 class="text-normal relative inline-flex lg:inline-block justify-center" 18965 x-data="{ open: false }" 18966 @keyup.escape="open = false" 18967 > 18968 <button 18969 @click.prevent="open = ! open;" 18970 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" 18971 aria-expanded="false" aria-controls="LanguageList" 18972 > 18973 <span>English</span> 18974 <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;"> 18975 <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/> 18976 </svg> 18977</span> 18978 </button> 18979 <div x-show="open" @click.away="open = false" x-cloak> 18980 18981 <ul 18982 18983 x-transition:enter="transition-all ease-in-out duration-500" 18984 x-transition:enter-start="opacity-0 transform translate-y-4" 18985 x-transition:enter-end="opacity-100 transform translate-y-0" 18986 x-transition:leave="transition-all ease-in-out duration-500" 18987 x-transition:leave-end="opacity-0 transform translate-y-4" 18988 18989 x-show="open" 18990 role="list" 18991 x-data="xLocalizationForm" 18992 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" 18993 > 18994 18995 <li class="cursor-pointer py-1 duration-200 transition sticky-footer"> 18996 <a class="nav-link hover-text-link relative border-b underline-color effect-inline" 18997 href="#" 18998 data-no-instant 18999 @click="submit('en', 'locale_selector')" 19000 > 19001 <span class="disclosure-list__label">English</span> 19002 </a> 19003 </li> 19004 <li class="cursor-pointer py-1 duration-200 transition sticky-footer"> 19005 <a class="nav-link hover-text-link relative options-text-color" 19006 href="#" 19007 data-no-instant 19008 @click="submit('zh-CN', 'locale_selector')" 19009 > 19010 <span class="disclosure-list__label">ç®ä½ä¸æ</span> 19011 </a> 19012 </li></ul> 19013 19014 </div> 19015 <input type="hidden" name="locale_code" id="locale_selector" value="en" data-disclosure-input/> 19016 </div><div 19017 x-data="xLocalizationForm" 19018 class="country-selector max-w-max text-normal relative inline-flex lg:inline-block justify-center" 19019 @keyup.escape="openCountry = false" 19020 > 19021 <button 19022 @click.prevent="loadCountry($el); " 19023 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" 19024 aria-expanded="false" aria-controls="CurrencyList" 19025 > 19026 <span> 19027 19028 United States ‎(USD $)‎ 19029 19030 </span> 19031 <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'">
19031<svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;"> 19032 <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/> 19033 </svg> 19034</span> 19035 <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"> 19036 <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" 19037 fill="currentcolor" stroke="none"> 19038 <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"/> 19039 </g> 19040 </svg> 19041</span> 19042 </button> 19043 19044 <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" 19045 19046 x-transition:enter="transition-all ease-in-out duration-500" 19047 x-transition:enter-start="opacity-0 transform translate-y-4" 19048 x-transition:enter-end="opacity-100 transform translate-y-0" 19049 x-transition:leave="transition-all ease-in-out duration-500" 19050 x-transition:leave-end="opacity-0 transform translate-y-4" 19051 19052 x-show="openCountry" @click.away="openCountry = false" x-cloak> 19053 </div> 19054 19055 <input id="currency_selector" type="hidden" name="country_code" value="US"> 19056 </div></form>
19056<script src="//iteaworld.com/cdn/shop/t/51/assets/locales-form.js?v=77424405773733899781782181913" defer></script>
19056</div> 19057 </div><div class="flex flex-col items-center lg:mt-2 order-last"> 19058 <div class="mt-4 md:mt-4 base-link text-center lg:mt-0 p-break-words"><p class="inline-block">© 2026, </p> 19059 <a href="/" title="">iTeaworld</a>. 19060 </div> 19061 </div> 19062 <ul class="icon-payment flex justify-center gap-y-2 flex-wrap" role="list"><li class="pl-1 pr-1"> 19063 <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> 19064 19065 </li><li class="pl-1 pr-1"> 19066 <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
190661.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> 19067 19068 </li><li class="pl-1 pr-1"> 19069 <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-.
19069001.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> 19070 </li><li class="pl-1 pr-1"> 19071 <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.
1907106zM23.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> 19072 19073 </li><li class="pl-1 pr-1"> 19074 <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
190747 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> 19075 </li><li class="pl-1 pr-1"> 19076 <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> 19077 19078 </li><li class="pl-1 pr-1"> 19079 <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"/>
19079<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 0-.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> 19080 </li><li class="pl-1 pr-1"> 19081 <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> 19082 19083 </li><li class="pl-1 pr-1"> 19084 <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.
19084635.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> 19085 </li><li class="pl-1 pr-1"> 19086 <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
1908616.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> 19087 19088 </li></ul> 19089 </div> 19090 </div> 19091</div> 19092</div> 19093<!-- END sections: footer-group-puff --> 19094 19095 <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> 19096 19097<div id="popup-minimal-left" 19098 class="fixed z-50 bottom-4 md:bottom-8 left-4 md:left-8 pointer-events-auto pr-4 md:pr-8" 19099></div> 19100 19101 <div class="scroll-to-top"> 19102 <style data-shopify> 19103 .scroll_top { 19104 bottom: 40px; 19105 } 19106 @media(min-width: 768px) { 19107 .scroll_top { 19108 bottom: 40px; 19109 } 19110 } 19111 </style> 19112 <div 19113 x-data="xScrollTop" 19114 @init-run.window="scrollFunction()" 19115 @scroll.window="scrollFunction()" 19116 class=" md:block" 19117 > 19118 <button 19119 x-show="show" x-cloak 19120 @click="scrollTop()" 19121 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" 19122 x-transition:enter="transition-all ease-in-out duration-500" 19123 x-transition:enter-start="opacity-0 transform translate-y-1/3" 19124 x-transition:enter-end="opacity-100 translate-y-0" 19125 x-transition:leave="transition-all ease-in-out duration-500" 19126 x-transition:leave-end="opacity-0 transform translate-y-1/3" 19127 aria-label="scroll top" 19128 > 19129 19130 <svg class=" w-full h-full" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"> 19131 <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" /> 19132 </svg> 19133 19134 19135 </button> 19136 </div> 19137
19137<script> 19138 requestAnimationFrame(() => { 19139 document.addEventListener('alpine:init', () => { 19140 Alpine.data('xScrollTop', () => ({ 19141 show: false, 19142 scrollTop() { 19143 window.scrollTo({top: 0, behavior: 'smooth'}); 19144 }, 19145 scrollFunction() { 19146 const position = window.innerWidth < 1025 ? 300 : 900; 19147 this.show = (document.body.scrollTop > position || document.documentElement.scrollTop > position) 19148 ? true : false; 19149 } 19150 })); 19151 }); 19152 }); 19153 </script>
19153 19154</div> 19155 19156 19157 </div> 19158 <div> 19159 <ul hidden> 19160 <li id="a11y-refresh-page-message">Choosing a selection results in a full page refresh. 19161 </li> 19162 <li id="a11y-new-window-message">Opens in a new window. 19163 </li> 19164 </ul> 19165
19165<script> 19166 window.Eurus = { 19167 sliderScript: '//iteaworld.com/cdn/shop/t/51/assets/splide4.1.3.js?v=75458750262329959491782181913', 19168 cart_error: `There was an error while updating your cart. Please try again.`, 19169 cart_quantity_error_html: `You can only add [quantity] of this item to your cart.`, 19170 loadedScript: new Set(), 19171 cart_add_url: '/cart/add' 19172 }; 19173 </script>
19173 19174 19175 19176
19176<script src="//iteaworld.com/cdn/shop/t/51/assets/share-cart.js?v=81910416972852916151782181913" defer></script>
19176 19177 19178
19179<script src="//iteaworld.com/cdn/shop/t/51/assets/coupon-code.js?v=81024552324496332761782181913" defer></script>
19179 19180 19181
19181<script src="//iteaworld.com/cdn/shop/t/51/assets/preview-color-swatches.js?v=144173175652728470521782181913" defer></script>
19181<script src="//iteaworld.com/cdn/shop/t/51/assets/cart-countdown-timer.js?v=133635040897166765701782181913" defer></script>
19181<script src="//iteaworld.com/cdn/shop/t/51/assets/theme.js?v=74059872380436855061782181913" defer></script>
19181 19182
19182<script src="//iteaworld.com/cdn/shop/t/51/assets/vendors.js?v=21726020999429958561782181913" defer></script>
19182 19183
19183<script src="//iteaworld.com/cdn/shop/t/51/assets/variant-select-card.js?v=141088792309509576511782181913" defer></script>
19183 19184
19184<script> 19185 window.addEventListener("load", (event) => { 19186 deferScriptLoad('instant.page', '//iteaworld.com/cdn/shop/t/51/assets/instant.page.v5.1.1.js?v=43232110432331176871782181913', () => {}, true); 19187 }); 19188 </script>
19188 19189 </div> 19190 <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> 19191<div id="shopify-block-AR2FMSW9nNERWcU9kV__6174324309569838175" class="shopify-block shopify-app-block"> 19192 19193 19194<div class="smile-shopify-init" 19195 data-channel-key="channel_3tD0ZH4zn60p7JpPrNhrRZ66" 19196 19197></div> 19198 19199 19200</div><div id="shopify-block-AVzVKSUVwR2MyQzkyV__3347912604202854125" class="shopify-block shopify-app-block"><style> 19201 .bundle-components-toggle { 19202 margin: 8px 0; 19203 } 19204 19205 .bundle-toggle-btn { 19206 display: flex; 19207 align-items: center; 19208 justify-content: space-between; 19209 width: 100%; 19210 background: none; 19211 border: none; 19212 padding: 0; 19213 cursor: pointer; 19214 font-size: 14px; 19215 color: #666; 19216 transition: color 0.2s ease; 19217 } 19218 19219 .bundle-toggle-btn:hover { 19220 color: #333; 19221 } 19222 19223 .bundle-toggle-btn[aria-expanded='true'] .toggle-icon { 19224 transform: rotate(180deg); 19225 } 19226 19227 .bundle-toggle-btn[aria-expanded='false'] .toggle-icon { 19228 transform: rotate(0deg); 19229 } 19230 19231 .bundle-components-list { 19232 margin-top: 8px; 19233 } 19234 19235 .bundle-item { 19236 display: flex; 19237 align-items: flex-start; 19238 gap: 12px; 19239 padding: 8px 0; 19240 } 19241 19242 .bundle-item:first-child { 19243 padding-top: 0; 19244 } 19245 19246 .bundle-item-image { 19247 flex-shrink: 0; 19248 width: 50px; 19249 height: 50px; 19250 border-radius: 4px; 19251 overflow: hidden; 19252 border: 1px solid #e5e5e5; 19253 } 19254 19255 .bundle-item-image.no-image { 19256 background: #f3f3f3; 19257 display: flex; 19258 align-items: center; 19259 justify-content: center; 19260 } 19261 19262 .bundle-item-image img { 19263 width: 100%; 19264 height: 100%; 19265 object-fit: cover; 19266 } 19267 19268 .bundle-item-details { 19269 flex: 1; 19270 min-width: 0; 19271 } 19272 19273 .bundle-item-info { 19274 display: flex; 19275 align-items: flex-start; 19276 gap: 6px; 19277 margin-bottom: 2px; 19278 } 19279 19280 .bundle-item-quantity { 19281 font-size: 14px; 19282 color: #333; 19283 font-weight: 500; 19284 flex-shrink: 0; 19285 } 19286 19287 .bundle-item-title { 19288 font-size: 14px; 19289 color: #333; 19290 font-weight: 400; 19291 line-height: 1.3; 19292 } 19293 19294 .bundle-item-variant { 19295 font-size: 12px; 19296 color: #666; 19297 line-height: 1.2; 19298 } 19299 </style> 19300 19301
19301<script> 19302 function toggleBundleComponents(button) { 19303 const componentsList = button.nextElementSibling; 19304 const toggleText = button.querySelector('.toggle-text'); 19305 const isExpanded = button.getAttribute('aria-expanded') === 'true'; 19306 const itemCount = toggleText.textContent.match(/\d+/)[0]; 19307 19308 if (isExpanded) { 19309 componentsList.style.display = 'none'; 19310 button.setAttribute('aria-expanded', 'false'); 19311 toggleText.textContent = `Show ${itemCount} items`; 19312 } else { 19313 componentsList.style.display = 'block'; 19314 button.setAttribute('aria-expanded', 'true'); 19315 toggleText.textContent = `Hide ${itemCount} items`; 19316 } 19317 } 19318 </script>
19318 19319 19320 </div><div id="shopify-block-AaUY3TDlOK3J2UVAyQ__4015264832934714879" class="shopify-block shopify-app-block"><!-- BEGIN app snippet: ecomsend-app -->
19320<script type="text/javascript"> 19321 //SendWILL APPS COMMON JS CODE 19322 window.EcomSendApps = window.EcomSendApps || {} 19323 19324 window.EcomSendApps.design_mode = false 19325 19326 19327 window.EcomSendApps.common = window.EcomSendApps.common || {} 19328 window.EcomSendApps.common.shop = { 19329 permanent_domain: 'd89fb3-3.myshopify.com', 19330 currency: "USD", 19331 money_format: "${{amount}}", 19332 id: 77803192599, 19333 } 19334 19335 19336 19337 window.EcomSendApps.common.customer = { 19338 id: null, 19339 tags: null, 19340 email: null, 19341 accepts_marketing: null, 19342 first_name: null, 19343 } 19344 19345 19346 19347 window.EcomSendApps.common.template = 'index' 19348</script>
19348 19349<!-- END app snippet --> 19350
19351<script> 19352 window.EcomSendApps = window.EcomSendApps || {} 19353 /** @description shared localStorage key used by web-pixel sandbox to read storefront GDPR mode */ 19354 const ECOMSEND_GDPR_ENABLED_STORAGE_KEY = "ECOMSEND:GDPR_ENABLED" 19355 /** @description storefront main bundle asset url */ 19356 const ECOMSEND_MAIN_SCRIPT_URL = 'https://cdn.shopify.com/extensions/01a0d28e-b1b8-7cde-aaa7-5e10be7991d9/ecomsend-207/assets/ecomsend.js' 19357 /** @description storefront style asset url */ 19358 const ECOMSEND_MAIN_STYLE_URL = 'https://cdn.shopify.com/extensions/01a0d28e-b1b8-7cde-aaa7-5e10be7991d9/ecomsend-207/assets/style.css' 19359 /** @description storefront wasm asset url for runtime signature module */ 19360 const ECOMSEND_WASM_ASSET_URL = 'https://cdn.shopify.com/extensions/01a0d28e-b1b8-7cde-aaa7-5e10be7991d9/ecomsend-207/assets/client_safe.wasm' 19361 /** @description fallback delay when requestIdleCallback is unavailable */ 19362 const ECOMSEND_IDLE_TIMEOUT_MS = 800 19363 /** @description user interaction events used to trigger lazy init earlier */ 19364 const ECOMSEND_INTERACTION_EVENTS = ["pointerdown", "keydown", "touchstart"] 19365 /** @description global flag key for emergency immediate loading */ 19366 const ECOMSEND_FORCE_IMMEDIATE_FLAG = window.EcomSendApps?.forceImmediateLoad === true 19367 /** @description default GDPR mode comes from block setting and can be overridden on window.EcomSendApps.GDPR */ 19368 const ECOMSEND_DEFAULT_GDPR_FLAG = false 19369 /** @description default CWTracks mode comes from block setting and can be overridden on window.EcomSendApps.CWTracksEnabled */ 19370 const ECOMSEND_DEFAULT_CWTRACKS_ENABLED = false 19371 19372 /** @description normalize merchant-provided GDPR switch into a strict boolean value */ 19373 function normalizeEcomsendBooleanFlag(rawValue) { 19374 if (typeof rawValue === "boolean") { 19375 return rawValue 19376 } 19377 if (typeof rawValue === "number") { 19378 return rawValue === 1 19379 } 19380 if (typeof rawValue === "string") { 19381 const normalizedValue = rawValue.trim().toLowerCase() 19382 return normalizedValue === "true" || normalizedValue === "1" || normalizedValue === "yes" 19383 } 19384 return false 19385 } 19386 19387 /** @description lock runtime switch value on EcomSendApps to reduce accidental console overwrite. */ 19388 function lockEcomsendReadonlyFlag(flagName, flagValue) { 19389 try { 19390 Object.defineProperty(window.EcomSendApps, flagName, { 19391 value: flagValue, 19392 writable: false, 19393 configurable: false, 19394 enumerable: true, 19395 }) 19396 return 19397 } catch (error) {} 19398 window.EcomSendApps[flagName] = flagValue 19399 } 19400 19401 /** @description resolve storefront GDPR mode from merchant theme override */ 19402 function resolveEcomsendGdprMode() { 19403 if (typeof window.EcomSendApps.GDPR === "undefined") { 19404 window.EcomSendApps.GDPR = ECOMSEND_DEFAULT_GDPR_FLAG 19405 } 19406 const gdprEnabled = normalizeEcomsendBooleanFlag(window.EcomSendApps.GDPR) 19407 window.EcomSendApps.GDPR = gdprEnabled 19408 return gdprEnabled 19409 } 19410 19411 /** @description resolve storefront CWTracks mode from merchant theme block setting and runtime override */ 19412 function resolveEcomsendCwTracksMode() { 19413 if (typeof window.EcomSendApps.CWTracksEnabled === "undefined") { 19414 window.EcomSendApps.CWTracksEnabled = ECOMSEND_DEFAULT_CWTRACKS_ENABLED 19415 } 19416 const cwTracksEnabled = normalizeEcomsendBooleanFlag(window.EcomSendApps.CWTracksEnabled) 19417 window.EcomSendApps.CWTracksEnabled = cwTracksEnabled 19418 return cwTracksEnabled 19419 } 19420 19421 /** @description persist storefront GDPR mode so web-pixel sandbox can consume the same switch */ 19422 function syncEcomsendGdprModeToStorage(gdprEnabled) { 19423 if (!window.localStorage) { 19424 return 19425 } 19426 if (gdprEnabled) { 19427 window.localStorage.setItem(ECOMSEND_GDPR_ENABLED_STORAGE_KEY, "true") 19428 return 19429 } 19430 window.localStorage.removeItem(ECOMSEND_GDPR_ENABLED_STORAGE_KEY) 19431 } 19432 19433 /** @description enable GDPR gating only when merchant explicitly turns on storefront GDPR mode */ 19434 const ECOMSEND_GDPR_ENABLED = resolveEcomsendGdprMode() 19435 /** @description enable CWTracks callback/event emit only when merchant turns on CWTracks mode. */ 19436 const ECOMSEND_CWTRACKS_ENABLED = resolveEcomsendCwTracksMode() 19437 lockEcomsendReadonlyFlag("GDPR", ECOMSEND_GDPR_ENABLED) 19438 lockEcomsendReadonlyFlag("CWTracksEnabled", ECOMSEND_CWTRACKS_ENABLED) 19439 19440 try { 19441 syncEcomsendGdprModeToStorage(ECOMSEND_GDPR_ENABLED) 19442 } catch (error) {} 19443 19444 /** @description create main stylesheet node for storefront runtime */ 19445 function createEcomSendMainStyleEle() { 19446 const ecomsendMainStyleEle = document.createElement("link") 19447 ecomsendMainStyleEle.rel = "stylesheet" 19448 ecomsendMainStyleEle.href = ECOMSEND_MAIN_STYLE_URL 19449 ecomsendMainStyleEle.dataset.ecomsendTag = "main-style" 19450 return ecomsendMainStyleEle 19451 } 19452 19453 /** @description append runtime stylesheet exactly once */ 19454 function ensureEcomSendMainStyleLoaded() { 19455 if (document.querySelector('link[data-ecomsend-tag="main-style"]')) { 19456 return 19457 } 19458 const ecomsendMainStyleEle = createEcomSendMainStyleEle() 19459 document.head.appendChild(ecomsendMainStyleEle) 19460 } 19461 19462 /** @description remove interaction listeners after first lazy-init trigger */ 19463 function clearInteractionListeners() {
19464 ECOMSEND_INTERACTION_EVENTS.forEach((eventName) => { 19465 window.removeEventListener(eventName, scheduleMainBundleLoad) 19466 }) 19467 } 19468 19469 /** @description run low-priority task via idle callback with timeout fallback */ 19470 function scheduleLowPriorityTask(taskRunner, timeoutMs) { 19471 if (window.requestIdleCallback) { 19472 window.requestIdleCallback(() => { 19473 taskRunner() 19474 }, { timeout: timeoutMs }) 19475 return 19476 } 19477 window.setTimeout(() => { 19478 taskRunner() 19479 }, timeoutMs) 19480 } 19481 19482 /** @description load main storefront bundle once and keep rollback override */ 19483 function loadEcomsendMainBundle() { 19484 if (window.__ecomsendMainBundleLoaded) { 19485 return 19486 } 19487 window.__ecomsendMainBundleLoaded = true 19488 clearInteractionListeners() 19489 /** @description ensure storefront runtime css is loaded together with main bundle */ 19490 ensureEcomSendMainStyleLoaded() 19491 const ecomsendMainScriptEle = document.createElement("script") 19492 ecomsendMainScriptEle.src = ECOMSEND_MAIN_SCRIPT_URL 19493 ecomsendMainScriptEle.async = true 19494 ecomsendMainScriptEle.dataset.ecomsendTag = "main-script" 19495 document.body.appendChild(ecomsendMainScriptEle) 19496 } 19497 19498 /** @description schedule heavy bundle with idle-first strategy to reduce main-thread contention */ 19499 function scheduleMainBundleLoad() { 19500 if (window.__ecomsendMainBundleLoadScheduled) { 19501 return 19502 } 19503 /** @description dedupe idle scheduling from DOMContentLoaded and first interactions */ 19504 window.__ecomsendMainBundleLoadScheduled = true 19505 if (ECOMSEND_FORCE_IMMEDIATE_FLAG) { 19506 loadEcomsendMainBundle() 19507 return 19508 } 19509 scheduleLowPriorityTask(loadEcomsendMainBundle, ECOMSEND_IDLE_TIMEOUT_MS) 19510 } 19511 19512 /** @description cache marketing params for pixel/report flows before heavy bundle starts */ 19513 function cacheMarketingParams() { 19514 const urlParams = new URLSearchParams(window.location.search) 19515 const marketingId = urlParams.get("ec_marketing_id") 19516 const ecEmailId = urlParams.get("ec_email_id") 19517 const ecMarketingSign = urlParams.get("ec_marketing_sign") 19518 19519 if (marketingId && window.localStorage) { 19520 window.localStorage.setItem("ec_marketing_id", marketingId) 19521 } 19522 if (ecEmailId && window.localStorage) { 19523 window.localStorage.setItem("ec_email_id", ecEmailId) 19524 } 19525 if (ecMarketingSign && window.localStorage) { 19526 window.localStorage.setItem("ec_marketing_sign", ecMarketingSign) 19527 } 19528 } 19529 19530 /** @description check whether marketing storage is allowed under Shopify customer privacy state */ 19531 function isMarketingStorageAllowedByCustomerPrivacy() { 19532 const customerPrivacy = window?.Shopify?.customerPrivacy 19533 if (!customerPrivacy) { 19534 return false 19535 } 19536 const marketingAllowed = typeof customerPrivacy.marketingAllowed === "function" && customerPrivacy.marketingAllowed() 19537 if (marketingAllowed) { 19538 return true 19539 } 19540 if (typeof customerPrivacy.currentVisitorConsent === "function") { 19541 const consent = customerPrivacy.currentVisitorConsent() 19542 return consent?.marketing === "yes" 19543 } 19544 return false 19545 } 19546 19547 /** @description check whether analytics storage is allowed under Shopify customer privacy state */ 19548 function isAnalyticsStorageAllowedByCustomerPrivacy() { 19549 const customerPrivacy = window?.Shopify?.customerPrivacy 19550 if (!customerPrivacy) { 19551 return false 19552 } 19553 const analyticsAllowed = typeof customerPrivacy.analyticsProcessingAllowed === "function" && customerPrivacy.analyticsProcessingAllowed() 19554 if (analyticsAllowed) { 19555 return true 19556 } 19557 if (typeof customerPrivacy.currentVisitorConsent === "function") { 19558 const consent = customerPrivacy.currentVisitorConsent() 19559 return consent?.analytics === "yes" 19560 } 19561 return false 19562 } 19563 19564 /** @description execute marketing param caching with GDPR guard: functional off when GDPR disabled */ 19565 function cacheMarketingParamsWithGdprGuard() { 19566 if (!ECOMSEND_GDPR_ENABLED) { 19567 cacheMarketingParams() 19568 return 19569 } 19570 if (isMarketingStorageAllowedByCustomerPrivacy()) { 19571 cacheMarketingParams() 19572 } 19573 } 19574 19575 /** @description cache shop id used by pixel report branches */ 19576 function cacheShopIdForPixel() { 19577 if (!window.EcomSendApps?.common?.shop?.id || !window.localStorage) { 19578 return 19579 } 19580 window.localStorage.setItem("ECOMSEND:ES_SHOP_ID", window.EcomSendApps.common.shop.id) 19581 } 19582 19583 /** 19584 * Flow client config (e.g. browserStaySeconds) is fetched by the main ecomsend.js bundle: 19585 * bootstrapFlowClientConfig â POST /api/automation/v2/clientFlowConfig (API Sign) 19586 * â localStorage ECOMSEND:FLOW_CLIENT_CONFIG.byEventId â read by web-pixel. 19587 * Keep new C-end Flow config on this path; do not scatter fetches in liquid. 19588 */ 19589 19590 /** @description execute shop id caching with GDPR guard and shared consent policy */ 19591 function cacheShopIdWithGdprGuard() { 19592 if (!ECOMSEND_GDPR_ENABLED) { 19593 cacheShopIdForPixel() 19594 return 19595 } 19596 if (isAnalyticsStorageAllowedByCustomerPrivacy()) { 19597 cacheShopIdForPixel() 19598 } 19599 } 19600 19601 /** @description load Shopify consent-tracking API before GDPR-gated cache writes */ 19602 function withCustomerPrivacyApiReady(onReady) { 19603 if (!ECOMSEND_GDPR_ENABLED) { 19604 onReady() 19605 return 19606 } 19607 if (window?.Shopify?.customerPrivacy) { 19608 onReady() 19609 return 19610 } 19611 if (typeof window?.Shopify?.loadFeatures !== "function") { 19612 return 19613 } 19614 window.Shopify.loadFeatures( 19615 [{ name: "consent-tracking-api", version: "0.1" }], 19616 (error) => { 19617 if (error) { 19618 return 19619 } 19620 onReady() 19621 } 19622 ) 19623 } 19624 19625 try { 19626 withCustomerPrivacyApiReady(() => { 19627 cacheMarketingParamsWithGdprGuard() 19628 cacheShopIdWithGdprGuard() 19629 }) 19630 if (ECOMSEND_GDPR_ENABLED) { 19631 document.addEventListener("visitorConsentCollected", () => { 19632 cacheMarketingParamsWithGdprGuard() 19633 cacheShopIdWithGdprGuard() 19634 }) 19635 } 19636 } catch (e) {} 19637 19638 /** @description inject wasm asset url into shared namespace before main bundle executes */ 19639 window.EcomSendApps.wasmURL = ECOMSEND_WASM_ASSET_URL 19640
19641 ECOMSEND_INTERACTION_EVENTS.forEach((eventName) => { 19642 window.addEventListener(eventName, scheduleMainBundleLoad, { once: true, passive: true }) 19643 }) 19644 19645 if (document.readyState === "loading") { 19646 document.addEventListener("DOMContentLoaded", scheduleMainBundleLoad, { once: true }) 19647 } else { 19648 scheduleMainBundleLoad() 19649 } 19650</script>
19650 19651 19652<style id="ecomsend-custom-style"></style> 19653
19654<script>window.shopLocale = 'en'</script>
19654 19655
19656<script> 19657 /** @description timeout used for deferred discount request scheduling */ 19658 const ECOMSEND_DISCOUNT_IDLE_TIMEOUT_MS = 1500 19659 19660 /** @description apply discount code from url query only when parameter exists */ 19661 function applyWillDiscountCode() { 19662 const urlParams = new URLSearchParams(window.location.search) 19663 const willDiscountCode = urlParams.get("willDiscountCode") 19664 if (!willDiscountCode || /[\u0000-\u001F\u007F]/.test(willDiscountCode)) { 19665 return 19666 } 19667 fetch("/cart/update.js", { 19668 method: "POST", 19669 headers: { 19670 "Content-Type": "application/json", 19671 }, 19672 body: JSON.stringify({ 19673 discount: willDiscountCode, 19674 }), 19675 }) 19676 } 19677 19678 try { 19679 if (!window.__ecomsendDeferredTasksScheduled) { 19680 /** @description global guard to avoid duplicate deferred task scheduling */ 19681 window.__ecomsendDeferredTasksScheduled = true 19682 if (window.requestIdleCallback) { 19683 window.requestIdleCallback(() => { 19684 applyWillDiscountCode() 19685 }, { timeout: ECOMSEND_DISCOUNT_IDLE_TIMEOUT_MS }) 19686 } else { 19687 window.setTimeout(() => { 19688 applyWillDiscountCode() 19689 }, ECOMSEND_DISCOUNT_IDLE_TIMEOUT_MS) 19690 } 19691 } 19692 } catch (error) {} 19693</script>
19693 19694 19695 19696 19697</div><div id="shopify-block-AZFd6aGFnS21FS1hVa__13768625480086291342" class="shopify-block shopify-app-block">
19697<script> 19698 window['ShopifyForms'] = { 19699 ...window['ShopifyForms'], 19700 currentPageType: "index" 19701 }; 19702</script>
19702 19703 19704 19705</div><div id="shopify-block-AeWtjZE1LT2Irb3pva__7079518687644006178" class="shopify-block shopify-app-block">
19705<script> 19706 (function () { 19707 const cartAttributes = {}; 19708 19709 // Helper function to retrieve the UTM from Url 19710 function getUTMFromUrl() { 19711 const url_string = window.location.href; 19712 const url = new URL(url_string); 19713 19714 const utm_id = url.searchParams.get("utm_id"); 19715 const utm_source = url.searchParams.get("utm_source"); 19716 const utm_medium = url.searchParams.get("utm_medium"); 19717 const utm_campaign = url.searchParams.get("utm_campaign"); 19718 const utm_term = url.searchParams.get("utm_term"); 19719 const ref = url.searchParams.get("ref"); 19720 19721 if (!utm_id && !utm_source && !utm_medium && !utm_campaign && !ref) { 19722 return null; 19723 } 19724 19725 let utmParameters = {}; 19726 19727 if (utm_id) { 19728 utmParameters.utm_id = utm_id; 19729 } 19730 if (utm_source) { 19731 utmParameters.utm_source = utm_source; 19732 } 19733 if (utm_medium) { 19734 utmParameters.utm_medium = utm_medium; 19735 } 19736 if (utm_campaign) { 19737 utmParameters.utm_campaign = utm_campaign; 19738 } 19739 if (utm_term) { 19740 utmParameters.utm_term = utm_term; 19741 } 19742 if (ref) { 19743 utmParameters.ref = ref; 19744 } 19745 19746 19747 return Object.keys(utmParameters).length === 0 19748 ? null 19749 : utmParameters; 19750 } 19751 19752 // Helper function to retrieve the UTM from Cookie 19753 function getUTMAttributes() { 19754 const urlUtmParams = getUTMFromUrl(); 19755 19756 if (urlUtmParams) { 19757 return urlUtmParams; 19758 } 19759 19760 // No longer reading from deprecated Shopify cookies 19761 return undefined; 19762 } 19763 19764 function saveUtmParameters() { 19765 const utmParams = getUTMAttributes(); 19766 if (utmParams) { 19767 const cartHasUtmAttributes = Object.keys(cartAttributes).find(attributeKey => attributeKey.startsWith("utm_") || attributeKey === "ref"); 19768 if (cartHasUtmAttributes) { 19769 // Don't call API if it already contains our UTM parameters 19770 return; 19771 } 19772 19773 // Handle both Shopify.routes.root and routes.root_url for better compatibility 19774 var rootUrl = (window.Shopify && window.Shopify.routes && window.Shopify.routes.root) 19775 || (window.routes && window.routes.root_url) 19776 || '/'; 19777 19778 var updateCart = fetch(rootUrl + 'cart/update.js', 19779 { 19780 headers: { 19781 'Content-Type': 'application/json', 19782 }, 19783 method: "POST", 19784 body: JSON.stringify({ 19785 attributes: { 19786 ...utmParams 19787 }, 19788 }) 19789 }) 19790 .then(response => response.json()) 19791 .then(data => { 19792 return data 19793 }); 19794 } 19795 } 19796 19797 saveUtmParameters(); 19798 })(); 19799</script>
19799 19800 19801 19802 19803 19804</div><div id="shopify-block-ATU5yWDREYXpyTTZze__13767922238101876566" class="shopify-block shopify-app-block"> 19805</div><div id="shopify-block-AbWtqUDNra0ZYUkZPN__7280966411886983154" class="shopify-block shopify-app-block"><!-- BEGIN app snippet: resource-data --><!-- initializing the resources object -->
19806<script> 19807 // we're adding default values to the resources object here only 19808 // liquid code works in synchronous manner, so we're adding the default values at the top of the file 19809 window.mrShopifyResources = { 19810 PRODUCT: [], 19811 ['PRODUCT-IN-COLLECTION']: [], 19812 CUSTOMER: {}, 19813 }; 19814</script>
19814 19815 19816<!-- adding the product resource --> 19817<!-- BEGIN app snippet: product --><!-- adding the product resource --> 19818 19819<!-- END app snippet --> 19820 19821<!-- adding the customer resource --> 19822<!-- BEGIN app snippet: customer --><!-- END app snippet --> 19823 19824<!-- adding the product-in-collection resource --> 19825<!-- BEGIN app snippet: product-in-collection --><!-- adding the product resource in collection --> 19826 19827<!-- END app snippet --><!-- END app snippet --> 19828 19829 19830</div><div id="shopify-block-AQnA4MHcwb0FmV1RQb__6248820269887056826" class="shopify-block shopify-app-block">
19830<script> 19831 var script = document.createElement('script'); 19832 script.type = 'text/javascript'; 19833 script.src = `https://zegsuapps.com/shopify/instagenie/widget?version=1.0.0&shop=${window.Shopify?.shop}&type=embed`; 19834 document.head.appendChild(script); 19835</script>
19835 19836</div>
19836<script src="https://cdn.shopify.com/storefront/standard-actions.js" type="module" data-source-attribution="shopify.standard_actions"></script>
19836 19837<shopify-store store-domain="https://iteaworld.com" country="US" language="en"></shopify-store> 19838<shopify-chat></shopify-chat> 19839</body> 19840</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.